﻿/******************************************************************************************

		MODULES CSS - modules potentially used across different pages
		
   *****************************************************************************************/
#rightColumnBoxWrapper, 
#notificationWrapper
{
	float: right;
	width: 85%;
	background: #F5F5F5;
	border-top: solid 1px #B5D1DD;
	border-bottom: solid 1px #B5D1DD;
	padding: 5px 0px 5px 15px;
	margin: 5px 10px 5px 5px;
}

.borderBoxContent
{
	border: 1px solid #C8C8C8;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	clear:both;
}

.blueModuleBoxSmall
{
	width:200px;
	float:left;
	margin: 0px 0px 0px 0px;
}

.blueModuleBox
{
	width:220px;
	float:right;
	margin: 0px 0px 20px 0px;
}

.blueModuleBoxSmall .header,
.blueModuleBox .header
{
	clear:both;
}

.blueModuleBoxSmall .footer,
.blueModuleBox .footer
{
	clear:both;
}

.blueModuleBoxSmall .header .left,
.blueModuleBox .header .left
{
	float:left;
	clear:left;
	height:29px;
	width:2px;
	background: #FFFFFF url(../../Interface/images/boxHeaderLeftCornerBlue.gif) no-repeat;
}

.blueModuleBoxSmall .header .middle
{
	float:left;	
	width:196px;
	height:29px;
	background: #FFFFFF url(../../Interface/images/boxHeaderBGBlue.gif) repeat-x;
}

.blueModuleBox .header .middle
{
	float:left;	
	width:216px;
	height:29px;
	background: #FFFFFF url(../../Interface/images/boxHeaderBGBlue.gif) repeat-x;
}

.blueModuleBoxSmall .header .middle span,
.blueModuleBox .header .middle span
{	
	font-size:12px;
	padding: 0px 0px 0px 5px;
	clear:both;
}

.blueModuleBoxSmall .header .right,
.blueModuleBox .header .right
{
	float:left;
	height:29px;
	width:2px;
	background: #FFFFFF url(../../Interface/images/boxHeaderRightCornerBlue.gif) right no-repeat;
}

.blueModuleBoxSmall .footer .left,
.blueModuleBox .footer .left
{
	float:left;
	height:2px;
	width:2px;
	background:url(../../Interface/images/boxFooterLeftCornerBlue.gif) no-repeat;
}

.blueModuleBoxSmall .footer .middle
{
	width:196px;
	height:2px;
	float:left;
	border-bottom: #8db8c8 1px solid;
}

.blueModuleBox .footer .middle
{
	width:216px;
	height:2px;
	float:left;
	border-bottom: #8db8c8 1px solid;
}


.blueModuleBoxSmall .footer .right,
.blueModuleBox .footer .right
{
	float:left;
	height:2px;
	width:2px;
	background:url(../../Interface/images/boxFooterRightCornerBlue.gif) right no-repeat;
}

.blueModuleBoxSmall .content
{
	display:block;
	border-left: #8db8c8 1px solid;
	border-right: #8db8c8 1px solid;
	border-top: #8db8c8 1px solid;
	margin:20px 0px 0px 0px;
	padding:20px 16px 7px 15px;
}

.blueModuleBox .content
{
	display:block;
	border-left: #8db8c8 1px solid;
	border-right: #8db8c8 1px solid;
	border-top: #8db8c8 1px solid;
	margin:20px 0px 0px 0px;
	padding:20px 16px 7px 15px;
}

.blueModuleBoxSmall .content span,
.blueModuleBoxSmall .content select,
.blueModuleBox .content span,
.blueModuleBox .content select
{
	/*clear:both;*/
	display:block;	
	width:100%;
	overflow:hidden;
}

.blueModuleBox .content input,
.blueModuleBox .content textarea
{
	display:block;	
	width:100%;
	margin: 0px 0px 15px 0px;
}

.blueModuleBox .content .groupOfButtons input
{
	width:auto;
	clear:both;
	margin: 0px 0px 5px 0px;
}

.blueModuleBox .content span.radio input
{
	width:auto;
	float:left;
}

.blueModuleBox .content input.memoBoxes
{
	width:100%;
	height:60px;	
}

.blueModuleBoxSmall .header span,
.blueModuleBox .header span
{
	display:block;
	margin: 7px;
	font-size:11px;
	font-weight:bold;
	color: #1A2D3C;
}


.blueModuleBox400
{
	width:400px;	
}

.blueModuleBox400 .top
{
	position:relative;
	overflow:hidden;
	height:3px;
	width:400px;
	background:url(../../Interface/images/bluebox400-top.png) no-repeat;
}

.blueModuleBox400 .middle
{
	
	width:398px;
	background: #E7F0F0;
	border-left:1px #8DB9CA solid;
	border-right:1px #8DB9CA solid;
}

.blueModuleBox400 .bottom
{
	height:3px;
	width:400px;
	background:url(../../Interface/images/bluebox400-bottom.png) no-repeat;
}

.blueModuleBox480
{
	width:480px;	
}

.blueModuleBox480 .top
{
	position:relative;
	overflow:hidden;
	height:3px;
	width:480px;
	background:url(../../Interface/images/bluebox480-top.png) no-repeat;
}

.blueModuleBox480 .middle
{
	width:478px;
	background: #E7F0F0;
	border-left:1px #8DB9CA solid;
	border-right:1px #8DB9CA solid;
}

.blueModuleBox480 .middle .content
{
	padding:9px 20px;
}

.blueModuleBox480 .bottom
{
	height:3px;
	width:480px;
	background:url(../../Interface/images/bluebox480-bottom.png) no-repeat;
}


.blueModuleBox582
{
	width:582px;	
}

.blueModuleBox582 .top
{
	position:relative;
	overflow:hidden;
	height:3px;
	width:582px;
	background:url(../../Interface/images/bluebox582-top.png) no-repeat;
}

.blueModuleBox582 .middle
{
	width:580px;
	background: #E7F0F0;
	border-left:1px #8DB9CA solid;
	border-right:1px #8DB9CA solid;
}

.blueModuleBox700 .middle .content
{
	padding:10px 20px;	
}

.blueModuleBox582 .bottom
{
	height:3px;
	width:582px;
	background:url(../../Interface/images/bluebox582-bottom.png) no-repeat;
}

.blueModuleBox700
{
	width:700px;	
}

.blueModuleBox700 .top
{
	position:relative;
	overflow:hidden;
	height:3px;
	width:700px;
	background:url(../../Interface/images/bluebox700-top.png) no-repeat;
}

.blueModuleBox700 .middle
{
	width:698px;
	background: #E7F0F0;
	border-left:1px #8DB9CA solid;
	border-right:1px #8DB9CA solid;
}

.blueModuleBox700 .middle .content
{
	padding:10px 20px;	
	font-size:13px;
}

.blueModuleBox700 .bottom
{
	height:3px;
	width:700px;
	background:url(../../Interface/images/bluebox700-bottom.png) no-repeat;
}

.genericBox
{
	width:220px;
	float:right;
	margin: 0px 0px 20px 0px;	
}

.genericBoxLarge
{
	width:700px;
	float:left;
}

.genericBoxMedium
{
	width:480px;
	float:left;
}

.genericBoxMedium .header .left,
.genericBoxLarge .header .left,
.genericBox .header .left
{
	float:left;
	clear:left;
	height:3px;
	width:2px;
	background:url(../../Interface/images/boxHeaderLeftCornerBlue.gif) top left no-repeat;
}

.genericBoxMedium .header .middle
{
	float:left;	
	width:476px;	
	height:2px;
	border-top: #8db8c8 1px solid;
}

.genericBoxLarge .header .middle
{
	float:left;	
	width:696px;
	height:2px;
	border-top: #8db8c8 1px solid;
}

.genericBox .header .middle
{
	float:left;	
	width:216px;
	height:2px;
	border-top: #8db8c8 1px solid;
}

.genericBoxMedium .header .right,
.genericBoxLarge .header .right,
.genericBox .header .right
{
	float:left;
	height:3px;
	width:2px;
	background:url(../../Interface/images/boxHeaderRightCornerBlue.gif) top right no-repeat ;
}

.genericBoxMedium .footer .left
.genericBoxLarge .footer .left,
.genericBox .footer .left
{
	float:left;
	height:2px;
	width:2px;
	background:url(../../Interface/images/boxFooterLeftCornerBlue.gif) no-repeat;
}

.genericBoxMedium .footer .middle
{
	width:476px;
	float:left;
	border-top: #8db8c8 1px solid;
}

.genericBoxLarge .footer .middle
{
	width:696px;
	float:left;
	border-top: #8db8c8 1px solid;
}

.genericBox .footer .middle
{
	width:216px;
	height:0px;
	float:left;
	border-top: #8db8c8 1px solid;
}

.genericBoxMedium .footer .right,
.genericBoxLarge .footer .right,
.genericBox .footer .right
{
	float:left;
	height:2px;
	width:2px;
	background:url(../../Interface/images/boxFooterRightCornerBlue.gif) right no-repeat;
}


.genericBoxMedium .content,
.genericBoxLarge .content,
.genericBox .content
{
	clear:both;
	border-left: #8db8c8 1px solid;
	border-right: #8db8c8 1px solid;
	padding:15px 17px 20px 20px;
	background: url(../../Interface/images/gradient-bottom.gif) repeat-x bottom center;
	overflow:hidden;
}

.genericBoxMedium .content .title,
.genericBoxLarge .content .title,
.genericBox .content .title
{
	font-size:12px;
	font-weight:bold;
	clear:both;
	display:block;
	padding: 0px 0px 10px 0px;
}

.genericBoxMedium .sectionTitle,
.genericBoxLarge .sectionTitle,
.genericBox .sectionTitle
{
	color: #1A2D3C;		
	font-size:12px;
	font-weight:bold;
	clear:both;
	display:block;
	line-height:15px;
	margin:0px 0px 5px 0px;
}


.searchBoxWrapper
{
	position:absolute;
	top:126px;
	
}

.searchBox
{
	float:right;
	width:240px;
}

.searchBoxWrapperTwoColumn
{
	width:720px;
}

.searchBoxWrapperThreeColumn
{

}

.searchBoxInitHidden
{
	overflow:hidden;
}


.toolTipBox
{
	width:235px;
	clear:both;
}

.toolTipBox .header
{
	background: url(../../Interface/images/tooltipBox-top.png) no-repeat;	
	height:7px;
	clear:both;
}

.toolTipBox .content
{
	background: url(../../Interface/images/tooltipBox-middle.png) repeat-y;	
	overflow:hidden;
	padding:8px 15px;
	border:0px;
}

.toolTipBox .footer
{
    background: url(../../Interface/images/tooltipBox-bottom.png) no-repeat;	
	height:7px;
	clear:both;
}

.statusMsgBox
{
	width:100%;	
	margin:0px auto;
	clear:both;	
	margin: 0px 0px 10px 0px;
}

.statusMsgBox .content .statusMessage
{
	display:block;
	padding: 10px 10px 20px 36px;
	border: #04B505 1px solid;
	background:#FFFFFF url(../../Interface/images/status_message-status.gif) no-repeat 10px 10px;
}

.statusMsgBox .content .errorMessage
{
	display:block;
	padding: 10px 10px 20px 36px;
	border: #F23108 1px solid;
	background:#FFFFFF url(../../Interface/images/status_message-error.gif) no-repeat 10px 10px;
}

.statusMsgBox .content .errorMessage span,
.statusMsgBox .content .statusMessage span
{
	display:block;	
	margin: 0px 0px 0px 20px;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	clear:right;
}

.orderBox
{
	width:600px;	
	position:relative;
}

.orderBox .top
{
	background: url(../../Interface/images/order_box_top.gif)  no-repeat;
	width:600px;	
	height:10px;
	clear:both;
}

.orderBox .middle
{
	background:#d5e2ec url(../../Interface/images/order_middle_bottom.gif) repeat-x;
	width: 598px;
	border-left:1px solid #99b8d2;
	border-right:1px solid #99b8d2;
	overflow:hidden;
}

.orderBox .bottom
{
	background: url(../../Interface/images/order_box_bottom.gif)  no-repeat;
	width: 600px;	
	height:3px;
	clear:both;
}

#infoBox
{
	position: absolute;
	background-color: #e4eef2;
	border: solid 1px #8db9ca;
	width: 238px;
	margin: 0;
	padding: 0;
}

#infoBoxContent
{
	margin: 0;
	padding: 10px;
}

a#infoBoxClose
{
	background-image: url(../images/x.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	margin: 1px 1px 0 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
}

a#infoBoxClose span.alt
{
	display: none;
}

#contactUs 
{
	
}


.blueBox700
{
	width:700px;
	clear:both;
}

.blueBox700 ul li
{
	list-style-type:square;
}

.blueBox700 .top
{
	width:700px;
	height:2px;
	background: #FFFFFF url('../images/blue-modulebox700-top.gif') no-repeat;
}

.blueBox700 .middle
{
	width:697px;
	background: #E6F0EF;
	border-left: 1px solid #8EB9CC;
	border-right: 1px solid #8EB9CC;
}

.blueBox700 .middle .content
{
	padding:18px 20px;	
	font-size:12px;
}

.blueBox700 .bottom
{
	width:700px;
	height:2px;
	background:  #FFFFFF url('../images/blue-modulebox700-bottom.gif') no-repeat;
}


.blueBox440
{
	width:440px;
	clear:both;
}

.blueBox440 ul li
{
	list-style-type:square;
}

.blueBox440 .top
{
	width:440px;
	height:2px;
	background: #FFFFFF url('../images/blue-modulebox700-top.gif') no-repeat;
}

.blueBox440 .middle
{
	width:439px;
	background: #E6F0EF;
	border-left: 1px solid #8EB9CC;
	border-right: 1px solid #8EB9CC;
}

.blueBox440 .middle .content
{
	padding:18px 20px;	
	font-size:11px;
}

.blueBox440 .bottom
{
	width:440px;
	height:2px;
	background:  #FFFFFF url('../images/blue-modulebox700-bottom.gif') no-repeat;
}

/*
	Green Results Container Module
*/

.defaultStatus .header
{
	clear:both;
	position:relative;
	overflow:hidden;
	width:100%;
}

.defaultStatus .header .container
{
	/* left segment*/
	background:#FFFFFF url(../../Interface/images/topbar-results-green-left.gif) no-repeat;
	height:28px;
	float:left;
	width:100%;
}

.defaultStatus .header .container .content
{
	/* middle fill*/
	margin:0px 0px 0px 2px;
	background: url(../../Interface/images/topbar-results-green-middle.gif) repeat-x;
	height:28px;
	position:relative;
	overflow:hidden;
}

.defaultStatus .header .container .content .resultStatus
{
}

.defaultStatus .header .container .content .resultStatus .statusImg
{
	background: url(../../Interface/images/imgstatus-clear.gif);
	width:20px;
	height:20px;
	margin:2px 5px;
	float:left;
}

.defaultStatus .header .container .content .resultStatus span
{	
	display:block;
	/*height:30px;*/
	font-size:13px;
	color:#FFFFFF;
	margin:5px 0px;
	
}
.defaultStatus .header .container .content .resultStatus span.status
{
	float:left;
	font-weight:bold;
	width:70%;
}

.defaultStatus .header .container .content .resultStatus span.date
{
	/*float:right;*/
	width:25%;
	float:left;
	text-align:right;
}

.defaultStatus .header .container .content .right
{
	/* right segment*/
	background:#FFFFFF url(../../Interface/images/topbar-results-green-right.gif);
	width:2px;
	height:28px;
	float:right;
	margin: 0px 0px 0px -2px;
}

.defaultStatus .contentContainer
{
	border-left:1px solid #04b504;
	border-right:1px solid #04b504;
	padding: 10px;
	display:block;
	position:relative;
	clear:both;
	overflow:hidden;
}

.defaultStatus .footer
{
	clear:both;
	position:relative;
	overflow:hidden;
}

.defaultStatus .footer .container
{
	/* left segment*/
	background:#FFFFFF url(../../Interface/images/bottombar-results-green-left.gif) no-repeat;
	height:2px;
	float:left;
	width:100%;
}

.defaultStatus .footer .container .content 
{
	margin:0px 0px 0px 2px;
	height:1px;
	border-bottom:1px #04b504 solid;
	overflow:hidden;

}
.defaultStatus .footer .container .content .right
{
	/* right segment*/
	background:#FFFFFF url(../../Interface/images/bottombar-results-green-right.gif);
	width:2px;
	height:1px;
	float:right;	
	overflow:hidden;
	position:relative;
}

/*
	Red Results Container Module
*/
.notClearStatus .header .container
{
   background:url(../../Interface/images/topbar-results-red-left.gif) no-repeat !important;
}

.notClearStatus .header .container .content
{
	background: url(../../Interface/images/topbar-results-red-middle.gif) repeat-x !important;
}

.notClearStatus .header .container .content .resultStatus
{

}

.notClearStatus .header .container .content .resultStatus .statusImg
{
	margin:3px 5px;
	background: url(../../Interface/images/imgstatus-not_clear.gif) no-repeat !important;
}

.notClearStatus .header .container .content .right
{
	background:#FFFFFF url(../../Interface/images/topbar-results-red-right.gif) !important;
}

.notClearStatus .contentContainer
{
	border-left:1px solid #FE0000 !important;
	border-right:1px solid #FE0000 !important;
}

.notClearStatus .footer .container
{
	background:#FFFFFF url(../../Interface/images/bottombar-results-red-left.gif) no-repeat !important;
}

.notClearStatus .footer .container .content 
{
	border-bottom:1px #FE0000 solid !important;
}

.notClearStatus .footer .container .content .right
{
   background:#FFFFFF url(../../Interface/images/bottombar-results-red-right.gif) !important;
}


/*
	Orange Results Container Module
*/

.deferedStatus .header .container
{
   background:url(../../Interface/images/topbar-results-orange-left.gif) no-repeat !important;
}

.deferedStatus .header .container .content
{
	background: url(../../Interface/images/topbar-results-orange-middle.gif) repeat-x !important;
}

.deferedStatus .header .container .content .resultStatus
{	
}

.deferedStatus .header .container .content .resultStatus .statusImg
{
	background: url(../../Interface/images/imgstatus-defered.png) no-repeat !important;
}
.deferedStatus .header .container .content .right
{
	background:#FFFFFF url(../../Interface/images/topbar-results-orange-right.gif) !important;
}

.deferedStatus .contentContainer
{
	border-left:1px solid #FF7800 !important;
	border-right:1px solid #FF7800 !important;
}

.deferedStatus .footer .container
{
	background:#FFFFFF url(../../Interface/images/bottombar-results-orange-left.gif) no-repeat !important;
}

.deferedStatus .footer .container .content 
{
	border-bottom:1px #FF7800 solid !important;
}

.deferedStatus .footer .container .content .right
{
   background:#FFFFFF url(../../Interface/images/bottombar-results-red-right.gif) !important;
}


/*
	Blue Results Container Module
*/

.CompletedStatus .header .container
{
   background:url(../../Interface/images/topbar-results-blue-left.gif) no-repeat !important;
}

.CompletedStatus .header .container .content
{
	background: url(../../Interface/images/topbar-results-blue-middle.gif) repeat-x !important;
}

.CompletedStatus .header .container .content .resultStatus
{	
}

.CompletedStatus .header .container .content .resultStatus .statusImg
{
	/**background: url(../../Interface/images/topbar-results-blue-middle.gif) no-repeat !important;**/
	visibility :hidden ;
	width : 0px;
	padding : 0px;
}

.CompletedStatus .header .container .content .right
{
	background:#FFFFFF url(../../Interface/images/topbar-results-blue-right.gif) !important;
}

.CompletedStatus .contentContainer
{
	/**border-left:1px solid #153050 !important;
	border-right:1px solid #153050 !important;**/
	border:1px solid #150350;
}

.CompletedStatus .footer .container
{
	background:#FFFFFF url(../../Interface/images/topbar-results-blue-left.gif) no-repeat !important;
}

.CompletedStatus .footer .container .content 
{
	border-bottom:1px #153050 solid !important;
}

.CompletedStatus .footer .container .content .right
{
   background:#FFFFFF url(../../Interface/images/topbar-results-blue-right.gif) !important;
}



/* nowShare box module */
#nowShare
{
	width:460px;
	margin:30px 0px 0px 0px;
}

#nowShare .top
{
	width:460px;
	height:2px;
	background: url(../../Interface/images/shareBox-top460.gif) no-repeat;
	position:relative;
	overflow:hidden;
}

#nowShare .middle1
{
	background: #A9CAD7 url(../../Interface/images/shareBox-middle1-460.gif) repeat-x;
	min-height:160px;
	z-index:1;
}

#nowShare .middle1 .content
{
	position:relative;
	padding:12px 20px 0px 20px;
	clear:both;
}

#nowShare .middle1 .content label
{
	margin:0px 0px 0px 5px;
}

#nowShare .middle2
{
	background: #65A0B8 url(../../Interface/images/shareBox-middle2-460.gif) repeat-x;
	min-height:86px;
	z-index:0;
	clear:both;
}

#nowShare .middle2 .content
{

	padding:20px 20px 10px 20px;
	clear:both;
}

#nowShare .middle2 .content a.invite
{
	background:transparent url(../../Interface/images/white-arrow.gif) no-repeat scroll left center;
	color: #FFFFFF;
	font-weight:bold;
	padding: 0px 0px 0px 10px;
	clear:right;
}

#nowShare .bottom
{
	width:460px;
	height:3px;
	background: #FFFFFF  url(../../Interface/images/shareBox-bottom460.gif) no-repeat;
}

#nowShare .drpLabel
{
	display:block;
	width:150px;	
	float:left;
	font-weight:bold;
}

#nowShare .thankYouLink
{
	display:block;
	margin:0px 0px	0px 180px;
}


/* Candidate Review box module */
#Review
{
	width:460px;
	margin:30px 0px 0px 0px;
}

#Review .top
{
	width:460px;
	height:2px;
	background: url(../../Interface/images/shareBox-top460.gif) no-repeat;
	position:relative;
	overflow:hidden;
}

#Review .middle1
{
	background: #A9CAD7 url(../../Interface/images/shareBox-middle1-460.gif) repeat-x;
	min-height:185px;
	z-index:1;
}

#Review .middle1 .content
{
	position:relative;
	padding:12px 20px 0px 20px;
	clear:both;
}

#Review .middle1 .content label
{
	margin:0px 0px 0px 5px;
}

#Review .middle2
{
	background: #65A0B8 url(../../Interface/images/shareBox-middle2-460.gif) repeat-x;
	min-height:86px;
	z-index:0;
	clear:both;
}

#Review .middle2 .content
{

	padding:20px 20px 10px 20px;
	clear:both;
}

#Review .middle2 .content a.invite
{
	background:transparent url(../../Interface/images/white-arrow.gif) no-repeat scroll left center;
	color: #FFFFFF;
	font-weight:bold;
	padding: 0px 0px 0px 10px;
	clear:right;
}

#Review .bottom
{
	width:460px;
	height:3px;
	background: #FFFFFF  url(../../Interface/images/shareBox-bottom460.gif) no-repeat;
}

#Review .drpLabel
{
	display:block;
	width:150px;	
	float:left;
	font-weight:bold;
}

#Review .thankYouLink
{
	display:block;
	margin:0px 0px	0px 180px;
}

/* VSS Serial Number box module */
#SerialNumber
{
	width:460px;
	margin:30px 0px 0px 0px;
}

#SerialNumber .top
{
	width:460px;
	height:2px;
	background: url(../../Interface/images/shareBox-top460.gif) no-repeat;
	position:relative;
	overflow:hidden;
}

#SerialNumber .middle1
{
	background: #A9CAD7 url(../../Interface/images/shareBox-middle1-460.gif) repeat-x;
	min-height:130px;
	z-index:1;
}

#SerialNumber .middle1 .content
{
	position:relative;
	padding:12px 20px 0px 20px;
	clear:both;
}

#SerialNumber .middle1 .content label
{
	margin:0px 0px 0px 5px;
}

#SerialNumber .middle2
{
	background: #65A0B8 url(../../Interface/images/shareBox-middle2-460.gif) repeat-x;
	min-height:86px;
	z-index:0;
	clear:both;
}

#SerialNumber .middle2 .content
{

	padding:20px 20px 10px 20px;
	clear:both;
}

#SerialNumber .middle2 .content a.invite
{
	background:transparent url(../../Interface/images/white-arrow.gif) no-repeat scroll left center;
	color: #FFFFFF;
	font-weight:bold;
	padding: 0px 0px 0px 10px;
	clear:right;
}

#SerialNumber .bottom
{
	width:460px;
	height:3px;
	background: #FFFFFF  url(../../Interface/images/shareBox-bottom460.gif) no-repeat;
}

#SerialNumber .drpLabel
{
	display:block;
	width:150px;	
	float:left;
	font-weight:bold;
}

#SerialNumber .thankYouLink
{
	display:block;
	margin:0px 0px	0px 180px;
}


/* sharingCollapsible box module */

#sharingCollapsible
{
	width:460px;
	margin: 15px 0px 0px 0px;
}

#sharingCollapsible .top
{
	width:460px;
	height:30px;
	background: url(../../Interface/images/sharingHistory-topbar460.gif) no-repeat;
}

#sharingCollapsible .top span.title
{
	display:block;
	margin: 6px 0px 0px 10px;
	font-weight:bold;
	float:left;
}

#sharingCollapsible .top a.expandButton,
#sharingCollapsible .top a.collapseButton
{
	float:right;
	margin: 4px 5px 0px 0px;
}

#sharingCollapsible .middle
{
	border-left:1px solid #8db9ca;
	border-right:1px solid #8db9ca;
		overflow:hidden;
	position:relative;
}

#sharingCollapsible .bottom
{
	width:460px;
	height:20px;
	overflow:hidden;
	position:relative;
	background: #A9CAD7 url(../../Interface/images/sharingHistory-bottombar460.gif) no-repeat;
}

/* login boxes modules */

.loginModule
{
	width:470px;
	float:left;
}

.loginModule .top
{
	position:relative;
	overflow:hidden;
	width:469px;
	height:2px;
	clear:both;
	background: #FFFFFF url(../../Interface/images/login/loginModule-lightblue-469top.gif) no-repeat;
}

.loginModule .top2
{
	position:relative;
	overflow:hidden;
	width:469px;
	height:2px;
	clear:both;
	background: #a9cad7 url(../../Interface/images/login/loginModule-lightblue-469top2.gif) no-repeat;
}

.loginModule .middle1
{
	position:relative;
	clear:both;
	height:125px;
	width:469px;
	background: #a9cad7 url(../../Interface/images/login/loginModule-lightblue-469middle.gif) repeat-x;
}

.loginModule .middle1 .content
{
	padding:17px 20px 18px 20px;
	font-size:12px;
}

.loginModule .middle1 .content a.startButton
{
	background: url(../../Interface/images/login/loginModule-lightblue-btnStart.gif) no-repeat;
	width:429px;
	height:30px;
	text-align:center;
	display:block;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	vertical-align:middle;
	margin:10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

.loginModule .middle1 .content span,
.loginModule .middle1 .content .h1Header
{
	color:#4e647d;
}

.loginModule .middle1 .content a.readMore
{
	background: url(../../Interface/images/bluearrow-go.gif) no-repeat left center;
	color:#458AA7;
	padding:0px 0px 0px 8px;
	font-weight:bold;
}

.loginModule .middle2
{
	height:112px;
	width:469px;
	background: #659FB7 url(../../Interface/images/login/loginModule-lightblue-469middle2.gif) repeat-x;
	z-index:5;
}

.loginModule .middle2 .content
{
	padding:15px 18px;
}

.loginModule .middle2 .content .textFieldCol
{
	float:left;
	width:189px;
}

.loginModule .middle2 .content a
{
	color:#FFFFFF;	
}

.loginModule .middle2 .content a.trouble
{
	text-decoration:none;
	font-size:12px;
}

.loginModule .middle2 .content .textFieldCol span.title
{
	line-height:24px;
}

.loginModule .middle2 .content span.alreadyLogin
{
	font-size:12px;	
	margin: 0px 0px 10px 0px;
	/*font-weight:bold;*/
}

.loginModule .middle2 .content .button
{
	clear:none;
	padding:23px 0px 0px 0px;
	/*width:75px;*/
	float:left;
}

.loginModule .middle2 .content .button a
{
	color:#192C3A;
}


.loginModule .bottom
{
	width:469px;
	height:2px;
	background: #FFFFFF url(../../Interface/images/login/loginModule-lightblue-469bottom2.gif) no-repeat;
}

.loginModuleDark
{
	width:469px;	
}

.loginModuleDark .top
{
	background: #FFFFFF url(../../Interface/images/login/loginModule-darkerblue-469top.gif) no-repeat !important;
}

.loginModuleDark .top2
{
	background: #B4C4CB url(../../Interface/images/login/loginModule-darkerblue-469top2.gif) no-repeat !important;
}

.loginModuleDark .middle1
{
	background: #B4C4CB url(../../Interface/images/login/loginModule-darkerblue-469middle.gif) repeat-x !important;
}


.loginModuleDark .middle1 .content a.startButton
{
	background: url(../../Interface/images/login/loginModule-darkerblue-btnStart.gif) no-repeat !important;
}


.loginModuleDark .middle2
{
	background: #7A96A2 url(../../Interface/images/login/loginModule-darkerblue-469middle2.gif) repeat-x !important;
}

.loginModuleDark .bottom
{
	background: #FFFFFF url(../../Interface/images/login/loginModule-darkerblue-469bottom2.gif) no-repeat !important;
}


/* blue solid modules */
.blueSolidModule460
{
	width:460px;
}

.blueSolidModule460 .top
{
	background: #FFFFFF url(../../Interface/images/blueSolidModule460-top.gif) no-repeat;
	width:460px;
	height:2px;
	overflow:hidden;
}

.blueSolidModule460 .middle
{
	width:100%;
	background:#E5EEF1;
	height:180px;
}

.blueSolidModule460 .middle .content
{
	padding: 18px 20px 18px 20px;
	clear:both;
}

.blueSolidModule460 .bottom
{
	background: #FFFFFF url(../../Interface/images/blueSolidModule460-bottom.gif) no-repeat;
	width:460px;
	height:2px;
}

.blueSquareBox
{
	background:#E5EEF1;
	border:1px solid #99B9D2;
	display:none;
	padding:10px;
	overflow:hidden;
	position:relative;
}

/* white translucent modules */
.translucentWhiteModule299
{
	width:299px;	
}

.translucentWhiteModule299 .top
{
	background: url(../../Interface/images/translucentWhite-top299.png) no-repeat;
	width:299px;
	height:2px;
	overflow:hidden;
}

.translucentWhiteModule299 .middle
{
	width:100%;
	background: url(../../Interface/images/translucentWhite-1px.png);
}

.translucentWhiteModule299 .middle .content
{
	padding: 15px 16px 15px 18px;
	clear:both;
}

.translucentWhiteModule299 .bottom
{
	background: url(../../Interface/images/translucentWhite-bottom299.png) no-repeat;
	width:299px;
	height:30px;
}

/* ordering  modules */
.orderPopup
{
	width:940px;
	position:absolute;
	left:15px;
	top:230px;
	overflow:hidden;
	background: url(../../Interface/images/transparent1px.gif);
}

.orderPopup .box
{
	margin: 0px auto;
	width:460px;
	background:#E5EEf3;
	border:1px solid #99B9D2;
	position: relative;
}

.declinePopup .box
{
 	width: 360px;
	position: relative;
}

.orderPopup .box .button 
{
	cursor:pointer;	
}

.ResultsorderPopup
{
	width:400px;
	position:static;
	left:5px;
	top:262px;
	overflow:visible; 
	background: url(../../Interface/images/transparent1px.gif);
}

.ResultsorderPopup .box
{
	margin: 0px auto;
	width:400px;
	background:#E5EEf3;
	border:1px solid #99B9D2;
	position:absolute; 
}
.CandidateorderPopup
{
	width:400px;
	position:static;
	left:5px;
	top:262px;
	overflow:visible; 
	background: url(../../Interface/images/transparent1px.gif);
}

.CandidateorderPopup .box
{
	margin: 0px auto;
	width:400px;
	background:#E5EEf3;
	border:1px solid #99B9D2;
	position:static; 
}
.ResultsorderPopup .box .button 
{
	cursor:pointer;	
}

.orderPopup .box .closeButton
{
	position: absolute;
	right: 5px;
	top: 5px;
	width:22px;
	height:22px;
	display:block;
	background: url(../../Interface/images/btn-circleCloseBox.gif) no-repeat center center;
	z-index: 1000;
}


.pageControl
{
	font-size:11px;	
	position:relative;
	float:right;
	margin: 0px 5px 0px 0px;
}

.pageControl  div.fddl_out 
{	
	clear:none;
	float:left;
	margin-right:5px;
}

.pageControl span.list
{
	display:block;	
	float:left;
	margin: 5px 5px 0px 0px;
}

.pageControl span.item
{
	display:block;	
	float:left;
	margin: 5px 0px 0px 0px;
}

.clientSearchBox
{
	overflow:visible;
	visibility:hidden;
	left:0px;	
	
}

.clientSearchBox .box
{	
	width:220px !important;
	float:right !important;
}

.clientSearchBox .box .content
{
	padding: 18px 20px 20px 20px;
}

.clientSearchBox .box .content span.searchTitle
{	
	color:#2F7A99;	
	font-weight:bold;
	font-size:12px;
	display:block;
	padding: 0px 0px 12px 0px;
}
.verifyIDParagraph
{
	padding:0px 0px 0px 0px;
	width:100%;
	font-size:12px;
	margin-right:25px;
}
.clientSearchBox .box .content .column
{
	clear:both;
	padding: 5px 0px;
}

.clientSearchBox .box .content .column select
{
	width:180px !important;
	height:0px !important;
}

.candidateSearchBox
{
	overflow:visible;
	left:0px;	
	visibility:visible; 
	
}

.candidateSearchBox .box
{	
	width:198px !important;
	float:left !important;
}

.candidateSearchBox .box .content
{
	padding: 18px 20px 20px 20px;
}

.candidateSearchBox .box .content span.searchTitle
{	
	color:#2F7A99;	
	font-weight:bold;
	font-size:12px;
	display:block;
	padding: 0px 0px 12px 0px;
}
.candidateSearchBox .box .content .column
{
	clear:both;
	padding: 5px 0px;
}

.candidateSearchBox .box .content .column select
{
	width:180px !important;
	height:0px !important;
}
.ResultsclientSearchBox
{
	overflow:visible;
	visibility:visible; 
	left:0px;	
}

.ResultsclientSearchBox .box
{	
	width:198px !important;
	float:right !important;
}

.ResultsclientSearchBox .box .content
{
	padding: 18px 5px 20px 7px;
	
}

.ResultsclientSearchBox .box .content span.searchTitle
{	
	color:#2F7A99;	
	font-weight:bold;
	font-size:12px;
	display:block;
	padding: 0px 0px 12px 0px;
}

.ResultsclientSearchBox .box .content .column
{
	clear:both;
	padding: 5px 0px;
	
}

.ResultsclientSearchBox .box .content .column select
{
	width:175px ;
	/**height:0px !important;**/
}


#contactUsBox textArea
{
	margin:0px 0px 10px 0px;	
	border:1px solid #C8C8C8;
}

#contactUsBox input[type=hidden]
{
	display:none;
}

#divDateErrors span
{
	clear:both;
	width:195px;
	height:auto !important;
	margin:0px;
}
.IDVerifyRequirements
{
	width:550px;
	margin: 0px 0px 0px 50px;
	font-size:12px;
}


#wrapper {width:350px; }
#left { float: left; width:15px;  text-align:center;     }
#right { float: right; width: 155px;  text-align:center;  }
#main { margin: 10 10px 0 10px;  text-align:center;   }