@charset "UTF-8";
/* CSS Document */

#header-bg-wrap {  
	width:auto; 
	background: #fff url(../images/bg.gif) left top repeat-x;
}

#job-header-bg-wrap {  
	width:auto; 
	background: #1f6b9c url(../images/job-bg.jpg) left top repeat-x;
	height:114px;
	margin-bottom:50px;
}

#job-header-bg-wrap .txt2 {
	float: right;
	padding: 10px 22px 0 0;
	font-size: 11px;
}

#job-header-bg-wrap .txt2 a { 
	color:#CB2A27; 
	text-decoration:underline; 
}

#header-wrap {
	width:960px; 
	margin:0 auto;
}

#job-header-wrap {
	width:853px; 
	margin:0 auto;
}

body {
	color: #222;
	font: 12px/19px helvetica, verdana, arial, sans-serif;
}

* {
	margin: 0;
	padding: 0;
}

/* canvas */

#canvas {
	width: 100%;
	margin: 0 auto;
}

#content-wrap {
	width: 960px;
	margin: 0 auto;
}

#content-wrap-sub {
	width: 100%;
	margin: 32px auto 0 auto;
}

/* homepage login section */

#login-header {
	margin: 0 auto;
	width: 580px;
	height: 32px;
	background: transparent url(../images/login-bg.png) left top no-repeat;	
}

#job-login-header {
	margin: 0 auto;
	width: 589px;
	height: 42px;
	background: transparent url(../images/job-login-bg.png) left top no-repeat;	
}

.toplinks {width: 550px;margin: 0 auto 0 auto;text-align:center; padding-top:5px;}
.toplink-profile {background: transparent url(../images/icon-profile.png) left top no-repeat;padding: 2px 0 2px 30px;}
.toplink-logout {background: transparent url(../images/icon-logout.png) left top no-repeat;padding: 2px 0 2px 25px;}

form {
	float: left;
	padding: 3px 0 0 0;
}

.txt1 {
	float: left;
	padding: 4px 4px 0 25px;
	color: #505050;
	font-size: 11px;
	font-weight: bold;
}

.txt2 {
	float: right;
	padding: 4px 22px 0 0;
	font-size: 11px;
}

/* Form elements */

select {
	border-top: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #d9d9d9;
	width: 190px;
	height: 24px;
	background: #fff;	
	color: #707070;
	margin: 4px 0 8px 0;
}

input {
	border-top: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #d9d9d9;
	width: 125px;
	height: 18px;
	background: #fff url(../images/input-bg.png) left top repeat-x;	
	margin: 0 2px;	
	color: #707070;
	text-indent: 10px;
}

input.large {
	border-top: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #d9d9d9;
	width: 190px;
	height: 24px;
	background: #fff url(../images/input-bg.png) left top repeat-x;	
	margin: 0 0 4px 0;	
	color: #707070;
	text-indent: 10px;
}

input.medium {
	border-top: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #d9d9d9;
	width: 169px;
	height: 24px;
	background: #fff url(../images/input-bg.png) left top repeat-x;	
	margin: 0 0 6px 0;	
	color: #707070;
	text-indent: 10px;
}

input#submit {
	width: 47px;
	height: 21px;
	background: transparent url(../images/button-login.png) left top no-repeat;	
	margin: 0 0 0 3px;
	padding: 0;
	float: none;
	vertical-align:top;
	border: 0;
	cursor: pointer;
	overflow:hidden;
}

input#retrieve {
	width: 169px;
	height: 27px;
	background: transparent url(../images/button-retrieve.gif) left top no-repeat;	
	margin: 0;
	padding: 0;
	float: none;
	vertical-align:top;
	border: 0;
	cursor: pointer;
	overflow:hidden;
}

input#retrieve:hover {
	background: transparent url(../images/button-retrieve.gif) left bottom no-repeat;	
}

input#change {
	width: 169px;
	height: 27px;
	background: transparent url(../images/button-change.gif) left top no-repeat;	
	padding: 0;
	margin: 5px 0 0 0;
	float: left;
	border: 0;
	cursor: pointer;
	overflow:hidden;
}

input#change:hover {
	background: transparent url(../images/button-change.gif) left bottom no-repeat;	
}

input#update {
	width: 169px;
	height: 27px;
	background: transparent url(../images/button-update.gif) left top no-repeat;	
	margin: 0 150px 0 0!important;
	border: 0;
	cursor: pointer;
	overflow:hidden;
	text-indent: -9999px;
	float: right;
}

input#update:hover {
	background: transparent url(../images/button-update.gif) left bottom no-repeat;	
}


/* header */

a.logo {
	margin: 0 auto;
	width: 222px;
	height: 124px;
	background: transparent url(../images/logo.gif) left top no-repeat;
	display: block;
	text-indent: -9999px;		
}

a.job-logo-home {
	margin: 0 auto;
	width: 353px;
	height: 58px;
	background: transparent url(../images/job-logo.png) left top no-repeat;
	display: block;
	text-indent: -9999px;	
}

a.job-logo {
	margin: 0 auto;
	width: 353px;
	height: 58px;
	background: transparent url(../images/job-logo.png) left top no-repeat;
	display: block;
	text-indent: -9999px;	
	top:25px;
	position:relative;
}

/* main */

#main-container {
	float: left;
	width: 960px;
	height: 555px;
	background: transparent url(../images/main-bg.jpg) left top no-repeat;	
}

#main-container h1 {
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	height: 0;
}

.button-wrap {
	float: left;
	width: 293px;
	height: 296px;
	margin: 74px 0 0 320px;
}

.anim-arrow {
	width: 60px;
	height: 110px;
	background: transparent url(../images/anim-arrow.gif) left top no-repeat;	
	margin: 0 auto;
}

.button-start {
	width: 293px;
	height: 106px;
	background: transparent url(../images/button-start.png) left top no-repeat;	
	display: block;
	cursor: pointer;
	overflow: hidden;
}

.button-start:hover {
	background: transparent url(../images/button-start.png) left bottom no-repeat;	
}

/* SubPages */

#main-container-sub {
	margin: 0 auto;
	width: 470px;
}

#main-container-sub p, #main-container-profile p {
	font-size: 14px;
}

#main-container-profile {
	margin: 0 auto;
	width: 853px;
	clear: both;
	background: transparent url(../images/tab-grad.gif) left bottom repeat-y;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.tabs-left {
	float: left;
	width: 242px;
	height:inherit;
}

.profile-right {
	float: right;
	width: 595px;
	padding: 15px 10px 0 0;
}

.tabs-left ul {
	list-style-type: none;
}

.tabs-left ul li {
	list-style-type: none;
	display: block;
	font: 14px/38px 'Merriweather', serif;
	height: 39px;
	text-indent: 20px;
	font-weight: 400;
}

.tabs-left ul li.on {
	background: transparent url(../images/on-bg.gif) right top no-repeat;
	margin: 0 8px 0 0;
	font-weight: 700;
	font-size: 16px;
}

.tabs-left ul li.off {
	background: transparent url(../images/off-bg.gif) right top no-repeat;
	margin: 0 8px 0 0;
}

.tabs-left ul li a.mytut {background: transparent url(../images/icon-user.png) 10px top no-repeat;display: block;height:36px;text-indent: 55px;}
.tabs-left ul li a.edit {background: transparent url(../images/icon-edit.png) 10px top no-repeat;display: block;height:36px;text-indent: 55px;}
.tabs-left ul li a.saved {background: transparent url(../images/icon-saved.png) 10px top no-repeat;display: block;height:36px;text-indent: 55px;}
.tabs-left ul li a.search {background: transparent url(../images/icon-search.png) 10px top no-repeat;display: block;height:36px;text-indent: 55px;}

.tabs-left ul li a {
	color: #005cca;
	text-decoration: none;
}

.tabs-left ul li a:hover {
	color: #0076e7;
	text-decoration: none;
}

.divider {
	width: 100%;
	background: transparent url(../images/divider.gif) left top repeat-x;
	height: 1px;
	margin: 20px 0;
}

.divider-np {
	width: 100%;
	background: transparent url(../images/divider.gif) left top repeat-x;
	height: 1px;
	margin: 1px 0 1px 0;
}

.profile-logout {
	float: right;
	clear: both;
	background: transparent url(../images/icon-logout.png) left top no-repeat;padding: 0 0 2px 25px;
	text-transform:uppercase;
	color:#666;
	font-size:10px;
}

/* elements */

a {
	color: #005cca;
	text-decoration: underline;
}

a:hover {
	color: #0076e7;
	text-decoration: none;
}

h1 {
	color: #c63737;
	font: 18px/24px helvetica, verdana, arial, sans-serif;
	font-weight: bold;
}

h2 {
	color:#666;
	font: 16px/21px 'Merriweather', serif;
	font-weight: bold;
}

h3 {
	color:#005cca;
	font: 14px/20px 'Merriweather', serif;
	font-weight: normal;
}

p {
	padding: 6px 0;
}

.pr-edit {
	font: 12px/19px helvetica, verdana, arial, sans-serif;
}

/* tables */

table {
	width: 510px;
	padding: 20px;
	text-align: left;	
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;	
	border-top: 4px solid #005cca;
	border-bottom: 4px solid #faae1a;
}

table label.error {
	display: block;
	clear: both;
}

table tr {
	padding: 6px 4px;
}

table thead {
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	font-size: 13px;
}

table thead tr th {
	background: #e7ebef;
	padding: 6px 8px;
}

table tr td {
	padding: 8px;
	border-bottom: 1px dotted #dedede;
}

.info {
	font-weight: bold;
	color: #666;
}

/* profile */

.profile-body {
	padding: 10px 0;
}

.profile-body strong {
	color:#444;
	font-size: 13px;
	border-bottom: 1px solid #f99c00;
}

.profile-body-section {
	padding: 8px 0;
}

/* ads */

.ad-center {text-align: center;padding: 20px;margin: 0 auto;}
.ad-left {float:left;padding: 20px;}
.ad-right {float:right;padding: 20px;}

.skyscraper {margin: 0 auto; width: 160px;text-align:center;display: block;padding: 20px 0;}

/* footer */

#footer {
	clear: both;
	width: 853px;
	height: 29px;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	background: #fff;
	font-size: 11px;
	margin: 0 auto;
}

#footer .fleft {
	float: left;
	padding: 4px 0 0 10px;
}

#footer .fright {
	float: right;
	padding: 4px 10px 0 0;
}

/* error, notice and success messages */

ul.messages {
	list-style-type: none;
}

ul.messages li {
	color:#222;
	padding: 10px;
	display:block;
	clear:both;
	margin-bottom: 10px;
	line-height: 18px!important;
	border-radius: 12px; 
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	border: 1px solid #8f8f8f;	
	box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.2);
	background: #f1f1ed;
}

li.error {
	background: #f1f1ed url(../images/message-error.png) 5px 10px no-repeat!important;
	padding: 10px 10px 10px 50px!important;
	border: 2px solid #cb2a27!important;
}

li.success {
	background: #f1f1ed url(../images/message-success.png) 5px 10px no-repeat!important;
	padding: 10px 10px 30px 50px!important;
	border: 2px solid #009d0e!important;
}

li.notice {
	background: #f1f1ed url(../images/message-notice.png) 5px 10px no-repeat!important;
	padding: 10px 10px 10px 50px!important;
	border: 2px solid #f99d00!important;
}

.error a, .err a {
	color: #005cca;
	text-decoration:underline;
}

.error a:hover, .err a:hover {
	color: #005cca;
	text-decoration:none;
}

input.error {
	border:#cb2a27 solid 1px;
	color:#cb2a27;
	clear:none;
}

label.error {
	text-decoration:blink;
	color: #cb2a27;
	font-size: 11px;
	padding: 0 0 0 4px;
}

.error h5 {
	color:#ffeeee;
}

.error_container {
	position:absolute;
	width:300px;
	top: 30px;
	left: 38%;
	font-weight:bold;
	display: block;
	background: none;
}

#login-header label.error  {
	display: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}

#login-header input.error {
	border:#cb2a27 solid 1px;
	color:#cb2a27;
	clear:none;
}


/* Privacy Page */
#privacyPage { width:853px; margin:0 auto; }
#privacyPage p, #privacyPage h3 { width:700px; margin:0 auto; }

p#user-title { text-align:center; font-weight:bold; font-size:15px; color:#434343; }
.privacy-break { border-bottom:1px dashed #ccc; margin:30px 0; }