/* -------------------------------------------------------------------------- */
/* Page layout
/* -------------------------------------------------------------------------- */

html {
	background: #4582d0;
	color: #4c4c4c; 	
}

body {
	width: 960px;
	margin: 0 auto;
	font-size: 13px;
	line-height: 1.5em;
	background-color: #fff;
	font-family: Arial, sans-serif;
}

	body a {
		color: #2c58a8;
		text-decoration: none;	
	}
	
	body a:hover {
		color: #5D4761;
	}
		body a img {
			border: none;	
		}

	body .login_help_links a {
		text-decoration: underline;
	}

/* group clearfix - http://snippets.imarc.net/37 */

.group:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
* html .group { height: 1%; }
*:first-child+html .group { min-height: 1px; }


body#public_template #header { display: none; }

body#public_template #login,
body#public_template #login a,
body#public_template #login label {
	color: #FFF;
}

body#public_template #login h2 {
	color: #036;
}

body#public_template .manage_password {
	padding: 175px 0 0 0;
}

body#public_template .retrieve_password {
	background: #84BAE4;
	background: rgba(81,131,200,.45);
	padding: .5em 1em 1em 1em;
	margin-top: 1.5em;
}

h1 {
	padding: 0;
	color: #222;
	font-size: 1.4em;
	line-height: 1.4;
	margin: 0 0 .25em 0;
	background: none;
}

h1.welcome {
	color: #888;
	line-height: 0;
	font-size: 1.8em;
	text-align: center;
	font-weight: normal;
	margin: 2em 0 1em 0;
	border-bottom: 1px solid #EEE;
	font-family: "Times New Roman", Times, serif;
}

h1.welcome span {
	padding: .5em;
	background: #FFF;
}

h1.welcome strong {
	color: #111;
	font-weight: normal;
}

h2 {
	font-size: 1.3em;	
}

p.deactivation_warning {
	background-color: #FFFF99;
	color: #996633;
	padding: 0.8em 1em;
	margin: 0;
	font-size: 1.1em;
}

#user_name {
	padding: 0 0.7em;
	border-right: 1px solid #4c4c4c;
	border-left: 1px solid #4c4c4c;
	margin: 0 0.7em;	
}

#user_bar {
	line-height: 1em;
	padding: 0.6em 20px 0.7em 30px;
	overflow: hidden;		
}

#user_nav {
	float: left;
	width: 50%;
}

	#user_nav * {
		float: left;
	}
	
#minor_nav {
	float: right;	
	list-style-type: none;
	padding: 0;
	margin: 0;
}
	#minor_nav li {
		float: left;
		margin-right: 0.5em;
		border-right: 1px solid #4c4c4c;
		padding-right: 0.5em;
	}
	
		#minor_nav li a {
			color: #4c4c4c;
			font-weight: normal;
			font-size: 1em;	
		}
	
	#minor_nav li.last {
		padding-right: 0;
		margin-right: 0;
		border-right: none;	
	}

#abstract img {
	display: block;	
}

#nav {
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;	
	text-transform: uppercase;
	font-family: 'Times New Roman', serif;
}

#nav li {
	float: left;
	font-size: 12px
}

#nav li a {
	color: #EEE;
	float: left;
	height: 36px;
	width: 120px;
	line-height: 36px;
	text-align: center;
	background: #044F7C;
}

#nav li.homepage a {
	background: url(/sup/img/template/nav/homepage.gif) 0 0 repeat-x;
}
#nav li.homepage a:hover {
	background: url(/sup/img/template/nav/homepage.gif) 0 100% repeat-x;
}

#nav li.search a {
	background: url(/sup/img/template/nav/search.gif) 0 0 repeat-x;
}
#nav li.search a:hover {
	background: url(/sup/img/template/nav/search.gif) 0 100% repeat-x;
}

#nav li.workspace a {
	background: url(/sup/img/template/nav/workspace.gif) 0 0 repeat-x;
}
#nav li.workspace a:hover {
	background: url(/sup/img/template/nav/workspace.gif) 0 100% repeat-x;
}

#nav li.builder a {
	background: url(/sup/img/template/nav/builder.gif) 0 0 repeat-x;
}
#nav li.builder a:hover {
	background: url(/sup/img/template/nav/builder.gif) 0 100% repeat-x;
}

#nav li.work_orders a {
	background: url(/sup/img/template/nav/work_orders.gif) 0 0 repeat-x;
}
#nav li.work_orders a:hover {
	background: url(/sup/img/template/nav/work_orders.gif) 0 100% repeat-x;
}

#nav li.approvals a {
	background: url(/sup/img/template/nav/approvals.gif) 0 0 repeat-x;
}
#nav li.approvals a:hover {
	background: url(/sup/img/template/nav/approvals.gif) 0 100% repeat-x;
}

#nav li.vendors a {
	background: url(/sup/img/template/nav/vendors.gif) 0 0 repeat-x;
}
#nav li.vendors a:hover {
	background: url(/sup/img/template/nav/vendors.gif) 0 100% repeat-x;
}

#nav li.resources a {
	background: url(/sup/img/template/nav/resources.gif) 0 0 repeat-x;
}
#nav li.resources a:hover {
	background: url(/sup/img/template/nav/resources.gif) 0 100% repeat-x;
}

#nav li.active a,
#nav li.active a:hover {
	top: -9px;
	color: #111;
	width: 118px;
	background: #FFF;
	padding-top: 7px;
	position: relative;
	margin: 0 0 -7px 0;
	border-top: 1px solid #98C1E0;
	border-left: 1px solid #98C1E0;
	border-right: 1px solid #98C1E0;
}

#nav li.active a.first {
	width: 119px;
	border-left: none;
}

#nav li.active a.last {
	width: 119px;
	border-right: none;
}

.torso {
	padding: 18px;
}	

div.clear {
	margin: 0;
	border: 0;	
	padding: 0;
	clear: both;
}
	
#footer {
	color: #FFF;
	font-size: 13px;
	overflow: hidden;	
	line-height: 1em;
	padding: 0.6em 18px 1em;
	background-color: #4582d0;
}
	#copyright {
		float: left;
		margin-right: 2em;	
	}
	
	#footer .nav {
		list-style-type: none;
		padding: 0;
		margin: 0;	
		float: left;
	}
		#footer .nav li {
			float: left;
			padding-right: 0.7em;
			margin-right: 0.7em;
			border-right: 1px solid #FFF;
		}
		
			#footer .nav li a {
				color: #FFF;
				font-weight: normal;
				text-decoration: underline;	
			}
		
		#footer .nav li.last {
			border-right: none;	
		}

/* End of global styles - Angelo */

.content_container {
	width: 725px;
	float: right;
}

.content_container h2 {
	color: #333333;
	font-size: 1.2em;
	font-weight: bold;
}

.content_container_full_width {
	width: 925px;
}

.sidebar_container {
	width: 176px;
	padding-bottom: 5px;
}

.sidebar_container dl dt {
	font-weight: bold;	
}

.sidebar_container dl dd {
	margin: 0 0 1em 0;
}

.sidebar_container ul li {
	padding-left: 10px;
	margin-left: -30px;
	font-size: 13px;
	line-height: 1.4;
	background: url(/sup/img/bg/arrow.gif) no-repeat 0px 5px;
	list-style-type: none;
}

.sidebar_container h2 {
	font-size: 1.1em;
	color: #222;
	margin: 0;
	line-height: 2;
}
#search_results h2 {
	background-color: #305198;
	color: #fff;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1em;
	padding: .2em .7em .2em .7em; 
	margin: 0px;
} 

#search_results h2 {
	margin-top: 15px;
}

#search_results .info {
	color: #C60;
	font-weight: bold;
	border-top: 1px solid #FC9;
	border-bottom: 1px solid #FC9;
	padding: 1.5em 1.5em 1.5em 4.5em;
	background: #FF9 url(/sup/img/icon/info.png) 1.5em 50% no-repeat;
}

.interior_nav_container {
	background: #fff;
	padding-bottom: 2em;
}

.interior_header {
	margin-bottom: 0;
}

.sidebar_container .interior_nav {
	margin: 0 0 1em 0;
	padding: 0;
}

.sidebar_container .interior_nav li {
	margin: 0;
	padding: 0;
}

.sidebar_container .interior_nav li a {
	color: #111;
	width: 160px;
	padding: 8px;
	display: block;
	background: #F3F3F3;
	background: rgb(240,241,242);
	border-bottom: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	border-top: 1px solid #E3E3E3;
}

.sidebar_container .interior_nav li a:hover {
	background: #FFF;
	position: relative;
	left: -8px;
	padding-left: 16px;
	border-right: none;
}

.sidebar_container .interior_nav li.active a {
	background: #FFF;
	font-weight: bold;
	position: relative;
	left: -8px;
	padding-left: 16px;
	border-right: none;
}

/* -------------------------------------------------------------------------- */
/* Homepage
/* -------------------------------------------------------------------------- */

#asset_content {
	width: 444px;
	margin-right: 12px;
	margin-top: 1.5em;
	float: left;	
}

#homepage .header {
	line-height: 1.8;
	padding-left: .5em;
}

#homepage h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	float: left;
	padding: 3px 0px 0px 0px;
	margin: 0;
}

#homepage .header a {
	display: block;
	float: right;
	font-weight: normal;
	color: #fff;
	background: url(/sup/img/homepage/header_button_bg.png) repeat-y 0 0;
	/*border-left: 1px solid #333;
	border-left: 1px solid rgba(0,0,0,.2);*/
}
	#homepage .header a.arrival_header {
		background: none;
	}

#homepage .header a em {
	font-style: normal;
	/*border-left: 1px solid #eee;
	border-left: 1px solid rgba(255,255,255,.2);*/
	padding: .3em .9em;
	display: block;
}


	#asset_content .search,
	#asset_content .assets,
	#asset_content .workspace {
		margin-bottom: 1em;
		clear: left;
	}
	
	#asset_content .workspace .info {
		color: #fff;
		padding-bottom: 1em;
		font-size: 1.2em;
	}

	#asset_content .search {
		background-image: url(/sup/img/homepage/search_background.gif);
		background-repeat: repeat;
		padding: 12px 12px 18px 12px;	
	}

		#asset_content .search .header {
			background-color: #305198;	
			overflow: hidden;
			margin: -12px -12px 12px -12px;
		}

		#asset_content .search input.text {
			background-image: url(/sup/img/homepage/magnifying_glass.gif);
			background-repeat: no-repeat;
			background-position: 98% 50%;
			width: 78%;	
		}
		
		#asset_content .search input.help,
		#asset_content .search select.help {
			color: #999;	
		}
		
		#asset_content .search input.text {
			margin-top: .75em;
			width: 400px;
		}
		
		#asset_content .search select {
			width: 49%;
		}

		#asset_content .search input.image {
			vertical-align: bottom;
			padding-top: 1em;	
		}

	#asset_content .assets {
		background-color: #a4cdee;
		background-repeat: repeat;
		padding: 12px 12px 12px 12px;	
	}

		#asset_content .assets .header {
			background-color: #305198;	
			overflow: hidden;
			margin: -12px -12px 12px -12px;
			padding-bottom: 5px;
		}
		
		#asset_content .assets ul {
			margin: 0;
			padding: 0;
			list-style-type: none;	
		}
		
		#asset_content .assets li.association {
			margin-bottom: 2px;		
		}
		
			#asset_content .assets li.association div.handle {
				background-color: #669ac4;
				color: #fff;
				line-height: 1em;
				overflow: hidden;
				padding: 0.2em 0.5em;
			}
				#asset_content .assets li.association div.handle h3 {
					background: url(/sup/img/template/draggable.gif) no-repeat 0 0px;
					font-weight: normal;
					margin: 0;
					font-size: 13px;
					float: left;
					cursor: move;
					padding-left: 2em;
				}
				
				#asset_content .assets li.association div.handle a {
					float: right;
					color: #fff;
					font-weight: normal;
					font-size: 0.9em;	
				}
			
			#asset_content .assets li.association ul {
				overflow: hidden;
				margin-top: 6px;
				padding-bottom: 12px;	
			}
			
				#asset_content .assets li.association ul a {
					color: #114269;
				}
				
				#asset_content .assets li.association ul li {
					float: left;
					width: 48%;
					margin-left: 2%;	
				}
		
	#asset_content .workspace {
		/*background-image: url(/sup/img/homepage/workspace_background.gif);*/
		background-color: #1f3678;	
		background-repeat: repeat;
		padding: 12px 12px 0 12px;	
	}

		#asset_content .workspace .header {
			background-color: #2c58a8;
			overflow: hidden;
			margin: -12px -12px 12px -12px;
		}
		
		#asset_content .workspace ul {
			list-style-type: none;
			margin: 0;
			padding: 0;	
			overflow: hidden;
		}
		
		#asset_content .workspace ul li {
			float: left;
			margin-left: 22px;
			display: inline;
			width: 123px;
			margin-bottom: 1em;
			color: #7dc8f8;	
		}
		#asset_content .workspace ul li.mod_three {
			margin-left: 0;
			clear: left;
		}
		
		#asset_content .workspace ul li a.thumbnail {
			display: block;
			border: 0;
			text-align: center;
			display: table-cell;
			vertical-align: middle;
			height: 123px;
			width: 123px;
		}
		
		#asset_content .workspace ul li a.thumbnail img {
			max-height: 123px;
			max-width: 123px;
			text-align: center;
		}
		
		#asset_content .workspace ul li a {
			color: #fff;
			display: block;	
		}
	
#marketing {
	float: left;
	margin-bottom: 1em;
	width: 468px;
	height: 275px;
	position: relative;
	line-height: 1;	
}
	#marketing .switcher {
		height: 20px;
		float: right;	
	}
		#marketing .switcher strong {
			float: left;
			padding-right: 0.5em;	
		}
		
		#marketing .switcher ul {
			list-style-type: none;
			margin: 0;
			padding: 0;	
			float: left;
		}
			#marketing .switcher ul li {
				float: left;
				margin: 0;
			}
				#marketing .switcher ul li a {
					padding: .2em .5em;
					font-weight: normal;	
					border: 1px solid transparent;
				}
				#marketing .switcher ul li a.active {
					font-weight: bold;
					background-color: #eee;
					border: 1px solid #ccc;
				}

	#marketing img {
		display: block;
		clear: right;
		position: absolute;
		bottom: 0;	
	}

.account_items {
	float: left;
	width: 228px;	
}

.account_items .body {
	padding: 17px 12px;
	border-right: 1px solid #bfdef0;
	border-left: 1px solid #bfdef0;
	overflow: hidden;		
}
	.account_items .body p {
		margin-top: 0;	
	}
	
	.account_items .body ul {
		margin-top: 0;
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
	}
	
.account_items .my_account {
	overflow: hidden;
}

	.account_items .my_account .header {
		background-color: #575bb0;
		overflow: hidden;
	}
	.account_items .my_account .my_logo {
		float: right;	
	}

.account_items .work_orders {
	overflow: hidden;	
}
	
	.account_items .work_orders .header {
		background-color: #00bfd6;
		overflow: hidden;
	}

.account_items .approvals {
	overflow: hidden;
}
	.account_items .approvals .body {
		border-bottom: 1px solid #bfdef0;	
	}

	.account_items .approvals .header {
		background-color: #008ec4;
		overflow: hidden;
	}
	

#homepage #news {
	float: left;
	width: 228px;
	display: inline;
	margin-left: 12px;
}	
	#homepage #news .header {
		background-color: #6db8e6;
		overflow: hidden;
	}
	#homepage #news .body {
		padding: 17px 12px;
		border: 1px solid #bfdef0;
		border-top: none;
		overflow: hidden;
		font-size: 13px;
		line-height: 1.3em;		
	}
	
		#homepage #news .body ul {
			list-style-type: none;
			margin: 0;
			padding: 0;	
		}
			#homepage #news .body ul li {
				overflow: hidden;
				padding: 0;
				margin: 0 0 1em 0;	
			}
	
		#homepage #news .body .date {
			float: left;
			width: 30px;
			display: block;
			font-family: Verdana, Arial, sans-serif;	
		}
			#homepage #news .body .date .month a {
				text-transform: uppercase;
				color: #2c58a8;
				font-weight: bold;
				font-size: 13px;
				text-align: center;				
				display: block;
			}
			
			#homepage #news .body .date .day a {
				color: #6db8e6;
				font-weight: bold;
				font-size: 13px;
				text-align: center;
				display: block;	
			}
		
		#homepage #news .body .content {
			float: right;
			width: 150px;
			border-left: 1px solid #afd8f1;
			padding-left: 9px;	
		}
			#homepage #news .body .content h3 {
				color: #4582d0;
				margin: 0 0 0.2em 0;
				font-size: 13px;		
			}
			
/* -------------------------------------------------------------------------- */
/* Search Assets
/* -------------------------------------------------------------------------- */

.small_filter,
.advanced_search {
	background: #F6F6F6;
}
.advanced_search {
	background: rgb(240,241,242);
}
.advanced_search .submit_field {
	padding: 20px;
	background: #F6F6F6;
}

.advanced_search fieldset {
	padding: 20px 20px 0 20px;
}

.small_filter fieldset {
	padding: 10px 10px 10px 30px;
	background: url(/sup/img/icon/magnify.gif) 10px 50% no-repeat;
}

.small_filter fieldset .text_field,
.small_filter fieldset .submit_field {
	display: inline;
}

.advanced_search legend {
	display: none;
}

.advanced_search .col_one_of_two {
	float: left;
	width: 310px;
	padding: 10px 7px;
	background: #FFF;
	margin: 0 10px 20px 0;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border: 3px solid #FFF;
}

.advanced_search .col_two_of_two {
	float: left;
	width: 310px;
	padding: 10px 7px;
	background: #FFF;
	margin: 0 0 20px 10px;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border: 3px solid #FFF;
}

.advanced_search #search_keyworks_field {
	border: 3px solid #CCC;
}

.advanced_search #search_keyworks_field label {
	font-weight: bold;
}

.advanced_search .collapsible {
	background: url(/sup/img/bg/fieldset_arrow.gif) no-repeat 47px 0;
	padding-top: 2em;
}

fieldset {
	border: none;
	margin: 0px;
	padding: 0;
}

label {
	color: #5d4761;
	padding-top: 5px;
}

.button {
	cursor: pointer;
}

.search .button.homepage {
	margin-top: .75em;
}

.text {
	padding: .4em;
	width: 255px;
}

.file {
	width: 20em;
}

.select {
	width: 300px;
	height: 75px;
}

#search_asset_type_ids {
	list-style-type: none;
	margin: .7em 0 0;
	padding: 0;
}

#search_asset_type_ids li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: 45%;
}

.small_filter #search_asset_type_ids li {
	width: auto;
	margin-right: 3em;
}

#search_asset_type_ids li input {
	margin-left: 0;
}

.search_slider {
	background: #dce5ec url(/sup/img/design/slider_close.gif) no-repeat 8px 50%;
	background: rgb(197,226,232) url(/sup/img/design/slider_close.gif) no-repeat 8px 50%; 
	padding: 7px 15px 9px 50px;
	font-size: 13px;
	color: #5D4761;
	border-top: 1px solid #a5c1cc;
	margin: 0;
	cursor: pointer;
}

.search_slider_closed {
	background: #dce5ec url(/sup/img/design/slider_open.gif) no-repeat 8px 50%;
	background: rgb(197,226,232) url(/sup/img/design/slider_open.gif) no-repeat 8px 50%;
}

.small_filter .search_slider_closed {
	background: #dce5ec url(/sup/img/design/slider_open.gif) no-repeat 4px 50%;
	font-size: .75em;
	padding: 3px 15px 4px 40px;
	color: #58385e;
	border-top: 1px solid #a5c1cc;
	margin: 0;
	cursor: pointer;
}

.small_filter .search_slider {
	background: #dce5ec url(/sup/img/design/slider_close.gif) no-repeat 4px 50%;
	font-size: .75em;
	padding: 3px 15px 4px 40px;
	color: #58385e;
	border-top: 1px solid #a5c1cc;
	margin: 0;
	cursor: pointer;
}

.col_one_of_two label em,
.col_two_of_two label em,
.collapsible label em {
	font-size: 13px;
}

.small_filter .collapsible {
	background: url(/sup/img/bg/fieldset_arrow.gif) no-repeat 37px 0;
	display: none;
	padding: 1em 1em 1em 1.5em;
}

.find_assets {
	width: 235px;
	margin-left: 10px;
}

label span.help {
	font-size: .9em;
	font-style: italic;
}

.advanced_search div.date_created p.start {
	width: 51%;
	float: left;
}

.advanced_search div.date_created p.end {
	width: 46%;
	float: left;
}

.advanced_search div.date_created p.start {
	margin-right: 8px;
}

.advanced_search div.date_created p.start #search_date_created_start {
	margin-right: 5px;
}

.advanced_search div.date_created .text {
	width: 120px;
}

/* -------------------------------------------------------------------------- */
/* Search Results
/* -------------------------------------------------------------------------- */

.result_overview {
	padding: 1em;
	background: #E9E9E9;
	line-height: 1;
	margin: 0 0 1em 0
}

.result_overview .matching_assets {
	float: left;
	padding: 1em;
	line-height: 1.2;
	background: #FFF;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	width: 440px;
}

.search_overview {
	padding: 1em 1em 0 1em;
	background: #E9E9E9;
}

.search_overview p {
	margin: 0;
	padding: 1em;
	background: #FFF;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}


.result_overview .search_actions {
	float: right;	
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.result_overview .search_actions li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.result_overview .search_actions li a {
	color: #FFF;
	float: left;
	padding: 1em;
	background: #39F;
	background: rgb(69,130,208);
	font-weight: bold;
	margin: 0 0 0 1em;
	display: inline;
	white-space: nowrap;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
.result_overview .search_actions li a:hover,
.result_overview .search_actions li a.active {
	background: #06C;
}

.results_container {
	background: #FFF;
	overflow: hidden;
	margin: 0;
}

.edit_search {
	display: none;
}

.asset_number {
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
}

.pagination {
	float: right;
}

.pagination ul li {
	float: left;
	margin: 0 0 0 1em;
	font-weight: bold;
	list-style-type: none;
}

.pagination ul li a {
	float: left;
	padding: 3px 9px;
	border: 1px solid #EEE;
}

.pagination ul li a:hover,
.pagination ul li a:focus,
.pagination ul li a:active {
	color: #2c58a8;
	background: #EEE;
}

.pagination ul li.current a {
	color: #FFF;
	background: #2c58a8;
	border: 1px solid #2c58a8;
}

.pagination ul li a em {
	font-style: normal;
}


.result_category {
	background-color: #58385e;
	background-color: rgb(103,54,127);
	color: #fff;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 4px 13px 5px 13px;
	font-size: 1em;
	margin-top: 1em;
}

.result_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.result_list li {
	float: left;
	width: 220px;
	background: #F3F3F3;
	margin: 0 32px 32px 0;
}

.result_list li li {
	margin: 0;
	float: none;
	width: auto;
}

.result_list .last_in_row {
	margin-right: 0;
}

.result_list .first_in_row {
	clear: left;
}
 
.result_list li.inactive {
	background-color: #f4e5e5;
}

.result_list li p {
	font-size: .85em;
}

.result_image {
	margin: 0;
	padding: 10px 0 0 0;
}

.result_image p {
}

.result_image a {
	width: 220px;
	height: 200px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.result_image a img {
	display: inline;
	text-align: center;
}

.result_list div.download {
	margin: 0;
	display: block;
	font-size: .8em;
}

* html .result_image a {
	display: inline;
	vertical-align: middle;
	line-height: 200px;
}	

* html .result_image a img {
	display: inline;
	vertical-align: middle;
	line-height: 200px;
}	

.result_list .download a {
	padding: 6px;
	display: block;
	background: #E6E6E6 url(/sup/img/bg/arrow.gif) no-repeat right;
}

.download a:hover {
	background: #D6D6D6 url(/sup/img/bg/arrow.gif) no-repeat right;
}

.result_list .download .download_box a {
	background: #F6F6F6;
}
.result_list .download .download_box a:hover {
	background: #E6E6E6;
}

.result_list li.inactive .download a {
	background-color: #e4c9c9;
}

.result_list li.inactive .download a:hover {
	background-color: #d6adad;
}

.result_list li.inactive .download .download_box a {
	background: #f4e5e5;
}
.result_list li.inactive .download .download_box a:hover {
	background: #e4c9c9;
}

.result_info {
	margin-left: .5em;
}

.result_info {
	padding: 7px;
	margin: 0 7px 0 0;
}

.result_info span {
	display: block;
}

.result_info span.caption {
	font-weight: 900;
}

.result_info span.topic {
	
}

.result_info span.filename,
.result_info span.dates {
	color: #777;	
}

.result_list .result_action {
	margin: 0;
}

.result_list .result_action label {
	padding: 7px;
	display: block;
	background: #E6E6E6;
	border-top: #D6D6D6 1px solid;
}

.result_list .result_action label:hover {
	background: #D6D6D6
}

.result_list li.inactive .result_action label {
	background: #e4c9c9;
	border-top: #d6adad 1px solid;
}

.result_list li.inactive .result_action label:hover {
	background: #d6adad
}

.result_list li .result_action label.visible_to_api_select_yes, .result_list li .result_action label.visible_to_api_select_yes:hover {
	background: url(/sup/img/buttons/visible_to_api_select_yes.png) no-repeat 142px;
	cursor: pointer;
}

.result_list li .result_action label.visible_to_api_select_no, .result_list li .result_action label.visible_to_api_select_no:hover {
	background: url(/sup/img/buttons/visible_to_api_select_no.png) no-repeat 142px;
	cursor: pointer;
}

.thumbnail_info input {
	margin-left: 0px;
}

.lightbox_action{
	background: #fff;
	padding: 1em;
	margin-top: 3em;
}

.lightbox_action ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: .85em;
}

.lightbox_action ul li {
	margin: 0 2em 0 0;
	padding: 0;
	float: left;
}

.download_box {
}

.download_box h4 {
	margin: 0;
	float: left;
}

.download_box ul {
	margin: 0;
	padding: 0;
	clear: both;
	list-style-type: none;
}

.download_box .close_download {
	float: right;
}


/* -------------------------------------------------------------------------- */
/* General Search
/* -------------------------------------------------------------------------- */

#brand_selector_form {
	background-color: #E9E9E9;
	margin: 0;
	padding: 1em;
	color:#58385E;
}

.top_paragraph {
	margin-top: 0;
	margin-left: 1.1em;
}

#search_results form {
	background: #D2D6D7;
}

div.results_header {
	margin: 0;
	background: #2869d1;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	padding: 0 1em 0 0;
}

div.results_header span {
	color: #FFF;
	font-weight: bold;
	float: left;
	padding: 1.5em;
}

div.results_header .actions {
	color: #FFF;
	float: right;
}

div.results_header .actions ul {
	float: left;
	list-style-type: none;
}

div.results_header .actions form {
	float: left;
	margin: 0 0 0 1em;
} 

div.results_header .actions ul li {
	margin: 0;
	padding: 0;
	float: left;
}

div.results_header .actions ul li a {
	float: left;
	padding: .5em;
	color: #2869d1;
	background: #FFF;
	font-weight: bold;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}

div.results_header .actions ul li a:hover {
	background: #BDF;
}

div.results_header .actions label {
	color: #fFF;
}

div.results_header .actions form div {
	padding: 1.5em 0;
}

.button_callout {
	float: right;
	margin-left: 1em;
}

.results_container .actions {
	clear: both;
	color: #FFF;
	padding: 1em;
	background:none repeat scroll 0 0 #2869D1;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}
	
	.results_container .actions p {
		margin: 0;
		float: left;
	}
		.results_container .actions p a {
			padding: 7px;
			background: #FFF;
			font-weight: bold;
			margin: 0 0 0 1em;
			-webkit-border-radius: .5em;
			-moz-border-radius: .5em;
			border-radius: .5em;
		}
		.results_container .actions p a:hover {
			background: #024;
			color: #FFF;
		}

	.results_container .actions form {
		float: right;
	}

div.download  div.usage_description {
	display: none;
}
div.download div.expiration_date {
	display: none;
}

#rights_managed_notice {
	display: none;
	width: 500px;
}
	#rights_managed_notice ul.actions {
		list-style-type: none;
		margin: 1em 0 0 0;
		padding: 0;	
		overflow: hidden;
	}
		#rights_managed_notice ul.actions li {
			margin: 0 1em 0 0;
			padding: 1px;
			float: left;
		}
			#rights_managed_notice ul.actions li a {
				font-weight: bold;
				margin-top: 4px;
				float: left;
			}
 
/* -------------------------------------------------------------------------- */
/* General Columns
/* -------------------------------------------------------------------------- */

.col_one_of_two {
	float: left;
	width: 380px;
}

.col_two_of_two {
	float: left;
	width: 300px;
}


/* -------------------------------------------------------------------------- */
/* Validation Messaging
/* -------------------------------------------------------------------------- */

.error,
.success,
.warning {
	margin: 1em 0;
	line-height: 1.4;
	padding: .5em 1em;
}

.error {
  color: #600;
	border: 2px solid #A7575F;
	background-color: #E4C3C7;
}

.success {
  color: #060;
	border: 2px solid #6F8F56;
	background-color: #BFDAAA;
}

.warning {
  color: #550;
	border: 2px solid #D0B91E;
	background-color: #E9E3B9;
}

/* -------------------------------------------------------------------------- */
/* Login Form
/* -------------------------------------------------------------------------- */

#login.torso {
	background: url(/sup/img/bg/welcome.jpg) top left no-repeat;
	padding-top: 0;
	margin-top: 0;
}

#login .content_container_full_width {
	padding-top: 170px;
	padding-bottom: 10px;
}

#login h2 {
	margin: 0;
	padding: 0;
}

#login .manage_password {
	padding: 24px 0 0 0;
}

#login .login_login,
#login .login_register {
	float: left;
}

#login .login_login {
	width: 425px;
}

#login .login_register {
	float: right;
}

#login .general form {
	margin-top: 0;
}

#login .login_login form,
#login .login_register form {
	padding: 0;
	width: 452px;
	border: none;
	min-height: 190px;
	background: #84BAE4;
	background: rgba(81,131,200,.45);
}

#login .login_login .text,
#login .login_register .text {
	vertical-align: middle;
}

#login .retrieve_password {
	border: none;
	background: #F3F3F3;
	padding: 0 0 0 18px;
}

.login_intro {
	font-size: 1.2em;
}

.general_form {
	background: #a4cdee;
	border: 1px solid #517B86;
	width: 26em;
	padding: .5em 1em 1em 1em;
	margin-top: 1.5em;
}

.general_form div {
	padding: 1em 1em 0 1em;
}

.general_form div label {
	xdisplay: block;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #5D4761;
	font-family:Arial,sans-serif;
	line-height:1.5;
}

.general_form .text {
	width: 300px;
	font-size: 1em;	
}

#contact_form {
	width: 40em;
}

/* -------------------------------------------------------------------------- */
/* My Account Form
/* -------------------------------------------------------------------------- */

form.account h2 {
	margin: 0;
	padding: 12px;
	font-size: 1.2em;
	background: #EEE;
}

form.account .fieldset {
	padding: 12px;
	margin-bottom: 12px;
	background: #f6f6f6;
}

form.account label {
	display: block;
}

form.account label .optional {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
}

form.account .account_info .text_field,
form.account .account_info .password_field {
	width: 300px;
	float: left;
}
form.account .account_info #email_field {
	margin: 0 100px 0 0; /* knocks the next line of inputs down. it's a complete hack. */
}

form.account .user_info .text_field,
form.account .user_info .select_field {
	width: 300px;
	float: left;
}

form.account .user_info .select_field {
	padding: 0 0 10px 0;
}

form.account .user_info #last_name_field,
form.account .user_info #address_2_field,
form.account .user_info #state_id_field,
form.account .user_info #country_id_field, 
form.account .user_info #phone_field {
	margin: 0 200px 0 0; /* knocks the next line of inputs down. it's a complete hack. */
}

form.account .permissions_roles .text_field {
	width: 300px;
	float: left;
}
form.account .permissions_roles .select_field {
	float: left;
	padding: 0 24px 10px 0;
}
form.account .permissions_roles #authorization_level_field {
	margin: 0 200px 0 0; /* knocks the next line of inputs down. it's a complete hack. */
}
form.account .permissions_roles .roles {
	margin: 0 200px 0 0; /* knocks the next line of inputs down. it's a complete hack. */
}
form.account .permissions_roles .checkbox_field {
	float: left;
	padding: 6px;
	background: #FFF;
	margin: 12px 12px 6px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}
form.account .permissions_roles .checkbox_field label {
	display: inline;
}

form.account .user_type #user_type_field {
	float: left;
	padding: 0 24px 10px 0;
}


form.account .user_type .user_type_detail {
	float: right;
	width: 600px; /* knocks the next line of inputs down. it's a complete hack. */
}

form.account .quicksearch {
	clear: both;
	padding: 12px;
	background: #FFF;
	margin: 12px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

/* old stuff */

.general_search_form {
	margin-top: 1.5em;
}

.general_search_form legend {
	font-size: 13px;
	color: #333;
	margin: .5em .5em .5em 0;
	font-weight: bold;
}

.general_search_form fieldset {
	padding-bottom: .5em;
	margin-bottom: 1em;
}

.general_search_form fieldset div {
	background: #a4cdee;
	border: 1px solid #517B86;
	padding: 1em 0 1em 1.5em;
	overflow: hidden;
}

.general_search_form fieldset div .clear {
	border: 0;
	padding: 0;
}

.general_search_form fieldset div p a {
	display: block;
}

.general_search_form .submit_fieldset {
	border: 0;
}

.general_search_form p,
.default .select_lists {
	width: 46%;
	margin: 0 2em 1.5em 0;
	float: left;
	border: 0;
	padding: 0;
}

.general_search_form label {
	display: block;
	margin: 0;
	padding: 0;
	color: #5D4761;
	font-family:Arial,sans-serif;
	line-height:1.5em;
}

.general_search_form .field_container p.odd {
	clear: left;	
}

.select_lists ul {
	background: #FFF;
	list-style-type: none;
	margin: .5em 0 0 0;
	padding: 0;
	padding: 1em;
	-moz-border-radius: .5em;
}

.select_lists ul li {
	margin: 0;
	padding: 0;
}

.general_search_form .select_lists:nth-child(odd) {
	clear: left;
}


.general_search_form .select_lists label {
	font-size: 1em;
	float: left;
	width: 22em;
}

.required {
	color: #900e0e;
	padding-left: .25em;
	vertical-align: top;
}

.general_search_form select {
	width: 20em;
	padding: 0.3em;
}

#terms {
	margin-left: 1em;
	border: 1px solid #999;
}

#i_agree {
	margin-left: 1em;
}

/* table columns */

col.ticket		 { width: 75px; }
col.status		 { width: 75px; }
col.file		   { width: 200px; }
col.date		   { width: 100px; }
col.options		{ width: 100px; }

col.identifier { width: 70px; }
col.name { width: 200px; }
col.date { width: 150px; }
col.download { width: 110px; }
col.options { width: 190px;  }

/* end of table columns */

.collapsible table,
table.approvals,
table.work_orders,
table.documents {
	padding: 0;
	width: 100%;
	background: #fff;
	border: 1px solid #517B86;
}

.collapsible table th,
table.approvals th,
table.work_orders th,
table.documents th {
	text-align: left;
	background: #2462B0;
	background: rgb(103,54,127);
	color: #fff;
	padding: .25em .75em;
	border-right: 1px solid rgb(103,54,127);
	/*border-bottom: 1px solid #3f1a46;*/
}

.collapsible table td,
table.approvals td,
table.work_orders td,
table.documents td {
	padding: .25em .75em;
	/*border-bottom: 1px solid #a4cdee;*/
	border-right: 1px solid #e0dede;
}

table.documents td.sub_document {
	padding-left: 2em;
	background-image: url(/sup/img/brand_builder/sub_document.gif);
	background-position: 8px 50%;
	background-repeat: no-repeat;
}

.collapsible table .table_divider {
	background: #4482D0;
	background: rgb(197,226,232);
	border-top: 1px solid #2e525b;
	border-bottom: 1px solid #2e525b;
	color: #333;
	font-weight: bold;
	border-right: 0;
}

.odd td {
	background: #EEEEEE;
	/*border-right: 1px solid #fff;*/
}

.even td {
	/*border-right: 1px solid #eee;*/
}

.last_cell {
	border-right: 0;
}

.collateral_action,
.guidelines_action {
	width: 94.5%;
	margin-bottom: 1em;
	margin-top: 1em;
}

/* -------------------------------------------------------------------------- */
/* Quicksearch
/* -------------------------------------------------------------------------- */

div.quicksearch {
	margin: 0;
	padding: 0;
	width: auto;
	float: none;	
}

	div.quicksearch div {
		margin: 0;
		padding: 0;
		border: none;	
	}

	.quicksearch .picker {
		margin: 0 0 12px 0;
	}

	/* quicksearch clearfix */ 
	.picker:after,
	.search:after {
	 content: ".";
	 display: block;
	 height: 0;
	 clear: both;
	 visibility: hidden;
	}
	* html .picker,
	* html .search { height: 1%; }
	*:first-child+html .picker,
	*:first-child+html .search { min-height: 1px; }

	div.quicksearch div.search {
		padding: 12px;
		background: #F0F0F0;
	}

	div.quicksearch div.search form {
		float: right;
	}

		div.quicksearch div.search form input {
			width: 294px;
		}
	
	div.quicksearch div.messages {
		float: right;
		margin: 0 12px;
	}
	
		div.quicksearch div.messages span {
			padding: 3px 6px;
			font-weight: bold;
			font-style: normal;
		}
		
		div.quicksearch div.messages span.type_more {
			color: #963;
			background: #FF9;
		}
		
		div.quicksearch div.messages span.no_results {
			color: #900;
			background: #F99;	
		}

	div.quicksearch div.results,
	div.quicksearch div.selected {
		width: 326px;
	}

	/* sign up form */
	.user_type div.quicksearch div.results,
	.user_type div.quicksearch div.selected {
		width: 50%;
	}
	.user_type div.quicksearch div.search form input {
		width: 230px;
	}
	.user_type div.quicksearch div.messages {
		float: left;
	}

	div.quicksearch label {
		padding: 12px;
		display: block;
	}

	div.quicksearch div.results label {
		background: #F0F0F0;
	}
	
	div.quicksearch div.results {
		float: right;
	}
	
	div.quicksearch div.selected {
		clear: left;
		float: left;
	}
	
	div.quicksearch label.searching {
		background-image: url(/sup/img/icon/searching.gif);
		background-repeat: no-repeat;
		background-position: center right;
	}

.general_search_form div.quicksearch {
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	padding: 0;
	border: none;
}

div.quicksearch ul {
	margin: 0;
	overflow: auto;
	padding: 0 12px;
	height: 285px;
	position: relative;
	background: #F0F0F0;
	list-style-type: none;
	}

	div.quicksearch li {
		padding: 6px;
		margin: 12px 0;
		display: block;
		cursor: pointer;
		background: #FFF;
		border: #999 3px solid;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}

	div.quicksearch .selected li {
		padding-right: 50px;
		border: 3px solid #9C6;
		background: #EFD url(/sup/img/quicksearch/close.png) 96% 50% no-repeat;
	}

	div.quicksearch .selected li.highlighted {
		border: #693 3px solid;
		background-color: #DFB;
	}

	div.quicksearch .results li.highlighted {
		border: #9AA 3px solid;
		background-color: #B5E2E8;
	}

	div.quicksearch .results li.selected {
		color: #366;
		background: #D5E2E8;
		border: #ACC 3px solid;
	}

div.quicksearch .type_more,
div.quicksearch .no_results,
div.quicksearch .none_selected {
	cursor: auto;	
}

div.property_number_search {
	background-color: #f3f3f3;
	color: #333;
	border: 1px solid #999;
	border-top: none;
	position: relative;
}

div.property_number_search table {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

div.property_number_search table tr {
	margin: 0;
	border-bottom: 1px solid #dfdfdf;
	cursor: pointer;	
}
	div.property_number_search table tr td {
		padding: 4px 8px;
		vertical-align: top;
	}
		div.property_number_search table tr td.name {
			padding-left: 0;	
		}
	

div.property_number_search table tr.type_more,
div.property_number_search table tr.no_results,
div.property_number_search table tr.searching {
	background-color: #777;
	color: #fff;
	font-style: italic;
	border-bottom: none;
}

div.property_number_search table tr.be_more_specific {
	background-color: #777;
	color: #fff;
	font-style: italic;
	border-bottom: none;	
}

div.property_number_search table tr.highlighted {
	background-color: #d3dee7;	
}


/* -------------------------------------------------------------------------- */
/* Photography
/* -------------------------------------------------------------------------- */

.browse_photography {
	list-style-type: none;
	margin: 0 2em 0 0;
	padding: 0;
}

.browse_photography li a {
	display: block;
	border-bottom: 1px solid #eee;
	padding: .25em 0;
}

#browse_photo_one,
#browse_photo_two {
	width: 49%;
}

/* -------------------------------------------------------------------------- */
/* Workspaces
/* -------------------------------------------------------------------------- */

#workspace {
	padding-top: 1.1em;
}

#email_workspace p,
#rename_workspace p {
	float: none;
}

#email_workspace input.text {
	width: 550px;	
}

#workspace_header {
	margin-top: 1em;
}

.workspace_metadata {
	width: 50%;
	float: left;
}

.workspace_notes {
	overflow: hidden;
	margin-bottom: 1em;
	width: 50%;
	float: left;
}

.note {
	overflow: auto;
	border: 1px solid #eee;
	padding-bottom: 2px;
}

.note p {
	padding-left: .5em;
}

.note p {
	border-bottom: 1px solid #eee;
	padding-bottom: 1em;
}

.note p:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.workspace_notes form {
	margin: 0;
	width: auto;
	padding: 12px;
	background: #EEE;
}

.workspace_notes form textarea {
	width: 95%;
}

.workspace_notes form label {
	color: #222;
	font-weight: bold;
}

#workspace_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#workspace_list li {
	background: #fff;
	clear: left;
	overflow: hidden;
	padding: 1em;
	margin-bottom: 1em;
}
	#workspace_list li.odd {
		background-color: #f6f6f6;	
	}

	#workspace_list li.inactive {
		background-color: #F4E5E5;
	}

#workspace_list li div {
	float: left;
}

.workspace_image {
	padding-right: 1.5em;
	min-width: 77px;
	border-right: 1px solid #e3e3e3;
	min-height: 75px;
}

.workspace_image img {
	border: 1px solid #666;
}

.workspace_image_info {
	width: 64%;
	padding-left: 1.5em;
}

.remove_from_workspace {
	width: 15%;
	padding-left: 1.5em;
	border-left: 1px solid #e3e3e3;
	min-height: 75px;
}

.remove_from_workspace input {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}

.remove_from_workspace label {
	display: block;
	float: left;
	width: 82px;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-size: .9em;
}

textarea {
	padding: 0.4em;
	font-size: 1em;
	font-family: Arial,sans-serif;
	width: 90%;
}

input {
	font-family: Arial,sans-serif;	
}

.checkboxes {
	display: block;
	overflow: hidden;
	margin-bottom: .8em;
}

.checkboxes input {
	float: left;
}

.checkboxes label {
	float: left;
	font-size: 13px;
}

/* -------------------------------------------------------------------------- */
/* Assets
/* -------------------------------------------------------------------------- */

div#asset div.inactive {
	color: #333;
	background-color: #FEE;
	padding: 0.75em;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.25em;
}
	div#asset div.inactive h1 {
		float: left;
		font-size: 1.0em;
		margin: 0;
		line-height: 1.0em;
	}
	div#asset div.inactive div.status {
		float: right;
	}
		div#asset div.inactive div.status em {
			color: #C00;
			font-style: normal;
		}

.thumbnail_holder,
.arrival_image_thumbnail_holder {
	float: left;
	margin-top: 1.3em;
	margin-right: 1.5em;
	width: 15.25em;
}
.arrival_image_thumbnail_holder .actions {
	margin-top: 1em;
}
.selected_items_action {
	margin: 1em 0;
}

.thumbnail_holder a.fancybox em {
	display: block;
	text-align: center;
}

.thumbnail {
	border: 1px solid #666;
	max-width: 100%;
}

.thumbnail img {
	display: block;
}

.asset_information {
	float: left;
	background: #fff;
	width: 34.5em;
	padding: 1em;
	overflow: hidden;
}
	.asset_information dl {
		margin-top: 0;
	}
		.asset_information dl dd span {
			color: #999;
		}

.details {
	overflow: hidden;
}

.details dt {
	width: 10em;
	clear: left;
	float: left;
	font-weight: bold;
	margin-right: 1em;
	margin-bottom: .3em;
	padding-bottom: .3em;
	line-height: 1.1;
}

.details dd {
	margin: 0 0 0.3em;
	padding: 0 0 0.3em 11em;
	border-bottom: 1px solid #eee;
	line-height: 1.1;
}

.details dd em {
	font-size: .8em;
	color: #58385E;
}

div#asset div.related_assets {
	padding: 20px;
	background: #EEE;
	margin: 20px 0 0 0;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	}
	div#asset div.related_assets h2 {
		margin: 0;
		padding: 0;
		line-height: 1;
	}
	div#asset div.related_assets ul {
		margin: 0;
		padding: 0;
		list-style-type: none;		
	}
		div#asset div.related_assets ul li {
			padding: 0;
			display: inline-block;
			vertical-align: middle;
			margin: 1em 1em 0 0;
		}
			div#asset div.related_assets ul li img {
				display: block;
			}
			
#asset_form {
	width: auto;
	float: left;
}

#report_card .select_field div {
	margin: 20px 0 0 0;
}

/* -------------------------------------------------------------------------- */
/* Work Orders
/* -------------------------------------------------------------------------- */

#status_selector {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0 0 1.5em 0;
	overflow: hidden;
	border-bottom: 1px solid #e3e3e3;
}

#status_selector li {
	float: left;
	margin-right: 1em;
}

#status_selector li a {
	display: block;
	padding: .25em .5em;
	background-color: #517b86;
	border: 1px solid #517b86;
	color: #fff;
}

#status_selector li a:hover,
#status_selector .active a {
	background: #7eb7c6;
	border: 1px solid #517b86;
}

.work_order_left {
	width: 43%;
	float: left;
	padding-right: 30px; 
	border-right: solid 1px #7586a9; 
}

.work_order_right {
	width: 48%; 
	float: left; 
	margin-left: 30px;
}

.list_recent_work_orders {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #999;
}

.more_info {
	display: none;
}

.more_info table {
	border-collapse: collapse;
}

.more_info table td {
	padding: 12px;
	border: 1px solid #CCC;
}

.more_info table th {
	padding: 12px;
	text-align: right;
	border: 1px solid #CCC;
}

.help dt {
	font-weight: bold;
}

.help dd {
	margin: 0 0 1em 0;
}

.help.important {
	padding: 3px 6px;
	font-weight: bold;
	font-style: normal;
	color: #963;
	background: #FF9;
}

/* default form style */

.default {
	background: #E9E9E9;
	background: rgb(197,226,232);
}

form.default {
  margin: 18px 0 0 0;
}

form.default .search_browse {
	padding: 0 0 12px 0;
}

.default .search_browse h2 {
	float: left;
}

.default .search_browse a {
	color: #06C;
	float: right;
	padding: 12px;
	font-size: 1.2em;
	background: #F3F3F3;
}

.default .search_browse a:hover {
	color: #09F;
	background: #FFF;
	text-decoration: underline;
}

.default h2 {
  margin: 0;	
  padding: 12px;
  font-size: 1.2em;
}

form.default fieldset {
  padding: 0 18px 18px 18px;
} 

form.default .text_field,
form.default .file_field,
form.default .select_field,
form.default .textarea_field,
form.default .radio_field,
form.default .display,
#submission form.default .checkbox_field,
form.default .multi_file_field {
  padding: 12px;
  margin: 0 0 18px 0;
  background: #FFF;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

form.default .multi_file_field label,
form.default .radio_field label,
form.default .checkbox_field label {
	display: block;	
}

form.default .display label.first {
	font-weight: bold;	
}

form.default div p.help {
	margin: 0.8em 0;
	font-style: italic;
	color: #777;
}

form.default .file_field span.help {
  color: #999;
  display: block;
  font-size: 12px;
  line-height: 1.5;
  margin: 1em 0 0 0;
}

form.default .textarea_field label {
	vertical-align: top;
}

/* submit work order - submit approval */

form #property_id_field,
form #brand_id_field {
	float: none;
	width: 664px;
	height: 36px;
	line-height: 36px;
}

form #property_id_field a,
form #brand_id_field a {
	float: right;
	height: 36px;
	line-height: 36px;
	padding: 0 12px;
	background: #BDF;
	font-weight: bold;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

form #property_id_field a:hover,
form #brand_id_field a:hover {
	background: #DEF;
}

form.submit_work_order .select_field {
	float: left;
	width: 311px;
}

form.submit_work_order .select_field select {
	margin: 0 0 0 .5em;
}

form.submit_work_order #request_type_id_field {
	margin: 0 18px 0 0;
}

form.submit_work_order .file_field {
	clear: both;
}

form.submit_work_order .file_field em {
	float: right;
}

form.submit_work_order #secondary_contact_id_field {
	padding: 12px 12px 0 12px;
	margin: 0 0 18px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #FFF;
}

form.submit_work_order #secondary_contact_id_field .search input {
	
}

form.submit_work_order .checkbox_field p {
	float: left;
	margin: 0 0 18px 0;
	padding: 12px 12px 12px 0;
	font-weight: bold;
}

form.submit_work_order .checkbox_field label {
	float: left;
	padding: 12px;
	margin: 0 12px 18px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #FFF;
}

form.submit_work_order .submit_field {
	clear: both;
}

#submission input#work_order_property_id {
	width: 400px;	
}

#submission form.default div.submit_field a.back {
	padding-left: 1.5em;	
}

/* confirmations */

form.delete {
	padding: 20px;
	border: 1px solid #C00;
}

form.delete p {
	margin-top: 0;
}

form.delete .submit_field {
	float: left;
	background: #C00;
	padding: 5px;
}

form.delete .submit_field input {
	float: left;
	margin: 10px 10px 0 10px;
}

form.delete .submit_field .help {
	color: #900;
	background: #fff;
	padding: 10px;
	float: right;
}

/* recently viewed items */

.sidebar_container ol.recent {
	margin: 0;
	padding: 0 0 20px 0;
}

.sidebar_container ol.recent li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
}

.sidebar_container img {
	width: 120px;
	display: block;
	border: 8px solid #CCC;
	margin: 20px auto 0 auto;
}

/* -------------------------------------------------------------------------- */
/* Brand Builder
/* -------------------------------------------------------------------------- */

#builder h2 {
	clear: both;
	font-size: 1.3em;
}

#builder .information {
	float: left;
	width: 575px;
	padding: 0 18px 0 0;
}

#builder .your_information {
	float: left;
	width: 313px;
	padding: 0 0 0 18px;
}

fieldset.template_preview {
	float: right;
	width: 300px;
	text-align: center;
}

fieldset.template_selection {
	float: left;
	width: 575px;
}

form table {
	width: 100%;	
}

form table tbody .odd td {
	background: #FFF;
}

form.account table label {
	display: inline;
}

form th {
	text-align: left;
	vertical-align: top;
	width: 35%;
}

form td {
	background: none;
}

form td p {
	margin: 0;
	padding: 0;
}

/* progress indicator */

#builder form .progress_indicator {
	clear: both;
	padding: 0;
	margin: 18px 0 0 0;
	background: #F3F3F3;
	width: 924px;
}

#builder #document_template_form .progress_indicator {
	margin-left: -199px;
}

#builder form .progress_indicator li {
	color: #666;
	float: left;
	width: 308px;
	overflow: hidden;
	font-weight: bold;
	position: relative;
	text-align: center;
	list-style-type: none;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
}

#builder form .progress_indicator li input {
	margin: 1em 0 0 0;
}

#builder form .progress_indicator li.active {
	color: #159;
	background: #7BF url(/sup/img/template/active.gif) 100% 0 no-repeat;
}

#builder form .progress_indicator li.next {
	background: #BDF url(/sup/img/template/next.gif) 100% 0 no-repeat;
}

#builder form .progress_indicator li.first {
	background: #F3F3F3 url(/sup/img/template/first.gif) 100% 0 no-repeat;
}
#builder form .progress_indicator li.last {
	background: #BDF url(/sup/img/template/last.gif) 100% 0 no-repeat;
}

#builder form .progress_indicator li span.order {
	left: 6px;
	color: #C2C2C2;
	font-size: 5.2em;
	font-weight: bold;
	position: absolute;
	top: 0;
}

#builder form .progress_indicator li.active span.order {
	color: #5F96CC;
}

#builder form .progress_indicator li.next span.order {
	color: #96B1CC;
}

body#builder_popup {
	width: 765px;	
}

body#builder_popup div.torso {
	min-height: 300px;	
}

body#builder_popup #im_done {
	float: right;	
}


body#builder_popup form.property_search input.text {
	width: 350px;
}

/* news style */

.news p strong {
	display: block;
}

/* report card */

.report_card {
	float: left;
	width: 300px;
}

.report_card .report_card_grade {
	padding: 12px;
	background: #EEE;
}

.report_card .report_card_grade strong {
	float: left;
	line-height: 72px;
}
.report_card .report_card_grade .grade {
	color: #666;
	float: right;
	font-size: 72px;
	line-height: 72px;
	font-family: Baskerville, "Times New Roman", Times, serif;
}

.edit_report_card {
	width: 600px;
	float: right;
}

.edit_report_card table {
	clear: both;
	background: #FFF;
}

.edit_report_card table tr th {
	padding: 12px 0;
}
.edit_report_card table tr th.first {
	padding: 12px 0 12px 24px;
}
.edit_report_card table tr th.last {
	padding: 12px 12px 12px 0;
}

.edit_report_card table tr td.photo {
	padding: 12px 0 0 12px;
}
.edit_report_card table tr td.name_date {
	padding: 12px 0 0 0;
}
.edit_report_card table tr td.subject {
	padding: 12px 0 0 0;
}
.edit_report_card table tr td.grade {
	padding: 12px 12px 0 0;
}
.edit_report_card table tr td.notes {
	padding: 0 12px 12px 0;
}
.edit_report_card table tr td.notes textarea {
	width: 98%;
	display: block;
}

.edit_report_card table tr.even td {
	background: #F6F6F6;
}

.edit_report_card table tr.even td.grade,
.edit_report_card table tr.even td.notes {
	border-right: 12px solid #F6F6F6;
}
.edit_report_card table tr.odd td.grade,
.edit_report_card table tr.odd td.notes {
	border-right: 12px solid #FFF;
}

.edit_report_card table tr.report_card_fail_row td.grade,
.edit_report_card table tr.report_card_fail_row td.notes {
	border-right: 12px solid #F60;
}

.export_report_card,
.save_report_card {
	background: #EEE;
}

.export_report_card .submit_field,
.save_report_card .submit_field,
.export_report_card .add_missing_placeholder,
.save_report_card .add_missing_placeholder {
	float: left;
	padding: 12px;
	background: #FFF;
	margin: 12px 0 12px 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.edit_report_card .info {
	color: #C30;
	padding: 12px;
	margin: 0 0 12px 0;
	border: 1px solid #F60;
}

/* approval details */

.ticket_information {
  padding: 20px;
  margin: 0 0 20px 0;
  background: #EFEFEF;
  border-bottom: 1px solid #999;
}

.ticket_information .approved {
  color: #5C9F5E;
}

.ticket_information .rejected {
  color: #D64B4B;
}

table.approval_details {
  width: 66%;
  float: left;
  border-collapse: collapse;
}

table.approval_details th,
table.approval_details td {
  padding: 10px;
  background: #FFF;
  vertical-align: top;
  border-top: 1px solid #EFEFEF;
}

table.approval_details .first th,
table.approval_details .first td {
  border-top: none;
}

table.approval_details th {
  text-align: right;
}

.approval_detail_options {
  width: 33%;
  float: right;
}

.approval_details_container {
  clear: both;
}

.approval_detail_files {
  width: 32%;
  float: left;
}

.approval_detail_files .file_info a {
  color: #111;
  padding: 5px;
}

.approval_detail_files .file_info span, 
.approval_detail_files .file_info em {
  display: block;
}

.approval_detail_files .active_file a { 
  display: block;
  margin: 0 -8px 0 0;
  position: relative; 
  font-weight: bold; 
  border-top:  1px solid #E3E3E3;
  border-right: 1px solid #D3D3D3; 
  border-bottom: 1px solid #D3D3D3; 
}

.approval_detail_files .inactive_file a { 
  display: block;
  background: #F3F3F3;
  border-top:  1px solid #E3E3E3;
  border-right: 1px solid #D3D3D3; 
  border-bottom: 1px solid #D3D3D3; 
  border-left: 1px solid #D3D3D3; 
}

.approval_detail_notes {
  width: 66%;
  float: left;
  padding: 0 0 20px 0;
  border-top: 1px solid #EEE;
  border-left: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}

.approval_detail_notes p,
.approval_detail_notes .info,
.approval_detail_notes table {
  padding: 0 20px;
  margin: 10px 0 0 0;
}

.approval_detail_notes .file_details table {
  width: 430px;
  border-collapse: collapse;
  margin: 10px 20px 0 20px;
}

.approval_detail_notes .file_details table col.header,
table.approval_details col.header {
  width: 120px;
}

.approval_detail_notes .file_details table th {
  text-align: right;
}

.approval_detail_notes .file_details table th,
.approval_detail_notes .file_details table td {
  padding: 10px;
  background: #FFF;
  vertical-align: top;
  border-top: 1px solid #EFEFEF;
}

.approval_detail_notes .file_details table .first th,
.approval_detail_notes .file_details table .first td {
  border: none;
}

/* api page */

.api_key {
	padding: 5px 20px;
	background: #F0F1F2;	
}
	.api_key p {
		font-weight: bold;
	}
	.api_key ul {
		list-style: none;
		padding: 0;
	}
		.api_key ul li {
			padding: 10px;
			margin: 0 0 10px 0;
			background: #FFF;
			-moz-border-radius: .5em;
		}
			.api_key ul li strong {
				float: left;
				width: 80px;
			}
			

/* -------------------------------------------------------------------------- */
/* Arrival Images
/* -------------------------------------------------------------------------- */

p.current_checkout {
	background-color: #f3f3f3;
	padding: 1em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

dd.artwork_usage_rights {
	min-height: 2.2em;
}


/* -------------------------------------------------------------------------- */
/* Resources
/* -------------------------------------------------------------------------- */

.resources_index {
	margin-right: 40px;
}
	.resources_index .preferred_printers,
	.resources_index .signage {
		float: left;
		width: 45%;
	}
	.resources_index .preferred_agency,
	.resources_index .brand_questions {
		float: right;
		width: 45%;
	}

	.resources_index .section h4,
	.resources_index .faq h3 {
		margin: 1.5em 0 5px 0;
		border-bottom: 1px solid #333;
	}
		.resources_index .faq h3 {
			font-size: 14px;
		}
		.resources_index .faq p {
			padding-left: 10%;
		}