﻿/* global grid formatting */
body { width: 100% !important }
a img, img[usemap] { border: none; }
h3 a.cancel { font-size: 11px; font-weight: normal; margin-left: 10px; }
tr.GridRow td { font-size: 11px; }
tr.GridAltRow td { font-size: 11px; }
tr.GridHead th { font-size: 11px; text-align: center; padding: 10px; }
tr th[align='left'], tr.GridHead th[align='left'] { text-align: left; }
tr.GridHead th[align='right'] { text-align: right; }
tr.GridHead th[align='center'] { text-align: center; }
td.r { text-align: right; }
table tr .c { text-align: center; }
table tr .l { text-align: left; }

span.b { font-weight:bold; }
.Hide508 { display:none; visibility:hidden; }

div.bodyDiv { margin: 20px; }


div.FormSec input[type='text'] { padding: 3px; }
div#topNav div.TopRow { min-width: 600px; }
div.FormSec dl {}
div.FormSec dt {
  width: 90px;
  margin: 4px 8px 0 0; padding: 0;
  text-align: right;
  white-space: nowrap;
  float: left;
  clear: left; 
  position: relative;
}
div.FormSec dd {
  margin: 0 0 5px 0px;
  font-size: 11px;
}
div.FormSec {
	color: #333;
	background: #f0f0f0;
	margin: 3px 5px 5px 5px;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
dt.req { font-weight: bold; }
div.action {
	border-top: 2px solid #000;
	margin-bottom: 10px;
	text-align: right;
	padding-top: 8px;
	font-size: 12px;
}
p.FormSecDesc {
	color: #666;
	font-size: 12px;
	line-height: 1.3em;
	margin: 15px 0px 0px 5px;
}
d.FormSec dd input {
  vertical-align: middle;  
}

dl.top dt 
{
	width:100%;
	text-align: left;
	white-space: normal;
	float: none;
	clear: none;
	margin: 0px auto 3px 10px;	
}	
dl.top dd { margin: 0px auto 10px 10px; }

span.req,label.req { font-weight:bold; }
div.reset { clear: both; height: 0px; overflow: hidden; }

div.content { margin: 20px; }
div.content h1 { font-size: 18px; }

div.AnalyticResult p { font-size: 11px; }

/* form fields */
div.LgFieldName
{	
	font-size:14px;			
	padding-left: 3px;
	margin-top: 10px ;	
	margin-bottom:5px;
}
div.Ex
{
	font-size:11px;
	color: dimgray;
	padding: 5px 0px 2px 0px;	
}
div.LgField,div.LgFieldBtn
{
	padding-left:10px;	
	font-size:16px;
	padding-bottom: 15px;	
	/*border-bottom: dashed 1px silver;*/
}
div.LgField input, div.LgField select, div.LgFieldBtn input
{
	font-size: 13px;
	font-family: Arial;
	padding:2px;		
}

div.LgFieldBtn
{
	margin-top:20px;
	background-color:white;
	border-top: solid 1px gainsboro;	
	padding: 10px;
}

/* modal windows */
.modalBg
{
	background-color:dimgray;
	filter: alpha(Opacity=40);
	opacity:0.4;    
}
.modalWin
{	
	background-color: #fff;
	border: solid 1px #999;
	padding:0px;	
	color: Black;
	z-index: 1999;
	text-align: left;
}
.modalIn { padding: 5px 5px 15px 10px; font-size: 13px; }
.modalHdl
{
	background-color: whitesmoke;
	background-image: url(../images/GreenGrad.png);
	color: Black;
	font-size: 13px;
	font-weight: bold;
	text-align: left;	
	padding: 10px 5px 10px 5px;
	background-repeat: repeat-x;
	height: 16px;	
	
	margin: 0px;
}
.modalHdl .modalLeft { float: left; width:80%; }
.modalHdl .modalRight { float: left; width:20%; text-align: right; }
a.modalAction { color: royalblue; font-weight: normal; font-size:11px; }
.modalPic { float: left; margin-right: 10px; }
.modalBtn
{
	border-top: solid 1px whitesmoke;
	padding: 10px 10px 10px 10px;
	font-size: 11px;	
}
.modalBtn input, .subWinBtn input { font-size: 13px; font-family: Arial; }


table.UsrGrid td { padding: 10px; }

td.right { text-align: right; }


div.ChartToolBar div.TbIn
{
	border: solid 1px gainsboro;
	border-bottom: none;	
	font-size: 11px;
	font-family: Verdana, Arial;
	padding: 6px;		
	height: 22px;
}
div.ChartToolBar div.TbIn div.L
{
	float: left;
	width:70%;
}
div.ChartToolBar div.TbIn div.R
{
	float: left;
	width: 30%;
	text-align: right;		
}

div.ChartToolBar input
{
	font-size: 11px;	
	vertical-align: middle;
}
/* two col layout */
div.Cont2Col { clear: both; font-size: 11px; }
div.Cont2Col div.ColLeft { float: left; width: 65%; }
div.Cont2Col div.ColRight { float: left; width: 35%; }

/*kpi */

div.KpiStats
{
	margin:10px;
	text-align:center;
}

div.KpiTitle
{
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 5px;
}

div.KpiText
{
	font-size: 10px;
	color: dimgray;
	margin-bottom: 5px;
}

div.KpiValue
{
	font-family: Verdana,Arial;
	font-size: 24px;
	font-weight: bold;	
}
div.KpiTarget
{
	margin-top:5px;
	font-size: 12px;
	color: dimgray;
}

div.IndexBox
{
	border: dotted 1px gainsboro;
	margin:5px;
	padding: 5px 10px 10px 10px;
	background-color:White;
	width:450px;
}
div.IndexTitle
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:16px;text-align:center;
	font-weight:bold;
	text-align:left;
}
div.IndexDesc
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size:11px;
	font-weight:normal;
	color: #666;
}
a.IndexLink
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size:11px;
}
/*end kpi*/

/* Workflow */
div.WfParam
{
	background-color: Whitesmoke;
	font-size: 11px;
	padding: 5px;
	margin: 0px;
}

td.rpad
{
	padding-right: 20px;
}

div.LbpHeader
{
	background-color: #ddf0f8;
	padding: 10px 15px 10px 15px;	
	margin-bottom: 20px; 
}

div.LbpHead, div.LbpSecHead
{
	font-size: 16px;
	font-weight:bold;
	font-family: Arial;
	margin: 5px 0px 3px 0px;
}

div.LbpSecHead
{	
	margin: 0px 0px 5px 0px;	
	text-align: left;
}
div.LbpSecDesc
{
	font-size: 11px;
	text-align:left;
}
div.LbpSecBtn
{
	margin-top:8px;
	border-top: solid 1px white;
	padding-top:5px;
	font-size: 11px;
}

div.LbpSecBtn input, div.LbpBtnStrip input 
{ 
	font-size: 15px; 
	height:30px;
}
div.LbpSecBtn a, div.LbpBtnStrip a { color:Red; }

div.LbpBtnStrip
{
	font-size: 11px;
	padding:10px;
	background-color: whitesmoke;	
}

div.LbpNote
{
	font-size: 11px;
	background-color: #fff3b7;
	padding: 20px 15px 10px 15px;	
	margin: 0px 0px 20px 0px;		
}
div.LbpNote p
{
	margin: 0px 0px 15px 0px;
	line-height: 15px;
}

div.LbpWrap
{
	color: Black;
	min-width: 920px;
	width: 920px;	
	margin: 0px auto 0px auto;
}
div.LbpColLeft
{
	margin: 0px;
	padding: 0px; 
	text-align:left;
	width:410px;
	float:left;
}
div.LbpColRight
{
	margin:0px;	
	margin-left: 20px;
	padding:0px;		
	text-align:left;
	float:left;
	width: 490px;
}
/* reversed columns */
div.LbpColLeft2
{
	margin: 0px;
	padding: 0px; 
	text-align:left;
	width:600px;
	float:left;
}
div.LbpColRight2
{
	margin:0px;	
	margin-left: 20px;
	padding:0px;		
	text-align:left;
	float:left;
	width: 300px;
}
div.LbpDashAnal
{
	background-color: #c3def5;
	padding: 10px;
	text-align: center;
}
div.LbpAn
{
	padding: 6px 0px 5px 0px;
}
div.LbpBody
{	
	background-color: #f5f5f5;	
	padding: 10px;	
	margin-bottom: 20px;
	font-size: 11px;
}
div.LbpBody p { margin: 0px; }
div.LbpBody p + p { margin-top: 5px; }

div.LbpDemandSec
{
	background-color: #fff;
	padding: 10px;
	margin-top: 20px;
	font-size: 13px;
}

div.LbpDemandItem
{
	font-size: 13px;
	line-height: 16px;
	border-bottom: dotted 1px gainsboro;
	padding-bottom: 8px;
	margin-bottom: 6px;		
}

div.LbpDemandItem span.diVal
{
	font-weight:bold;
}

div.LbpHead + div.LbpDemandSec { margin-top: 10px; }

ul.LbpRes
{
	margin: 0px 0px 0px 20px;	
}

table.LbpGrid td
{
	padding: 8px;	
}
table.LbpGrid tr.LbpGridHead th { padding: 8px; font-size:11px; text-align:center; }
table.LbpGrid caption
{
	font-size:11px;	
	padding-bottom: 8px;
	display: none; 
}

/* params section */
div.OptCont
{	
	clear: both;
	float: none;	
	font-size: 11px;
	padding: 5px;
	margin: 0px;
	margin-bottom:20px;	
	min-width: 900px;	
}

div.OptCont div.OptHead
{
	padding: 8px;
	font-weight: bold;
	cursor: pointer;
	font-size: 14px;
	font-family: Arial;		
}
div.OptCont h3 
{
	padding: 8px;
	margin: 0px;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial;	
}
div.OptCont div.OptHead img
{
	margin-right: 4px;
}
div.OptCont div.OptBody input { font-size: 13px; }


ul.MainNav 
{		
	list-style-type: none; 
	margin: 0px; 
	clear: both; 
	padding: 0px;
	font-size: 13px; 
	min-width: 950px;
}
ul.MainNav li { margin: 0px; float: left; }
ul.MainNav li + li { margin-left: 25px; }
ul.MainNav li img { display: none; }
ul.MainNav li.NavItemSel img { float: left; display :block; }

div.NavItem 
{
	height:34px;
}


div.SubNavEdgeL, div.SubNavEdgeR { float: left; width: 4px; overflow: hidden; min-width: 4px; height: 26px; }
div.SubNavCont 
{
	float: left; 	
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 26px;
	padding-top: 5px;	
}
div.SubNavCont ul { list-style-type: none; margin: 0px; padding: 0px; }
div.SubNavCont li { margin: 0px; padding: 2px 6px; float: left;  }
 
div.SubNavCont li a { color: #000; font-size: 11px; }
div.SubNavCont li.subNavSel { background-color: #b5d1f2; }

div.RoundPanel
{			
	padding: 10px;
	font-size: 13px;	
}
div.RoundPanel h3 { font-size: 14px; font-family: Arial, Helvetica, Sans-Serif; margin-top: 0px; margin-bottom: 5px; }
div.RoundGreen { background-color: #CDEFB6 }
div.RoundYellow { background-color: #FFFFCC; }
div.RoundPanelIn { background-color: #fff; padding: 15px; }

div.NoDataCont 
{	
	margin: 0px auto 10px auto;
	
}
div.NoDataIn, div.NoDataInSm
{
	text-align: left;
	color: Black;
	font-size: 18px;
	font-weight: bold;	
	padding: 20px;
	background-position: left top;
	background-image: url('../images/bluegreen_grad.jpg');
	background-repeat: repeat-x;
	font-family: Arial;
	width: 650px;
	margin-left: auto;
	margin-right: auto;	
	border: solid 1px #7f9db9;
	-webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;  
}
div.NoDataInSm { font-size: 13px; }
div.RecNote
{
	width: 900px;
	text-align: center;
	font-size: 11px;
	margin-top: 10px;	
}

div.RightLinks
{
	font-weight:normal;
	text-align:right;
	padding-right:10px;
	float:right;
}

/* lbp grids */
table.LbpGrid { border: solid 1px #c3def5; width: 100%; margin:0px; }
table.LbpGrid a { color: royalblue; }
table.LbpGrid a:hover { color: orangered; }
tr.LbpGridHead th
{
	background-color: #c3def5;
	font-size: 12px;	
}


/* global param control style */
div.Options dl.Prm { margin: 0px 0px 10px 0px; }

div.Options p { margin: 0px 0px 10px 0px; }
div.Options dl.Prm dt 
{
	width: 70px;
	margin: 0px 8px 0 0; padding: 0;
	text-align: right;	
	white-space: nowrap;
	float: left;
	clear: left;
	position: relative;
	padding: 3px 0px 0px 0px;
}
div.Options dl.Prm dd
{
	margin : 0 0 5px 0px;
	font-size: 11px;
}
div.Options div.PrmBtn { margin: 10px 0px 0px 78px; }
div.Options div.PrmBtn input { font-size: 13px; }
div.Options dl.Prm input, div.Options dl.Prm select { font-size:11px; }

div.OptCont
{
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;        
    -moz-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;        
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;             
}
div.OptBody table.Prm td { padding: 5px; }
div.OptBody table.Prm { margin-bottom: 10px; }

div.TblToolbar
{		
	border: solid 1px #ccc;
	border-bottom: none;
	padding: 5px 5px 5px 5px;
	text-align: right;		
	color: #666;
	font-size: 11px;
	min-height: 13px; 
	background-color: #f1f1f1;	
}
div.TblToolbar a { color: #666; }
div.TblToolbar span.b { font-weight: normal; color: #333; }
div.TblToolbar div.TbL { float: left; width:60%; text-align: left; vertical-align: top; }
div.TblToolbar div.TbR { float: left; text-align: right; width:40%; white-space: nowrap; vertical-align: top; }
div.TblToolbar div.TbR input[type="checkbox"] { font-size: 11px; margin: 0px 3px 0px 0px; padding: 0px; vertical-align: top; }

table.Ladder
{
	min-width: 920px;
}
table.Ladder span.NoOcc { font-size: 11px; color: #999; }

/* Career Ladders */

table.Ladder td
{   font-weight:normal;
	height: 6em;
	background-color: whitesmoke;
	padding: .5em;	
	vertical-align: top;	
}
table.Ladder div.Row
{	 
	font-size: 11px; width:250px;
	border-bottom: solid 1px silver;
	padding: .5em 0 .5em 0;
	clear: both;		
}
table.Ladder div.Occ
{		 
	width: 200px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;	
	float:left;
}
table.Ladder div.Occ a, table.Ladder div.Occ a:visited
{
	color: royalblue;
	text-decoration: none;
}
table.Ladder div.Occ a:hover
{
	color:orangered;
	text-decoration:underline;
}

table.Ladder div.Empl
{	
	float:right;
	
	text-align:right;
	margin-left:1em;
}
table.Ladder tr.Arrow td
{
	height: 1em;
	padding: 1em;
	text-align:center;
	background-color:White;
}


/* popbox */
div.IndGroup 
{
	font-style: italic;
}

div#dNaicsChange
{
	background-position: left top;
	background-image: url(../images/bluegreen_grad.jpg);
	background-repeat: repeat-x;
	font-size: 11px;		
	padding: 10px;
	display: none;
	position: absolute;
	width: 250px;		
	border: solid 1px #7f9db9;	
	overflow: hidden;
}
div#dNaicsChange p { margin: 0; line-height: 15px; margin-bottom: 5px; }
div#dNaicsChange h3 { font-size: 15px; margin-top:0px;}
div#dNaicsChange p.lnk { text-align: right; }

table.GeoIp td.lbl { background-color: #f5f5f5; }

/* underempl */
table.Underempl 
{ 
	border-collapse: collapse; 
	border: solid 1px gainsboro;
	padding: 10px;		
	min-width: 300px;
}
table.Underempl th 
{ 
	text-align: center; padding: 5px; 	
}
table.Underempl tr.yr th { text-align: right; border-bottom: solid 1px gainsboro; }
table.Underempl tr.yr th.TdYr { width: 50px; max-width: 50px }
table.Underempl tr th.TdRegion { max-width: 100px; width:100px; }

table.Underempl td { padding: 7px; }
table.Underempl td.level 
{
	font-weight: bold; 
	border-right: solid 1px gainsboro; 
	border-left: solid 1px gainsboro; 
}
table.Underempl td.val 
{
	text-align: right;
	border-left: solid 1px gainsboro;
}
table.Underempl td.val2
{
	border-right: solid 1px gainsboro;
	text-align: right;
}
table.Underempl td.lbl { border-left: solid 1px gainsboro; }

div.adst
{	
    margin-top: 5px; 
	font-size:10px;	
}


body.OccDetail div#topNav, body.OccDetail div.OccBody { min-width: 850px; }
body.OccDetail div#topNav, body.OccDetail div.TopRow, body.OccDetail div.OccDetailTitle { white-space: nowrap; }



/* start assessment */
div.AssessResultCont div.ColLeft, div.AssessResultCont div.ColRight { padding: 0px; margin: 0px; }
div.AssessResultCont div.ColLeft { width: 70%; }
div.AssessResultCont div.ColRight { margin-left: 20px; width: 25% }
div.AssessResultCont div div.In { padding: 10px; }
div.AssessResultCont div.Stats { background-color: #f5f5f5; }
table.AssessResults { border-collapse: collapse; border-bottom: solid 1px #999; }
table.AssessResults th, table.AssessResults td { padding: 5px; }
table.AssessResults td{ border: solid 1px #999; }
table.AssessResults td.r { white-space: nowrap; }
table.AssessResults tr.occ { }
table.AssessResults tr.occ td.nw { white-space: nowrap; }
table.AssessResults tr.ShowJobs { background-color: #f5f5f5; }
table.AssessResults tr.ShowJobs td a.aJl { visibility: hidden; }
table.AssessResults tr.InProfile a.ProfileAction { display: none; }
div.AssessResultCont div.RoundPanel + div.RoundPanel { margin-top: 10px; }

dl.def dt { font-size: 13px; font-weight: bold; }
dl.def dd + dt { margin-top: 10px; }
dl.def dd { margin-left: 0px; padding-left: 0px; }
dl.def dd ul { padding-left: 0px; font-size: 11px; list-style-type: none; margin-left: 0px; }
dl.def dd ul li + li { margin-top: 10px; }
dl.def dd ul li strong { color: #666; }

table.AssessResults tr.JobRow { background-color: #ccc; padding: 2px; }
table.AssessResults tr.JobRow div.JobRowCont { background-color: #fff; padding: 5px;}

div.JobRowCont ul { list-style-type: none; margin: 0px; padding: 0px; }
div.JobRowCont ul li { padding: 8px; margin: 0px; }
div.JobRowCont ul li + li { border-top: solid 1px #ccc;  }
div.JobRowCont li div.title { font-size: 13px; }
div.JobRowCont li div.company { font-size: 11px; color: #666; }
div.JobRowCont li div.snip { font-size: 11px; }
div.JobRowCont { clear: both; }

div.AssessQ {background-color: #f5f5f5; padding: 15px;font-size: 14px;border-bottom: 1px solid #ccc;}
div.DoneQ { background-color: #a0c7e5; }
span.AssessResp {margin-right: 10px;}
span.Qinner {}

div.AssessProg {background-color: #f1f1f1; padding: 5px; font-size: 11px; color: #000; border: solid 1px #ccc;	 position: relative;text-align:center;}
div.AssessProgBar {position: absolute;width: 100%;height: 100%;left: 0px; top: 0px;background-image: url(../images/ProgBg.png);background-repeat: repeat-x;z-index: 1;	}
div.AssessProg span { z-index: 100; font-weight: bold; }

h4.ResultHeader { font-size: 12px; margin-top: 10px; }
ul.AssessResult{list-style: none;		padding: 0;margin: 0;}
ul.AssessResult li {padding: 8px; background-color: #f5f5f5;border-bottom: solid 1px #ccc;} 
img.ADBtn { margin-right: 5px; }
a.VoteUp, a.VoteDown, a.VoteUnk { float: left; width: 20px; height: 20px;	overflow: hidden; border-bottom: none; margin-right: 5px;}
a.VoteUp, a.VoteDown, a.VoteUnk, a.VoteUpSel, a.VoteDownSel, a.VoteUnkSel {
   background: url(../images/assess-interest-sprites.png) no-repeat top left;}

a.VoteUp {  background-position: 0 -280px; }
a.VoteDown { background-position: 0 -80px; }
a.VoteUnk { background-position: 0 -130px; }
a.VoteUpSel { background-position: 0 -30px; }
a.VoteDownSel { background-position: 0 -330px; }
a.VoteUnkSel { background-position: 0 -180px; }
a.VoteDis { cursor: default; }
div.Assess div.BtnArea { padding: 10px; }
div.Assess div.BtnArea input { font-size: 16px; }
div.AssessStartBox
{	
	width: 80%;
	background-color: #fff;
	padding: 15px;
	font-size: 15px;
	font-weight: bold;
	margin: 15px auto;
	text-align: center;
	background-image: url(../images/bluegreen_grad.jpg);
	background-repeat: repeat-x;
}

dl.SideOpt 
{
	font-size: 11px;
}
dl.SideOpt dd { padding-top: 2px; margin-left:0px; }
dl.SideOpt dd + dt { margin-top: 10px; }
dl.SideOpt dd.btn { margin-top: 10px; }  


ul.MoreOptions { text-align: left; list-style: none; margin: 0px; padding: 0px; }
ul.MoreOptions li + li { margin-top: 4px; }

div.GapStats { background-color: #fff; }
div.GapStats table { border-collapse: collapse; }
div.GapStats table td { border: solid 1px #ccc; padding: 4px; font-size: 11px; }
div.GapStats table td.val { text-align: right; }

div.Instructions { margin-bottom: 10px;  }
div.Instructions h3 { font-size: 15px; margin-bottom: 0px; }
div.Instructions p { margin-top: 0px; font-size: 12px; }
div.Instructions p + p { margin-top: 5px; }
div.Instructions td { font-size: 12px; }


div.AssessCard
{ 	
	font-size: 13px;
	width: 200px;	
	height: 100px;
	margin: 0px;	
}
div.AssessCardIn { background-color: #f5f5f5; padding: 10px; }
div.AssessCard p { margin: 0px; padding: 0px; padding-bottom: 5px; }
.Stars { height: 17px; }
.Stars a, .Stars a.StarNormal, .Stars a.StarSelect, .Stars a.NoFloat
{
	background: transparent url(../images/star_sprite.gif) no-repeat;		
	background-position: 0px 0px;
	height: 16px;
	width: 15px;
	overflow: hidden;	
	float: left;	
	cursor: pointer;
	text-align: center;	
}
.Stars a:hover { background-position: 0 -33px; }
.Stars a.StarDisable { background-position: 0 -17px; cursor: default; }
.Stars a.StarSelect { background-position: 0 -33px; cursor: default; }
.Stars a.StarX { background-position: 0px 0px; background-image: none; }
.Stars a + a { margin-left: 10px; }


table.AssessValRank { width: 100%; border-collapse: collapse }
table.AssessValRank td, table.AssessValRank th { font-size: 13px; padding: 5px; }
table.AssessValRank td + td { border-left: solid 1px #ccc }
table.AssessValRank tr.ranking td { width: 20% }
table.AssessValRank tr.ranking td div.AssessCard { width: auto; }

td#unranked div.AssessCard { float: left; margin-right: 10px; margin-bottom:10px; }
td#unranked a.StarX { visibility: hidden; }
div#cardTemplate { display: none; }

table.sortable thead th { text-decoration: underline; cursor: pointer; color: dodgerblue; }

div.OnetFoot { margin-top: 80px; font-size: 9px; }
div.OnetFoot p { width: 60%; text-align: center; margin: 0px auto;}

/* end start assessment */


div.Dialog 
{
	background-color: #fff; border: solid 1px #ccc; font-size: 13px; 	
	width: 60%;
	padding: 20px;
	margin: 0px auto;	
}
div.Dialog h3 { margin: 0px; padding: 0px; margin-bottom: 10px; }
div.DialogField { padding: 15px; background-color: #f5f5f5; }

.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	display: none;
	background: transparent !important;
}
.dijitDialogUnderlay {
	background: #eee;
	opacity: 0.5;
}
.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=50);
}
.dijitDialog {
	position: absolute;
	z-index: 999;
	padding: 1px;
}
.dijitDialogTitleBar 
{
	display:none;
} 

/* forms */
div.FormBox { background-color: #f5f5f5; padding: 20px; }
div.FormBox h3 { color: #000; }

div.Form h3
{
	background-color: #fff3c4; padding: 10px; color: #000; 
	font-family: Lucida Sans Serif, Tahoma, Arial;
	clear: both;
}
div.Form p { margin-left: 10px }
div.Form ul { display: block; line-height: 18px; font-size: 12px; clear: both; margin-left: 0px; }
div.Form ul li { list-style-type: none;  float: left; clear: left; width: 100%; vertical-align: middle; margin: 0px; padding: 3px 0px; display: block; }
div.Form ul li label { float: left; text-align: right; width: 150px; padding-top: 5px; vertical-align: middle; margin-right: 10px; }
div.Form ul li span { vertical-align: middle; text-align: left; width: auto !important; display: inline }
div.Form ul li span .formTxt { width: 250px; padding: 4px; display: inline; }
div.Form ul li span .HalfSize { width: 150px; }
div.Form ul li span .chk { }
div.Form ul li span label { padding-lefT: 5px; vertical-align: top; float: none; }
div.Form ul li span p { color: #999; font-size: 11px; margin-left: auto; }
div.Form ul li.sep { height: 1px; border-top: solid 1px #ccc; margin-top: 10px; padding-top: 10px}
div.Form div.reset + h3 { margin-top: 20px; }
div.Form ul li span.chk label { display: inline; font-size: 13px; }
div.Form ul li span.chk span.desc { display: block; margin-left: 25px; }
div.Form span.filefield input { padding: 10px; border: solid 1px #ccc; }
div.Form span.filefield a { padding: 10px; border: solid 1px #ccc; }
div.ResumeForm ul { padding-left: 0px; }
div.ResumeForm ul li { float: none; margin-left: 0px; }
div.ResumeForm ul li label { float: none; display:block; width: auto; text-align: left; font-size: 16px; }
div.ResumeForm ul li p { margin: 0px; font-size: 11px; }
div.SurveyForm ul li label { padding-top: 3px; }
div.SurveyForm ul li + li { margin-top: 5px; }

div.ExitSurvey ul li + li { border-top: solid 1px #ccc; padding-top: 10px }

div.Form div.BigLink 
{
	margin-left: 20px;
	background-color: #306799;	
	padding: 10px;		
	text-align:center;
}
div.Form div.BigLink a { text-decoration: none; color: #fff; font-weight: bold; font-size: 16px }

div.FormLogin ul li span .loginTxt { width: 180px }
div.FormLogin ul li label { width: 70px }

div.Form span.val { margin-left: 20px }
div.Form span.desc { display: block; margin-left: 160px; color: #999; font-size: 11px; }

.strengthWeak { font-size: 13px; color:Red ; }
.strengthGood { background-color: #fff; font-size: 13px; }
/* end form */


/* career concourse */
div#cc_head { background-color: #306799; font-size: 11px; color: #ccc; }
div#cc_head div#cc_head_content 
{ 
	width: 800px; margin: 0px auto; text-align: right; padding: 8px 0px 8px 0px; 
}
div#cc_head_content input.txt { font-size: 10px; color: #999; }
div#cc_head_content table.LoginTbl td + td { padding-left: 15px; }

body.cc_pub, div.cc_pub_body { }
body.cc_pub { background-color: #6498c1; background-image: url(../images/cc_bg.png); background-position: top right; background-repeat: no-repeat; }

div.cc_pub_body div.cc_pub_content 
{ 
	background-color: #fff; 		
	width: 800px;
	margin: 30px auto;
	padding: 20px;
	font-family: 'Lucida Sans Serif', Helvetica, Arial;
	font-size: 13px; 
}
div.cc_pub_body p { color: #666666; font-size: 13px; }
div.cc_body h1
{
	font-family: 'Lucida Sans Serif', Helvetica, Arial;
	font-size: 26px;
	padding: 0px; 
	margin: 0px;
}
div.cc_pub_body p.slogan 
{
	margin-left: 90px;
	margin-top: 0px; 
	font-family: 'Lucida Sans Serif', Helvetica, Arial; 
	font-size: 16px; 
	font-style: italic; 
	font-weight: bold; 
	color: #999; 
}
body.cc div.cc_pub_body div#mainFooter { color: #000; border-top: none; }
body.cc_pub h3, body.cc_pub h2 { margin-bottom: 2px; }
body.cc_pub h2 + p, body.cc_pub h3 + p { margin-top: 0px; }
body.cc_pub div#mainFooter a, body.cc_pub div#mainFooter, body.cc div#mainFooter { color: #ccc; margin-top: 30px; font-size: 10px }
div#check-in-box { text-align: center; margin: 20px 0px; }
.access_code { font-size: 14px; color: #999; font-weight: bold; }
input.cc_accessCode { font-size: 15px; padding: 5px; margin-right: 10px; }

/* cc normal header */
body.cc, body.cc div#cc_head { background-color: #e2e0db; background-image: none; margin-top:0px; padding-top:0px; }
body.cc div#cc_head div#cc_head_content { width: 940px; margin-top: 0px; text-align: left; padding: 0px; }
body.cc div#cc_head div#cc_head_content img.cc_logo { padding-top: 10px; }
body.cc div#cc_head div#cc_head_content div.cc_toolbar { background-color: #666; color: #fff; padding: 18px 20px; text-align: center; width: 200px }
body.cc div#cc_head div#cc_head_content div.cc_toolbar a { color: #fff; text-decoration: none; }
body.cc div#cc_head div#cc_head_content div.cc_toolbar a + a { margin-left: 15px; }
body.cc div#cc_head div#cc_head_content div.cc_toolbar a.LogOut { color: #ccc; }
body.cc_pub div#cc_head div#cc_head_content td { text-align: right; }
body.cc_pub div#cc_head div#cc_head_content td.rem { vertical-align: middle; }
body.cc_pub div#cc_head div#cc_head_content td.rem input, body.cc_pub div#cc_head div#cc_head_content td.rem label { vertical-align: middle; }
body.cc_pub table#LogoTbl { margin-bottom: 20px; }
body.cc_pub div.VideoBox { width:400px;text-align:center;float:right;padding-left:20px; }

body.cc div.cc_pub_body div.cc_pub_content { margin-top: 0px; width: 900px; }
body.cc h1 { margin-top: 0px; padding-top: 0px; font-weight: normal; margin-bottom: 20px; }
div.cc_wrap { clear: both; }
div.cc_wrap div.Features { float: left; width: 430px; }
div.cc_wrap div.Dash_Content { float: left; width: 440px; }
div.cc_wrap div.Dash_Content h2 { padding: 0px; margin: 0px; }
div.cc_wrap div.Dash_Content h3 { margin: 0px; }
div.cc_wrap div.Dash_Content h3 + p { margin: 0px; }
div.cc_wrap div.Dash_Content p { color: #666666; }
div.cc_wrap div.Dash_Content p + p { margin-top: 8px; }

div.Features { margin-right: 20px; }
div.Features div.Feature { float: left; width: 80px; background-color: #6498c1; text-align: center; padding: 10px; }

div.Features div.Feature + div.Feature { margin-left: 10px; }
div.Features div.Feature a { color: #fff; text-decoration: none; }
div.Features div.Feature var { font-size: 38px; font-weight: bold; font-style: normal; display: block; margin: 0px; line-height: 38px; color: #fff; }

div#featAssess,div.featAssess div#FeatureContHead { background-color: #56a4ed; }
div#featCareers,div.featCareers div#FeatureContHead { background-color: #ff641f; }
div#featJobs,div.featJobs div#FeatureContHead{ background-color: #bcbcbc; }
div#featResume, div.featResume div#FeatureContHead { background-color: #99b667; }

div#FeatureContent 
{
	background-color: #f5f5f5;	
	margin-top: 10px;	
	margin-bottom:10px;	
}
div#FeatureContent div#FeatureContHead { padding:5px; }
div#FeatureContent div#FeatureContHead h4 { padding: 0px; margin: 0px; font-size: 11px; font-weight: bold; color: #fff }
div#FeatureContent div.FeatureContentBody { padding: 10px; }
div#FeatureContent div.FeatureContentBody p { margin: 0px; }
div#FeatureContent h3 { margin-top: 0px; }

div.featNone div#FeatureContHead { background-color: #999; display:none;}
div#featContNormal { display: block; }
div#featContAssessments, div#featContResume, div#featContCareers, div#featContJobs { display: none; }

div.featResume div#featContNormal, div.featAssess div#featContNormal, div.featCareers div#featContNormal, div.featJobs div#featContNormal { display: none; }

div.featResume div#featContResume { display: block; }
div.featAssess div#featContAssessments { display: block; }
div.featCareers div#featContCareers { display: block; }
div.featJobs div#featContJobs { display: block; }

div.featResume span.ResumeStat { background-color: #fffac5; font-weight: bold; padding: 0px 3px 3px 3px; }

div.FeatureContentBody table.ContTbl
{
	border-collapse: collapse; width: 100%;
}
div.FeatureContentBody table.ContTbl td, div.FeatureContentBody table.ContTbl th
{
	font-size: 11px; padding: 4px;
	border: solid 1px #ccc; 
}
div.FeatureContentBody table.ContTbl th { font-weight: bold; }

div.OccDetail h2 { margin: 0px;}
div.OccDetail p { font-size: 12px; line-height: 15px }

body.cc li.InProfile div.title span.profile { display: none; }   

div.NoteBox
{
	background-color: #ccffcc;
	color: #000;
	padding: 10px;	
	margin: 10px auto;
}
div.Warn { background-color: #ff9999; color: #000; }
div.NoteEmpty { background-color: rgb(241,242,232); }
div.NoteBox p { margin: 0px; color: #000; font-size: 11px }
div.NoteBox p.Note { font-size: 12px; font-weight: bold; }
div.NoteBox p + p { margin: 0px; }
div.cc_pub_body div.cc_pub_content div.NoteBox p { color: #000; }
div.videofooter { font-size: 10px; text-align: center; }

div.QuickJobs { background-color: rgb(241,242,232); padding: 10px; padding-bottom: 0px; margin-bottom:10px; }
ul.QuickJobs 
{	
	list-style-type: none;
	margin: 10px 10px;
	padding: 0px; 	
}
ul.QuickJobs li 
{	
	padding: 3px;	
	margin-bottom: 3px;
	font-size: 11px;
}
ul.QuickJobs li + li
{
	border-top: solid 1px #ccc;
}
ul.QuickJobs li.seemore { text-align: right; }

div.HelpContents ul { padding: 0px; padding-left: 15px; }
div.HelpContents ul li { font-size: 13px; padding-bottom: 5px; }
div.HelpItem h2 { font-size: 19px; color: royalblue; }
div.HelpItem p { line-height: 18px; font-size: 14px; }

div.JobSeekDet { background-color: #f5f5f5; padding: 20px; }


ul.LinkList { list-style-type: none; padding: 0px; }
ul.LinkList li 
{ 	
	margin: 0px;
	padding: 10px 0px;
	
	
}
ul.LinkList li + li { border-top: solid 1px #ccc; padding-top: 10px; }
ul.LinkList li a { font-size: 13px; }


div.Top10Box
{
	float: left; width: 455px;	
}

div.Top10Box + div.Top10Box { margin-left: 20px; }

div.uform div.RoundPanelIn { padding: 0px; }
div.uform div.FieldSet
{ 	
	font-size: 11px; 
	border: none;
	margin: 0px 0px;
	border: none;
	padding: 15px; 	
}
div.uform div.FieldSet h3, div.uform div.FieldSet label { font-size: 14px; font-family: Arial; font-weight: bold; padding: 0px; color: #000; }
div.uform div.FieldSet div.field label { font-weight: normal; font-size: 13px; }
div.uform div.FieldSet + div.FieldSet { border-top: solid 1px #ccc; margin-top: 0px; padding-top: 20px;  }

div.uform div.Form2Col { clear: both; min-width: 820px; }
div.uform div.Form2Col div.colL, div.Form2Col div.colR { float: left; }
div.uform div.Form2Col div.colL { width: 500px; }
div.uform div.Form2Col div.colR { width: 300px; margin-left: 20px; }

div.uform label + div.field { margin-top: 3px; }
div.uform div.field { margin-bottom: 10px; }

div.uform div.FieldSet label.error, .BeqSurvey label.error
{
    background-color: #ff9999; color: #000; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 10px;
    padding: 5px;
}

              
div.formChanged div.Buttons .SaveBtn { font-weight: bold; }

div.CustIndList .IndList 
{
	padding: 5px;
	font-size: 11px;
	font-family: Courier New, Lucida Console, Courier;
}
div.CustIndList table td.tdPct input { width: 45px; text-align: right }

div.RoundPanel div.RoundBottom
{	
	background-color: #fff;	
	padding: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

div.RoundPanel div.Buttons
{
	display: block;
	text-align: left;	
	background-image: url(../images/hatch.gif);
	padding: 20px;
	color: #000;
	
}
div.RoundPanel div.Buttons input { font-size: 18px }
div.RoundPanel div.Buttons a { color: #000; }

div.GroupName
{
	font-size: 24px;
	padding-bottom: 5px;
}
div.GroupName a.action { font-size: 11px; }

div.ActionBody ul { margin: 0px; padding-left: 10px; }


#occBox 
{ 
	margin: 0px; 	
	position: absolute;
	width: 340px; 	
}
div#occBox 
{    
    
}
#occBoxIn 
{ 
	margin: 0px; 
	padding: 10px; 
	font-size: 12px; 	
	background-color: #fff; 
	border: solid 1px #ccc;	
	
	-webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;     
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 10px;
    -moz-box-shadow:    rgba(0,0,0,0.1) 3px 3px 10px; /* drop shadow */
    box-shadow:         rgba(0,0,0,0.1) 3px 3px 10px; /* drop shadow */
}
#occBox h3 { font-size: 14px; font-weight: bold; margin-top: 0px; }
#occBox ul { float: left; margin-top: 0px;  list-style: none; margin-left: 0px; padding-left: 0px; margin-right: 20px; }
#occBox ul li { margin-left: 0px; padding-left: 0px; }
#occBox ul li + li { margin-top: 5px; }
#occBox table { border-left: solid 1px #ccc; padding-left: 20px; }
#occBox table td { padding: 2px; }
#occBox table td.val { text-align: right; padding-left: 10px; }


div.MultiRegHolder { width: 450px; }
div.MultiReg + div#ExtRegions, div.MultiReg + div.MultiReg
{
	padding-top: 5px;
}
div#ExtRegions { display: none; }
div#MultiRegToggle { padding-top: 5px; }
div.HideMultiRegion div#ExtRegions, div.HideMultiRegion div#MultiRegToggle { display: none; }


/* used in what-if comp */
td.DiffLTN10PT
{
	background-color: #FF5050;
}
td.DiffGTN10PT
{
	background-color: #FFCCCC;
}
td.DiffGT0
{
	background-color: #CCFFCC;
}
td.DiffGT10PT
{
	background-color: #669900;
}
td.Diff0 { background-color: #fff; }


/* dialog */
body.Dialog { background-image: none; background-color: #f5f5f5; }
body.DialogWhite { background-color: #fff; }
div#DialogHead, div#DialogCont, div#DialogFoot
{
	width: 380px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
}
div#DialogHead
{
	margin-top: 50px;
	margin-bottom: 10px;
}
div#DialogCont
{
	background-color: #dcdcdc;
	padding: 5px;
}
div#DialogContIn { background-color: #fff; padding: 25px; padding-bottom: 15px; }
div#DialogContIn p { margin: 5px 0px 5px 0px; line-height: 15px; font-size: 13px; }
div#DialogContent p + p { margin-top: 10px; }
div#DialogFoot { margin-top: 12px; }

div#DialogCont h1 
{
	font-size: 18px; margin: 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #4169E1;
}
div#DialogCont h1.err { color: red; }
div#DialogCont dl { font-size: 11px; }
div#DialogCont dl dt { float: left; width: 75px; line-height: 23px; text-align: left; white-space: nowrap; }
div#DialogCont dl dd { margin-left: 85px; margin-bottom: 5px; font-size: 11px; }
div#DialogCont dl dd.LoginBtn { margin-top: 20px; }

div#DialogContIn div.LoginMsg, div#DialogContIn div.LoginWarn
{
	border: none;
	margin-top:10px;
}

div#DialogFoot .l { float: left; width:50%; }
div#DialogFoot .r { float: left; width:50%; text-align: right; }

a.SparkSel, a.SparkSel:visited, a.SparkSel:link { color: white; padding: 0px; margin: 0px;}

div.DashBody { clear: both; }
div.DashBody div.DashLeft { float: left; }
div.DashBody div.DashRight { float: left; width: 170px; margin-left: 20px; }

div.DataUpdates 
{
}
div.DataUpdates ul { list-style: none; padding: 0px; margin: 0px; }
div.DataUpdates ul li { margin-bottom: 5px; font-size: 11px; }
div.DataUpdates ul li + li { border-top: solid 1px #ccc; padding-top: 4px; }
div.DataUpdates ul li a { text-decoration: none; }
div.DataUpdates ul li span.Date { font-weight: bold; }
div.DataUpdateDlg div.ui-dialog-titlebar { display: none; }
div.DataUpdateDlg h3 { margin-bottom: 0px; }
div.DataUpdateDlg div.Dt { font-size: 10px; margin-bottom:10px; color: #999; }


/*educatino gaps */ 
div.EducGap table.Grid tr td { cursor: pointer; }
div.EducGap tr.occrow { display:none; }
div.EducGap tr.occrow table.gap_det { border-collapse: collapse; margin: 3px; cursor: text; }
div.EducGap tr.occrow table.gap_det td,tr.occrow table.gap_det th { font-size: 11px; padding: 5px; cursor: text; }
div.EducGap tr.occrow table.gap_det tr + tr td { border-top: solid 1px #f5f5f5;  }
div.EducGap tr.occrow table.gap_det tr td + td, tr.occrow table.gap_det tr th + th { padding-left: 10px; }
div.EducGap tr.showRow { display: table-row; }

/* census map */
.MapCont { width: 850px; height: 650px; background-color: #f5f5f5; position: relative; }
.mapHolder { position: relative; top: 0px; left: 0px; width: 800px; height: 600px; border: solid 1px #ccc; }
.MapCont .bins 
{ 
	position: absolute; 
	bottom: 20px;
	left: 20px;
	width: auto;
	height: auto;
	overflow: visible;	
	background-color: #fff;	
	z-index: 1000;
	padding: 2px;
	clear: both;
}
.MapCont .bins div 
{
	padding: 5px;
	
	font-size: 10px;			
}
.MapCont .bins div + div { margin-top: 2px; }
.olControlDragPanActive .olLayerDiv { cursor: url(../images/openhand.cur), pointer; }
.MapPanZoom, div#OpenLayers_Control_MaximizeDiv, div#OpenLayers_Control_MinimizeDiv, .olControlNoSelect { cursor: default; }
.olLayerGoogleCopyright {
    top:-1000px;
}
/*help link on assessments analytic*/
div.hlplink 
{
  
    margin:0 auto;
	font-size: 11px;
	font-family:  Arial, Courier New, Lucida Console, Courier;
	text-align:center;
	font-weight:bold;
}

div.CipParams #trEdu { display: none; }
div.CipParams #trOcc { display: none; }
div.CipParams .ShowEdu #trEdu { display: table-row; }
div.CipParams .ShowEdu #trOcc { display: none; }
div.CipParams .ShowOcc #trEdu { display: none; }
div.CipParams .ShowOcc #trOcc { display: table-row; }

table.Grid input.hide_chk { display: none; }

table td.ChShow a.detail { display: none; }
table td.ChShow input.hide_chk { display: inline; }

a.nav_cancel { margin: 10px 0px 20px 0px; font-size: 14px; }

table.TblImpact tr td.r { width: 80px; }

div.blockMsg {
    width:  40%;
    top:    30%;
    left:   30%;
    text-align: center;    
    border: 1px solid #ddd;    
    padding: 15px;
    color: #333;            
     background-color: #fff;     
     -webkit-border-radius: 5px; -moz-border-radius: 5px; 
     border-radius: 5px;     
     -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 5px 0.5em 5px;
     -moz-box-shadow:    rgba(0,0,0,0.2) 5px .5em 5px; /* drop shadow */
     box-shadow:         rgba(0,0,0,0.2) 5px .5em 5px; /* drop shadow */
}

/* analytic search box */
#dAnSearch 
{
    display: none;
    position: absolute;
    width: 250px;
    height: 400px;
    left: 10px;
    top: 65px;    
    border: 1px solid #ddd;        
    color: #333;            
    background-color: #fff;         
    -webkit-border-radius: 5px; -moz-border-radius: 5px; 
    border-radius: 5px;     
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 5px 0.5em 5px;
    -moz-box-shadow:    rgba(0,0,0,0.15) 5px .5em 5px; /* drop shadow */
    box-shadow:         rgba(0,0,0,0.15) 5px .5em 5px; /* drop shadow */
    z-index: 1000;
}
#dAnSearch #tAnSearch
{
    margin: 3px; 
    width: 240px;
    font-size: 10px; 
}
#dAnSearch #dAnResult
{
    border-top: solid 1px #ccc;
    overflow: scroll;
    overflow-x: hidden;
    height: 350px;    
}
#dAnSearch ul 
{    
    list-style-type: none;
    margin: 0px; padding: 0px;
}
#dAnSearch ul li 
{
    margin: 0px; padding: 5px 10px;
}
#dAnSearch ul li + li { margin-top: 0px; }
#dAnSearch ul li h3 { font-size: 14px; font-weight: bold; margin: 0px; font-family: 'Lucida Sans Serif', Helvetica, Arial }
#dAnSearch ul li p { font-size: 10px; margin: 0px; }
.hinted { color: #cdcdcd; font-style: italic; }
#dAnSearch ul li.anSel
{
    
    background-color: #66ABED;
}
#dAnSearch ul li.anSel a { color: #000; }
#topAnSearch { float: left; margin-right: 10px; margin-top: 4px; margin-left: 5px }
#topAnSearch a img { border: none; }
/* end analytic search box */

.JobTalent h1.JobTalent { margin-top: 2px; }
.JobTalent h2.JobTalent { margin-bottom: 0px; }
.JobTalent table tr.MyRegion td
{
    background-color: #FFFFCC;
}
.JobTalent .occDesc { font-size: 12px; line-height: 15px;  }

table.DashTbl td { padding-bottom: 25px; }

.w300 { width: 300px; }
.w400 { width: 400px; }
.b10 { margin-bottom: 10px; }
.b20 { margin-bottom: 20px; }

.EvStatus { font-size: 18px; }

#modelLinks { display: none; }

ul.VertNoBul 
{
    list-style-type: none; margin: 0; padding: 0;
}
ul.VertNoBul li { margin-bottom: 5px; }
ul.VertNoBul li + li { padding-top: 3px; border-top: 1px solid #f5f5f5; }

.ModelDlg { display: none; position: absolute; }

table.Grid th.grpCur { background-color: #cfe1f6; }
table.Grid th.grpHis { background-color: #d7e4bc; }
table.Grid th.grpFor { background-color: #ccc0da; }

div.HasWizard 
{            
}
#wizard 
{ 
    border: solid 1px #ccc;
    display: none;
    background-color: #f5f5f5;
    border: none;
    border-left: solid 1px #ccc;
    position: fixed;    
    padding: 0px;
    right: 0px;
    top: 0px;    
    width: 0px;
    height: 50px;    
    font-size: 11px;    
    overflow: hidden;        
}
#wizard .WizInst { width: 185px; position: absolute; top: 0px; padding: 0px 5px 0px 10px; }
#wizard h1 { font-family: Helvetica, Arial, Sans-Serif; font-size: 20px; margin-bottom: 5px }
#wizard h1 + p.WizardDesc { margin-top: 0px; }
#wizard .PfInstNav { padding-top: 5px; text-align: right }
#wizard .PfInstNav a {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #2d82d6) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #2d82d6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#2d82d6');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}
#wizard .PfInstNav a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2d82d6), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #2d82d6 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d82d6', endColorstr='#79bbff');
	background-color:#2d82d6;
}
#wizard .PfInstNav a:active {
	position:relative;
	top:1px;
}

#wizard #ProfStepNav a {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	padding:3px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
#wizard #ProfStepNav a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
#wizard #ProfStepNav a:active {
	position:relative;
	top:1px;
}

#wizard .WizardDesc { color: #777; }
#wizard .WizardDesc h3 { margin-bottom: 0px; }
#wizard .WizardDesc h3 + p { margin-top: 2px; }
#wizard ul.PfSteps { list-style-type: none; margin-left: 0px; padding-left: 0px }
#wizard ul.PfSteps li { color: #555; padding: 3px }
#wizard ul.PfSteps li div.StepContent { display: none; }
#wizard ul.PfSteps li + li { margin-top: 3px; border-top: solid 1px #ccc; padding-top: 5px; }
#wizard ul.PfSteps li .StepInst { font-weight: normal; color: #777; margin-top: 3px; }
#wizard ul.PfSteps li a { color: #555; }
#wizard ul.PfSteps li a.PfMore { font-weight: normal; color: #1e90ff; }
#wizard ul.PfSteps li div.StepName { cursor: pointer; font-weight: bold }
#wizard ul.PfSteps li.CurStep div.StepName
{
    padding: 5px; 
    background-color: #B9EEFD;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    -moz-border-radius: 3px;    
}
#wizard ul.PfSteps li.CurStep div.StepContent { display: block; }
#wizard #wizardLoading 
{
    font-size: 16px;
    color: #777;
    text-shadow: 0px -1px 2px #ccc;
    font-family: Arial;
    font-weight: bold;
    padding: 20px;
    padding-top: 100px;
    text-align: center;    
}
#wizard ul.PfSubSteps
{
    list-style-type: square;
    padding-left: 20px;
}
#wizard ul.PfDescSteps li { font-weight: normal; }
#wizard ul.PfDescSteps li + li { margin-top: 1px; padding-top: 0px; }
#wizard ul.PfSubSteps li + li { border-top: none; }


body.BeqSurvey { background-color: #d4f3ff; }
#beqSurveyHead { margin: 10px 20px 5px 20px; }
body.BeqSurvey #mainBody { background-color: #fff; margin: 0px 20px; padding: 20px }

#tiptip_holder { z-index: 140; }
#tiptip_content p { margin: 0px; }
#tiptip_content p + p { margin-top: 5px; }

#lookupBox 
{
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #ccc;
    position: absolute;
    padding: 5px; 
    z-index: 150;
    width: 500px;
    height: 300px;
    display: none;
    box-shadow: 0 0 15px #999;
}
#lookupBox #lookupBoxSearch 
{
    width: 366px;
    height: 13px;
    font-size: 11px;
    position: relative;
    left: 20px;
    top: 20px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 5px #0099ff;
}

th.GridSortAsc { }
/*td.GridSortAsc, td.GridSortDesc { background-color: #eee; }
tr.GridAltRow td.GridSortAsc, tr.GridAltRow td.GridSortDesc { background-color: #e5e5e5; }*/

