﻿	#popup div.content div.image-credits
	{
		float: left;
		display: block;
		padding-bottom: 5px;
	}
	
	#popup div.content div.image-credits.last
	{
		padding-bottom: 0px;
	}	
	
	#popup div.content div.image-credits div.image
	{
		float: left;
		display: block;
		/*width: 84px;
		height: 84px;*/
		margin-right: 15px;
		padding: 3px;		
		vertical-align: top;
		background-color: #D8D9DB;

	}
	
	#popup div.content div.image-credits div.details
	{
		float: right;
		display: block;
		width: 210px;
		vertical-align: top;
		
	}
	
	#popup div.content-box
	{
		border: 2px solid #E8E9EA;
		padding: 12px;
		float: left;
		background-image: url(/assets/bg_grad5.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
		margin-left:0px;
	}
	
	/* -- start: content box overrides ----------------------------------------------- */
	
		
		
		#popup div.content-box.popup { width: 300px; height: 280px;	margin-top: 5px; padding-top: 0px; padding-bottom: 0px;}
		#popup div.content-box.popupTraction { width: 500px; margin-top: 5px; padding-top: 0px; padding-bottom: 0px;}

		
/* lists (copied/adjusted from content_scenarios) */
table.listing {margin:10px;width:349px;border: 2px solid #d7d8da;}
table.listing th {padding: 3px 10px 5px; text-align: left; background:#d7d8da;}
table.listing td {padding: 5px 8px 5px 10px; border-bottom: 1px solid #e3e4e6;vertical-align:top;background:url(/assets/bg_grad2.gif) repeat-x bottom;}

/* undo content padding/margin... and then some */
#anticontent {margin:-10px -20px;}
#anticontent div {margin:10px;}
#anticontent h2 {color:#c80b58;margin:10px;}
a.prev, a.next {color:#e66e00;display:block;margin-bottom:5px;}
.pretitle {float:right;}
.prev {background:url(/assets/arrowleft.gif) no-repeat center left;padding-left:15px;}
.paging {text-align:center;height:20px;}
.paging .prev {float:left;}
.paging .next {float:right;background:url(/assets/arrowright.gif) no-repeat center right;padding-right:15px;}

/*  Start Added by KL ------------------------------------------ */
span.mandatory {
	color: Red;
	margin-right: 4px;
}



/* ---------General Page Structure Id's & Classes (needed)---------- */

div.rowWrap {
	margin-bottom: 13px;
}
h2 {
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 17px;
}
label.formLabel {
	width: 200px !important;
	display: block;
	float: left;
}
input.inputXlng, select.inputXlng {
	width: 180px;
	float: left;
}

span.highlight {
	color: #ff3300!important;
}
/* End Added by KL ------------------------------------------ */
.formContent {
	width: 500px;
	margin: 25px 0 0 146px;
	background:						#a1ce34 url(../Images/indexBg.gif) repeat-x;
	padding:						12px;
	border:							1px solid #BFDB7B;
}

div.formRow {
	width: 455px;
	float: left;
}
div.rowWrap {
	margin-bottom: 13px;
}
/* ----- ERROR & SUCCESS CLASSES - (needed) -- */
div.error {
	color:								White;
	font-size:							1.1em;
	font-weight:						bold;
	border: Red;
	border-width: 2px;
	padding: 4px;
	background-color: #CC0000;
}

div.success {
	color:								Green;
	font-size:							1.1em;
	font-weight:						bold;
}

span.error, .errorMarLeft, .globalError {
	color:								#f30!important;
	margin:								0!important;
	padding:							0 0 0 203px;
	display: 							block;
	clear: both;
}
span.error, .errorMarLeft {
	font-size:							0.9em;
}
.globalError {
	padding:							0 0 15px 0;
}
.errorLeftMar {
	margin-left:						87px;
}
* html .errorLeftMar {
	margin-left:						74px;
}
.errorWrap {
	float:								left;
	width:								280px;
}
.errorWrapRight {
	float:								right;
	width:								280px;
	margin-right:						35px;
}
* html .errorWrapRight {
	margin-right:					17px!important;
}
.errorWrapRight .error {
	padding:							0;
}
* html .errorWrapRight, * html .errorWrap {
	margin-top:							4px;
}

.errorWrap .error {
	padding:							0px;
}
.errorPadLeft {
	padding-left:						13px;
}
.errorSample {
	width:								400px;
	border:								2px solid red;
	padding:							25px;
	wid\h:								350px;
	background:							#e6c6cf;
	text-align: 						center;
	color:								#666;
	font-weight:						bold;
}
.highlight {
	color:								#ff3300!important;
}


/* ----- END ERROR & SUCCESS CLASSES  -- */

.clear { clear: both; }
