/* LAYOUT */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* date:  07/XII/2009						 */
/* author: Daniel Angel */
/* ----------------------------------------- */
/* Color Codes								 */
/*											 */
/* 	Orange:		#F88335						 */
/*	Blue-green	#82CAC2					 	 */

/* ----------------------------------------- */
/* begin tag redefinition */
/* ----------------------------------------- */

body {
	background: #FFF;
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 1.6em;
}

a {
	color: #82CAC2;
}
a:hover, a.alt:hover {
	color: #F88335;
}
a:active {
	color: #45A096;
}
a.alt {
	color: #666;
	text-decoration: none;
}


/* ----------------------------------------- */
/* data tables (+ their associate elements) */
/* ----------------------------------------- */

div.top {
	background: #78C4BD;
	border-top: 1px dotted #D2D2D2;
	overflow: auto;
	padding: .8em;
}
div#main ul.search-results {
	clear: both;
}
div#main ul.search-results > li {
	border-bottom: 2px solid #CCC;
	margin: 1.5em 0 0 0;
}

div#main ul.search-results li h4 {
	border: none;
	color: #FFF;
	float: left;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0 !important;
	padding: 0;
}
div#main ul.search-results li h4 a {
	color: #FFF;
	text-decoration: none;
}
div#main ul.search-results li h4 a:hover {
	border-bottom: 1px dotted #FFF;
}
ul.search-results h4 span {
	display: block;
	float: left;
	width: 330px;
}
	body#jobs-view ul.search-results h4 span {
		width: 210px;
	}
	body#employers-home ul.search-results h4 span {
		width: 265px;
	}

ul.search-results h4 small {
	font-size: .8em;
	margin: 0 0 0 1em;
}

table {
	background: #F3F3F3;
	border-bottom: 1px dotted #D2D2D2;
	border-collapse: collapse;
	border-top: 1px dotted #D2D2D2;
	color: #78C4BD;
	width: 100%;
}
table th, table td {
	padding: .6em 1em;
}
table th {
	font-weight: bold;
}
	ul.search-results table th {
		width: 11em;
	}
table td {
	color: #666;
}
table tr {
	border-bottom: 1px dotted #D2D2D2;
}
table tr:last-child {
	border-bottom: none !important;
}



/* ----------------------------------------- */
/* Layout elements */
/* ----------------------------------------- */

div.wrapper {
	margin: 0 auto;
	position: relative;
	width: 957px;
}
div#header {
}
	p#hi {
		margin: 1.5em 0 0 0;
		padding: 0 40px 0 0;
		text-align: right;
	}
	div#header h1 {
		float: left;
		height: 105px;
		width: 380px;
	}
	div#header h1 a {
		background: url(../img/header-h1.png) 25px 0 no-repeat;
		display: block;
		height: 105px;
	}

div#content {
}
	body#jobs-home div#content, div#content.green {
		background: url(../img/home-content.png) top left no-repeat;
		color: #FFF;
		height: 430px;
		padding: 10px 3.5em 10px 3em;
		position: relative;
	}
	body#jobs-home div#content a, div#content.green a {
		color: #FFF;
	}
	div#stripe {
		background: url(../img/stripe.png) top left no-repeat;
		height: 54px;
		padding: 23px 0 0 0;
		position: relative;
	}
		div#stripe h2 {
			background: url(../img/titles.png) 0 -48px no-repeat;
			height: 32px;
			margin: 0 0 22px 270px;
		}
	div#people {
		background: url(../img/small-people.jpg) top left no-repeat;
		height: 105px;
		position: absolute;
		top: -30px;
		right: 30px;
		width: 294px;
	}
	body#pages-contact div#people { background: url(../img/small-people-contact.jpg) top left no-repeat; }
	body#employers-index div#people, body#employers-register div#people  { background: url(../img/small-people-employer.jpg) top left no-repeat; }
	
	
	div#main {
		float: left;
		overflow: hidden;
		padding: 0 20px;
		width: 441px;
	}
	div#sidebar-a {
		float: left;
		padding: 0 0 0 20px;
		width: 227px;
	}
	
	div#sidebar-b {
		float: right;
		padding: 0 20px 0 0;
		width: 209px;
	}
	
div#footer {
	border-top: 1px dotted #D2D2D2;
	font-size: .85em;
	margin: 2em 0;
	padding: 20px 0 0 0;
	text-align: center;
}
	div#footer ul {
	}
	div#footer ul li {
		border-right: 1px solid #999;
		display: inline;
		padding: 0 .6em 0 .5em;
	}
	div#footer ul li.last {
		border: none;
	}
	div#footer p#koodoz {
	}
	div#footer p#koodoz a {
		background: url(../img/koodoz-logo.png) 0 0 no-repeat;
		display: block;
		height: 16px;
		margin: .5em auto;
		padding: 0 0 0 24px;
		text-align: left;
		width: 30em;
	}
	div#footer p#koodoz a strong {
		font-weight: normal;
	}
	div#footer p#koodoz a:hover {
		color: #D50A27;
		background-position: 0 0;
	}





/* ----------------------------------------- */
/* Specific blocks */
/* ----------------------------------------- */

/* social networking tools */

ul.social, ul.job-tools  {
	margin: 1em 0 0 0;
}
ul.user-tools, ul.employer-tools {
	margin: 0;
}

ul.social li, ul.job-tools li, ul.employer-tools li, ul.user-tools li {
	display: block;
	height: 30px;
	padding: 5px 0;
}
	div#sidebar-a ul.social li, div#sidebar-b ul.job-tools li, div#sidebar-b ul.employer-tools li, div#sidebar-b ul.user-tools li {
		border-bottom: 1px dotted #D2D2D2;
		padding: 10px 0;
	}

ul.social li a, ul.job-tools li a, ul.employer-tools li a, ul.user-tools li a {
	background: url(../img/social.png) top left no-repeat;
	display: block;
	height: 25px;
	padding: 5px 0 0 40px;
}

ul.social li.twitter a:hover { color: #34CCF0 !important; }
ul.social li.rss a { background-position: 0 -30px; }
ul.social li.rss a:hover { color: #FF962E !important; }
ul.social li.feedback a { background-position: 0 -60px; }
ul.social li.facebook a { background-position: 0 -90px; }
ul.social li.facebook a:hover { color: #3D5E9F; }


ul.job-tools li, ul.employer-tools li, ul.user-tools li {
	height: 32px;
}
ul.job-tools li a {
	background: url(../img/job-tools.png) top left no-repeat;
	height: 27px;
}
ul.employer-tools li a, ul.user-tools li a {
	background: url(../img/employer-tools.png) top left no-repeat;
	height: 27px;
}

ul.job-tools li.friend a { background-position: 0 -32px; }
ul.job-tools li.advertiser a { background-position: 0 -64px; }
ul.job-tools li.similar a { background-position: 0 -96px; }
ul.job-tools li.back a { background-position: 0 -128px; }

ul.job-tools li.friend a:hover { color: #ABCB65; }
ul.job-tools li.advertiser a:hover { color: #3598F0; }
ul.job-tools li.back a:hover { color: #51B7BF; }

ul.employer-tools li.add a { background-position: 0 -32px; }
ul.employer-tools li.edit a, ul.user-tools li.edit a { background-position: 0 -64px; }
ul.employer-tools li.pass a, ul.user-tools li.pass a { background-position: 0 -96px; }
ul.employer-tools li.logo a { background-position: 0 -128px; }

ul.employer-tools li.view a:hover { color: #4095E3; }
ul.employer-tools li.add a:hover { color: #96BD45; }
ul.employer-tools li.edit a:hover, ul.user-tools li.edit a:hover { color: #4FC092; }
ul.employer-tools li.logo a:hover { color: #F8B531; }

/* sidebar form stuff */

div#sidebar-a form a {
	color: #666;
	text-decoration: none;
}
div#sidebar-a form a:hover {
	color: #56BDC9;
}
div#sidebar-a form div#glass {
	background: url(../img/icons.png) 0 -132px no-repeat;
	height: 32px;
	left: 191px;
	position: absolute;
	top: -51px;
	width: 32px;
}
div#sidebar-a form p#expand {
	height: 32px;
	margin: 15px 0 0 0;
}
div#sidebar-a form p#expand a {
	background: url(../img/icons.png) 0 -44px no-repeat;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 40px;
}
	div#sidebar-a form p#expand a.down {
		background-position: 0 -88px;
	}
div#sidebar-a div#extended {
	color: #666;
	margin: 20px 0;
}
div#sidebar-a div#extended div.warning {
	line-height: 1em;
	padding: 1em .5em 1em 4em;
	width: 125px;
}



/* generic inner boxes */
div.box {
	background: #F3F3F3 url(../img/div-main-form-top.png) top left no-repeat;
	padding: 1em 2em 0 2em;
	margin: 1.5em 0 0 0;
}
div.box-bottom {
	background: #F9F9F9 url(../img/div-main-form-bottom.png) bottom left no-repeat;
	height: 20px;
	margin: -.75em 0 0 0;
}
div#main div.box h4 {
	color: #78C4BD;
}


/* category checkboxes */
div#cats {
	margin: 2em 0;
	overflow: auto;
}

div.checkbox {
	float: left;
	margin: .2em 0;
	width: 190px;
}


/* edit logo page */
div#main p.show-logo {
	margin: 2em 0 0 0;
	text-align: center;
}





/* ----------------------------------------- */
/* Pagination ul styles 					*/
/* ----------------------------------------- */

ul.pages {
	height: 22px;
}

ul.pages li {
	border: 1px solid #D2D2D2;
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 0 5px 0 0;
	text-align: center;
	width: 20px;
}
	ul.pages li.previous, ul.pages li.next {
		border: none;
		height: 22px;
		line-height: 22px;
		text-align: left;
		width: 60px;
	}
	ul.pages li.next {
		padding-left: 3px;
	}
	ul.pages li.previous span.disabled, ul.pages li.next span.disabled {
		color: #DDD;
	}
	ul.pages li.selected, ul.pages li.current {
		background: #78C4BD;
		color: #FFF;
		border: 1px solid #78C4BD;
	}

ul.pages li a {
	display: block;
	text-decoration: none;
}

ul.pages li a:hover {
	background: #78C4BD;
	color: #FFF;
}
	ul.pages li.previous a:hover, ul.pages li.next a:hover {
		background: none;
		color: #6FB7B1;
	}

/* end pagination ul styles */



/* ----------------------------------------- */
/* Promo boxes			 					*/
/* ----------------------------------------- */
div.promo {
	border-bottom: 1px dotted #D2D2D2;
	margin: 1em 0;
}
div.promo h4 {
	background: url(../img/promos.png) top left no-repeat;
	height: 70px;
}
div.promo p {
	margin: 1em 0;
}
div.promo a {
	color: #F88335;
	text-decoration: none;
}
div.promo a:hover {
	text-decoration: underline;
}
div#promo02 h4 {
	background-position: 0 -70px;
	height: 70px;
}
div#promo02 a {
	color: #A7C954;
}




/* ----------------------------------------- */
/* other helpful classes */
/* ----------------------------------------- */

p.sign-up a {
	background: url(../img/buttons.png) 0 -35px no-repeat;
	display: block;
	height: 35px;
	margin: 0 0 0 auto;
	width: 194px;
}

div.error {
	border-color: #9E2006;
	background: #FFBABA url(../img/error.png);
	color: #9E2006;
}
div.warning, td.expired {
	border-color: #9F6000;
	background: #FFF8C4 url(../img/warning.png);
	color: #9F6000;
}
div.success {
	border-color: #4F8A10;
    background: #DFF2BF url(../img/success.png);
    color: #4F8A10;
}
div.warning, div.success, div.error, td.expired {
	background-position: 7px 8px;
	background-repeat: no-repeat;
	border: 1px dotted;
    margin: 2em 0;
    padding: 1.2em 1em 1.2em 4em;
}
div.warning p, div.success p, div.error p {
	margin-top: 0 !important;
}
div.error a { color: #9E2006 !important; }



div.warning h3, div.success h3, div.error h3 {
	margin-top: 4px !important;
}

.img {
	overflow: hidden;
	text-indent: -9999px;
}
img.logo {
	background: #FFF;
	border: 1px solid #D2D2D2;
	padding: 10px;
	margin: 0 15px 10px 0;
}
span.skirt {
	clear: both;
	display: block;
	height: 1px;
}
.that-thing { /* you know .... *that* thing! */
	unicode-bidi: bidi-override;
	direction: rtl;
}
p.skip {
	display: none;
}
span.expired {
	color: #F00;
	font-size: .8em;
}