/* BASE.CSS Base for all CSS */
/** clearfix is used to allow floated elements to occupy height within a box **/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
	clear: both;
}

html[xmlns] .clearfix {
    display: block;
	clear: both;
}

body
	{
		background: #000000 url(/_assets/images/bodyBg.gif) left top;
		color:#08334C;
		font-family:"Arial",sans-serif;
		font-size:12px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:normal;
	}
	
body.popUp,
body.bodyFrame
	{
		background: #ffffff;
	}	
	
#wrapper 
	{
		margin:0 auto;
		width:998px;
		padding-top: 10px;
	}

div.topAdd
    {
        margin:0 auto;
        margin-bottom :15px;
        text-align: center;
    }	
.logo
	{
		margin: 0px;
		
	}
	
.util
	{
	    color:White;
	    margin-top: 32px;
	    float:right;
	    padding: 0px;
	    background-color: #ffffff;
	    border: 1px solid #644272;
	}
	
.util li
	{
	    float:left;
	    padding: 7px 4px 4px 4px;
	}
	
.util li a
	{
	    margin-left: 9px;
	    margin-right: 9px;
	}

.util li.on 
	{
			background-color: #ffae5d;
		    padding: 7px 4px 8px 4px;
	}
	
.TopBody
	{
		background: url(/_assets/images/topBg.png) no-repeat left top;
		vertical-align: bottom;
		text-align: right;
		height: 40px;
		margin-top: 0;	
	}
	
/* this is the CSS for the NAV... */

.TopNav
	{
		vertical-align: bottom;
		float: right;
		height: 35px;
		margin-right: 10px;
		margin-top: 3px;
		width: 680px;
		/*border:  1px solid aqua; */
	}

#nav
    {
        width:680px;
        height: 43px;
        background: url(/_assets/images/nav/sprite.png);
        margin: 0px auto; padding: 0;
        position: relative;
    }
    
#navLogin
    {
        width:680px;
        height: 43px;
        background: url(/_assets/images/nav/spriteLogedIn.png);
        margin: 0px auto; padding: 0;
        position: relative;
    }    
    

#nav li,
#navLogin li
{margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#nav li, #nav a,
#navLogin li, #navLogin a
 {height: 43px; display: block;}
 
#nav #home,
#navLogin #home
{left: 0; width: 138px;}

#nav #register, 
#navLogin #profile
{left: 138px; width: 136px;}

#nav #recuiter, 
#navLogin #recuiter
{left: 273px; width: 139px;}

#nav #about, 
#navLogin #about
{left: 413px; width: 136px;}

#nav #contact, 
#navLogin #contact
{left: 549px; width: 137px;}
 

/* SPRITE NOT LOGED IN */
#nav #home a:hover
{background: transparent url(/_assets/images/nav/sprite.png) 0px -136px no-repeat;}

#nav #register a:hover
{background: transparent url(/_assets/images/nav/sprite.png) -138px -136px no-repeat;}

#nav #recuiter a:hover
{background: transparent url(/_assets/images/nav/sprite.png) -273px -136px no-repeat;}

#nav #about a:hover
{background: transparent url(/_assets/images/nav/sprite.png) -413px -136px no-repeat;}

#nav #contact a:hover
{background: transparent url(/_assets/images/nav/sprite.png) -549px -136px no-repeat;}

#nav #home a.on
{background: transparent url(/_assets/images/nav/sprite.png) -0px -277px no-repeat;}

#nav #register a.on
{background: transparent url(/_assets/images/nav/sprite.png) -135px -418px no-repeat;}

#nav #recuiter a.on
{background: transparent url(/_assets/images/nav/sprite.png) -270px -559px no-repeat;}

#nav #about a.on
{background: transparent url(/_assets/images/nav/sprite.png) -408px -700px no-repeat;}

#nav #contact a.on
{background: transparent url(/_assets/images/nav/sprite.png) -541px -831px no-repeat;}

/*END SPRITE NOT LOGED IN */

/* SPRITE LOGED IN */
#navLogin #home a:hover
{background: transparent url(/_assets/images/nav/spriteLogedIn.png) 0px -136px no-repeat;}

#navLogin #profile a:hover
{background: transparent url(/_assets/images/nav/spriteLogedIn.png) -138px -136px no-repeat;}

#navLogin #recuiter a:hover
{background: transparent url(/_assets/images/nav/spriteLogedIn.png) -273px -136px no-repeat;}

#navLogin #about a:hover
{background: transparent url(/_assets/images/nav/spriteLogedIn.png) -413px -136px no-repeat;}

#navLogin #contact a:hover
{background: transparent url(/_assets/images/nav/spriteLogedIn.png) -549px -136px no-repeat;}

#navLogin #home a.on
{background: transparent url(/_assets/images/nav/spriteLogedIn.png) -0px -277px no-repeat;}

#navLogin #profile a.on
{background: transparent url(/_assets/images/nav/spriteLogedIn.png) -135px -418px no-repeat;}

#navLogin #recuiter a.on
{background: transparent url(/_assets/images/nav/spriteLogedIn.png) -270px -559px no-repeat;}

#navLogin #about a.on
{background: transparent url(/_assets/images/nav/spriteLogedIn.png) -408px -700px no-repeat;}

#navLogin #contact a.on
{background: transparent url(/_assets/images/nav/spriteLogedIn.png) -541px -831px no-repeat;}
/* END SPRITE LOGED IN */


ul#nav,
ul#navLogin
	{
		text-align:center;
		vertical-align: bottom;
	}

#nav li,
#navLogin li
	{
		float: left;
	}

div.BodyMain
	{
	    background-color: #644272;
		min-height: 100px;
		width: 978px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		margin: 0 0 18px 0;
	}

div.BodyContent
	{
		background: #ffffff url(/_assets/images/bodyMainBg.gif) no-repeat left top;
		min-height: 600px;
		padding-bottom: 35px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 30px;
	}
	
div.bodyFoot
	{
		background: url(/_assets/images/MainBodyFooter.gif) no-repeat left top;
		height: 10px;
	}
	
div.TopDiv
	{
		height: 200px;
	}
	
div.TopDivSecondLevel
	{
		height: 200px;
		width: 768px;
	}	

div.FindBy
	{
		width: 520px;
		float: left;
	}
	
div.FindByContent
    {
        min-height: 116px;
        background: url(/_assets/images/FindByBg.gif) repeat-x left top;
        padding: 18px;
        margin-top: 3px;
    }

div.recuiterReg
	{
		width: 382px;
		height: 135px;
		float: right;
		margin-top: 22px;
		background: url(/_assets/images/recuiterBg.png) no-repeat left top;
	}
	
div.BodyContent div.TopDiv div.recuiterRegInner
	{
		padding: 23px;
		text-align: center;
		color: #6b8330;
	}
	
div.recuiterRegInner h2
	{
		font-weight: bold;
		font-size: 14px;
		margin-bottom: 18px;
	}

div.BodyContent div.TopDiv div.recuiterRegInner p
	{
	}

div.recuiterRegInner img
	{
		margin-top: 23px;
	}

div.BodyContent p
    {
        color: #6b8330;
        font-weight: bold;
        margin: 0 0 8px 0;
    }


div.discFrame,
div.discFrame p,
div.discFrame ul li
    {
        color: #6b8330;
        font-weight: normal;
    }

div.BodyContent p i
    {
        color: #644272;
    }    
div.BodyContent div.BottomDiv p
    {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    
div.BodyContent div.BottomDiv p.home
    {
    	padding-top: 5px;
        padding-bottom: 35px;
        width: 520px;
    }
    

div.FindBy ul
	{
			display:block;
			height: 20px;
			vertical-align: baseline;
	}

div.FindBy ul li
	{
		float: left;
		width: 212px;
		padding-left: 8px;
		height: 23px;
	}

div.FindBy ul li.findOn
	{

		background: url(/_assets/images/findOnBg.gif) repeat-x left bottom;
		color: #ffffff;
	}

div.FindBy ul li a		
	{
		padding-top: 8px;
		display: block;
		font-weight: bold;
		text-decoration:none;
		cursor: pointer;
	}

div.TopDiv div.FindBy ul li.findOff a
	{
		margin-left: 0px;
		color: #644272;
	}

.requiedField
	{
		padding-left: 10px;
		padding-bottom:  10px;
	}

.submit
    {
		padding-top: 10px;
	}

table.formTable tr td input.submitButton
    {
		width: 109px;
	    height: 24px;
	}

table.formTable tr td textarea					
	{
		width: 400px;
		height: 150px;
	}

table.striped tr.even
	{
		background-color: #f7faf1;
	}
	
table.striped tr#noStrip
    {
		background-color: #ffffff;
	}

img.tableHeader
	{ 
		margin-left: -1px;
		background-color: #ffffff;
		z-index: 2;
	} 
	
div.intro	p
	{
		padding-top: 10px;
	}

div.intro	h1
	{
		margin-top: 20px;
		margin-bottom: 5px;
		color:#6B8330;
        font-size:16px;
        font-weight:bold;
	}

div.intro
	{
		padding-bottom: 25px;
		padding-right: 10px;
	}
	
div.error
	{
		color: red;
        margin-left:56px;
        margin-top:20px;
    }


	/* site Tables */		
	
div.tableDropShadow
	{
    	margin-top: -1px;
	    width: 932px;
	    border-right: 2px solid #a195af;
	    border-bottom: 2px solid #e7e5eb;
	    margin-bottom: 20px;
    }
    
table.topRated
	{
		border: 1px solid #ffae5d;				
		width: 932px;
		padding: 20px;
		z-index: 1;
	}

table tr th
	{
    	background-color: #a7c55b;
		border-right: 1px solid #ffffff;
		padding:0 5px 0 20px;
		height: 20px;
		vertical-align: middle;
		font-weight: bold;
		color: #ffffff;
    }
    
table tr th a
    {
        color: #ffffff;
    }
    
table tr th.last,
table tr td.last
	{
		border-right: 1px solid #adc967;
    }

table tr td.rightLeft
	{
	    width: 6px;
    }

table tr td.pager
	{
        text-align: right;
        vertical-align: middle;
        padding-right: 20px;
        height: 20px;
    }

table tr td.data
	{
        text-align: left;
        padding-left: 20px;
        height: 20px;
        vertical-align: middle;
        border-bottom: 1px solid #adc967;
        border-right: none;
    }	

table.striped tr td
	{
        text-align: left;
        padding-left: 20px;
        height: 20px;
        vertical-align: middle;
        border-bottom: 1px solid #adc967;
        border-right: 1px solid #adc967;
    }

table tr td a
	{
		color: #634271;
	}	

table tr td.star
	{
        text-align: left;
        padding-left: 0px;
        height: 20px;
        vertical-align: middle;
        width: 64px;
        border-right: 1px solid #adc967;
        border-bottom: 1px solid #adc967;
    }


/* second level */
h1
    {
	    color:  #644272;
	    font-weight: bold;
	    font-size: 14px;
	    padding: 15px 0 0 0;
	    margin-bottom: 20px;	
	    
    }
    
div.BodyContent h1
    {
	    color:  #644272;
	    font-weight: bold;
	    font-size: 16px;
	    padding-bottom: 5px;
	    padding-left: 10px;
	    margin-bottom: 20px;	
	    background: url(/_assets/images/headerBg.png) repeat-x left bottom;
    }

div.BodyContent h2.ratedNAme
	{
		color: #ffae5d;
		width: 430px;
		border: 1px solid #ffae5d;
		border-bottom: none;
		margin-top: 20px;
		padding: 5px;
		font-weight: bold;
		background-color: white;
		position: relative; 
		z-index:2;
	}
	
div.MainContentDiv
	{
	    width:  750px;
	    float: left;
    }

div.addDiv
    {	
	    width: 180px;
	    float: right;
	    text-align: center;
	}

div.formWrapper
    { 
        border: 1px solid #ffae5d;
        padding: 10px;
        margin-top: -1px;
        z-index:1
    }

table.rate
    {
		margin-bottom: 20px;
    }
    
table.rate tr td 
	{ 
		text-align: right;
		vertical-align: middle;
		border-top: 1px solid #adc967;
		border-bottom: 1px solid #adc967;
	}
	
table.rate tr td.rateHead
{
	color: #6b8330;
	height: 24px;
	text-align: left;
	width: 220px;
	font-weight: bold;
	padding-left: 2px;
}

table.rate tr td.rateCom
    {
	    color: #6b8330;
	    height: 24px;
	    text-align: left;
	    font-weight: bold;
	    padding-left: 2px;
	    padding-top: 15px;
		padding-bottom: 5px;
		border-bottom: none;
    }

table.rate tr td textarea.beanstalkapp
    {
		width: 600px;
		height: 100px
    }

table.rate tr td.rateComForm
    {
		text-align: left;
		border: none;
    }
    
table.rate tr.even
    {
	    background-color: #f7faf1;
    }

table.rate td.label
	{
		text-align: left;
		color: #666666;
		font-weight: bold;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
table.rate tr td.formRadio
    {
	    padding-left: 5px;
	    padding-right: 5px;
    }

/* profile */

div.recuitInfo
    {
        background: url(/_assets/images/recruiter_info_Bg.png) no-repeat left top;
        min-height: 459px;
        width: 747px;
        clear: both;
        margin-bottom: 20px;
        border: solid 1px #b5c59c;
        padding: 0 0 35px 0
    }
    
 div.recuitInfoShort
    {
        background: url(/_assets/images/recruiter_info_Bg.png) no-repeat left top;
        min-height: 268px;
        width: 747px;
        clear: both;
        margin-bottom: 20px;
        border: solid 1px #b5c59c;
        padding: 0 0 15px 0
    }

div.recuitInfoLeft
    {
	    float: left;
	    margin: 20px;
	    width: 370px;
    }
 
 div.FindByContent table td.findLabel
    {
 	    color: #644272;
 	    font-size: 13px;
	    padding-right: 15px;
	    font-weight: bold;
	    height: 22px;	
    }
 
 /*
  div.FindByContent table td select
    {
 	   width: 200px;    
 	} 
 	
 */

  
 div.recuitInfoRight
    {
		float:right;
		margin-top:20px;
		width: 280px;
		padding-right: 30px;
		padding-left: 20px;
		border-left: 1px solid #6b8330;
    }
 
  div.recuitInfoRight h2
    {
  		color:#6b8330;
  		font-variant: small-caps;
  		font-weight: bold;
  		margin-bottom: 5px;
    }
  
div.recuitInfoRight p
    {
  		color: #666666;
	  	font-weight: normal;
  		margin-bottom: 5px;
    }
  
 div.recuitInfo div.recuiterPhoto
 	{
 		margin-right: 10px;
 		float: left;
 	}
 	
div.recuiterPhoto img
 	{
 		margin-bottom: 20px;
 	}
 	
div.recuitInfo div.bio
 	{
 		margin-left: 21px;

 	}
 	
 	div.recuiterPhoto input
 	{
 		width: 114px;
 		margin-bottom: 10px;
 	}
 	
div.recuitInfoAddress
     {
 	    float: right;
    }
 
 div.recuitInfoAddress table
    {
        width: 214px;
 	    margin-top: 25px;
    }
 
div.profileEdit table
    {
 	    width: 214px;
 	    margin-top: 0px;
    }
 
div.recuitInfoAddress table td
    {
 		border-bottom: 1px solid #6b8330;
 		height: 22px;
 		padding-bottom: 4px;
 		vertical-align: middle;
    }
       
div.profileEdit table td,
div.profileEditRight table td
    {
 		border-bottom: none;
 		height: 15px;
		padding-top: 4px;
 		vertical-align: middle;
    }
   
div.recuitInfoAddress table td strong,
div.profileEditRight strong,
body.popUp table td.header
    {
 		color: #6b8330;
 		font-weight: bold;
 		font-size: 13px;
    }

textarea.profileEditBio
    {
        margin-bottom: 12px;
        width: 570px;
        height: 96px;
        font-weight: normal;
		font-size: 11px;
		font-family:inherit;
    }


div.otherRecruit
    {
		padding-top: 20px;
		padding-left: 28px;
    }

div.profStars
    {
		width: 100px;
		height: 22px;
		border: 1px solid #f19515;
		border-bottom: none;
		background-color: #ffffff;
		text-align: center;
		padding-top: 8px;
		margin-top: 10px;
		margin-left: 648px;
		z-index:2;
		position: relative;
	}
	
div.MainContentDiv h2
	{
		color: #F19515;
		font-weight: bold;
		padding-top: 8px;
	}
	
	
div.profileReview
    {
	    z-index:1;
	    padding: 10px;
	    margin-top: -1px;
	    border: 1px solid #f19515;
    }

div.profileReview h2
    {
	    color: #f19515;
	    font-weight: bold;
	    margin-bottom: 10px;
    }
    
div.profileReview p
    {
	    color: #666666;
	    font-weight: normal;
    }

div.raterInfo
    {
        background: url(/_assets/images/raiterProfileBg.png) no-repeat left top;
        min-height: 200px;
        width: 747px;
        clear: both;
        margin-bottom: 20px;
        border: solid 1px #ff9933;
        padding: 0 0 25px 0;
    }
div.contactThanks
{
    padding: 20px;
}    
div.raterInfoRead
    {
        background: url(/_assets/images/raiterProfileReadBg.png) no-repeat left top;
        height: 252px;
        width: 756px;
        clear: both;
        margin-bottom: 20px;
    }
 
div.raterInfoLeft
     {
    	float: left;
    	margin: 20px;
    	width: 270px;
    	border-right: 1px solid #f19515;
    } 

div.raterInfoRight 
	{
		float:right;
		margin-top:20px;
		padding-left:20px;
		padding-right:10px;
		width:290px;
		margin-right: 102px;
	}
	
div.additionInfo
    {
	    padding-left: 0px;
    } 
 
div.additionInfo textarea
    {
        height: 120px; 
	    width: 544px;
    }
 
div.raterInfoAddress table td strong,
div.profileEditRight strong, 
div.additionInfo strong,
div.bio strong
	{
		color: #6B8330;
		font-weight: bold;	
	}

div.raterEditButton
	{
		margin-left: 10px;
		margin-top: 30px;
	}

div.recruiterEditButton
	{
		margin-left: 10px;
		margin-top: 20px;
	}

div.profileRead table tr td strong,
div.profileRead strong
	{
		color: #644272;
		font-weight: bold;	
	}

div.profileRead table.leftSide
	{
			width:240px;
	}

div.profileRead table.rightSide
	{
			width:370px;
	}

div.profileRead table tr td
	{
		color: #666666;
		font-weight: bold;
		height: 49px;
		padding-top: 5px;
		border-bottom: 1px solid #f19515;
	}	

div.recruuiterMoreRead strong
    {
		font-weight: bold;
		color: #6B8330;
    }

div.recruuiterMoreRead p
    {
		color: #666666;
		font-weight: normal;
    }

div.photorecuiter
	{
			float:left;
			width: 160px; 
				padding-top: 25px;
				padding-left: 25px;
	}

div.recuiterdata
    {
		float: right;
		width: 500px; 
		padding: 25px;
	}

div.recuitReadLeft
	{
        float:left;
        width:240px;
        margin-bottom: 20px;
        border-right:1px solid #6B8330;
    }

div.recuitReadRight
	{
        float:right;
        width:240px;
        margin-bottom: 20px;
    }

div.RateButton
    {
		float: left;
		margin-left: 14px;
    }
    
div.RecruiterReadButton
    {
		float: left;
		margin-left: 14px;
		padding-top: 18px;
    }
    
div.longData
    {
		margin-bottom: 43px;
    }

div.otherRecruitRead 
    {
        padding-left:28px;
        margin-right: 40px;
        float: right;
        margin-top: -22px;
    }    

/***PopUp***/

div.popup
{
    padding: 10px;
    background: #ffffff url(/_assets/images/popup.png) repeat-x left top;
    border: solid 1px white;
    min-height: 196px;
}

body.popUp table tbody tr td 
	{height: 24px;}

/***  Footer ***/

div.footer
	{
		text-align: center;
		font-weight: bold;
		color: white;
		margin: 0 0 30px 0;
	}

div.footer a,
div.footer a:visited
	{
		font-weight: bold;
		margin-right: 10px;
		margin-left: 10px;
		color: white;
	}
div.footer img
{
    vertical-align:bottom;
}

.tooltip {
background-color:#F5F5B5;
border:1px solid #DECA7E;
color:#303030;
font-family:sans-serif;
font-size:12px;
line-height:18px;
padding:10px 13px;
position:absolute;
text-align:center;
z-index:2;
}
.tooltip h3 {
margin:0 0 5px;
text-align:left;
}

#google-banner {
	 
	height: 63px;
	 
	width: 468px;
	 
	margin: 3px;
	 
	padding: 0;
	position: absolute;
	 
}
	 
#google-banner-inner{
	width: 468px;
	 
	margin: auto;
	 
}
#google-banner-clear {
 
	margin-top: 63px;
}

div.auth-error
{
    color: Aqua;
}