@import url('/css/generic.css');
@import url('/css/layout.css');
@import url('/css/classes.css');
@import url('/css/main_nav.css');

/* =SECONDARY PAGE STYLES
-------------------------------------------------
	The following styles are for the secondary
	pages.
-------------------------------------------------*/

#header-image {
	position: relative;
	background: transparent url(/images/sp_header_bg.jpg) no-repeat top left;
	height: 126px;
}

#header-image a#logo {
	position: absolute;
	left: 25px;
	top: 11px;
	width: 197px;
	height: 60px;
	display: block;
	text-indent: -9999em;
}

#header-image a {
	color: #192047;
}

#login {
	position: relative;
	left: 513px;
	top: 8px;
	padding: 0px;
}

#login p {
}

#login .login-links {
	padding: 0px 10px 0px 37px;
	margin: 0px;
	line-height: 20px;
}

#login .login-links a {
	float: left;
	padding: 0px;
}

#login .login-links a.register {
	width: 113px;
}

#login .login-links a.forgot-password {
	width: 119px;
}

#about-nav {
	padding-top: 70px;
	position: static;
	float: right;
	clear: right;
}

.sub-header h1 {
	background: #192047 url(/images/page_header_bg.gif) no-repeat top left;
	color: #fff;
	min-height: 27px;
	height: auto !important;
	height: 27px;
	line-height: 24px;
	border: 1px solid #757991;
	border-width: 0px 0px 1px 1px;
	padding: 53px 0px 10px 21px;
	margin-bottom: 0px;
}

.content-container {
	float: left;
	width: 100%;
}

.container-wide {
	background: transparent url(none);
}

.container-wide .main-content {
	width: 600px;
}

.main-content {
	padding: 31px 0px 20px;
	width: 587px;
	float: left;
	display: block;
	overflow: hidden;
	background: transparent none;
}

.main-content .inside {
	padding-right: 20px;
	padding-left: 21px;
	background-color: transparent;
}

.main-content, .main-content p {
	color: #000;
	font-size: 12px;
}




/* =CALENDAR AND NEWS TABS
-------------------------------------------------
	
-------------------------------------------------*/
#left-side h2 {
	padding: 0px;
	margin: 0px;
}

#left-side form input, #left-side form select {
	vertical-align: middle;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#left-side form select {
	border: 1px solid #621F24;
	background: #fff;
	color: #333;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	width: 124px;
}

#left-side form option {
	padding: 2px;
	width: 118px;
}

#left-side #calendar-search,
#left-side #news-search {
	color: #333;
	line-height: 18px;
	font-size: 10px;
	padding: 2px 5px;
	width: 140px;
	margin: 0px 0px 2px;
	display: block;
}

#calendar {
	width: 116px;
	height: 25px;
	display: block;
	float: left;
	text-indent: -9999em;
	background: transparent url(/images/calendar_tab.jpg) no-repeat bottom left;
}

#calendar.selected {
	width: 116px;
	height: 25px;
	display: block;
	float: left;
	text-indent: -9999em;
	background: transparent url(/images/calendar_tab.jpg) no-repeat top left;
}

#news {
	display: block;
	width: 71px;
	height: 25px;
	float: right;
	text-indent: -9999em;
	background: transparent url(/images/news_tab.jpg) no-repeat bottom left;
}

#news.selected {
	display: block;
	width: 71px;
	height: 25px;
	float: right;
	text-indent: -9999em;
	background: transparent url(/images/news_tab.jpg) no-repeat top left;
}

#news-content input, #calendar-content input {
}

#news-content ul, #calendar-content ul {
	list-style: none;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	float: left;
}

#news-content ul li, #calendar-content ul li {
	position: relative;
	margin: 0px;
}

#calendar-query, #news-query {
	line-height: 18px;
	padding: 2px 5px;
	font-size: 10px;
	width: 125px;
	color: #333;
	border: 1px solid #621F24;
}

#calendar-link, #news-link {
	border: 1px solid #621f24;
	background: #fff url(/images/rw_down_arrow.gif) no-repeat 105px 7px;
	color: #333;
	margin-top: 3px;
	line-height: 12px;
	font-size: 10px;
	padding: 2px 5px;
	width: 107px;
	display: block;
	text-decoration: none;
}

#calendar-select, #news-select {
	border: 1px solid #621f24;
	border-top: 0px solid #fff;
	background: #fff;
	color: #333;
	line-height: 12px;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	width: 117px;
	list-style: none;
	display: block;
	position: absolute;
	top: 17px;
	left: 0px;
	float: left;
}

#calendar-select a, #news-select a {
	color: #333;
	line-height: 12px;
	font-size: 10px;
	padding: 2px 5px;
	display: block;
}

#calendar-select a:hover, #news-select a:hover {
	text-decoration: none;
	background-color: #efefef;
}

#calendar-submit, #news-submit {
	margin: 3px 0px 0px 0px;
}

/* === j9: try this ====================================
#calendar-search, #news-search {
	border: 1px solid #621F24;
	background: #fff;
	color: #333;
	line-height: 18px;
	font-size: 10px;
	padding: 2px 5px;
	width: 132px;
	margin: 2px 0px;
}

#calendar-content form input, #news-content form input, #calendar form select, #news form select {
	vertical-align: middle;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#calendar-content form select, #news-content form select {
	border: 1px solid #621F24;
	background: #fff;
	color: #333;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	width: 144px;
}

#calendar-content form option, #news-content form option {
	padding: 2px;
	width: 138px;
}

#calendar-content form, #news-content form {
	background-color: #9E3039;
	padding: 7px 9px;
	height: 43px;
	border-bottom: 1px solid #fff;
}
/*==================================================

/* =COMPLIANCE SEARCH
-------------------------------------------------

-------------------------------------------------*/

#compliance-search, #contacts-search {
	margin: 0px;
	padding: 0px;
}

#compliance-search input, #contacts-search input {
	display: block;
}

#compliance-search ul, #contacts-search ul {
	list-style: none;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	float: left;
}

#compliance-search ul li, #contacts-search ul li {
	margin: 0px;
}

#compliance-search label {
	display: block;
	margin-bottom: 5px;
}

#compliance-query, #contacts-query {
	line-height: 18px;
	padding: 2px 5px;
	font-size: 10px;
	width: 125px;
	color: #333;
	border: 1px solid #577B2E;
}

#compliance-link, #contacts-link {
	border: 1px solid #577B2E;
	background: #fff url(../images/gw_down_arrow.jpg) no-repeat 105px 7px;
	color: #333;
	margin-top: 3px;
	line-height: 12px;
	font-size: 10px;
	padding: 2px 5px;
	width: 107px;
	display: block;
	text-decoration: none;
}

#compliance-link:hover, #contacts-link:hover {
	text-decoration: none;
}

#compliance-select, #contacts-select {
	border: 1px solid #577B2E;
	border-top: 0px solid #fff;
	background: #fff;
	color: #333;
	line-height: 12px;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	width: 117px;
	list-style: none;
	display: block;
	position: absolute;
	top: 17px;
	left: 0px;
	z-index: 99;
	height: auto;
}

#compliance-select {
	z-index: 40;
}

#compliance-search div, #contacts-search div {
	padding: 5px 0px 0px;
}

#compliance-select a, #contacts-select a {
	color: #333;
	line-height: 12px;
	font-size: 10px;
	padding: 2px 5px;
	display: block;
}

#compliance-select a:hover, #contacts-select a:hover {
	text-decoration: none;
	background-color: #efefef;
}

#compliance-submit, #contacts-submit {
	margin: 3px 0px 0px 0px;
}

/* =PRODUCTS LEFT MODULE
-------------------------------------------------
	
-------------------------------------------------*/

#products-services p {
	padding: 5px 0px 0px;
}

#products-services ul {
	background: transparent;
	list-style: none;
	padding: 0px;
	margin: 0px 2px 0px 0px;
	border: 0px;
	width: 119px;
	height: 18px;
	float: left;
}

#products-services ul li {
	background: transparent none;
	padding: 0px;
	margin: 0px;
}

#products-services ul li a {
	color: #333;
	font-size: 10px;
}


#products-link {
	border: 1px solid #577B2E;
	background: #fff url(../images/gw_down_arrow.jpg) no-repeat 105px 7px;
	color: #333;
	margin-top: 2px;
	line-height: 12px;
	font-size: 10px;
	padding: 2px 5px;
	width: 107px;
	display: block;
	text-decoration: none;
}

#products-link:hover {
	text-decoration: none;
}

#products-services ul#products-select {
	border: 1px solid #577B2E;
	border-top: 0px solid #fff;
	background: #fff;
	color: #333;
	line-height: 12px;
	font-size: 10px;
	padding: 0px;
	width: 117px;
	display: block;
	z-index: 20;
	position: absolute;
	top: 17px;
	left: 0px;
	height: auto;
}

#products-services ul#products-select li a {
	color: #333;
	line-height: 12px;
	font-size: 10px;
	padding: 2px 5px;
	display: block;
}

#products-select a:hover {
	text-decoration: none;
	background-color: #efefef;
}

#products-submit {
	margin: 2px 0px 0px 0px;
}

/* =FIND JOBS LEFT MODULE
-------------------------------------------------
	
-------------------------------------------------*/

#find-jobs ul {
	list-style: none;
	margin: 10px 0px 0px;
	padding: 0px;
}

#find-jobs ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#find-jobs ul li a {
	background: #fff url(../images/gw_arrow.jpg) no-repeat 5px 7px;
	display: block;
	padding: 2px 12px;
	margin: 0px 0px 3px;
	color: #283D11;
}

.detail-image {
	margin: 5px 20px 10px 10px;
	border: 2px solid #e2e4ec;
	width: 150px;
	height: 150px;
	display: block;
	float: right;
	overflow: hidden;
}

.detail-image img {
	margin: 0px;
	padding: 0px;
}

/* = SEARCH MODULE
-------------------------------------------------*/

#search {
	margin: 0px;
	padding: 0px;
}

#search p {
	margin: 0px;
	padding: 0px;
}

#search input {
	vertical-align: middle;
}

#search h2 {
	font-size: 11px;
	margin: 5px 0px 0px;
	padding: 0px;
}

#query,
#contacts-search-query,
#comp-search-query {
	padding: 2px;
	background-color: #fff;
	border: 1px solid #577B2E;
	color: #333;
	margin: 0px;
}