/*@import"buttons.css";*/
@import"font_styles.css";
@import"cake.generic.css";
@import"accordion.css";


body{
margin:0px;
padding:0px;
background:url(../img/pageBg.jpg) repeat-y ;
background-position:center;

background-color:#fff;
font: 76% tahoma, verdana, sans-serif;
}

div#header{
background:url(/img/selectech_logo4.jpg) no-repeat; height:100px;
}

#loginBox{

font-size:11px;
font-weight:bold;
float:right; 
width:210px;

}
#loginBox form { margin:0; padding:0;}
#loginBox input[type="text"], #loginBox input[type="password"] {
height:12px;
width:140px;
}
#loginBox input[type="submit"] {
height:25px;
width:50px;
background:#ff9900;
font: bold 11px/11px arial,sans-serif;
}

div#spacer{
background-color:#000000;
height:25px;

}


div#topNavBar{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
background:#6080c0;
font-weight:bold;
font-size:12px;
height:35px;
}


/* Wrapper for the entire page */
div#container {
position:relative;
width: 990px;
margin-top:5px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
height:auto;

}


/* style for the left column of the page */
div#leftColumn{
float:left;
left:0px;
width:155px;
padding:3px;
background:#fff;
height:auto;
margin: 0 12px 0 0;

}

div#leftColumnHome{
float:left;
left:0px;
width:155px;
padding:3px;
background:#fff;
height:auto;
margin: 0 5px 0 0;

}



div#leftColumn ul {list-style-type:none; font-family:Arial; border:0px none; display:block; margin:0px 0px 0px 0px;  padding:0px;}
div#leftColumn li{ border:0px none; display:list-item; list-style-type:none; margin:0px; padding-left:20px;padding-top:12px;}

div#leftColumnUser{
float:left;
left:0px;
width:155px;
padding:3px;
background:#fff;
height:auto;

}
div#leftColumnUser li{ border:0px none; display:list-item; list-style-type:none; margin:0px; margin-left:-20px;padding-top:5px;}
div#leftColumn ul {list-style-type:none; font-family:Arial; border:0px none; display:block; margin:0px 0px 0px 0px;  padding:0px;}
/* style for the right column of the page */
div#rightColumn{
float:right;
margin:5px 0 0 5px;
width:120px;
padding:3px;
background:#FFF;
}

#flashAudio
{
padding: 50px 0 0 0;
}


div#content {
margin:7px 5px 0 210px;
padding:0 0 0 5px;

}
div#content { 
/*min-height:300px;
height:expression(this.scrollHeight > 400 ? "auto":"300px");
*/
}


p, pre{
margin:5px;
}

hr{
color:#eaeaea;
background:#eaeaea;
margin-top:42px;

}
/* -----------footer--------------------------- */
#footer {
clear: both;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
height:25px;
line-height:25px;
padding:0 10px 0 10px;
text-align:center;
}

.divClear{
clear:both;
}


/* float left and float right are used to wrap text and push the divs to the respective side */
.floatLeft {
float:left;
padding:4px;
}
.floatRight {
float:right;
padding:2px 2px 2px 2px;;
margin-top:3px;
}

.grayBar{
	background-color:#eaeaea;
	min-height:5px;
	margin-bottom:0.4em;
	margin-top:0.4em;
	padding:0.3em;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

.blueBar{
	background-color:#B5C2D7;
padding:5px 5px 0 5px;
	}

.lightblueBar{
	background-color:#D2DADF;
padding:5px 5px 0 5px;
	}

/* hideDiv and showDiv are used to display or hide a div block  mainly used in the various search options */
.hideDiv {
display:none;
}

.invDiv {
visibility:hidden;
}

.showDiv {
	display:inline;

}
.vDiv {
visibility:visible;
}

.invDiv {
visibility:hidden;
}
	

/* CSS markup for the search form */
fieldset {
	margin: 5px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
} 
legend {  
margin-left: 11px;  
color:#535F97; 
font-weight: bold;
font-family:"Lucida Sans Unicode";
font-size:18px;
} 

fieldset.submit {  
border-style: none; 
}

label {  
float: left;  
margin-right: 3px;
}
/* error messaage */

.error_message { color : red ;   font-size : 13px ; } 
.error_message h2.error_msg { font-family : sans-serif ;} 

/*------ end of CSS markup for the form fields ------------*/


/* ------------ Model Box ------------- */

	#transparent-body { 
		background:#AAAAAA none repeat scroll 0%;
		left:0pt;
		opacity:0.75;
		filter:alpha(opacity=40);
		position:absolute;
		top:0pt;
		width:100%;
		z-index:100;
	}
	
	.model-box { 
		left:290px;
		opacity:1;
		top:700px;		
		background:#FFFFFF none repeat scroll 0%;
		padding:10px;
		position:absolute;
		width:425px;
		z-index:200;
	}
	
	#model-box-header { 
		display : block ; 
		font-size:14px;
		font-weight:bold;
		height:14px;
		padding:3px 6px 7px;
		position:relative;
		width:411px;	
	}
	
	.promptheader{
		border-color:#4F6D81 rgb(79, 109, 129) -moz-use-text-color;
		border-style:solid solid none;
		border-width:1px 1px medium;
		color:#FFFFFF;
		background-color : #467DB6 ; 
	}
	
	#model-box-content { 
		color:#666666;
		display:block;		
		height:180px;
		padding:6px;
	}
	
	*> #model-box-content { 
		height : auto ; 
	}
	
	.prompt { 
		border-style:none solid solid;
		border-width:medium 1px 1px;
	}
	
	
a.view { background : transparent url('/img/view.gif') no-repeat scroll 0 0; display: block; float: left; padding-top: 3px; height: 13px; padding-left: 17px; font-weight: bold; text-decoration: none; color: #336699; margin-right: 7px;} 
a.edit { background: transparent url('/img/edit.gif') no-repeat scroll 0 0; display: block; float: left; padding-top: 3px; height: 13px; padding-left: 17px; font-weight: bold; text-decoration: none; color: #336699; margin-right: 7px;} 
a.extension { background: transparent url('/img/extension3.gif') no-repeat scroll 0 0; display: block; float: left; padding-top: 3px; height: 13px; padding-left: 17px; font-weight: bold; text-decoration: none; color: #336699; margin-right: 7px;} 
a.close  { background: transparent url('/img/delete.gif') no-repeat scroll 0 0; display: block; float: left; padding-top: 3px; height: 13px; padding-left: 17px; font-weight: bold; text-decoration: none; color: #336699; margin-right: 7px;}
a.delete { background: transparent url('/img/delete4.png') no-repeat scroll 0 0; display: block; float: left; padding-top: 3px; height: 13px; padding-left: 17px; font-weight: bold; text-decoration: none; color: #336699; margin-right: 7px;}
a.register { background: transparent url('/img/registration1.gif') no-repeat scroll 0 0; display: block; float: left; padding-top: 3px; height: 13px; padding-left: 17px; font-weight: bold; text-decoration: none; color: #336699; margin-right: 7px;}
a.referral { background: transparent url('/img/referral.png') no-repeat scroll 0 0; display: block; float: left; padding-top: 3px; height: 13px; padding-left: 17px; font-weight: bold; text-decoration: none; color: #336699; margin-right: 7px;}
a.approve { background: transparent url('/img/approved.gif') no-repeat scroll 0 0; display: block; float: left; padding-top: 3px; height: 13px; padding-left: 17px; font-weight: bold; text-decoration: none; color: #336699; margin-right: 7px;} 
a.disapprove { background: transparent url('/img/disapproved.gif') no-repeat scroll 0 0; display: block; float: left; padding-top: 3px; height: 13px; padding-left: 17px; font-weight: bold; text-decoration: none; color: #336699; margin-right: 7px;} 



a.accept { background: transparent url('/img/dark_accept.gif') no-repeat scroll 0 0; display: block; float: left; padding-top: 3px; height: 13px; padding-left: 17px; font-weight: bold; text-decoration: none; color: #336699; margin-right: 7px;} 
a.reject { background: transparent url('/img/dark_reject.gif') no-repeat scroll 0 0; display: block; float: left; padding-top: 3px; height: 13px; padding-left: 17px; font-weight: bold; text-decoration: none; color: #336699; margin-right: 7px;} 

a.movie { background : transparent url('/img/movie.png') no-repeat scroll 0 0; display: block; padding-top: 0px; height: 32px; padding-left: 32px; font-weight: bold; text-decoration: none; color: #336699; margin-right: 7px; cursor : pointer } 
#transparent-body_video { 
		background:#AAAAAA none repeat scroll 0%;
		left:0pt;
		opacity:0.75;
		filter:alpha(opacity=40);
		position:absolute;
		top:0pt;
		width:100%;
		z-index:100;
}

.video-box { 
		left:50px;
		opacity:1;
		top:700px;		
		background:#FFFFFF none repeat scroll 0%;
		padding:10px;
		position:absolute;
		width:890px;
		z-index:200;
	}
	
#model-box-video { 
	display : block ; 
		font-size:14px;
		font-weight:bold;
		height:14px;
		padding:3px 6px 7px;
		position:relative;
	//	width:auto;	
	width		:	880px ; 	 
	_width		:	880px ; 	 
	*width		:	880px ; 	 
}

.model-box-video-title { 
	float 		: 	left;

}
a.closeEmbed { 
	cursor		:	pointer;
	/*float		:	right;	*/
	color		:	white ; 
	text-decoration	:	none ; 	
	/*position:		absolute;*/
	right:			5px;
	top:			3px;

}
.closebox{
float:right;
_margin-top:-15px;
*margin-top:-15px;
}	

#contentDiv { 
	color		:	#666666;
	display		:	block;		
	height		:	180px;
	padding		:	6px;
	_width	:	880px ; 
}

*> #contentDiv { 
	height 		: 	auto ; 
}

.prompt { 
	border-style	:	none solid solid;
	border-width	:	medium 1px 1px;
}

.opportunitylink{	
color:#003D4C;
}
.opportunitylink:hover{
color:#FFFFFF;	
}
.hrlink{	
background-color:#004991;
}
.hrlink:hover{
background-color:#03316A;
}


input[class="searchbutton"]{
background:transparent url(/images/search.gif) ;
border:0 none;
width:38px;
height:21px;
border:0 none;
color:#444444;
display:block;
font-family:arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-strech:normal;
font-style :normal;
font-variant:normal;
line-height:20px;
text-decoration:none;
cursor:pointer;
}
#searchbox {
/*background: url(../images/search_box.jpg) no-repeat;*/
width:153px;
height:19px;
padding-top:0px;
padding-left:0px;
float:left;
}


#confirmModalOverlay {background-color:#eee; cursor:wait;}

/* Container */
#confirmModalContainer {height:140px; width:420px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; background:#fff; border:2px solid #336699;}
#confirmModalContainer .header {height:30px; width:100%; background:url(../img/confirm/header.gif) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirmModalContainer .header span {padding-left:8px;}
#confirmModalContainer .message {color:#333; text-align:center; margin:0; padding:12px 4px; font-size:1em;}
#confirmModalContainer .buttons {width:160px; float:right; padding:10px 8px 0;} 
#confirmModalContainer .buttons div {float:right; margin-left:8px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ddd;}
#confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}


.referral-h1{
background-color:#6080C0;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
margin-bottom:5px;
margin-left:12px;
margin-right:13px;
margin-top:5px;
padding-bottom:3px;
padding-left:10px;
}

.affiliate-referral-h1{
background-color:#FBFC7A;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
margin-bottom:5px;
margin-left:12px;
margin-right:13px;
margin-top:5px;
padding-bottom:3px;
padding-left:10px;
}

#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}