@charset "UTF-8";
/* CSS Document */

/* Main body with the background, could be a subtle gradient */
body  {
	font: 80% Arial, Helvetica, sans-serif;
	background: #8C909D;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

/* Contains the actual page with the color scheme */
.semris #container { 
	position: relative;
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left;
} 

/* This includes the ID for the header div - whether the main, market searcher (hdr_ms), or the blog header (hdrblog) */
.semris #header { 
	height: 175px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	background-image:url(img/semris_hdr.png);
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin:0;
}
.semris #hdr_ms { 
	height: 175px;
	background-image:url(img/m_search.png);
	padding: 0;
	margin:0;
}
.semris #hdrblog { 
	height: 175px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	background-image:url(img/who_hire.png);
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin:0;
}

/* Navigational bar formatting navcontain > nav > menu || Currently configured for two level dropdown */
.semris #navcontain {
	width:400px;
	top:150px; left:240px;
	margin:0 auto;
	position:absolute;
	z-index:50;
}
.semris #navcontain ul {
	margin:0;
	padding:0;
	list-style:none;
}
.semris #nav {
	position:relative;
	height:50px;
	font:normal 13px arial, verdana, sans-serif;
}
	.menu {position:absolute;}
	.menu li.nosub {width:80px; float:left;}
	.menu .list {width:80px; margin-top:-32000px; float:left;}
	.menu a {display:block; height:50px; line-height:50px; background:#ADA281; text-align:center; text-decoration:none; padding:0; color:#000; width:75px;}
	.menu a.twoline { line-height:1.1em; height:40px; padding:10px 0 0;}
	.menu .sub a {background:#64839D; margin-right:-1px; position:relative; padding-left:10px; width:85px; height:25px; line-height:25px; text-align:left; color:#FFF; border-bottom:1px solid #000;}
	.menu .sub {float:left; padding-top:26px; margin-top:-26px;}
	.menu a.link {position:relative; margin-top:32000px; margin-right:-79px; float:left; color:#000; background:#ADA281;}
	.menu a:hover, 
	.menu a:focus, 
	.menu a:active {margin-right:0;background:#8C909D; color:#000;}
	.sub:hover {clear:both;}
	
	.list .list {position:absolute; z-index:10; height:26px;}
	.list .list .sub {position:relative; left:80px; top:0; padding-top:0; background:transparent;}
	.list .list .subL {left:auto; right:80px; top:0;}

/* Left sidebar formatting */
.semris #sidebar1 {
	position: absolute;
	top: 250px;
	left: 0;
	width: 190px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF;
	padding: 0px 20px 0px 20px;
	border-right: 1px solid #999;
}

/* corner specialty graphic - sits above the main page */
.semris #cornerspec {
	position: absolute;
	top: 175px;
	right: 0;
	height:186px;
	width: 212px;
	background-image:url(img/semris_spec.png);
	padding: 0;
	margin:0;
	z-index:1;
}
.semris #sidebar2 {
	position: absolute;
	top: 250px;
	right: 0;
	width: 200px;
	background: #FFF;
	padding: 0px 10px 15px 20px;
	border-left: 1px solid #999;
}
.semris #sidebar2 p.corner { padding-right:50px;} /* Used to adjust text for corner specialty graphic */
.semris #sidebar2 li.corner { padding-right:60px;} /* Used to adjust text for corner specialty graphic */

/* Market Searcher div formatting */
.jsearch p {
	margin:0 0 5px;
	font-size:8pt;
	color:#333;
	font-style:italic;
}
.jsearch ul { margin:0;}
.jsearch li { margin-left:-20px; padding: 0 1px 8px;}


/* This graphic is consistent among all formats */
.semris #leftgraphic {
	position:relative;
	left:-240px;
	top:-15px;
	width:190px;
	margin:0;
	padding:0;
	height:15px;
	background: #ADA281;
}

/* Center or left regular div formatting */
.semris #mainContent { 
	margin: 0 250px 0 250px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 55px 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.semris #ctrgraphic {
	margin:0;
	padding:0;
	height:10px;
	background: #8C909D;
}
.semris #rightgraphic {
	float:right;
	position:relative;
	right:-240px;
	bottom:30px;
	width:190px;
	margin:0;
	padding:0;
	height:15px;
	background: #ADA281;
}

/* Adjust margin for two column page formats: maincontent, ctrgraphic, rightgraphic are adusted to remove the third column  */
.semris #mainContent2 { 
	margin: 0 0 0 250px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 55px 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.semris #ctrgraphic2 {
	margin:0;
	padding:0;
	height:10px;
	width:460px;
	background: #8C909D;
}
.semris #rightgraphic2 {
	float:right;
	position:relative;
	bottom:30px;
	width:190px;
	margin:0;
	padding:0;
	height:15px;
	background: #ADA281; /* the background color will be displayed for the length of the content in the column, but no further */
}

/* Sidebar tabular div format */
.semris .listbrdr { border:medium solid #8C909D; margin:1.5em 0 0;}
.semris .listbrdr h3 { background:#8C909D; color:#FFF; margin:0; text-align:center; }
.semris .listbrdr ul { margin:8px 0 0;}
.semris .listbrdr li { padding-bottom:8px;}

/* Sidebar1 resume button format */
.semris #resbtn {
       border:medium outset #ADA281;
       background-color:#64839D;
       margin:1.5em 0 0;

}
.semris #resbtn h3 { color:#000; margin: 0; text-align:center;}
/* Attempt to wrap the button in a tag   */
.semris .btntag a { color:#000; text-decoration: none; }

/* Footer div format */
.semris #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#64839D;
	font-size:75%;
} 
.semris #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#CCC;
	text-align:center;
}
.semris #footer a:link { text-decoration:none; color:#CCC;}
.semris #footer a:visited { text-decoration:none; color:#CCC;}
.semris #footer a:hover { text-decoration:underline; color:#CCC;}

/* Header anchor tag format */
a.hdrtag:link  { text-decoration:none; color:#000;}
a.hdrtag:visited { text-decoration:none; color:#000;}
a.hdrtag:hover { text-decoration:underline; color:#000;}

/* anchor tag graying */
.semris .endtag {
	color:#333;
	font-size:8pt;
}

/* Workflow graphic div format */
#fm_flow {
	width:405px;
	height:360px;
	position:relative;
	background-image:url(img/js_flowe.png);
	border:1px solid #000;
	float:right;
	padding:0px;
	font-size:10pt;
}
#fm_flow ul {
text-align:left;
position:absolute;
padding:0; margin:0;
list-style-type:none;
line-height:1.1em;
z-index:100;
}
/* Hides drop down elements until revealed during hover */
#fm_flow ul li {
display:none;
background-color:#FFF; color:#099;
border: thin solid #666;
padding: 0px 5px;
}
#fm_flow ul:hover { font-weight:bold;}
#fm_flow ul:hover li {
display:block;
font-weight:normal;
}

/* Rollover positioning candidate*/
#consult {left:25px; top:50px;}
#intake {left:205px; top:110px;}
#strategy {left:313px; top:187px;}
#surveillance {left:250px; top:298px;}
#report {left:141px; top:295px;}
#closure {left:98px; top:195px;}

/* Rollover positioning employer*/
#consulte {left:25px; top:50px;}
#profiling {left:204px; top:117px;}
#research {left:309px; top:195px;}
#distribution {left:255px; top:298px;}
#submittals {left:138px; top:297px;}
#analytics {left:93px; top:195px;}

/*Text div accompanying workflow */
.semris #flowtxt {
	float:left;
	width:280px;
	height:350px;
	margin:0;
	padding:0 20px 10px 0;
}
.semris #flowtxt h4 {margin:0 0 12px 0; color:#64839D;}
.semris #flowtxt p { margin:0 0 12px 0;}

/* Market Searcher vs Traditional Recruiting div format */
.semris .tradpic {
	font-size: 90%;
	float:left;
	position:relative;
	margin:0;
	padding:5px;
	border:thin solid #64839D;
	width:450px;
}
.semris .tradpic h4 {
	margin:0;
	float:left;
	padding-bottom:4px;
}
.semris .tradpic p {
	width:225px;
	margin:0;
	float:left;
}
.semris .highlight {background: #CFF;} /* Highlighted graphic */
.semris .downplay {background: #CCC;}  /* Comparison graphic */

/* Div to house pointing arrow for MS comparison */
.semris #tpicgrp {
	float:left;
	position:relative;
	text-align:center;
	margin:0;
	width:175px;
	height:134px;
}

/* Margin for pages without sidebar2 */
.newmargin { width:480px;}

/* Formatting for the contact us Div */
.semris #inputfrm p { font-weight:bold;}
.semris #inputfrm ul {
	list-style:none;
	margin:0;
	padding:0;
}
.semris #inputfrm ul li {
	float:left;
	display:block;
	width:220px;
}
.semris #inputfrm ul.inqtype li {
	width:100px;
	padding-bottom:8px;
}

.clearflt { clear:both;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* class to float left on the page */
	float: left;
	margin-right: 8px;
}