/* Development CSS Styles
			for Atlyss/MyCareerNetwork/igNew
			2005 Kyle Vice */
		
		/* Generic Global elements */
		
		.pophead {
			width:100%;
			height:20px;
			background:#91AFA1;
			font-family:Arial;
			font-size:14px;
			font-weight:bold;
			color:#ffffff;
			padding-top:10px;
			padding-bottom:5px;
			padding-left:10px;
			border-bottom:1px solid #91AFA1;
			}
		.ItemAccent
		{		
			font-size:8pt; font-weight:bold; color: #4F4F4F;
		}
		.dgHeader
		{
			background-color:#91AFA1;
			color:White;
			font-weight:bold;
			border-width:0px;			
		}
		.dgItemStyle
		{
			border-width:0px;			
		}
		.popbody {
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			background-color:White;
			}
		.pophead a {
			color: White;
			text-decoration:none;
		}
		.pophead a:hover {
			text-decoration: none;
			color: White;
		}
		.pophead a:visited {
			text-decoration: none;
			color: White;
		}
		.poptest {
			padding:20px;
			font-family:Arial, Helvetica, sans-serif;
			}
		.QuestionNUM {
			font-size:16px;
			font-weight:bold;
			color:#666666;
			}
		.instruct1 {
			padding:10px;
			background:#feffef;
			font-size:16px;
			border:1px solid #cccccc;
			}
		.instruct2 {
			padding:10px;
			background:#feffef;
			font-size:12px;
			border:1px solid #cccccc;
			}
		.instruct2b {
			padding:10px;
			font-family:Arial, Helvetica, sans-serif;
			background:#feffef;
			font-size:12px;
			border-bottom:1px solid #cccccc;
			}
		.instruct2c {
			padding:10px;
			font-family:Arial, Helvetica, sans-serif;
			background:#006699;
			font-size:12px;
			color:#ffffff;
			border-bottom:1px solid #cccccc;
			}
		.QuestionLBL {
			font-family:Arial;
			font-size:16px;
			}
		.poptest label {
			margin-left:5px;
			font-family:Arial;
			font-size:14px;
			color:#000000;
			}
		.completed {
			color:#666666;
			font-size:14px;
			font-weight:bold;
			}
	
		body {
			margin: 0;
			padding: 0;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			background: #FAFFEF;
		}
		
		table 
		{
			font-family: Arial, Helvetica, Verdana, sans-serif;
			font-size: small;  
		}
		.btnClassShort
		{
			background-color:#FCFAF5;
			color:Black;
			border:solid 2px #91AFA1;
			width:50px;
		}
		.btnClass
		{
			background-color:#FCFAF5;
			color:Black;
			border:solid 2px #91AFA1;
			width:110px;
		}
		.btnClassLong
		{
			background-color:#FCFAF5;
			color:Black;
			border:solid 2px #91AFA1;
			width:135px;
		}
		.titleImage
		{
			clear: both;
			width: 424px;
			height: 43px;
			margin-left: -6px;
			margin-top:5px;
			margin-bottom:10px;
		}
		
		.formWrapper {
			width: 490px;
			border: #91AFA1 1px solid;
			text-indent: 2px; 
			margin-bottom:14px;
		}
		
		
		
		.heading {
			background:#91AFA1;
			color:#ffffff;
			font-weight:bold;
			padding:4px;
		}
		.formHeading
		{
			height: 14pt;
			font-weight: bold;
			font-size: 10pt;
			color: white;
			font-family: verdana, arial;
			background-color: #91AFA1;
		}
		.formBody
		{
			width: 100%;
			color: black;
			font-family: verdana, arial;
			background-color: white;
			/* margin: 4px; */
			padding: 4px;
		}
		
		.labelCell
		{
			padding-right:10px;	
		}
		.highlight {
			background: #91AFA1;
			padding: 10px;
			color: #FFFFFF;
			font-weight: bold;
			border: 1px solid #7d7d7d;
		}
		img {
			border: none;
		}
		.exFormat
		{
			font-size:11px;
			padding-bottom:0px;
			margin-bottom:0px;
		}
		.secretQuestion
		{	
			font-weight:bold;
		}
		.formError
		{
			color:Red;
		}
		h2
		{
			color: #91AFA1;
		}
		
		.denotesReqMessage
		{
			font-size:11px;
		}
		a {
			/*color: #91AFA1;*/
			color: #426454;
		}
		h1 {
			color: #7d7d7d;
			padding: 20px 20px 20px 215px;
			margin: 0;
			font-size:    medium;      
			voice-family: "\"}\"";   
			voice-family: inherit;   
			font-size:  large;       
	    }
		h2 {
			margin: 0;
			padding: 5px 10px 2px 0;
			font-size:    small;      
			voice-family: "\"}\"";   
			voice-family: inherit;   
			font-size:  medium;  
		}
		
		p, li, label {
			font-size: x-small;      
			voice-family: "\"}\"";   
			voice-family: inherit;   
			font-size: small;  
		}
		
		blockquote
		{
			margin-left:100px;
			font-size: small;  
		}
		
		label {
			font-weight: bold;
			color: #7d7d7d;
		}
		
		/* Provides Center-Alignment and background */
		#container {
			background: url(/images/background.jpg) repeat-y;
			width: 699px;
			margin: auto;
			padding: 0 37px;
			height: 100%;
		}

		#main_content li {
			line-height: 1.5em;
		}
		#header {
			overflow: hidden;
		}
		#main_nav {
			overflow: hidden;
			height: 30px;
			width: 699px;
			margin: 0;
			background: #444 url(/images/nav_bg.gif);
		}
		#main_nav ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		#main_nav li {
			padding: 0;
			float: left;
			margin: 0;
		}
		#main_nav a {
			font-weight: bold;
			display: block;
			text-decoration: none;
			padding: 0;
			height: 30px;
			color: white;
			margin: 0;
		}
		/* Hide show that background images show through*/
		#main_nav span {
			display: none;
		}
		#main_nav .selected {
			background: #91AFA1;
			height: 21px;
			border: 1px solid;
			border-color: #FAFFEF #FAFFEF #91AFA1;
		}
		
		/* Individual Main Navigation Elements */
		#nav_01, #nav_01_on {
			background: url(/images/nav_off_01.gif) no-repeat;
			width: 49px;
		}
		#home #nav_01, #nav_01:hover {
			background: url(/images/nav_on_01.gif) no-repeat;
		}
		#nav_02, #nav_02_on {
			background: url(/images/nav_off_02.gif) no-repeat;
			width: 81px;
		}
		#login #nav_02, #nav_02:hover {
			background: url(/images/nav_on_02.gif) no-repeat;
		}
		#nav_03, #nav_03_on {
			background: url(/images/employersOn.gif) no-repeat;
			width: 78px;
		}
		#request #nav_03, #nav_03:hover {
			background: url(/images/employersOff.gif) no-repeat;
		}
		#nav_04, #nav_04_on {
			background: url(/images/nav_off_04.gif) no-repeat;
			width: 92px;
		}
		#testimonials #nav_04, #nav_04:hover {
			background: url(/images/nav_on_04.gif) no-repeat;
		}
		#nav_05, #nav_05_on {
			background: url(/images/nav_off_05.gif) no-repeat;
			width: 92px;
		}
		#about #nav_05, #nav_05:hover {
			background: url(/images/nav_on_05.gif) no-repeat;
		}
		
		/*bkp 9/7/05 adding register */
		#nav_06, #nav_06_on {
			background: url(/images/nav_off_06.gif) no-repeat;
			width: 59px;
		}
		#register #nav_06, #nav_06:hover {
			background: url(/images/nav_on_06.gif) no-repeat;
		}
		
		/*bkp 9/7/05 adding register */
		#nav_08, #nav_08_on {
			background: url(/images/nav_off_08.gif) no-repeat;
			width: 65px;
		}
		#services #nav_08, #nav_08:hover {
			background: url(/images/nav_on_08.gif) no-repeat;
		}
		
		/* Section-level navigation */
		/*
		#sub_nav {
			background: #91AFA1;
			padding: 8px 10px 4px;
		}
		#sub_nav ul {
			padding: 0;
			margin: 0;
			list-style: none;
			overflow: hidden;
			height: 1.5em;
			visibility:hidden;
		}
		#sub_nav li {
			float: left;
			margin: 0 10px 0 0;
			padding: 0;
		}
		
		#sub_nav span {
			display: none;
		}
		*/
		
		
		/* SUB NAV TEST */

		#sub_nav {
			overflow:hidden;
			height: 22px;
			width: 699px;
			margin: 0;
			/*
			background: #444 url(/images/nav_bg.gif);
			*/
		}
		#sub_nav ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		#sub_nav li {
			padding: 0;
			float: left;
			margin: 0;
		}

		#sub_nav a {
			font-weight: bold;
			display:block;
			text-decoration: none;
			padding: 0;
			height: 22px;
			color: white;
			margin: 0;
		}

		/* Hide show that background images show through*/
		#sub_nav span {
			display: none;
		}

		#sub_nav .selected {
			background: #91AFA1;
			height: 21px;
			border: 1px solid;
			border-color: #FAFFEF #FAFFEF #91AFA1;
		}

		/* Individual Sub-Navigation Elements */

		#sub_nav_01, #sub_nav_01_on {
			background: url(/images/sub_nav_off_01.gif) no-repeat;
			width: 55px;
		}
		
		#sub_nav_01:hover {
			background: url(/images/sub_nav_on_01.gif) no-repeat;
		}
		
		#sub_nav_02, #sub_nav_02_on {
			background: url(/images/sub_nav_off_02.gif) no-repeat;
			width: 69px;
		}
		
		#sub_nav_02:hover {
			background: url(/images/sub_nav_on_02.gif) no-repeat;
		}
		
		#sub_nav_03, #sub_nav_03_on {
			background: url(/images/sub_nav_off_03.gif) no-repeat;
			width: 100px;
		}
		
		#sub_nav_03:hover {
			background: url(/images/sub_nav_on_03.gif) no-repeat;
		}
		
		#sub_nav_04, #sub_nav_04_on {
			background: url(/images/sub_nav_off_04.gif) no-repeat;
			width: 100px;
		}
		
		#sub_nav_04:hover {
			background: url(/images/sub_nav_on_04.gif) no-repeat;
		}
		
		#sub_nav_05, #sub_nav_05_on {
			background: url(/images/sub_nav_off_05.gif) no-repeat;
			width: 51px;
		}
		
		#sub_nav_05:hover {
			background: url(/images/sub_nav_on_05.gif) no-repeat;
		}
		
		#sub_nav_06, #sub_nav_06_on {
			background: url(/images/sub_nav_off_06.gif) no-repeat;
			width: 100px;
		}
		
		#sub_nav_06:hover {
			background: url(/images/sub_nav_on_06.gif) no-repeat;
		}
		
		#sub_nav_07, #sub_nav_07_on {
			background: url(/images/sub_nav_off_07.gif) no-repeat;
			width: 51px;
		}
		
		#sub_nav_07:hover {
			background: url(/images/sub_nav_on_07.gif) no-repeat;
		}	
		#sub_nav_08, #sub_nav_08_on 
		{
			background: url(/images/sub_nav_off_08.gif) no-repeat;
			width: 114px;
		}	
		#sub_nav_08:hover 
		{
			background: url(/images/sub_nav_on_08.gif) no-repeat;
		}


		/* Employer tab - My Account Info  */
		#sub_nav_MyAccountInfo, #sub_nav_MyAccountInfo_on 
		{
			background: url(/images/sub_nav_off_03.gif) no-repeat;
			width: 100px;
		}	
		#sub_nav_MyAccountInfo:hover 
		{
			background: url(/images/sub_nav_on_03.gif) no-repeat;
		}
		/* Employer tab - Member lookup */
		#sub_nav_MemberLookup, #sub_nav_MemberLookup_on 
		{
			background: url(/images/sub_nav_off_04.gif) no-repeat;
			width: 100px;
		}	
		#sub_nav_MemberLookup:hover 
		{
			background: url(/images/sub_nav_on_04.gif) no-repeat;
		}
		/* Employer tab - sub_nav_UserAdministration */
		#sub_nav_UserAdministration, #sub_nav_UserAdministration_on 
		{
			background: url(/images/UserAdministrationOff.gif) no-repeat;
			width: 114px;
		}	
		#sub_nav_UserAdministration:hover 
		{
			background: url(/images/UserAdministrationOn.gif) no-repeat;
		}
		/* Employer tab - JobCodesInvite */
		#sub_nav_JobCodesInvite, #sub_nav_JobCodesInvite_on 
		{
			background: url(/images/JobCodesInviteOff.gif) no-repeat;
			width: 130px;
		}	
		#sub_nav_JobCodesInvite:hover 
		{
			background: url(/images/JobCodesInviteOn.gif) no-repeat;
		}
		/* Employer tab - sub_nav_LogOut */
		#sub_nav_LogOut, #sub_nav_LogOut_on 
		{
			background: url(/images/sub_nav_off_01.gif) no-repeat;
			width: 55px;
		}	
		#sub_nav_LogOut:hover 
		{
			background: url(/images/sub_nav_on_01.gif) no-repeat;
		}
		/* Employer tab - sub_nav_LogIn */
		#sub_nav_LogIn, #sub_nav_LogIn_on 
		{
			background: url(/images/LoginOff.gif) no-repeat;
			width: 46px;
		}	
		#sub_nav_LogIn:hover 
		{
			background: url(/images/LoginOn.gif) no-repeat;
		}
		/* Employer tab - RequestInfo */
		#sub_nav_RequestInfo, #sub_nav_RequestInfo_on 
		{
			background: url(/images/RequestInfoOff.gif) no-repeat;
			width: 80px;
		}	
		#sub_nav_RequestInfo:hover 
		{
			background: url(/images/RequestInfoOn.gif) no-repeat;
		}															
		
		/* ANNUAL SUB NAV TEST */
		
		
		/* Individual Sub-Navigation Elements 
		#sub_nav_01, #sub_nav_01_on {
			background: url(/images/nav_off_01.gif) no-repeat;
			width: 49px;
			z-index:10;
		}
		
		#sub_nav_01:hover {
			background: url(/images/nav_on_01.gif) no-repeat;
		}
/*
		
		#logo {
			height: 125px;
		}
		
		/*Main Content Area */
		#main_content {
			overflow: hidden;
			clear: both;
			border-bottom: 1px solid #CCC;
			border-top: 1px solid #7d7d7d;
			background: white;
			width: 699px;
		}

		/* Replace Text with Background Image */
		#content_title h1 {
			display: none;
		}
		#content_title {
			clear: both;
			width: 430px;
			height: 43px;
			margin-left: -6px;
			margin-top:5px;
		}
		#home #content_title {
			background: url(/images/Title_Home.gif);
			background-repeat:no-repeat;
		}
		#about #content_title {
			background: url(/images/headline_about.gif);
			background-repeat:no-repeat;
		}
		#login #content_title {
			background: url(/images/headline_login.gif);
			background-repeat:no-repeat;
		}
		#request #content_title {
			background: url(/images/headline_request.gif);
			background-repeat:no-repeat;
		}
		#testimonials #content_title {
			background: url(/images/headline_testimonials.gif);
			background-repeat:no-repeat;
		}
		
		#content_body {
			overflow: hidden;
			/*width: 699px;*/
			background: white;
		}
		#home #content_body {
			height: 600px;
			background: url(/images/content_bg_home.jpg) no-repeat bottom left white;
		}

		.content_container {
			float: left;
			display: inline;
			width: 549px;
			margin: 0 40px 10px 110px;
			padding-right: 12px;
		}
		
		/* Provides Border in 2 column layout */
		#left_container {
			border-right: 1px solid #91AFA1;
		}
		
		/* End the Page with this */
		#footer {
			height: 85px;
			background: url(/images/footer.jpg) no-repeat bottom left;
			width: 773px;
			voice-family: "\"}\"";   
			voice-family: inherit; 
			width: 699px;
			margin: auto;
			padding: 0 37px;
			padding-top:5px;
			font-size:smaller;
		}
		
		.footerText
		{
			font-size:smaller;
		}
		
		.internalDatagrid
		{
			width: 480px;
			border: #91AFA1 1px solid;
		}
		
		.BackLink
		{
			font-size:small;	
		}

.ui-slider-handle 
{
	width: 20px;
	height: 19px;
	background: transparent url(../images/slider-handle.png) no-repeat;
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
}
							
.slider-track-left 
{
	position: absolute;
	z-index:1;
	width: 5px;
	height: 30px;
	background: transparent url(../images/slider-track-left1.png) no-repeat top left;
}

.ui-slider-1 
{
	width:300px;
	height:30px;
	position:relative;
	background: transparent url(../images/slider-track-right1.png) no-repeat top right;
}
