/****   $Id$ ****/
/************* Globals *************************/
/***********************************************/
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend a {margin: 0;padding: 0;border: 0;}
body {margin: 8px;background-color:#fff;font-size: small;}
body,div,p,span,li,td {font-family:Verdana, Arial, Helvetica, sans-serif;}
form {margin:0px;outline:none;display:inline;}
p {margin:10px 0px 5px 0px;}
blockquote {margin-top: 0px;margin-bottom: 0px;}
ol {margin-top: 0px;}
ul {margin-top: 0px;margin-bottom: 0px;padding-bottom:0px}
li {margin-top: 6px;margin-bottom:0px}
a img {border:none;}
h1, h2, h3 {color:#667B99;}
h1 {margin:5px 0px 10px 0px; font-size:138%;}
h3 {color: #666666;	font-size: 90%;text-transform:uppercase;}

/*************** Layout ************************/
/***********************************************/
#container {text-align:left;margin:5px;margin-left:auto;margin-right:auto;width:900px;}
#utils {text-align:right;font-size:xx-small;
	color:#666666; margin-bottom:3px; margin-right:10px;
}
#content-wrap {padding:0px 8px 0px 8px;}
#body-content {margin-top:10px;}
#logo-header {margin:0;clear:both;height:75px;}
#footer {font-size:80%; color:#666666; text-align:center;}
.min-width {min-width:800px;}

/*************** Utils Bar ************************/
/**************************************************/
#utils ul {padding:0; margin:0;}
#utils .separator {padding-right:3px;padding-bottom:1px;}
#utils ul li {display:inline;padding-right:2px;}
#utils a, #util-top a:visited {color:#666666;text-decoration:none;}
#utils a:hover {color:#666666;text-decoration:underline;}

/************* Navigation Bar **********/
/***********************************************/
#top-nav {
	clear:both;margin: 15px 0px 5px 0px; padding:0;
	background-color: #FF6600;
	background-image:url(images/bg_nav-orange.png);
	background-repeat:repeat-x;
	height:32px; white-space:nowrap;
}
#top-nav ul {float:left; display:block; padding:0px; margin:3px 0px 3px 3px;}
#top-nav ul li {margin:0px;margin-top:0px; padding:0px; display: inline; list-style:none;}
#top-nav a, #top-nav a:link, #top-nav a:visited {
	padding:5px 10px 5px 10px;
	font-weight:bold;
	color:#EBF2FE;
	text-decoration:none;
	display:block;
	float:left;
	border-right: 1px solid #E5E8ED;
}  
#top-nav a:hover, #top-nav li.active a, #top-nav li.active a:visited { 
	background-color:#ffffff; 
	color:#0066FF;
	border-right: 1px solid #666666;
}
#top-nav #search {float:right; padding-top:5px; padding-right:5px;}

/*************** Module Style ****************/
/*********************************************/
.module-top { margin:0;padding:0;height:10px;font-size:5px;
background-image:url(images/module-orange_top-left.gif);background-repeat:no-repeat;
background-position:left top;
}
.module-top .c {
margin:0;padding:0;float:right;font-size:5px;
height:10px;width:10px;display:inline;
background-image:url(images/module-orange_top-right.gif);
background-repeat:no-repeat;background-position:right top;
z-index:10;
}
.module {margin:0;padding:0;border-top:none;border-bottom:none;
border-left: 1px solid #FF6600;border-right: 1px solid #FF6600;
}
/* \*/
* html .module {height: 1%;}
/* */
.module-bottom { margin:0;padding:0;height:10px;
background-image:url(images/module-orange_bot-left.gif);background-repeat:no-repeat;
background-position:left top;font-size:5px;
}
.module-bottom .c { margin:0;padding:0;float:right;
height:10px;width:10px;display:inline;font-size:5px;
background-image:url(images/module-orange_bot-right.gif);
background-repeat:no-repeat;background-position:right top;
z-index:10;
}

/*************** Text & Link Styles ************/
/***********************************************/
a {color: black;}
a:hover { color:#0066FF; background-color:#E5E8ED;}
a.external { padding-right:12px;
	background-image:url(images/ico_link-external.gif);
	background-position:right;
	background-repeat:no-repeat;
}
label, .label { font-size:103%; font-weight:bold; color:#656868; }
.small-text {font-size:85%;}
.nowrap {white-space:nowrap;}
.clear {clear:both;}
.align-left {float:left;}
.align-right {float:right;}
.align-center { text-align:center; }
.float, .floatL {float:left;}
.floatR { float:right; }
.spacer{clear:both;}

.tagline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 90%;
	margin-top: 3px;
	margin-bottom: 1px;
	font-weight: normal;
	letter-spacing: .1em;
}
.hint {font-size:80%; color: #6C7A7D;}

/************* Post Job Buttons ******************/
/*************************************************/
.post-button-top {
	padding:0;
	margin-left:590px;
	background-color:#48CA42;
	width:220px;
	height:68px;
	background-image: url(images/btnPost-Green.jpg);
	cursor:pointer;
	position:absolute;
}
.post-button-top p:first-child {margin-top:14px;}
.post-button-top p {color:#fff;margin:0;text-align:center;margin-top:5px}
.post-button-top a { color:#fff;font-weight:bold;font-size:112%;}
.post-button-top a:hover {color:#fff;background-color:transparent; }

.post-button-bottom {
	background-color:#33FF33;
	float:left;
	width:315px;height:35px;
	background-image: url(images/btnPostBottom-Green.jpg);
	margin:10px 0px 0px 0px;
	cursor:pointer;
}
.post-button-bottom p {text-align:center; margin:5px 5px;}

/************* UI Messages ******************/
/********************************************/
.msg-error {color:red;}
.msg-error ul {display:block;font-weight:normal;margin-left:40px;}
.msg-error ul li {margin-left:10px;font-weight:normal;}

/************* Field Sets ******************/
/*******************************************/
legend {font-size:95%;font-weight:bold;color: #303F42;}
fieldset {padding:0px 10px 5px 10px;margin:10px 0px 10px 0px;border: 1px solid #CFE8F6; border-top:1px solid #7B9AFF; overflow:hidden;}
fieldset.last {background-color: #EDF4F5;border: 4px solid #CFE8F6;}
fieldset input {padding: 3px;width: 280px;margin-bottom: 4px;}
fieldset input.short {width: 140px;}
fieldset input.tiny {width: 40px;}
fieldset input.checkbox {width: 10px;}
fieldset textarea {padding: 3px;width: 280px;margin-bottom: 4px;}
fieldset input.big {font-size: 16px;font-weight: bold;}
fieldset .radio {padding: 3px;margin-bottom: 4px;}
fieldset .radio label {font-weight:normal;	font-size: 12px;}
fieldset .radio input {width:30px;padding: 0px;margin:0px;}

/************* New Job page ******************/
/***********************************************/
#submit{height:auto;}
#submit table {width:100%}
#submit th {text-align:right;font-weight:normal;vertical-align:top;width:20%;}
#submit td {vertical-align:top;}
#submit .separator {height:1px; margin:8px 0px 8px 0px; border-top: 1px dotted #999999; }
#submit .preview {margin:10px 0 10px 0; border: 2px solid gray; padding: 10px;}

/************* JobsSearch No results **********/
/***********************************************/
.no_results {margin: 100px auto 100px auto;	padding-left: 65px;}
.no_results h1 {color: #900;font-size: 110%;margin: 0; padding: 0;}

/******** Listings/Recorsets *********/
/***********************************************/
.recordset {margin: 8px 0px 1px 0px;border-bottom:solid 1px orange;}
.recordset .job-group {margin-bottom: 35px;}
.recordset .header {
	font-size: 100%;
	font-weight:bold;
	color: #393;
	font-family: helvetica, arial;
	margin:0;
	padding: 8px 2px 8px 3px;
	text-transform: uppercase;
	line-height: 18px;
	border-top:dotted 1px gray;
	border-bottom:dotted 1px gray;
	background-color: #F4F5E7;
}
.recordset .record {padding:5px 3px 5px 3px;}
.recordset .normal {background-color: #edf3fe;}
.recordset .alternate { background-color:#ffffff;}
.recordset .footer { padding-top:5px;padding-bottom:5px; text-align:right; }
a.categoryTitle {color: #0066FF; text-decoration: underline;}
a.categoryTitle:hover {color: #0066FF;background-color: #E5E8ED;text-decoration: underline;}
a.feed {
	font-weight:bold;
	float: right;
	font-size: 85%;
	padding-left:14px;
	background-image: url(../../images/ico_feed-10x10.png);
	background-position:left;
	background-repeat:no-repeat;
	text-transform:uppercase;
}
.feedTopContainer {
	text-align:right;
	margin-bottom:20px;
}
.latestTitle {
	float: none;
	padding-left: 10px;
	color: #666666;	
	font-size: 90%;
}
.record .job-title {font-size: 95%;}
.record .job-company { font-size: 95%;	}
.record .job-location {	font-size: 95%;font-weight:bold;}
.record .at {padding-left:10px;padding-right:10px;font-size: 85%}

/************* JobDetail page ******************/
/***********************************************/
#post-detail {margin:50px 0px 10px 0px;}
#post-detail h1 {display:inline; margin-left:5px;}
#post-detail .title-bar {
	font-size: 130%;
	font-weight:bold;	
	padding-top:10px;
	padding-bottom:10px;
	background-color:#E9EEF6;
	margin-bottom:1px;
}
#post-detail .job-title {
	color: #667B99;	
}

#post-detail .title-bar .at {
	color: gray;
	padding-left:10px;
	padding-right:10px;
}
#post-detail .company-name {color: #0066FF;}
#post-detail .post-body {
	font-size: 105%;
	padding:2px;
}
#post-detail .content {margin-left:20px;}

/************* Search box **********************/
/***********************************************/
.searchpost input {
	width: 300px;
	font-size: 18px;
	padding: 5px;
	margin: 0;
}

/*********************** TAGS ******************/
/***********************************************/
.tag-cloud-container { 
margin-top:25px; 
padding-top:5px;
font-size:9px;
}
.tag-cloud-container h3 {color:#666666; font-size:125%; margin:0px 0px 2px 0px;}
.tag-cloud-container a { padding-right:5px; }

/******************** Modal Dialog *************/
/***********************************************/
.popupControl {
	background-color:#ffffff;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=40);
	opacity:0.4;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:gray; /* gray */
	padding:10px;
	width:250px;
}

/************************ END ******************/