
* {
	padding: 0;
	margin: 0;

}

body
{
	background-color:#eee;
	text-align: center;
	font-family:Verdana,Arial;
	color:#666;
	font-size: small; 
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.8em;
}

a{ text-decoration:none;color:#cc0000;}
a:link{color:#cc0000;text-decoration:none;}
a:visited{color:#aa0000;text-decoration:none;}
a:hover{color:#6b0000;text-decoration:underline; }

HR{ border:solid 1 #ccc;}

#Page
{
	width: 970px;
	background:#fff url('Images/Layout/bkPage.gif') repeat-y;
	background-position:right top;
	padding:2em 10px 10px 10px;
	border-width:1;
	border-color:#ccc;
	border-style:solid;
	border-right:solid 0 #ccc;
	text-align:left;
}
/* ======================================== Header ==============================*/
#Content
{
	background-color:#fff;
	float:left;
}
/* ======================================== Header ==============================*/
#Header
{
	text-align:left;
	border:solid 1 #fff;
}

.Logo
{
	width:220px;
	float:left;
}
.BossAlert A
{
	float:right;
	margin-right:100;
	width:80px;
	height:30px;
	vertical-align:middle;
	text-align:center;
	color:White;
	line-height:30px;
	text-decoration:none;
}
.BossAlert A{ text-decoration:none;color:White;}
.BossAlert A:hover{ text-decoration:none;color:White;}
.BossAlert A:visited{ text-decoration:none;color:White;}

.Links
{
	float:right;
	color:#0066CC;
	text-align:right;
	font-size:1em;
	font-family:Verdana;
	margin-bottom:-1em;
}

.Links ul{margin:10 0 0 0; list-style-type:none; text-align: right;float:none; line-height:2em;}
.Links li{margin:0px 10px 0px 0px; display: inline ; }
.Links ul li a:link{color:#06c;padding:0 10px 0 0px; border-right:1px solid #999;}
.Links ul li a:visited{color:#444;padding:0 10px 0 0px; border-right:1px solid #999;}


#Navigation
{
	display:block;
	clear:both;
}

.Button
{
	width:100px;
}

.NavMain
{
	padding:0 10 0 0;
	background-color:#aaa;
}

.NavMain ul{margin-top:1em; margin-bottom:-1em; list-style-type:none; text-align: left;float:left; line-height:2.4em; font-size:1.1em; width:220px;}
.NavMain li{margin:0px 0px 0px 0px;border-top-style:dashed; border-top-width: 1;border-top-color: #aaa;}
.NavMain ul li a:link{color:#666;padding:0 0 0 20px; text-decoration:none;  line-height:2.4em; background:url('Images/Layout/Disc.gif') no-repeat center left;   width:220px;}
.NavMain ul li a:visited{color:#666;padding:0 0 0 20px; text-decoration:none;  line-height:2.4em; background: url('Images/Layout/Disc.gif') no-repeat  center left;   width:220px;}
.NavMain ul li a:hover{color:#666;padding:0 0 0 20px; text-decoration:none; line-height:2.4em; background:#eee url('Images/Layout/Disc.gif') no-repeat center left;}
.NavMain ul li a span{ font-weight:bold; color:#FF6600;}

body#search a#searchnav,
body#register a#registernav,
body#jobseekers a#jobseekersnav,
body#employers a#employersnav,
body#about a#aboutnav,
body#contact a#contactnav
{ background-color:#ff9;}

.Banner
{
	float:left;
	width:712px;
	height:180px;
	margin:1em 0em 0em 1em;
	padding:0px;
	border:solid 0 red;
	background:#fff url('Images/Layout/Banner.jpg') no-repeat top left;
	vertical-align:bottom;
}

/* ======================================== Top  Navigation ==============================*/
#TopNavigation
{
	background-color:#fff;
	text-align:right;
	clear:both;
	margin:-1px 2px 0px 0;
}

#TopNavigation ul{list-style-type:none; text-align: right;float:none; border-style:solid; border-width: 0;border-color: #FF6600; line-height:2.3em; font-size:1em;}
#TopNavigation li{margin:0px 0px 0px 0px; text-align:center; display: inline ; float:right; width:142px; border-bottom:solid 5px #ff9;}
#TopNavigation ul li a{color:#eee;padding:0px 0px 0 0px;font-size:1em; width:142px; text-align:center; font-weight:bold;}

/* ======================================== Top 2nd Navigation ==============================*/
#Top2ndNavigation
{
	background:#ff9 url('Images/Layout/BkCorner.gif') no-repeat;
	width:420px;
	text-align:right;
	clear:both;
	margin:0px 2px 3px 0px;
	padding:0px;
}

#Top2ndNavigation ul{list-style-type:none; text-align: right;float:none; border-style:solid; border-width: 0;border-color: #FF6600; line-height:1.5em; padding-bottom:3px; }
#Top2ndNavigation li{margin:0px 10px 0px 0px; display: inline; }
#Top2ndNavigation ul li a:link{color:#FF6600;padding:0 10px 0 0px; border-right:1px solid #999;font-size:0.9em;}
#Top2ndNavigation ul li a:visited{color:#cc0000;padding:0 10px 0 0px; border-right:1px solid #999;font-size:0.9em;}



/* ======================================== Left Column ==============================*/
#LeftColumn
{
	float:left;
	background-color:#fff;
	width:220px;
}

/* ======================================== Content Column ==============================*/
#ContentColumn
{
	background-color:#fff;
	display:block;
	text-align:left;
	margin-right:210px;
	padding-left:10px;
	padding-right:10px;
	font-size:1em;
	border-color:#ccc;
	border-style:solid;
	border-width:1px;
	background:#fff url('Images/Layout/bkContent.gif') repeat-x;

}

#ContentColumn img {padding:10px;}
#ContentColumn img.picture {float:right;border:solid 1 #aaa;margin:10px;}
#ContentColumn h1 {margin:20 0 5 0;}
#ContentColumn h2 {margin:20 0 5 0;color:#f60;}
#ContentColumn h3 {margin:20 0 5 0;color:#06c;}
#ContentColumn h4 {margin:20 0 5 0;}
#ContentColumn ol{ margin:0 0 0 25; padding:0 0 0 10; line-height:1.5em; text-align:justify;}
#ContentColumn p {padding:5;line-height:1.5em;}
#ContentColumn table.data{border:solid 1 #ff6600; margin:15px 0 15px 0px; font-size:1em; width:500px;} 
#ContentColumn table.data caption {text-align:left; font-weight:bold;}
#ContentColumn table.data th { background:#ff6600; color:#fff; margin:0px; padding:1em 0.5em 0.5em 0.5em; text-align:left;} 
#ContentColumn table.data td { background:#fff; margin:0px; padding:5px;} 
#ContentColumn table.data tr.alt td{ background:#fec; margin:0px; padding:5px;} 

#ContentColumn ul{list-style-type:circle; list-style-image:url('Images/Layout/circle.gif'); line-height:1.5em;}
#ContentColumn ul li{margin:0px 0px 0px 15px;  }

.Job { font-size:1.2em; color:#666; line-height:1.5em; padding:5;}
.Job h3 {color:#FF6600; font-size:1.2em; font-weight:bold; color:#999; line-height:38px;}
.Job h3 a:link{color:#FF6600; font-size:1.2em;}
.Job h3 a:visited{font-size:1.2em; color:#FFaa77;}
.JobDetails { background-color:#eee; padding:5px; font-size:1em;}

.Actions a:link{background-color:#ffeecc;color:#ff6600;height:2em;vertical-align:middle;line-height:2em;padding:5px;margin:5px;float:right;border-style:solid; border-width: 1;border-color: #f60;}
.Actions a:visited{background-color:#ffeecc;color:#ff6600;height:2em;vertical-align:middle;line-height:2em;padding:5px;margin:5px;float:right;border-style:solid; border-width: 1;border-color: #f60;}

.howto {width:20%;color:#666;background-color:#eee;border-style:solid; border-width: 1;border-color: #ccc;float:left;padding:5;margin:5;}

.pageview {	padding:5 5 5 5; font-size:1.3em;}
.MultiPage{	border: solid 1 #5282AD;}

/* ======================================== Panel ==============================*/
.Panel
{
	background: #fff;
	float:left;
	border-color:#ccc;
	border-style:solid;
	border-width:0;
	margin:0 5 20 0;
	text-align:left;
	width:100%;
}
.Panel h2{ font-size:1.1em; font-weight:normal;background:url('Images/Layout/BkPanel.gif'); padding:0 5 5 5;  color:#999; line-height:35px;  border-left-style:solid;border-left-width: 1px;border-left-color:#ccc;  border-right-style:solid;border-right-width: 1px;border-right-color:#ccc; border-bottom-style:solid;border-bottom-width: 1px;border-bottom-color:#ccc;}
.Panel h2 span{ font-weight:bold;}
.PanelBody{padding:5px 5px 5px 5px;	text-align:left; border-left-style:solid;border-left-width: 1px;border-left-color:#ccc;  border-right-style:solid;border-right-width: 1px;border-right-color:#ccc; border-bottom-style:solid;border-bottom-width: 1px;border-bottom-color:#ccc;}
.PanelTop {background:url('Images/Layout/BkPanelTop.gif'); background-repeat:no-repeat; background-position:left bottom; height:11px; line-height:0.5em; padding:0px;}
.PanelTop2 {background:url('Images/Layout/BkPanelTop2.gif'); background-repeat:no-repeat; background-position:left bottom; height:11px; line-height:0.5em; padding:0px;}
.Panel img{border:0;}

/* ======================================== PanelBlue ==============================*/
.PanelBlue
{
	background: #fff;
	float:left;
	border-color:#ccc;
	border-style:solid;
	border-width:0;
	margin:0 5 20 0;
	text-align:left;
	width:100%;
}
.PanelBlue h2{ font-size:1.1em; font-weight:normal;background: #2A547E url('Images/Layout/BkPanel1.gif'); padding:0 5 5 5;  color:#fff; height:27px;  border-left-style:solid;border-left-width: 1px;border-left-color:#ccc;  border-right-style:solid;border-right-width: 1px;border-right-color:#ccc; border-bottom-style:solid;border-bottom-width: 1px;border-bottom-color:#ccc;}
.PanelBlue h2 span{ font-weight:bold;}
.PanelBlue h2 a{ color:White;}
.PanelBlue h2 a:hover{ color:White;}
.PanelBlueBody{padding:5px 5px 5px 5px;	text-align:left;  background: #EAEAEA url('Images/Layout/BkPanelBlueBody.jpg') repeat-x; border-left-style:solid;border-left-width: 1px;border-left-color:#ccc;  border-right-style:solid;border-right-width: 1px;border-right-color:#ccc; border-bottom-style:solid;border-bottom-width: 1px;border-bottom-color:#ccc;}
.PanelBlueBody a{ color:White;}

.PanelBlueTop {background:url('Images/Layout/BkPanelBlueTop.gif'); background-repeat:no-repeat; background-position:left bottom; height:11px; line-height:0.5em; padding:0px;}
.PanelBlueTop2 {background:url('Images/Layout/BkPanelBlueTop2.gif'); background-repeat:no-repeat; background-position:left bottom; height:11px; line-height:0.5em; padding:0px;}
.PanelBlue img{border:0;}

/* ======================================== Mid Panel ==============================*/
.MidPanel
{
	background: #eaeaea;
	border-color:#ccc;
	border-style:solid;
	border-width:1;
	float:left;
	width:220px;
	height:380px;
	text-align:left;
	margin:10 10 10 10;
}
#contentcolumn .MidPanel p{line-height:2em;}
#contentcolumn .MidPanel h2{margin:0;font-size:1.1em; font-weight:normal; background:url('Images/Layout/BkPanel.gif'); padding:5 5 5 5;  color:#ff6600; line-height:38px; border-bottom:solid 1 #ddd}
#contentcolumn .MidPanel h2 span{ font-weight:bold;}
#contentcolumn .MidPanelBody{padding:0 5 0 5;}

/* ======================================== Fieldset==============================*/
.error{border-style:solid; border-width: 1;margin:3; border-color: red; color:Red;padding:5;display:block; }
.message{border-style:solid; border-width: 1; margin:3;border-color: green; color:green;padding:5;display:block;}
.required{color:Red;font-size:1.8em; }
.invalid{color:Red;font-size:1.8em;  }

fieldset {
  
  font-size: 0.8em;
  border-color: #666;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
  line-height:1.8em;
  text-align:left;
}

fieldset legend {
  font-size: 1.3em;
  font-weight: normal;
  color: #666;
  margin:0 0 0 10px;
  padding:0 10px 0 10px;
}

fieldset span.field{color:#ff6600;}
.notes {
  float: right;
  width: 30%;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #ccc;
  background-color: #eee;
  color: #666666;
  font-size: 0.9em;
  line-height:1em;
}

.notes h4 {
  background-image: url(images/layout/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

.notes p {
  margin: 0em 0em 0em 0em;
  color: #666666;
}

label {
  width: 150px;
  text-align: right;
  float:left;
  margin-right:5px;
}
.RecordStatus { font-size:10px;}
.requiredfield
{
	display:block;
}
.optionalfield label {
  font-weight: normal;
}

.requiredfield label {
  font-weight: bold;
}
div textarea,div select{
  width: 200px;
  margin: 0 0 0 0;
}
.Testimonial {font-style:italic;}
.Testimonial div { font-style:normal; color:#f60; text-align:right;}


.StepsList
{
	float:none;
	color:#f60;
	text-align:right;
	font-size:1em;
	font-family:Verdana;
}

.StepsList ul{margin:10px 0px 10px 0px; list-style-type:none; text-align: right;float:none; line-height:2em;}
.StepsList li{margin:0px 10px 0px 0px; display: inline ; }
.StepsList ul li a{color:#06c; background-color:white;padding:5px;}

#stepI a#stepInav, 
#step1 a#step1nav, 
#step2 a#step2nav,
#step3 a#step3nav,
#step4 a#step4nav,
#step5 a#step5nav
{ background-color:#f60;color:#fff;}


.Column {float:left;width:230px;}
.Column img{ border:solid 1 #aaa;}

.Consultant {float:left; padding:10px; width:320px;background:#fff url('Images/Layout/bkContent.gif') repeat-x; border-style:solid; border-color:#f60; border-width:1px; margin:5px;}
.Consultant img{float:left;  margin:3px; border:solid 1 #777; padding:3px; margin:0 2em 0 0;}
.Consultant a img{float:right; border:solid 0 #ccc; padding:3px; margin:0 2em 0 0;}
/* ======================================== Right Column ==============================*/
#RightColumn
{
	float:left;
	background-color:#fff;
	width:200px;
	margin-left: -200px;
	padding:0 0 0 0;
}
/* ======================================== Footer ==============================*/
#Footer
{
	background-color:#FFF3C5;
	clear: left;
	text-align:center;
}

#Footer div{text-align: center;float:none; }
#Footer ul{margin:10 0 10 0; list-style-type:none; text-align: center;float:none; border-style:solid; background-color: #FF6600; border-width: 1;border-color: #FF6600;  line-height:2em; }
#Footer li{margin:0px 10px 0px 0px; display: inline ; }
#Footer ul li a:link{color:#fff;padding:0 10px 0 0px; border-right:1px solid #999;font-size:1em;}
#Footer ul li a:visited{color:#ddd;padding:0 10px 0 0px; border-right:1px solid #999;font-size:1em;}




