@charset "utf-8";
/* CSS Document */

/********************************************************
**
** PREVIOUS STYLES FROM pm_base.css 
**
*********************************************************/

/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
.contain:after { 
	content: ".";  
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}
.contain {display: block;}

#item-image table {
	width: 95%;
	border-spacing: 0px 0px;
	background-color: white;
	margin-left: 25px;
}
#item-image td.grey_line {
	height: 1px;
	background-color: #c1c2c0;
}

.icon-pdf { width:16px; height:16px; float:left; margin-right:0.5em; background: url(images/icon_pdf.gif) no-repeat left center; }

.caption {
	font-style: italic;
	font-size: 10px;
	color: gray;
}
.required_star {
	color: red;
	font-size: 12px;
	font-weight: bold;
}

.media-thumb { max-width: 640px; max-height:360px; }











/********************************************************
**
** 2013 Styles
**
*********************************************************/

* {
	margin: 0;
}
html,
body {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#page {
	/* height: 100%; /* IE */
	min-height: 100%;
	position: relative;
	padding-bottom: 210px;
}

#main { padding-bottom: 50px; }

footer { 
	position: absolute;
	bottom: 0;
	width: 100%;
	x-height: 210px;
}

/* ie fix */
@media (max-width: 767px) {
	footer {
		position: static;
	}
	#page {
		padding-bottom: 0;
	}
}
@media only screen and (max-device-width: 480px) {
	footer .container {
		height: auto;
	}
}

header { position:relative; z-index:3; }
#main { position:relative; z-index:2; }
footer { z-index:1; }

body.popup header .nav,
body.popup footer {
	display:none;	
}



.navbar-brand {
	float: left;
	padding: 8px 15px 0 15px;
}
.navbar-brand a { display:block; }

.navbar .fore-primary { color:#39aef4; }
.navbar .back-primary { background-color:#39aef4; }
.navbar .cart { 
	background-color: #666666;
}
.navbar .cart .badge { 
	background-color: #fff;
	color: #39aef4;
}
.navbar-default .navbar-nav>li.cart>a {
	color: #eee;
}
.navbar-default .navbar-nav>li.cart>a:hover,
.navbar-default .navbar-nav>li.cart>a:focus {
	color: #fff;
}
.navbar-default .navbar-nav > li > a .glyphicon {
	font-size: 12px;
}
.navbar-default .navbar-nav > li > a .glyphicon-home {
	padding-right: 3px;
}
.navbar-default .navbar-nav > li > a .glyphicon-chevron-down {
	color: #39aef4;
	top: 2px;
}

h1, h2, h3, h4, h5, h6 { 
	color: #0066a4;
}
h1 { font-size: 25px; margin-bottom: 1em; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

















.home .jumbotron { 
	position:relative; 
	z-index:2; 
}
.home .helpful-links  { 
	position:relative; 
	z-index:1; 
}


footer {
	background-color: #666666;
	color: #fff;
	line-height: normal;
}
footer .container { position: relative; }
footer .sitemap h2 { font-size: 16px; color:#fff; }
footer ul { list-style-type:none; padding-left:0; }
footer li { margin-bottom: 0.33em; }
footer a, footer .phone { color:#bababa; }
footer a:hover, footer a:focus { color:#dadada; }
footer .phone { padding-left: 0.5em; }
footer .sitemap { margin-bottom: 1em; min-height: 100px; }
footer .seal { background-color: #fff; border-radius: 6px; position:relative; top:1.5em; }
footer .legal ul { list-style-type:none; }
footer .legal li { display: inline-block; margin-right:1em; }







.data-table { font-size: 11px; color:#666666; width: 100%; margin: 1em 0; }
.data-table thead { font-size: 12px; background: #f2f2f2; }
.data-table thead > tr > th { font-weight: normal; }
.data-table td, .data-table th { padding: 10px 5px; min-height: 2em; }
.data-table tbody tr { background-color: #ffffff; }
.data-table tbody tr:nth-child(even) { background-color: #f7f7f7; }
.data-table tbody tr:hover { background-color: #e3f3f9; }
.data-table .label { font-size: 78%; }
.data-table .permout,
.data-table .tempout { color: #999999; }
.data-table .label-default { color: #333; background-color: #eee; }
.data-table input[type=checkbox] {  display:inline; vertical-align:text-bottom; margin-left:5px; }
.data-table .glyphicon { font-size:16px; }
.data-table .view-data { width:35px; }

@media (max-width: 768px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-x: scroll;
		overflow-y: hidden;
		border: 1px solid #dddddd;
	}
	.table-responsive > .table {
		margin-bottom: 0;
		background-color: #fff;
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}
	.table-responsive > .table-bordered {
		border: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right: 0;
	}
	.table-responsive > .table-bordered > thead > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > thead > tr:last-child > td,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom: 0;
	}
}

button > .glyphicon { margin-right:5px; }

#divisions .form-control[disabled],
#brands .form-control[disabled],
#formats .form-control[disabled],
#materials .form-control[disabled]
{
	color: #999;
}
.form-control[disabled] .glyphicon {
	color: #666;
}

.form-container {
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 6px; 
	padding: 25px; 
}
.form-container h2.form-title {
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

/************************************************
** Required Form Fields Markup
** <label class=required> - appends a red asterisk
** <div class="required-note">* required fields</div> - shows the red note about required fields
************************************************/
.required-note { float:right; color:#C00; font-size:small; }
label.required:after { content:" *"; color:#c00; }


/* the activity dialog that shows a spinner on search submit */
/* attaches to click on anything with class .activity-dialog */
#activity-dialog .modal-dialog { width: 425px; }
#activity-dialog .modal-content { background:#fff; color:#000; padding:30px 0; text-align:center; position:relative; }
#activity-dialog .spin { position:absolute; left:60px; top:60px; }
#activity-dialog .text { font-size:17px; vertical-align:middle; margin-bottom:15px; }
.modal-backdrop.in { opacity:0.3; }

/* the activity dialog that shows a spinner on search submit */
/* attaches to click on anything with class .activity-dialog */
#excel-dialog .modal-content { background:#fff; color:#000; padding:30px; text-align:center; position:relative; }
#excel-dialog .spin { position:absolute; left:100px; top:40px; }
#excel-dialog .text { font-size:17px; vertical-align:middle; margin-bottom:15px; }



/*************************************
**
** Details
**
*************************************/
body.details .items { width:100%; }
body.details .items td { border: 1px solid #b0b0b0; }
body.details .items .field {
	background-color: #f2f2f2;
	color: #666;
	text-align:left;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 2px solid #dddddd;
}
body.details .items .field,
body.details .items .value {
	padding: 8px;
	min-height:32px;
}
body.details .section { 
	margin: 1em 0 2em 0; 
	clear:both; 
}
body.details #pm_notes {
	background-color: #f8bf00; 
	padding:1em;
}
body.details .items { line-height: 1em; }
body.details .items .value { min-height: 30px; }
body.details .image {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
body.details #images .image { 
	margin-bottom:1.5em; 
	background-color: #eef8ff; 
}
body.details #images .description table,
body.details #images img { margin:1em; }
body.details #images img { 
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}
body.details #images .description { padding-left:20px; font-size:13px; }
body.details #images .description th { text-align:left; padding-right:1em; font-weight:normal; }
body.details #media { clear:both; }
body.details #media-inner {
	background-color: #fafafa;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 15px 15px;
	/* overflow: auto; 2014-07-14 - disabling so that tooltip on email button doesnt get clipped */
	margin-top: 1em;
	clear: both;
}

body.details #media .btn-toolbar { margin-top: -1em; margin-bottom: 1em; }

body.details #media .media-wrap { margin:50px 0 2em 0; }

body.details #media-inner > .row { margin-bottom:1em; }

body.details #media-actions { overflow:auto; margin-bottom:1em; }
body.details #media-actions form { float:left; }
body.details #media-actions form + form { margin-left: 10px; }
body.details #media-actions #sendImage.disabled .btn-primary {
	color: #AAA;
	background-color: #DDDDDD;
	border-color: #DDDDDD;
}

body.details #media-details { font-size:11px; }
body.details #media-details table { width:100%; border-spacing:0; border-collapse:collapse; }
body.details #media-details th, #media-details td { border: 1px solid #dddddd; border-width: 1px 0; }
body.details #media-details th { text-align:left; vertical-align:top; padding-right: 15px; }
body.details #media-details td { font-family: "Courier New", Courier, monospace; vertical-align:top; }
body.details #media-details .track-toggle { color:#246fb8; cursor:pointer; padding:3px; }

body.details #media-tracks { padding:3px; background-color:#fff; border: 1px solid #ccc; max-height:100px; overflow-y:scroll; display:none; }
body.details #media-tracks table { border-spacing:0; border-collapse:collapse; }
body.details #media-tracks tr { vertical-align:top; }
body.details #media-tracks th { white-space:nowrap; }
body.details #media-tracks th,
body.details #media-tracks td { border-top: 1px solid #eee; line-height:10px; padding:5px; width:auto; }
body.details #media-tracks tr:first-child th,
body.details #media-tracks tr:first-child td { border-top:none; }


/* the large image/video */
body.details #media-large table { 
	margin-right:0; 
	margin-left:auto; 
	border-spacing: 0;
	border-collapse: collapse;
}

/* the player container */
body.details #media-container { padding:0; background-color:#000; text-align:center; vertical-align:middle; /* width:512px; height:288px; */ }
body.details #media-container img { max-width:640px; max-height:360px; }

body.details #media-container .document { position:relative; }
body.details #media-container .document img { width: 100%; }
body.details #media-container .document button { position:absolute; top: 70%; left:50%; width:150px; margin-left:-75px; }

body.details #media-scroll { 
	overflow-x: scroll; 
	overflow-y: auto; 
	min-height: 90px; 
	white-space: nowrap
}

/* the list of attachments */
body.details #media-list {
	background-color: #fff;
	max-height: 300px;
	overflow: auto;
	margin-top: 1em;
}
body.details #media-list .table { margin:0; cursor:pointer; }
body.details #media-list .table td { vertical-align:middle; }
body.details #media-list .thumb { 
	vertical-align:middle; 
	text-align:center; 
	padding:5px; 
	width:106px;
}
body.details #media-list .thumb > div { 
	width: 96px;
	height: 54px;
	background-color:#000;
	display: table;
}
body.details #media-list .thumb > div > div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
body.details #media-list img {
	max-width:96px; 
	max-height:54px;
}

@media all and (max-width: 991px) {
	body.details #media-details th, #media-details td { font-size:11px; }
	body.details .hide-md { display:none; }
}

@media all and (max-width: 767px) {
	body.details #media-large { margin-bottom: 1em; }			
}







/*************************************
**
** Home/Search Page
**
*************************************/
.home .jumbotron {
	background: #666 url(images/search_background.jpg) no-repeat center top;
	color: #fff;
	font-size: inherit;
	line-height: inherit;
}
.home .jumbotron h1 { 
	font-size: 21px;
	margin:0;
	text-shadow: 1px 1px 0 #000;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 992px) {
	.home .jumbotron {
		padding-right: 120px;
		padding-left: 120px;
	}
	.home .jumbotron h1 {
		font-size: 25px;
	}
}

.home .helpful-links {
	font-size: 13px;
	margin: 50px auto 0 auto;
}
.home .helpful-links .title {
	font-size: 15px;
	margin: 0.5em 0 0.5em 0;
	color: #0066a4;
}
.home .helpful-links .title,
.home .helpful-links .content {
	display:block;
}
.home .helpful-links a {
	color: #555;
	display: block;
	background: #f8f8f8 no-repeat 1px center;
	padding: 1px 5px 1px 115px;
	height: 102px;
	line-height: normal;
	margin-bottom: 0.5em;
}
.home .helpful-links a:hover,
.home .helpful-links a:focus {
	text-decoration: none;
	background-color: #e7e7e7;
	color: #000;
}
.home .helpful-links .profile { background-image: url(images/my-profile.jpg); }
.home .helpful-links .account { background-image: url(images/my-account.jpg); }
.home .helpful-links .contact { background-image: url(images/contact-us.jpg); }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.home .helpful-links { font-size: 14px; }
	.home .helpful-links .title { font-size: 18px; }
}

.home #search { position:relative; z-index:2; }

.home #forms  { position:absolute; top:100%; margin-top:67px; left:0; right:0; }

/* forms */
.home #search-box { margin-bottom: 1em; }
.home #search-box { 
	padding: 1em 1em; 
	text-shadow: none;
}
.home #accounts { visibility:hidden; }

.home select.multiselect + .input-group-btn > .btn,
.home select.multiselect + .input-group-btn > .dropdown-toggle {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}


.search-form .status { line-height: 22px; }
.search-form .well { margin-bottom:0; }
.search-form .form-inline .form-group { margin-bottom: 15px; }
.search-form {
	font-size: 12px;
	color: #333;
	padding: 1em;
	background-color: #fafafa;
	border-radius: 6px;
	border: 1px solid #ccc;
}
.search-form label { font-weight:normal; }
.search-form h2 { font-size: 18px; color:#0066a4; margin: 0.25em 0 1.5em 0; }
.search-form select.input-sm { padding-left:5px; padding-right:5px; }
.search-form .checkbox-inline { margin-left:0; margin-right: 10px; }
.search-form .date-produced .form-group { margin-bottom:0.5em; }
.search-form .reports select { width:auto; margin-left:15px; }




#form-digital .size { padding-right:0; }

.hasDatepicker { padding-right: 20px; padding-bottom:3px; }
.ui-datepicker-trigger { margin-left:-18px; vertical-align:middle; }
.ui-datepicker { font-size: 12px }

.home .ghosted {
	border-radius: 6px;
}

.home .reports { padding: 5px 5px 5px 5px; }
.home .reports label { font-weight:normal; padding: 0 5px; position: relative; top: 2px; }
.home .reports .form-control { width:auto; }
.home .reports { display:none; }
.home.physical #buttons .reports,
.results #foldout .reports { display:block; }

.home .nav-pills > li.active > a, 
.home .nav-pills > li.active > a:hover, 
.hoem .nav-pills > li.active > a:focus {
	color: #333;
	background-color: #fafafa;
	border: 0;
}

.home.digital .ghosted {
	background: #428bca;
	background: url(images/blue-50.png);
	background: rgba(66,139,202,0.7);
	color: #fff;
}

.home .nav-tabs { border-bottom: 0; margin-right: 1em; }
.home .nav-tabs > li { float:right; margin-bottom:0; }
.home .nav-tabs > li > a {
	border: none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.home .nav-tabs > li > a:hover, 
.home .nav-tabs > li > a:focus {
	color:#fff; 
	border:none; 
}

.home .ghosted,
.home #tab-physical {
	background: #fff;
	background: url(images/white-50.png);
	background: rgba(255,255,255,0.7);
	color: #333;
}
.home #tab-physical:hover,
.home #tab-physical:focus,
.home #buttons .nav > li > a:hover,
.home #buttons .nav > li > a:focus {
	background: #fff;
	background: url(images/white-80.png);
	background: rgba(255,255,255,0.8);
	text-shadow: none;
	color: #000;
}

.home #tab-digital {
	background: #428bca;
	background: url(images/blue-50.png);
	background: rgba(66,139,202,0.75); 
	color: #fff;
}
.home #tab-digital:hover,
.home #tab-digital:focus,
.home.digital #buttons .nav > li > a:hover,
.home.digital #buttons .nav > li > a:focus  {
	background: #428bca;
	background: url(images/blue-80.png);
	background: rgba(66,139,202,1);
	color: #fff;
	text-shadow: none;
}

.home #tab-mediaphile {
	background: #e3853b;
	background: rgba(251, 152, 75, 0.9);
	color: #fff;
}
.home #tab-mediaphile:hover,
.home #tab-mediaphile:focus {
	background: #e3853b;
	background: rgba(251, 152, 75, 1);
	color: #fff;
	text-shadow: none;
}

.home #tab-mediaphile .fa { margin-left:7px; }


.home #buttons .nav > li > a { padding:10px; margin-left:5px; position:relative; }

.home #buttons { 
	position:relative; 
	z-index:1; 
	font-size: 12px;
}
.home #buttons .ghosted {
	border-radius: 4px;
}
.home #button-help .glyphicon { font-size:17px; line-height:12px; position:absolute; top:50%; left:7px; margin-top:-6px; }
.home #buttons .nav > li > a#button-help { position:relative; padding-left:27px; }

.home #reports select.input-sm {
	height: 27px;
}

.home #browser-support {
	display:table;
	text-align:center;
	margin: 50px auto 0 auto;
}
.home #browser-support .inner {
	display:table-cell;
	text-align: center;
	padding:5px 15px;
	background-color:#333;
	color: #fff;
	font-size: 10px;
	border-radius: 3px;
}


/* form display controls */
.home #form-digital,
.home #form-physical,
.home #form-bulk,
body.physical #buttons .digital,
body.bulk #buttons .digital,
body.digital #buttons .physical,
body.physical h1.digital,
body.digital h1.physical
{ display:none; }

/*
body.physical.advanced #form-physical,
body.digital.advanced #form-digital,
body.bulk #form-bulk,
*/
body.physical #buttons .physical,
body.digital #buttons .digital,
body.bulk #buttons .physical
{ display:block; }

#search-box .glyphicon { margin-right: 0; }

body.physical.advanced #main { min-height: 700px; }

/* hide account select for digital searches */
/* 2015-01-23 - no longer want to hide accounts on digital
body.digital button.multiselect,
body.digital ul.multiselect-container
{ display: none; }
body.digital #q { 
	border-top-left-radius:4px; 
	border-bottom-left-radius:4px; 
}
*/

/* all */
::-webkit-input-placeholder { font-style:italic; }
::-moz-placeholder { font-style:italic; } /* firefox 19+ */
:-ms-input-placeholder { font-style:italic; } /* ie */
input:-moz-placeholder { font-style:italic; }




/*************************************
**
** Request Page
**
*************************************/
body.request .hasDatepicker { padding-left: 30px; }
body.request .ui-datepicker-trigger {
	position: absolute;
	left: 40px;
	top: 8px;
}
body.request .disabled { color: #999; }
body.request #courier .options { margin-top: -1em; }
body.request #courier .options label { 
	font-weight:normal; 
	font-size: smaller; 
}
body.request #savedAddresses hr { margin:15px 0 5px 0; }
body.request #save label.text-right { 
	display:block; 
	text-align:right; 
}
body.request #save label.radio { 
	font-weight:normal; 
	font-size:smaller; 
}
body.request #saTitle { margin-top:0.5em; }
body.request .help-block { font-size: smaller; }
body.request .notes .help-block { margin-top:8px; }
body.request .data-table { margin: 1em 0 3em 0; }
body.request .well { margin-top: 1em; }
body.request h2.title { margin-bottom: 0; }
/* icons */
body.request .dynatree-icon { 
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-image: url("/libs/dynatree-1.2.2/src/skin/icons.gif"); 
	background-position: 0 0;
	margin-right: 5px;
}
body.request .dynatree-icon.file { background-position: left 0; }
body.request .dynatree-icon.path { background-position: left -16px; }
body.request th.cart, 
body.request td.cart { 
	visibility:hidden; 
	position:absolute; 
}



.changelog .entry {
	margin-bottom: 1em;
}
.changelog .entry-date {
	color: #129ef2;
}
.changelog .entry-content {
	margin: 1em 0;
	border-left: 8px solid #eee;
	font-size: smaller;
}
.alert-muted {
	background-color: #F7F7F7;
	border-color: #EEEEEE;
	color: #666666;
	font-size: smaller;
}