/* CSS Document */

html, body {
	background:url(../images/body_bg.jpg) repeat-y #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.84em;
	color:#54368a;
	margin:0;
	padding:0;
}

a:link { color:#54368a; font-weight:bold; text-decoration:none; }
a:visited, a:hover { color:#54368a; text-decoration:none; font-weight:bold; }
a.large { font-size:105%; font-weight:bold; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#54368a; padding:0px 3px; margin:0; }
input.fade, select.fade { color:#999; }
.clear { clear:both; }
table { width:100%; float:left; }
img { border:0; }

.explain { background:#e6f1fa; border:2px solid #008bd0; padding:10px; margin:0; float:left; width:98%; }
.explain p { padding:0; margin:4px 0; }
.highlight { color:#008bd0; font-size:14px; font-style:italic; }
.button { padding:2px 6px; background:#97be0d; color:#fff; text-transform:uppercase; border:0; margin:3px; font-weight:bold; width:auto; }
a.button:link, a.button:visited { color:#fff; background:#97be0d; display:block; width:100px; padding:8px; margin:4px 0; text-align:center; }
.articledisplay img { float:left; margin:0 10px 10px 0; padding:3px; border:1px solid #97be0d; height:100px; width:150px; }
.articledisplay p { float:none; width:auto; }

p.block { border:1px solid #ccc; border-width:1px 0; padding:0; }
p.block a:link, p.block a:visited { display:block; float:left; padding:4px 5px; border:1px solid #ccc; border-width:0 1px; }
p.block a:hover, p.block a.current { background:#008bd0; color:#fff; }

h1 { margin:5px 0; padding:2px 5px; font-size:115%; font-weight:bold; border:1px solid #fff; color:#fff; background:#97be0d; float:left; width:100%; }
h1 span { padding-right:50px; }
h1.alt { background:#f29400; }
h1.blue { background:#0086cb; }
h1 a:link, h1 a:visited { color:#fff ;}
h1 a:hover { text-decoration:underline; color:#fff; }


h2 { margin:10px 0; padding:3px 0; font-size:13px; font-weight:bold; border-bottom:1px solid #97be0d; width:100%; float:left; }
h3 { font-size:105%; padding:0; margin:5px 0; color:#97be0d; }
p {  padding:0; margin:8px 0; }

dt { font-weight:bold; display:block; width:25%; float:left; color:#97be0d; }
dd { margin:0; padding:0; display:block; width:73%; float:left; }


#friendForm { padding:6px; width:100%; float:left; border:2px solid #008bd0; border-width:2px 0; background:#e6f1fa; }
#friendForm label { display:block; font-weight:bold; }
#friendForm input { width:85%; }
#friendForm td { width:23%; vertical-align:top;  }
#friendForm textarea { width:85%; height:70px; }
a.emailLink { padding:2px 12px 2px 23px; background:url(../images/icon_email.gif) center left no-repeat; float:left; display:block; }
a.discussLink { padding:2px 12px 2px 23px; background:url(../images/icon_comment.gif) center left no-repeat; float:left; display:block; }
a.printLink { padding:2px 12px 2px 23px; background:url(../images/icon_print.gif) center left no-repeat; float:left; display:block; }

#header {
	height:119px;
	background:url(../images/header_bg.jpg) repeat-x left top #0086cb;
	overflow:hidden;
	width:870px;
}

#header h1 {
	height:101px;
	width:364px;
	padding:15px 0 0 0;
	margin:0;
	float:left;
	background:none;
	border:0;
}

#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/WEBLEC-logo.gif);
	text-indent:-50000px;
}

#header .banner { float:right; padding:35px 5px; }

#topnav {
	width:866px;
	height:60px;
	background:url(../images/topnav_bg.jpg) left top repeat-x;
	padding:0 0 0 4px;
}

#topnav ul {
    padding:11px 0 0 0;
    margin:0 0 0 5px;
    list-style:none;
	height:18px;
}
#topnav li {
    float:left;
    background:url("../images/topnav_left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
}
#topnav a {
    float:left;
    display:block;
    width:.1em;
    background:url("../images/topnav_right.gif") no-repeat right top;
    padding:2px 15px 1px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
	font-size:12px;
}

#topnav li.current { background:url("../images/topnav_left_on.gif") no-repeat left top; }
#topnav li.current a { background:url("../images/topnav_right_on.gif") no-repeat right top; }

#topnav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav a {float:none;}
/* End IE5-Mac hack */
#topnav a:hover {
    color:#97be0d;
}

#topnav #topbar {
	border:2px solid #56378a;
	background:#fff;
	padding:4px 0px 4px 6px;
}

#topnav label { font-weight:bold; }
#search { margin:0; width:45%; float:left; }
#subscribe { margin:0; width:45; float:right; }
#subscribe select { width:200px; }


/****************
MAIN CONTENT
**********************/
#wrapper1 {
	position:relative;
	width:880px;	
	margin:1px 0;
}
#wrapper2 {
	position:relative;
	width:100%;
	background:url(../images/global_right_bg.gif) repeat-y right;
}

#maincol {
	position:relative;
	margin:0;
	padding:5px 0;
}
#leftcol { 
	position:relative;
	top:-4px;
	float:left;
	width:135px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:138px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px 0px 10px 0px;
	z-index:100;
	text-align:center;
}
#rightcol {
	position:relative;
	top:-3px;
	right:-4x;
	float:right;
	width:135px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:115px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:99;
}
#centercol {
	position:relative;
	padding:0 160px 0 157px;
	top:-3px;
}
#content {
	display:block;
	width:100%;
	float:left;
}
#footer {
	position:relative;
	top:1px;
	width:100%;
	clear:both;
	margin:0;
	padding:1% 0;
	text-align:center;
	color:#CCC;
}


#leftcol ul { list-style:none; margin:0; padding:0; }
#leftcol li { display:block; padding:2px 0; border-bottom:1px solid #fff; width:100%; float:left; text-align:left; text-indent:12px; }
#leftcol li a:link,
#leftcol li a:visited {
	width:100%;
	height:100%;
	text-decoration:none;
	font-weight:bold;
}
#leftcol li ul { padding:3px 0; width:100%; float:left; }
#leftcol li ul a:link,
#leftcol li ul a:visited {
	font-weight:normal;
}
#leftcol li ul li { border:0; }
#leftcol td a:link, #leftcol td a:visited { font-size:11px; }

.headline { border-bottom:1px solid #97be0d; padding:10px 0; margin:5px 0; float:left; width:100%; }
.headline img { float:right; margin:0 0 0 8px; padding:3px; border:1px solid #97be0d; }

.headlines { background:url(../images/dot.gif) 48% repeat-y; border-bottom:1px solid #97be0d; padding:0; margin:10px 0; float:left; width:100%; }
.headlines h1 { width:60%;  }
.headlines p { width:100%; float:left; }
.headlines .article_left { margin-right:2%; width:46%; float:left; padding-bottom:2px; }
.headlines .article_right { margin-left:2%; width:46%; float:left; padding-bottom:2px; }

.headlines h2 {
	margin:5px 0 0 0;
	padding:0;
	font-size:110%;
	font-weight:bold;
	border:0;
	float:left;
	width:100%;
}
.headlines img { float:left; margin:0 8px 0px 0; padding:3px; border:1px solid #97be0d; height:61px; }
.headlines p {  }

#advertise label { display:block; font-weight:bold; margin:10px 0 3px 0; }
#advertise input { width:300px; }

/****
JOBS SECTION
*******************************/


#process_candidate th, #process_client th, #jobpost th { text-align:left; }
#process_candidate .blurb, #process_client .blurb { margin:5px 0; }
#process_candidate .blurb th, #process_client .blurb th  { background:#E6F1FA; border:1px solid #0186CB; padding:6px; margin:4px; color:#0186cb; }
.candidateregistermaintableheader th, .clientregistermaintableheader th, .postjobmaintableheader th { border-bottom:1px solid #ccc; margin:3px 0; background:#0186CB; color:#fff; padding:3px; }
#searchform label { display:block; font-weight:bold; }
#searchform select, #searchform input { display:block; }

#jobstable { margin:5px 0; } 
#jobstable th { text-align:left; padding:4px; background:#0186CB; color:#fff; }
#jobstable th a { color:#fff; }
#jobstable .highlight td { font-size:11px; font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#6D4B4C; }


#managejobs, #managecandidates { margin:10px 0; clear:both; }
#managejobs th, #managecandidates th { text-align:left; background:#0186CB; color:#fff; padding:4px; font-size:100%; font-style:normal; }
#managejobs th a, #managecandidates th a { color:#56378A; font-weight:bold }
#managejobs tr.highlight th, #managecandidates tr.highlight th { background:#E6F1FA; font-size:12px; color:#0186cb; }
#managejobs tr.highlight th.title, #managecandidates tr.highlight th.title { background:#0186cb; font-size:12px; color:#fff; }
#managejobs tr.highlight td, #managecandidates tr.highlight td { color:#56378A; font-size:12px; font-style:normal; }
#managejobs .deletelink, #managecandidates .deletelink { color:#c00; font-weight:bold; font-size:11px; }

#jobwrapper a { float:right; display:block; padding:0; margin:0; width:180px; }
#jobwrapper a.button { padding:3px 7px; }
#jobwrapper label { display:block; width:110px;  float:left; }
#jobwrapper p { float:left; width:200px; font-weight:bold; margin:0; padding:0; }
#jobwrapper br { clear:both; margin:3px 0; }
.featemplink { list-style:none; }

#jobshome .col { width:47%; float:left; margin:1%; }
#jobshome select { width:100%; }
textarea#letter { display:block; width:90%; height:300px; }