/******************************************************************************************************
Main.css

This css file defines the site-wide styles for AlskaJobsNet.com

******************************************************************************************************/

body {
	background: #fff;
	color: #000;
	font: normal 11px arial,helvetica,sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
}


/******************************************************************************************************
												Generic styles 
******************************************************************************************************/
.clear { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.height-filler { height: 112px !important; height: 155px; }
.nobg {	background: none; }
.va-bottom { vertical-align: bottom; }
.va-top { vertical-align: top; }

.bullet1 { 
	display: inline;
	background: url("/assets/img/misc/bullet1.gif") no-repeat 0 1px;
	vertical-align: bottom;
	padding: 0 0 0 18px;
}


/********************************************************************************************************
												Main Body styles 
********************************************************************************************************/
#main-body {																	/* main body container */
	clear: both;
	display: block;
	width: 960px;
	border-top: 3px solid #fff;
	margin: 0;
	padding: 0;
}
#main-body .background {														/* main body background */
	background: url("/assets/img/misc/bg_body.gif") transparent;
}
#main-body .body-footer {														/* main body footer */
	clear: both;
	display: block;
	width: 874px;
	background: #9d9b9c;
	border-top: 3px solid #fff;
	margin: 0 3px;
	padding: 3px 0;
}


/***************************************************
			left column
***************************************************/
#main-body .left-column {														/* left column container */
	float: left;
	display: block;
	background: url("/assets/img/misc/bg_bodytable.gif") transparent;
	width: 711px;
	height: auto;
	margin: 0;
	padding: 0 3px;	/* also defined in IE6.css */
}

#main-body .dbl-column {						/* double column container */
	float: left;
	display: block;
	background: url("/assets/img/misc/bg_bodytable_wide.gif") transparent;
	width: 711px;
	height: auto;
	margin: 0;
	padding: 0 3px;	/* also defined in IE6.css */
}

/***************************************************
			right column
***************************************************/
#main-body .right-column {														/* right column container */
	float: left;
	display: block;
	width: 160px;
	height: auto;
	background: none;
	margin: 0;
	padding: 0;
}
#main-body .right-column img.ad {												/* right colum 160x600 */
	border-bottom: 3px solid #fff;
}
#main-body .right-column .filler {												/* right column filler */
	float: left;
	display: block;
	width: 140px;
	color: #fff;
	font: normal 12px arial,helvetica,sans-serif;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
}
#main-body .right-column .filler a {											/* right column filler link */
	color: #fff;
	font-size: 14px;
}


/********************************************************************************************************
												Body table styles 
********************************************************************************************************/
#main-body .body-table {														/* body table container */
	display: block;
	width: 711px;
	height: auto;
	margin: 0;
	padding: 0;
}
#main-body .body-table img.header {												/* body table header */
	vertical-align: middle;
	margin: 10px 0;
	padding: 0;
}
#main-body .body-table img.footer {												/* body table footer */
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}



/***************************************************
			body search mdoule
***************************************************/
#main-body .body-table .search {												/* search column */
	float: left;
	display: block;
	width: 215px;
	color: #000;
	font: normal 12px arial,helvetica,sans-serif;
	text-align: left;
	margin: 0;
	padding: 25px;
	padding-right: 0;
}
#main-body .body-table .search a {												/* search link */
	color: #0063d2;
}
#main-body .body-table .search form {											/* searh form */
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
}
#main-body .body-table .search input {											/* search input */
	display: block;
	width: 210px;
	border: 1px solid #666;
	color: #000;
	font: normal 11px arial,helvetica,sans-serif;
	text-align: left;
	margin: 2px 0 6px 0;
	padding: 1px;
}
#main-body .body-table .search input.chkbox {									/* search input checkbox */
	float: left;
	width: auto;
	border: none;
	margin: 0 6px;
	padding: 0;
}
#main-body .body-table .search select {											/* search select */
	width: 210px;
	border: 1px solid #666;
	color: #000;
	font: normal 11px arial,helvetica,sans-serif;
	text-align: left;
	margin: 2px 0 0 0;
	padding: 0;
}
#main-body .body-table .search h2 {												/* search header */
	display: block;
	color: #434544;
	font: bold 16px arial,helvetica,sans-serif;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 0;
}
#main-body .body-table .search h2 span {										/* search header link */
	color: #000;
	font: normal 12px arial,helvetica,sans-serif;
	text-align: left;
}
#main-body .body-table .search p {
	clear: both;
	margin: 0;
	padding: 0 0 15px 0;
}
#main-body .body-table .search p.advanced {
	float: left;
	width: 100px;
	margin: 0;
	padding: 0 35px 0 0;
}
#main-body .body-table .search p.digest {
	margin: 0;
	padding: 5px 0;
}
#main-body .body-table .search .search-bg {
	background: #f9f9f9;
	width: 100%;
	margin: 0;
	padding: 0 6px;
}
#main-body .body-table .search .employers-bg {
	background: #d8e6e6;
	width: 191px;
	margin: 0;
	padding: 0 6px;
}


/***************************************************
			body table structure
***************************************************/
#main-body .body-table .left-rail {												/* left rail container */
	float: left;
	display: block;
	border-top: 3px solid #b71500;
	width: 508px;
	height: auto;
	margin: 0 3px 0 0;
	padding: 0;
}
#main-body .body-table .right-rail {											/* right rail container */
	float: left;
	display: block;
	border-top: 3px solid #000;
	width: 200px;
	height: auto;
	margin: 0;
	padding: 0;
}


/********************************************************************************************************
												Bottom table styles 
********************************************************************************************************/
#main-body .bottom-table {														/* bottom table container */
	clear: both;
	float: left;
	display: block;
	background: #b71500;
	border-top: 3px solid #fff;
	width: 711px;
	height: auto;
	text-align: left;
	margin: 0;
	padding: 0;
}
#main-body .bottom-table a {													/* bottom table link */
	color: #bc1d00;
	text-decoration: underline;
}
#main-body .bottom-table ul {													/* bottom table list container */
	margin: 0;
	padding: 0;
}
#main-body .bottom-table li {													/* bottom table list */
	background: url("/assets/img/misc/bullet1.gif") no-repeat 0 3px;
	list-style: none;
	color: #bc1d00;
	font: bold 12px arial,helvetica,sans-serif;
	text-align: left;
	margin: 6px 0;
	padding: 0 0 0 15px;
}
#main-body .bottom-table li a {													/* bottom table list link */
	color: #bc1d00;
	text-decoration: none;
}
#main-body .bottom-table li a:hover {
	color: #bc1d00;
	text-decoration: underline;
}
#main-body .bottom-table .box {													/* bottom table box */
	float: left;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}
#main-body .bottom-table .left-box {											/* bottom table left box */
	float: left;
	width: 300px;
	border: 6px solid #b71500;
	border-right: none;
	margin: 0;
	padding: 0;
}
#main-body .bottom-table .right-box {											/* bottom table right box */
	float: left;
	width: 393px;
	height: 250px;
	background: #fff;
	border: 6px solid #b71500;
	margin: 0;
	padding: 0;
}
#main-body .bottom-table .right-box .digest {									/* right box digest */
	margin: 0;
	padding: 6px 12px;
}


/******************************************************************************************************
												Footer styles 
******************************************************************************************************/
#footer {																		/* footer container */
	clear: both;
	width: 960px;
	display: block;
	margin: 0 auto;
	padding: 3px 0 0 0;
}
#footer .footer {																/* footer area */
	color: #cca952;
	font: normal 11px arial,helvetica,sans-serif;
	text-align: center;
	margin: 0;
	padding: 10px 0 0 0;
}
#footer .footer a {																/* footer link */
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0 12px;
}
#footer .footer a:hover {
	text-decoration: underline;
}
#footer .footer p {																/* footer padding */	
	color: #fff;
	margin: 0;
	padding: 0 0 6px 0;
}
#footer .footer-bg {															/* footer background */
	background: url("/assets/img/misc/bg_footer.gif") transparent;
	height: 53px;
	margin: 0;
	padding: 0;
}



/******************************************************************************************************
												Header styles 
******************************************************************************************************/
#header {																		/* header container */
	width: 960px;
	display: block;
	margin: 0;
	padding: 0 0 3px 0;
}
#header img.masthead {															/* header masthead */
	margin: 3px 0 0 0;
	padding: 0;
}


/******************************************************************************************************
												Logo styles 
******************************************************************************************************/
#logo {																			/* logo container */
	width: 960px;
	display: block;
	margin: 0;
	padding: 0 0 3px 0;
}
#logo .logo {																	/* logo style */
	float: left;
	margin: 0;
	padding: 0;
}
#logo .logo-bg {																/* logo background */
	background: url("/assets/img/misc/bg_logo.gif");
	height: 39px;
	margin: 0;
	padding: 0;
}


/***************************************************
			site nav module
***************************************************/
#logo .site-nav {																/* site nav container */
	float: left;
	color: #fff;
	font: bold 11px arial,helvetica,sans-serif;
	text-align: right;
	margin: 0;
	padding: 15px 50px 0 15px;
}
#logo .site-nav a {																/* site nav link */
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0 7px;
}
#logo .site-nav a:hover {
	color: #000;
	text-decoration: underline;
}


/******************************************************************************************************
												Top Ad styles 
******************************************************************************************************/
.topads {																		/* top ads container */
	color: #000;
	font: normal 11px arial,helvetica,sans-serif;
	text-align: left;
	margin: 0;
	padding: 6px 12px;
}
.topads a {																		/* top ads link */
	color: #b51200;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
.topads a:hover {
	color: #b51200;
	text-decoration: underline;
}
.topads p {																		/* top ads padding */
	margin: 0;
	padding: 6px 0;
}
.topads .view-all {																/* top ads view all */
	background: url("/assets/img/misc/bullet2.gif") no-repeat 0 2px;
	color: #010520;
	font: bold 11px arial,helvetica,sans-serif;
	margin: 12px 0 0 0;
	padding: 0 0 0 12px;
}
.topads .view-all a,

.topads .view-all a:hover {														/* top ads view all link */
	color: #010520;
	text-decoration: underline;
}


/***************************************************
					weather module
***************************************************/
#weather {																		/* weather container */
	width: 960px;
	display: block;
	margin: 0;
	padding: 0;
}
#weather .weather {																/* weather module */
	float: left;
	display: block;
	background: #4e4e4e;
	width: 214px;
	height: 90px;
	color: #fff;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	margin: 0 3px 0 0;
	padding: 0 5px 0 10px;
}
#weather .weather h1 {															/* weather header */
	display: block;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 10px 0;
}
#weather .weather span.degree {													/* weather degree */
	font-size: 30px;
	text-align: left;
	margin: 0;
	padding: 0;
}
#weather .weather span.current {												/* current weather */
	font-size: 14px;
}
#weather .weather img {															/* weather image */
	float: left;
	border: 1px solid #fff;
	margin: 0 10px 0 0;
	padding: 0;
}
#weather .forecast {															/* weather forecast */
	clear: both;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#weather .forecast a {															/* weather forecast link */
	color: #fff;
	text-decoration: none;
	padding: 0 6px;
}
#weather .forecast a:hover {
	color: #fff;
	text-decoration: underline;
}