/* a few things that are predictably useful */

	* { outline: none; }  
	.clear { clear: both; }
	.bold { font-weight: bold; } 
	
	body { 
		background: url(/images/background.gif) top center; 
		margin:0px; 
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif; 
	} 
	
	form { 
		* margin: 0px;
		* paddding: 0px;
	}
		
	#floatContainer {
		width: 981px; 
		margin-left: auto; 
		margin-right: auto; 
		position: relative;				
	} 
	
	#page, #header  {
		float: left;
		width: 100%;
		position: relative;
	} 
	
	#page { 
		background: url(/images/bodyBackground.gif) top center repeat-y; 
		background-color: white; 
		padding-bottom: 30px;
	}
	
	#header { height: 72px; } 
	
	#logo { 
		background: url(/images/headerLogoBeta.gif); 
		width: 417px; 
		height: 66px; 
		position: absolute; 
		top:0px; 
		left: 0px; 
		overflow:hidden; 
	} 
	
	#logo span { 
		position: absolute; 
		left: 1000px;  
	} 	
	
	#pageFooter { 
		height: 61px; 
		background: url(/images/headerColors.gif) 0px -183px no-repeat;  
		position: absolute; 
		bottom: 0px; 
		width: 981px;
		left: 0px;
		_margin-bottom: -1px; 
	}
 	
 	#pageNav { 
 		position: relative; 
 		left: 30px; 
 		top: 26px; 
 		width: 700px;
 		height: 55px; 		
 		vertical-align: top; 
 	}		
 	
	#pageHeader { height: 61px; position: relative; }
	
	#page div.orange { 
		background: url(/images/headerColors.gif);
	}
	
	#page div.green { 
		background: url(/images/headerColors.gif) 0px -61px;
	}
	
	#page div.white { 
		background: url(/images/headerColors.gif) 0px -122px;
	}
	
	#page div.whiteShadow { 
		background: url(/images/headerColors.gif) 0px -244px;
	}	

	#pageNav a { 
		padding: 10px 20px 10px 20px; 
		font-size: 12px; 
		font-weight: bold;	 
		position: relative;		 
		text-decoration: none; 
		color: #686556; 
		margin-right: 6px;
		display: inline-block;
		display: inline;
		* float: left; 
		
	} 
		
	#pageNav div.navItemWrapper { width: auto; }		
	
	#pageNav a.active, 
	#pageNav a.active:hover {
		padding: 10px 20px 10px 20px; 
		font-size: 12px; 
		font-weight: bold;
		position: relative; 
		text-decoration: none; 
		color: white; 
		margin-right: 6px;
		
	}
	
	#pageNav a span { 		 
		width: 7px; 
		position: absolute; 
		right: 0px; 
		top: 0px; 
		height: 35px; 
		_margin-right: -1px;
	} 
	
	#pageNav a:hover span {		 
		width: 7px; 
		position: absolute; 
		right: 0px; 
		top: 0px; 
		height: 35px; 
		_margin-right: -1px;
	}
	
	#pageNav a.active span, 
	#pageNav a.active:hover span {
		width: 7px; 
		position: absolute; 
		right: 0px; 
		top: 0px; 
		height: 35px; 
		_margin-right: -1px;
	} 	
	
	div.orange #pageNav a {
		background: url(/images/headerColorsTabs.gif) top left no-repeat;
	} 
	
	div.orange #pageNav a:hover {		 
		background: url(/images/headerColorsTabs.gif) 0px -86px no-repeat;		
	}
	
	div.orange #pageNav a.active, 
	div.orange #pageNav a.active:hover {		 
		background: url(/images/headerColorsTabs.gif) 0px -35px no-repeat;
	}
	
	div.orange #pageNav a span { 
		background: url(/images/headerColorsTabs.gif) -493px 0px no-repeat; 
	 
	} 
	
	div.orange #pageNav a:hover span { 
		background: url(/images/headerColorsTabs.gif) -493px -86px no-repeat;
	} 

	div.orange #pageNav a.active span, 
	div.orange #pageNav a.active:hover span { 
		background: url(/images/headerColorsTabs.gif) -493px -35px no-repeat;
	} 	

	div.green #pageNav a {
		background: url(/images/headerColorsTabs.gif) 0px -121px no-repeat;		 
	} 
	
	div.green #pageNav a:hover {
		background: url(/images/headerColorsTabs.gif) 0px -207px no-repeat;	
	}
	
	div.green #pageNav a.active, 
	div.green #pageNav a.active:hover {
		background: url(/images/headerColorsTabs.gif) 0px -156px no-repeat;
	}
	
	div.green #pageNav a span { 
		background: url(/images/headerColorsTabs.gif) -493px -121px no-repeat;
	} 
	
	div.green #pageNav a:hover span { 
		background: url(/images/headerColorsTabs.gif) -493px -207px no-repeat;
	}
	
	div.green #pageNav a.active span, 
	div.green #pageNav a.active:hover span { 
		background: url(/images/headerColorsTabs.gif) -493px -156px no-repeat;
	} 

	div.white #pageNav a {
		background: url(/images/headerColorsTabs.gif) 0px -242px no-repeat;		 
	} 
	
	div.white #pageNav a:hover {
		background: url(/images/headerColorsTabs.gif) 0px -328px no-repeat;
	} 
	
	div.white #pageNav a:hover span { 
		background: url(/images/headerColorsTabs.gif) -493px -328px no-repeat;
	} 
	
	div.white #pageNav a.active,
	div.white #pageNav a.active:hover { 
		background: url(/images/headerColorsTabs.gif) 0px -277px no-repeat;
	}
	
	div.white #pageNav a span { 
		background: url(/images/headerColorsTabs.gif) -493px -242px no-repeat;
	} 
	
	div.white #pageNav a.active span, 
	div.white #pageNav a.active:hover span { 
		background: url(/images/headerColorsTabs.gif) -493px -277px no-repeat;
	} 

	div.navPointer { 
		background: url(/images/headerColorsTabs.gif) center -363px; 
		height: 15px; 
		width: 100%; 
		position: absolute; 
		bottom: 0px; 
		top: 10px;
		display: block;
		position: relative;
		left: 0px;
		display: block; 
		* width: 19px; 
		height: 16px;
	}
	
	#pageNav a { display: inline-block; width: auto; text-align: center; }
	 

	#content { padding: 30px; } 
	
	#headerText, ul.breadcrumb { 
		margin: 20px 0px -15px 35px;
			
		color: #629830; 
		font-size: 18px; 
		padding: 0px;
	}
	
	
	#headerText a { 
		position: relative;
		display: inline; 
	}
	
	#headerBox { 
		position: absolute;
		right: 40px; 
		top: 65px;
		background: #eee;		
		width: 368px;
		height: 90px; 
		background: url(/images/boxes/headerBoxBackground.gif) top left no-repeat; 
	} 
	
	.box p, .box pre, pre { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
	
	pre {  
         white-space: pre-wrap;       /* css-3 */  
         white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */  
         white-space: -pre-wrap;      /* Opera 4-6 */  
         white-space: -o-pre-wrap;    /* Opera 7 */  
         word-wrap: break-word;       /* Internet Explorer 5.5+ */  
    }  

/* 
/////////////////////////////////////////////
//
//    bradcrumbs
//
////////////////////////////////////////////
*/
	
	ul.breadcrumb li { 
		font-size: 12px;  
		display: inline; 
		color: black; 
	} 
	
	ul.breadcrumb li a { color: #629830; } 
	
/* 
/////////////////////////////////////////////
//
//    round header buttons 
//
////////////////////////////////////////////
*/
	#headerButtons { position: absolute; right: 15px; top: 17px; width: 200px; } 
	
	#headerButtons a.headerButton { 
		float: right;
		position: relative;  
		padding: 10px 19px 12px 19px;
		vertical-align: top; 
		font-size: 14px; 
		font-weight: bold;
		text-decoration: none; 
		margin-right: 10px;
		display: block;
		cursor: pointer;
	}

	#headerButtons a.headerButton span.endcap { 
		position: absolute;
		right: 0px; 
		width: 17px;
		height: 38px;
		top: 0px;
	}
	
	#headerButtons a.headerButton span.shadowText { 
		position: absolute;
		left: 20px;
		top: 9px;
		color: white;
	}
	
	#headerButtons a.headerButton div.hitArea { 
		position: absolute; 
		left: 0px;
		top: 0px;
		cursor: pointer;		
	}
	
	.browserIE #headerButtons a.headerButton div.hitArea { 
		background: url(/images/blank.gif); 
	}
	  
	div.orange #headerButtons a.headerButton { 
		background: url(/images/headerButtons.jpg) 0px 0px;
		color: #c64d04;		
	}
	
	div.orange #headerButtons a.headerButton span.endcap { 
		background: url(/images/headerButtons.jpg) -483px 0px;
	}
	
	div.orange #headerButtons a.headerButton:hover { 
		background: url(/images/headerButtons.jpg) 0px -38px;		
	}
	
	div.orange #headerButtons a.headerButton:hover span.endcap { 
		background: url(/images/headerButtons.jpg) -483px -38px;
	}
	
	div.green #headerButtons a.headerButton { 
		background: url(/images/headerButtons.jpg) 0px -76px;
		color: #c64d04;
	}
	
	div.green #headerButtons a.headerButton span.endcap { 
		background: url(/images/headerButtons.jpg) -483px -76px;
	}
	
	div.green #headerButtons a.headerButton:hover { 
		background: url(/images/headerButtons.jpg) 0px -114px;		
	}
	
	div.green #headerButtons a.headerButton:hover span.endcap { 
		background: url(/images/headerButtons.jpg) -483px -114px;
	}
	
	div.white #headerButtons a.headerButton { 
		background: url(/images/headerButtons.jpg) 0px -152px;
		color: #87857b;
	}
	
	div.white #headerButtons a.headerButton span.endcap { 
		background: url(/images/headerButtons.jpg) -483px -152px;
	}
	
	div.white #headerButtons a.headerButton:hover { 
		background: url(/images/headerButtons.jpg) 0px -190px;		
	}
	
	div.white #headerButtons a.headerButton:hover span.endcap { 
		background: url(/images/headerButtons.jpg) -483px -190px;
	}
	

/* 
/////////////////////////////////////////////
//
//    header signup login logout etc. 
//
////////////////////////////////////////////
*/
	#signUpLogin { 
		position: absolute; 
		height: 36px; 
		width: 188px; 
		background: url(/images/signUpButtonSprite.gif); 
		top: 21px; 
		right: 0px; 
	} 
	
	#signUpLogin a { 
		position: absolute; 
		top: 0px; 
		height: 36px; 
		overflow: hidden;
	} 
	
	#signUpLogin a#signUp { 
		left: 0px; 
		width: 99px; 
	} 
	
	#signUpLogin a#login { 
		width: 89px; 
		right: 0px;
	} 
	
	#signUpLogin a#signUp:hover { background: url(/images/signUpButtonSprite.gif) 0px -36px; }
		
	#signUpLogin a#login:hover { background: url(/images/signUpButtonSprite.gif) -99px -36px; }
	
	#signUpLogin a span { position: absolute; left: 1000px; } 
	
	#loginButton { 
		width: 130px; 
		height: 38px; 
		position: absolute; 
		right: 0px; 
		top: 23px; 
		background: url(/images/loginButtonSprite.gif) 0px 0px; 
		overflow: hidden;
	}
	
	#loginButton:hover { background: url(/images/loginButtonSprite.gif) 0px -38px; }
	
	#loginButton span { 
		position: absolute; 
		left: 1000px; 
	}

/* 
/////////////////////////////////////////////
//
//    small square buttons
//
////////////////////////////////////////////
*/

	
	a.button { 
		padding: 4px 8px 4px 7px;
		* padding: 4px 8px 3px 7px;
		color: white;
		 
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		position: relative;
		/* display: block; */
		overflow: hidden;
		cursor: pointer;
	}
	
	a.button:hover { text-decoration: none; } 
	
	a.small, a.small:hover { 
		padding: 2px 6px 1px 5px;
		* padding: 2px 6px 1px 5px;
	}
	
	a.button span.shadowText, a.button:hover span.shadowText { 
		position: absolute; 
		top: 3px; 
		left: 8px; 
		color: white;
		cursor: pointer;
		display: block;
		text-decoration: none;
	} 
	
	a.small span.shadowText, a.small:hover span.shadowText { 
		top: 1px;
		left: 6px;
	}
	
	a.button div.hitArea { 
		width: 100%; 
		height: 100%; 
		position: absolute; 
		top: 0px; 
		left: 0px;
		cursor: pointer;
	} 
	
	.browserIE a.button div.hitArea { 
		background: url(/images/blank.gif);
		padding: 4px 8px 4px 7px;
		width: 1px;
		width: 1000px;				
	}
	
	.browserIE a.small div.hitArea { 
		padding: 2px 6px 1px 5px;
	}
	
	a.greyButton { 
		background: url(/images/squareButtons.jpg) 0px 0px repeat-x;
		border: 1px solid #969090;
		color: #969090;
	}
	a.greyButton:hover { 
		background: url(/images/squareButtons.jpg) 0px -92px repeat-x;
		border: 1px solid #969090;
	}
	
	a.brownButton { 
		background: url(/images/squareButtons.jpg) 0px -23px repeat-x;
		border: 1px solid #8a7d67;
		color: #8a7d67;
	}
	a.brownButton:hover { 
		background: url(/images/squareButtons.jpg) 0px -115px repeat-x;
		border: 1px solid #8a7d67;
	}
	
	a.greenButton { 
		background: url(/images/squareButtons.jpg) 0px -46px repeat-x;
		border: 1px solid #72b338;
		color: #72b338;
	}
	a.greenButton:hover { 
		background: url(/images/squareButtons.jpg) 0px -138px repeat-x;
		border: 1px solid #72b338;
	}
	
	a.orangeButton { 
		background: url(/images/squareButtons.jpg) 0px -69px repeat-x;
		border: 1px solid #d88a01;
		color: #d88a01;
	}
	a.orangeButton:hover { 
		background: url(/images/squareButtons.jpg) 0px -161px repeat-x;
		border: 1px solid #d88a01;
	}
	  


/* 
/////////////////////////////////////////////
//
//    header login box stuff 
//
////////////////////////////////////////////
*/
	
	#headerLoginBox { 
		position: absolute;
		width: 420px; 
		right: 0px;
		height: 65px;
		top: 5px; 		
		color: white; 
	} 
	
	#headerLoginBox label, 
	#headerLoginBox input, 
	#headerLoginBox a { 
		float: none; 
		position: absolute; 
		width: auto; 
	} 
	
	#headerLoginBox a { 
		color: white; 
		font-size: 12px;  
	}
	
	#headerLoginBox #usernameLabel { 
		position: absolute; 
		top: 5px; 
		left: 10px; 
	}
	
	
	#headerLoginBox	#txt_user { 
		position: absolute; 
		top: 20px;
		left: 0px;
	}
	
	#headerLoginBox #passwordLabel { 
		position: absolute; 
		top: 5px; 
		left: 170px; 
	} 
	
	#headerLoginBox #txt_pass { 
		position: absolute;
		top: 20px;
		left: 160px;		
	}

	#headerLoginBox #check, #headerLoginBox #rememberMeLabel { position: absolute; 
		top: 45px; 
		left: 160px; 
	}	
	
	#headerLoginBox #rememberMeLabel { 
		left: 185px; 
		top: 47px;
	} 

	#headerLoginBox #submit_log {  
		left: 322px; 
		display: block; 
		top: 10px; 
		background: url(/images/signInButton.gif); 
		width: 98px; 
		height: 42px; 
		border: 0px; 
		cursor: pointer;  
	} 
	
	#headerLoginBox #forgotPasswordLink { 
		left: 10px; 
		top: 42px; 
		font-size: 9px; 
	}
	
	#headerLoginBox #registerLink { 
		left: 10px; 
		top: 54px; 
		font-size: 9px; 
	}
	#welcomeLogout { color: white; } 
	#welcomeLogout label, #welcomeLogout a { 
		position: relative; 
		text-decoration: none; 
		color: white; 
		bottom: 10px;
	}
	
	#welcomeLogout a { float: right; } 
	
	#welcomeLogout a#logoutLink { 
		display: block; 
		background: url(/images/logOutButton.gif); 
		width: 98px; 
		height: 42px; 
	}
/* 
/////////////////////////////////////////////
//
//   form stuff 
//
////////////////////////////////////////////
*/
		
	form .validation-advice  { 
		font-size: 10px; 
		color: red; 
		width: auto;
		margin-left: 50%;
		display: block;		
		width: 50%;
	}
	
	form div.validation-advice { 
		float: left; 
		width: auto;; 
		margin-left: 44%; 
	} 
	
	div.autosuggest { z-index: 9999; }  

	div.row  { 
		width: 100%; 
		float: left; 
		text-align: left; 
		padding: 5px 0px;
		position: relative; 
	} 
	
	
	div.buttons { width: 100%; text-align: right; } 
	
	label, em { font-size: 12px; } 
	
	label { 
		text-align: right; 
		width: 27%;
		
		float: left; 
		text-align: left; 
	} 
	
	input, em, form span.validation-advice, div.row select, textarea { 
		text-align: left; 
		float: left; 
		margin-left: 10px;		
	} 
	
	div.row label { margin-left: 15%; width: 30%;  margin-left: 10px;} 
	input.text, select { /* width: 45%; */ }
	input.text { width: 60%; } 
/*	select { width: 46%; } */
	
	textarea { /* margin: auto; */ } 
	
	form span.validation-advice  { margin-left: 34%; } 
	
	em { font-size: 10px; margin-left: 34%; } 
	
	div.check-holder {
		float: left; 
		width: 50%; 
		text-align: left; 
		padding-left: 32%;  
	} 
	
	div.check-holder label { 
		width: 70%; 
		padding: 0px; 
		margin-left: 0px;
	} 			
	
	div.check-holder a.button { 
		position: relative; 
		top: 10px; 
		left: 10px; 
	} 
	
	img.toolTip { 
		position: relative; 
		float: left; 
		left: 5px; 
		top: 0px; 
		
	} 
	
	a.toolTip { 
		background: url(/images/button-question.gif) 0px 0px no-repeat; 
		width: 12px; 
		height: 12px; 
		display: block; 
		float: left; 
		position: relative; 
		left: 3px;
	}  
	
	textarea { 
		width: 42%;
		margin-left: 35%;
		float: left;  
		
	} 
	div.mini-textarea {
		width: 95%; 
		float: left; 
		position: relative; 
		/* margin-left: 2%; */
		padding-left: 0px; 
	} 
	
	div.mini-textarea label {
		text-align: left; 
		width: 100%; 
		margin-left: 2%; 
	}
	
	 
	
	img.captcha { margin-left: 10px; } 
	/* sectioned forms */
	
	div.formSection { 
		float: left; 
		width: 100%; 
		position: relative;
		margin-bottom: 10px; 
	}
	
	div.formSection span.formSectionTitle { 
		background: url(/images/form3separator.gif) top left no-repeat; 
		width: 625px;
		height: 18px; 
		padding: 14px 15px; 
		display: block; 
		margin: 0px 0px 0px -1px;
		color: #666;
		font-weight: bold;  
		font-size: 14px;
		color: #897d67; 
	} 
	
	div.formSection div.row label { margin-left: 2%; }
	div.formSection div.mini-textarea label { margin-left: 2%;}  
	div.box div.content div.formSection p, div.box div.content div.formSection pre { margin: 10px 13px; } 
	
	div.columns31 div#leftCol,
	div.columns13 div#rightCol {} 
	
	div.formSection ul, div.formSection li { display: block; width: 100%; } 
	
	
	
	div.formSection li label, 
	div.formSection li input, 
	div.formSection li seelct, 
	div.formSection li textarea { width: auto; float: none; }
	
	div.row div.radio-box,div.row div.radio-box div { width: 100%; float: left;  }  
	
	div.mini-textarea .validation-advice { margin-left: 2%; } 
	
	
	span.requiredIndicator { float: left; font-size: 12px; } 
	
	div.row li label { margin-left: auto; } 
	div.row li input { margin-left: 0px; } 
	
/* 
/////////////////////////////////////////////
//
//   page footer stuff 
//
////////////////////////////////////////////
*/
	
#innerFooter { 
	position: relative; 
	height: 100px; 
	z-index: 29; 
	width: 100%; 
	float: left; 
	top: 10px;
}

#innerFooter div.left { 
	width: 50%; 
	position: absolute; 
	top: 0px; 
	left:30px; 
	height: 100px; 
	clear: both; 
}

#innerFooter hr { 
	height: 0px; 
	border: 0px; 
	border-bottom: 1px dashed #c4bdb0; 
	width: auto; 
	* width: 100%; 
	margin-left: 5px; 
	margin-right: 10px; 
}

#innerFooter span.footerHeading { 
	font-size: 12px; 
	font-weight: bold; 
	color: #2b3c32; 
	text-transform: uppercase; 
	position: relative; 
	left: 5px; 
	top: 3px; 
}

#innerFooter div.left a { 
	float: left; 
	width: 23%; 
	border-top: 1px solid #888;  
	margin: 3px 4px; 
	color: #888; 
	font-size: 12px; 
	text-decoration: none; 
	padding: 4px 0px; 
	cursor: pointer; 
}

#innerFooter div.left a:hover { 
	border-top: 1px solid #333; 
	color: #333; 
}

#innerFooter div.right { 
	width: 42%;  
	position: absolute; 
	top: 0px; 
	right:30px; 
	height: 100px; 
}

#innerFooter div.right a.socialLogo { 
	width: 99px; 
	height: 33px; 
	float: left; 
	margin: 10px 15px;  
}

#innerFooter div.right a#linkedIn { background: url(/images/socialLogos.gif) -99px 0px; }
#innerFooter div.right a#linkedIn:hover { background: url(/images/socialLogos.gif) 0px 0px; }
#innerFooter div.right a#facebook { background: url(/images/socialLogos.gif) -99px -33px; }
#innerFooter div.right a#facebook:hover { background: url(/images/socialLogos.gif) 0px -33px; }
#innerFooter div.right a#twitter { background: url(/images/socialLogos.gif) -99px -66px; }
#innerFooter div.right a#twitter:hover { background: url(/images/socialLogos.gif) 0px -66px; }



/* 
/////////////////////////////////////////////
//
//   not really sure where to put it yet. 
//
////////////////////////////////////////////
*/

select.autoCompleteSelect { z-index: 9999; }

select option:hover { background-color: #e8e8e8;  }

select.autoCompleteSelect option:hover { background-color: #e8e8e8;  } !important

.highlighted { background-color: #8bcb51; color: white; }

div.progressSection { 
	border-bottom: 1px solid #ccc; 
	font-weight: normal;
	padding: 10px 0px;
	margin: 0px 10px;
	font-size: 12px;
} 

div.progressSection ul, div.progressSection li { font-weight: normal; display: inline; padding: 0px;} 
span.sectionHeading { 
	font-size: 14px; 
	font-weight: bold;	
	width: 100%; 
	display: block;	
}

#careerSummary div.row { font-size: 14px; }

ul.talentProfileDetails li { font-size: 14px; } 
/* collapse boxes */

a.open-close-bar, a.close-open-bar { 
	padding: 6px 0px 5px 25px;	
	text-decoration: none; 
	color: #535353;	 
	display: block;
	font-size: 12px;
	font-weight: bold;
} 

a.open-close-bar { background: url(/images/collapseBoxes.gif) 0px -26px no-repeat; } 
a.close-open-bar { background: url(/images/collapseBoxes.gif) 0px 0px no-repeat; } 


/* pagination */

div.pagination { 
	float: right;
	margin: 0px;	 
} 

div.pagination ul, div.pagination li { 
	display: block;	
	text-decoration: none; 
	list-style: none; 
} 

div.pagination ul { margin: 3px; }

div.pagination li { background-color: #333; color: white; font-size: 12px; font-weight: bold;padding: 3px; }

/* popups */

#popupContainer div.boxHeader, #popupContainer div.boxHeader span.endcap { background: none; } 

#popupContainer div.boxHeaderIcon { display: none; } 



/* sortable tabs and paginator stuff*/

/*
 * ================================================== 
 *
 * from demo_table.css 
 *
 * 
 */
 


.dataTables_wrapper {
	position: relative;
	/* min-height: 302px;
	_height: 302px; */
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('/images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('/_images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('/_images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('/_images/forward_enabled.jpg');
}

div.dataTables_paginate span.previous, 
div.dataTables_paginate span.first, 
div.dataTables_paginate span.next,
div.dataTables_paginate span.last { 
	width: 20px;
	height: 20px;	
	overflow:hidden;	
	padding: 2px 8px 3px 9px;	
	text-decoration: none;	
}

div.dataTables_paginate span.previous {
	background: url('/images/paginatorArrows.gif') 0px 0px no-repeat;	
} 

div.dataTables_paginate span.first {
	background: url('/images/paginatorArrows.gif') 0px -20px no-repeat;	
}

div.dataTables_paginate span.next {
	background: url('/images/paginatorArrows.gif') -20px 0px no-repeat;	
} 

div.dataTables_paginate span.last {
	background: url('/images/paginatorArrows.gif') -20px -20px no-repeat;	
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('/images/sort_asc.gif') no-repeat bottom right;
	padding:8px 20px 4px 4px;
}

.sorting_desc {
	background: url('/images/sort_desc.gif') no-repeat bottom right;
	padding:8px 20px 4px 4px;
}

.sorting {
	background: url('/images/sort_both.gif') no-repeat bottom right;
	padding:8px 20px 4px 4px;
}

th,
th.sorting,
th.sorting_asc,
th.sorting_desc { 
/* try to fix the safari table header bug here */
	height: auto;
}    



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}




table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd, tr.odd td {
	background-color: #f4f9ef;
}

tr.even, tr.even td {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	text-decoration: underline; 
}

.paging_full_numbers span.paginate_button:hover {
	
}

.paging_full_numbers span.paginate_active {
	border-left: 2px solid #0489B7; 
	border-right: 2px solid #0489B7; 
	color: #0489B7; 
	font-weight: bold;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.dataTables_paginate {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0px;
	font-size: 12px;
}

div.bottom1 {
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	height: 20px;
	background: #ddd;
	font-size: 12px;
	padding: 5px 10px;
	vertical-align: center;
}

div.dataTables_length { text-align: right; } 

textarea.formJobWide {
	width:65%
}

textarea.formProfWide {
	width:95%
}

.helpBorder {
	border:1px solid #999999;
	background:#FFFFFF none repeat scroll 0 0;
	width:520px;
}
.helpBorder h3{
	color:#7AC127;
	font-family:Georgia,Times New Roman,Times,serif;
	font-size:18px;
	font-size-adjust:none;
	margin:0 10px 5px;
	font-weight: normal;
}
.helpBorder p{
	color:#666666;
	font-family: Lucida Sans Unicode,LucidaGrande,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	margin:0 10px 5px;
}

.info {
	background-color: #F0FFEF;
	border: 2px solid #6C9C40;
	color: #6C9C40;
	padding: 15px 30px 15px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}