/* CSS Document */

html,body{margin: 0px; padding: 0px; color: #818181; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; background-color: #000000;}
strong{color: #5a5a5a;}
a{color: #2a4662; text-decoration: none;}
a:hover{color: #2a4662; text-decoration: underline;}
img{margin: 0px; padding: 0px; border: 0px;}
h1{font-family: Georgia, Times, serif; margin: 25px 0px 20px 0px; padding: 0px; font-size: 28px; color: #2a4662; font-weight: normal; line-height: 24px;}
h2{font-family: Georgia, Times, serif; margin: 15px 0px; padding: 0px; font-size: 21px; color: #2a4662; font-weight: normal;}
h3{font-family: Georgia, Times, serif; margin: 15px 0px; padding: 0px; font-size: 15px; color: #2a4662; font-weight: normal;}
img{border: 0px;}

/* Layout */

#container{width: 1000px; padding: 0px; background-color: #ffffff; top: 255px; position: absolute; display: block; left: 50%; margin-left: -500px;}
#header{width: 1000px; position: absolute; top: 0px; left: 50%; margin-left: -500px;}
#header-left{width: 264px; background-image: url(../assets/images/login-bg.jpg); background-position: bottom; background-repeat: repeat-x; float: left;}
#header-right{width: 736px; float: right;}
#header-logo{height: 119px; background: #f7f7f7;}
#header-login{height: 136px; color: #adb8c3; background-image: url(../assets/images/login-bg2.jpg); line-height: 14px; background-repeat: no-repeat; background-position: bottom; font-size: 11px;}
#header-login strong{color: #adb8c3;}
#header-login a{color: #adb8c3;}
#header-login p{padding: 3px 0px 0px 0px;}
#header-right2{position: absolute; background-image: url(../assets/images/nav.jpg); top: 120px; z-index: 9; margin: 0px; width: 726px; padding: 0px; padding-left:10px; height: 32px; background-color: #fff;}
#mySwf{position: absolute; width: 736px; height: 255px; top: 0px; margin: 0px; padding: 0px;}
#flash-content{position: absolute; width: 736px; height: 255px; top: 0px; margin: 0px; padding: 0px;}
#main{width: 1000px;}
#sidebar{width: 263px; background-image: url(../assets/images/sidebar-bg.jpg); min-height: 200px; float: left; border-left: 1px solid #ffffff; padding: 25px 0px 0px 0px; background-repeat: repeat-x;}	
.sidebar-box h1{font-family: Georgia, Times, serif; margin: 0px; padding: 0px; font-size: 18px; color: #2a4662; font-weight: normal;}
.sidebar-box p{font-size: 11px; line-height: 16px; margin: 0px; padding: 8px 0px 0px 0px;}
.sidebar-left{float: left; margin: 0px 10px 0px 10px;}
.sidebar-seperator{height: 1px; width: 243px; overflow: hidden; background: #eaeaea; padding: 0px; margin: 18px 10px;}
.sidebar-photos{text-align: center;}
.sidebar-photos img{border: 1px solid #ccc; margin: 3px;}
#content{width: 711px; float: right; padding: 0px 0px 75px 0px;}
#content2{width: 711px; float: right; padding: 0px 0px 0px 0px;}
#footer-container{width: 1000px; height: 75px; margin: 0px auto; display: block;}
#footer{background-image: url(../assets/images/footer-bg.jpg); margin: 0px auto; width: 990px; height: 40px; text-align: right; padding: 35px 10px 0px 0px; line-height: 16px; font-size: 10px; color: #9dadbd;}
#footer a{color: #ffffff;}
#footer a:hover{color: #ffffff;}
#footer-design a{color: #9dadbd;}
#footer-design a:hover{color: #9dadbd;}

/* Buttons */

#btn-signup{background: url(../assets/images/btn-signup.jpg) top left no-repeat; width: 183px; height: 62px; display: block; text-indent: -10000px; cursor: pointer;}
#btn-signup:hover{background-position: bottom left;}
#btn-searchjobs{background: url(../assets/images/btn-searchjobs.jpg) top left no-repeat; width: 183px; height: 62px; display: block; text-indent: -10000px; cursor: pointer;}
#btn-searchjobs:hover{background-position: bottom left;}
#nav-home{cursor: pointer; float: left; background: url(../assets/images/nav-home.jpg) top left no-repeat; width: 93px; height: 32px; display: block; text-indent: -10000px; cursor: pointer;}
#nav-home:hover{background-position: bottom left;}
#nav-employers{float: left; background: url(../assets/images/nav-employers.jpg) top left no-repeat; width: 105px; height: 32px; display: block; text-indent: -10000px; cursor: pointer;}
#nav-employers:hover{background-position: bottom left;}
#nav-employees{float: left; background: url(../assets/images/nav-employees.jpg) top left no-repeat; width: 109px; height: 32px; display: block; text-indent: -10000px; cursor: pointer;}
#nav-employees:hover{background-position: bottom left;}
#nav-search{float: left; background: url(../assets/images/nav-search.jpg) top left no-repeat; width: 84px; height: 32px; display: block; text-indent: -10000px; cursor: pointer;}
#nav-search:hover{background-position: bottom left;}
#nav-faqs{float: left; background: url(../assets/images/nav-faqs.jpg) top left no-repeat; width: 67px; height: 32px; display: block; text-indent: -10000px; cursor: pointer;}
#nav-faqs:hover{background-position: bottom left;}
#nav-training{float: left; background: url(../assets/images/nav-training.jpg) top left no-repeat; width: 92px; height: 32px; display: block; text-indent: -10000px; cursor: pointer;}
#nav-training:hover{background-position: bottom left;}
#nav-about{float: left; background: url(../assets/images/nav-about.jpg) top left no-repeat; width: 75px; height: 32px; display: block; text-indent: -10000px; cursor: pointer;}
#nav-about:hover{background-position: bottom left;}
#nav-contact{float: left; background: url(../assets/images/nav-contact.jpg) top left no-repeat; width: 85px; height: 32px; display: block; text-indent: -10000px; cursor: pointer;}
#nav-contact:hover{background-position: bottom left;}

/* Three Boxes (Home Page) */

#three{margin: 0px 4px; padding: 0px 0px 5px 0px;}
.three-box{width: 290px; margin: 20px 19px 0px 19px; float: left;}
.three-box p{padding: 10px 0px 0px 0px; margin: 0px;}
.three-box h1{margin: 0px 0px 10px 0px; padding: 0px;}
.three-box-a{width: 290px; margin: 20px 0px 0px 19px; float: left;}
.three-box-a p{padding: 10px 0px 0px 0px; margin: 0px;}
.three-box-a h1{margin: 0px 0px 10px 0px; padding: 0px;}

.column{width: 690px;}
.column-dotted{width: 670px; overflow: hidden; height: 1px; background: #d3d3d3; margin: 10px;}
.column-left{float: left; width: 325px; margin: 0px; border-right: 1px solid #eaeaea; padding: 0px 20px 0px 0px;}
.column-right{float: right; width: 325px; margin: 0px 20px}

.clear{clear:both; font-size:0px; width:0px; line-height:0px; height:0px; display:block; overflow:hidden;}
.left-float{float: left;}
.right-float{float: right;}
.right{float: right; padding: 0px 0px 10px 0px;}
.right-btns{float: right; width: 183px; margin: 0px 30px 0px 0px;}
.seperator{width: 980px; overflow: hidden; height: 1px; background: #eaeaea; margin: 10px;}
.sign-up{width: 630px;}
.sign-up p{width: 472px;}
.quote{font-family: Georgia, Times, serif; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; width: 250px; font-size: 19px; line-height: 27px; color: #222222; font-weight: normal; font-style: italic; text-align: center;}

#accordion{margin: 20px 20px 20px 0px;}
#accordion p{padding: 10px 3px; margin: 0px;}
h3.toggler {cursor: pointer; margin: 0 0 2px 0; padding: 3px; color: #000;}

/* Tabs */

.tab-container {margin: 0px; padding: 0px; float: left; clear: none; width: 670px;}
.tab-container p{width:180px; padding: 0px; margin: 5px 0px 5px 0px;}
.tab-title-container {margin: 0px; padding: 0px;}
.tab-title {
	float: left;
	padding: 7px;
	margin: 0px 1px 0px 0px;
	font-weight: bold;
	background: #ccc;
	list-style: none;
	cursor: pointer;
	text-align: center;
	width: 120px;
	display: block;
}
.tab-content{background: #EEE; width: 670px; height: auto; padding: 7px; }

.TabbedPanelsTabHover {background: #DDD;}
.TabbedPanelsTabSelected {background: #EEE; color: #3c5584;}
.TabbedPanelsContentGroup {clear: both; width: 280px;}

.TabbedPanelsContentVisible {}

.video
{
	width: 690px;
	text-align: center;
}

.tc
{
	overflow: auto;
	width: 558px;
	height: 300px;
	border: 1px solid;
	padding: 5px;
	margin-bottom: 10px;
}

.menuOption
{
	padding-left:12px;
	padding-right:12px;
	padding-top: 6px;
	height: 34px;
	color: #fff;
	text-align: center;
	float: left;
	font-family: arial, helvetica, sans_serif;
	font-weight: bold;
	font-size: 12px;
}

.menuOption a:hover
{
	color: #aaa;
	text-decoration: none;
}

.menuOption_Sel
{
	width:90px;
	padding-top: 5px;
	height: 34px;
	color: #fff;
	text-align: center;
	float: left;
	font-family: Georgia, Times, serif;
}

/* Input Box */

.inputBox
{
	border: 1px solid #aaaaaa; 
	background: #ffffff; 
	width: 300px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

.premium
{
	font-weight: bold;
	background: #f1f1f1 url(../assets/images/dropshadow2.gif) left bottom no-repeat;
}

.standard
{
	border-bottom: solid 1px #f1f1f1;
}

.submitButton{background: url(../assets/images/btn-signup.jpg) top left no-repeat; width: 183px; height: 62px; display: block; text-indent: -10000px; cursor: pointer;}
.submitButton:hover{background-position: bottom left;}

.upgradeButton{background: url(../assets/images/btn-upgrade.jpg) top left no-repeat; width: 183px; height: 62px; display: block; text-indent: -10000px; cursor: pointer;}
.upgradeButton:hover{background-position: bottom left;}
.search-jobs{background: url(/assets/images/search-jobs.jpg) top left no-repeat; width: 312px; height: 51px; padding: 20px 10px 10px 10px;}
.search-jobs-advanced{background: #eee; border: 1px solid #c8c8c8; width: 310px; padding: 20px 10px 10px 10px;}
.search-crew{background: url(/assets/images/search-crew.jpg) top left no-repeat; width: 312px; height: 51px; padding: 20px 10px 10px 10px;}
.search-crew-advanced{background: #eee; border: 1px solid #c8c8c8; width: 310px; padding: 20px 10px 10px 10px;}
.search-grey{font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #979797; margin: 0 0 5px 0; padding: 0;}
.search-blue{font-weight: bold; color: #2a4662;}
.search-small{font-size: 11px; color: #8e8e8e; padding: 0; margin: 0;}
.social-media{padding: 5px 44px 4px 8px; margin: 5px 0 0 0; width: 623px; height: 24px; background: url(/assets/images/socialmedia.jpg) top left no-repeat; display: block; font-family: Verdana, Geneva, sans-serif; font-size: 11px;}

/* ##### LIGHTBOX / FANCYBOX #####*/

 #fancybox-loading {position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none;}
* html #fancybox-loading {	/* IE6 */ position: absolute; margin-top: 0;}

#fancybox-loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/assets/images/fancybox.png');}
#fancybox-overlay {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none;}
* html #fancybox-overlay {	/* IE6 */ position: absolute; width: 100%;}

#fancybox-tmp {padding: 0; margin: 0; border: 0; overflow: auto; display: none;}
#fancybox-wrap {position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none;}
#fancybox-outer {position: relative; width: 100%; height: 100%; background: #FFF;}
#fancybox-inner {position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden;}
#fancybox-hide-sel-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}
#fancybox-close {position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('/assets/images/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none;}
#fancybox_error {color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0;}
#fancybox-content {height: auto; width: auto; padding: 0; margin: 0; }
#fancybox-img {width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic;}
#fancybox-frame {position: relative; width: 100%; height: 100%; border: none; display: block;}
#fancybox-title {position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102;}
.fancybox-title-inside {padding: 10px 0; text-align: center; color: #333;}
.fancybox-title-outside {padding-top: 5px; color: #FFF; text-align: center; font-weight: bold;}
.fancybox-title-over {color: #FFF; text-align: left;}
#fancybox-title-over {padding: 10px; background-image: url('/assets/images/fancy_title_over.png'); display: block;}
#fancybox-title-wrap {display: inline-block;}
#fancybox-title-wrap span {height: 32px; float: left;}
#fancybox-title-left {padding-left: 15px; background-image: url('/assets/images/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat;}
#fancybox-title-main {font-weight: bold; line-height: 29px; background-image: url('/assets/images/fancybox-x.png'); background-position: 0px -40px; color: #FFF;}
#fancybox-title-right {padding-left: 15px; background-image: url('/assets/images/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat;}
#fancybox-left, #fancybox-right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/assets/images/blank.gif'); z-index: 1102; display: none;}
#fancybox-left {left: 0px;}
#fancybox-right {right: 0px;}
#fancybox-left-ico, #fancybox-right-ico {position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block;}
#fancybox-left-ico {background-image: url('/assets/images/fancybox.png'); background-position: -40px -30px;}
#fancybox-right-ico {background-image: url('/assets/images/fancybox.png'); background-position: -40px -60px;}
#fancybox-left:hover, #fancybox-right:hover {visibility: visible;    /* IE6 */}
#fancybox-left:hover span {left: 20px;}
#fancybox-right:hover span {left: auto; right: 20px;}
.fancy-bg {position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001;}
#fancy-bg-n {top: -20px; left: 0; width: 100%; background-image: url('/assets/images/fancybox-x.png');}
#fancy-bg-ne {top: -20px; right: -20px; background-image: url('/assets/images/fancybox.png'); background-position: -40px -162px;}
#fancy-bg-e {top: 0; right: -20px; height: 100%; background-image: url('/assets/images/fancybox-y.png'); background-position: -20px 0px;}
#fancy-bg-se {bottom: -20px; right: -20px; background-image: url('/assets/images/fancybox.png'); background-position: -40px -182px;}
#fancy-bg-s {bottom: -20px; left: 0; width: 100%; background-image: url('/assets/images/fancybox-x.png'); background-position: 0px -20px;}
#fancy-bg-sw {bottom: -20px; left: -20px; background-image: url('/assets/images/fancybox.png'); background-position: -40px -142px;}
#fancy-bg-w {top: 0; left: -20px; height: 100%; background-image: url('/assets/images/fancybox-y.png');}
#fancy-bg-nw {top: -20px; left: -20px; background-image: url('/assets/images/fancybox.png'); background-position: -40px -122px;}

