/**
 * Creative Jobs (beta)
 *
 * Update: 28.12.2008
 */


/*
 * Limpa o CSS
 *
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Arial, Verdana, sans-serif;
}
body {
	line-height: 1;
	color: #333;
	background: #EEEEEE;
}
a {
	color: #EF4D15;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0;
	vertical-align: middle;
}
:focus {
	outline: 0;
}
ul {
	list-style: none;
}
ol {
	list-style: decimal;
}
table {
	border-collapse: collapse;
}
th, td {
	padding: 2px;
}

.info { font-size: 11px; color: #888 }

.alertBox,
.olderJob {
	padding: 10px;
	font-weight: bold;
	color: #222;
	background: #FFFFCC;
}
.olderJob {
	background: #CFC7AE;
}

#content div.body div.fieldset input.text,
#content div.body div.fieldset textarea,
#frm-send-to-friend input.text,
#frm-send-edit-link input.text,
#apply-online input.text,
#apply-online textarea,
#promo_form input.text {
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}
#content div.body div.fieldset input.text:focus,
#content div.body div.fieldset textarea:focus,
#frm-send-to-friend input.text:focus,
#frm-send-to-friend input.text:hover,
#frm-send-edit-link input.text:focus,
#frm-send-edit-link input.text:hover,
#apply-online input.text:focus,
#apply-online input.text:hover,
#apply-online textarea:focus, 
#apply-online textarea:hover,
#promo_form input.text:focus,
#promo_form input.text:hover {
	border: 1px solid #7F635F;
}

/*
 * Define o container externo
 *
 */
#wrapper {
	width: 976px;
	margin: 0 auto;
}

/*
 * Define o header
 *
 */
#header {
	background-color: #FFF;
	margin-bottom: 8px;
}
#header h1 {
	float: left;
}
#header h1 a {
	display: block;
	width: 400px;
	height: 70px;
	text-indent: -999999px;
	background: url(../images/header-logo-bg.jpg) 0 0 no-repeat;
}
#header ul.menu {
	float: right;
	width: 556px;
	text-align: right;
	margin: 34px 10px 0 0;
	white-space: 0;
}
#header ul.menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
#header ul.menu li a {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	border-left: 1px solid #DDD;
	padding: 4px 10px;
}
#header ul.menu li a:hover,
#header ul.menu li a:active {
	text-decoration: none;
}
#header ul.menu li.home a {
	border: none;
}
#header ul.menu li.home a:hover,
#header ul.menu li.home a:active {
	color: #EF4D15;
}
#header ul.menu li.item-1 a:hover,
#header ul.menu li.item-1 a:active,
#header ul.menu li.item-1-active a,
#content div.body ul.submenu li.item-1 a {
	color: #90C51B;
}
#header ul.menu li.item-2 a:hover,
#header ul.menu li.item-2 a:active,
#header ul.menu li.item-2-active a,
#content div.body ul.submenu li.item-2 a {
	color: #1B7BC5;
}
#header ul.menu li.item-3 a:hover,
#header ul.menu li.item-3 a:active,
#header ul.menu li.item-3-active a,
#content div.body ul.submenu li.item-3 a {
	color: #EFDB15;
}
#header ul.menu li.item-4 a:hover,
#header ul.menu li.item-4 a:active,
#header ul.menu li.item-4-active a,
#content div.body ul.submenu li.item-4 a {
	color: #581BC5;
}
#header ul.menu li.item-5 a:hover,
#header ul.menu li.item-5 a:active,
#header ul.menu li.item-5-active a,
#content div.body ul.submenu li.item-5 a {
	color: #AD1BC5;
}
#header form.search {
	clear: both;
	height: 70px;
	background: url(../images/header-search-bg.jpg) 0 0 no-repeat;
	padding: 20px 40px 0 42px;
}
#header form.search div.search-box {
	width: 512px;
	float: left;
	display: block;
}
#header form.search input.search-input {
	border: none;
	height: 21px;
	width: 484px;
	background-color: #FEFFE8;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	vertical-align: middle;
	padding-top: 5px;
}
#header form.search label.example {
	font-size: 11px;
	color: #E9F3D1;
	padding-top: 1px;
	display: block;
}
#header form.search a.do {
	display: block;
	width: 94px;
	height: 28px;
	float: left;
	margin-left: 6px;
	text-indent: -999999px;
}
#header form.search a.add {
	float: right;
	width: 255px;
	height: 44px;
	margin: -8px 0 0 0;
	text-indent: -999999px;
}

/*
 * Define a sidebar
 *
 */
#content div.sidebar {
	width: 260px;
	float: right;
	padding: 20px;
	background-color: #FFF;
}
#content div.sidebar h3 {
	font-size: 16px;
	text-shadow: #CCC 1px 1px 0;
	margin: 0 0 10px 0;
	clear: both;
	width: 100%;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#content div.sidebar div.twitter,
#content div.sidebar div.blog,
#content div.sidebar div.recents {
	margin-bottom: 20px;
}
#content div.sidebar div.blog,
#content div.sidebar div.ranking {
	padding: 10px;
	background-color: #EEE;
}
#content div.sidebar div.recents h3 {
	background-image: url(../images/sidebar-recents-ico.png);
}
#content div.sidebar div.ranking h3 {
	background-image: url(../images/sidebar-ranking-ico.png);
}
#content div.sidebar div.blog h3 {
	background-image: url(../images/sidebar-blog-ico.png);
}
#content div.sidebar div.blog li {
	margin: 0 0 10px 22px;
	list-style: square;
}
#content div.sidebar div.blog li.more {
	list-style: none;
}
#content div.sidebar div.blog li.more a {
	color: #000;
	font-weight: bold;
}
#content div.sidebar div.blog li a {
	display: block;
	text-decoration: none;
	padding: 4px 0;
}
#content div.sidebar div.blog li a:hover {
	color: #000;
}
#content div.sidebar div.blog li a span {
	color: #666;
	padding-left: 6px;
}
#content div.sidebar div.recents li {
/*
	border-bottom: 1px solid #EEE;
	padding-left: 22px;
	*/
	margin: 0 0 10px 22px;
	list-style: square;
}
#content div.sidebar div.recents li.first {
	border: none;
}
#content div.sidebar div.recents li a {
	display: block;
	padding: 4px 0;
}

/*
 * Define o content
 *
 */
#content div.body {
	width: 612px;
	float: left;
	background-color: #FFF;
	padding: 20px 28px;
}
#content div.body ul.submenu {
	white-space: 0;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	margin: 0 0 20px 0;
}
#content div.body ul.submenu li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	white-space: 0;
}
#content div.body ul.submenu li a {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	display: inline-block;
	text-align: center;
	width: 100px;
	height: 22px;
	
	padding: 8px 0 2px 0;
	
	background-image: url(../images/content-submenu.gif);
	background-repeat: no-repeat;
}
#content div.body ul.submenu li a span {
	font-size: 10px;
}
#content div.body ul.submenu li a:hover {
	background-position: -100px 0;
	text-decoration: none;
}
#content div.body ul.submenu li.active a {
	color: #FFF;
}
#content div.body ul.submenu li.home-active a {
	background-position: -200px 0;
}
#content div.body ul.submenu-home {
	border-bottom-color: #000;
}
#content div.body ul.submenu li.item-1-active a {
	background-position: -300px 0;
	color: #FFF;
}
#content div.body ul.submenu-publicidade {
	border-bottom-color: #90C51B;
}
#content div.body ul.submenu li.item-2-active a {
	background-position: -400px 0;
	color: #FFF;
}
#content div.body ul.submenu-design {
	border-bottom-color: #1B7BC5;
}
#content div.body ul.submenu li.item-3-active a {
	background-position: -500px 0;
	color: #FFF;
}
#content div.body ul.submenu-marketing {
	border-bottom-color: #EFDB15;
}
#content div.body ul.submenu li.item-4-active a {
	background-position: -600px 0;
	color: #FFF;
}
#content div.body ul.submenu-fotografia {
	border-bottom-color: #581BC5;
}
#content div.body ul.submenu li.item-5-active a {
	background-position: -700px 0;
	color: #FFF;
}
#content div.body ul.submenu-moda {
	border-bottom-color: #AD1BC5;
}
#content div.body p {
	margin-bottom: 10px;
	line-height: 18px;
}
#content div.body h2 {
	height: 24px;
	margin-bottom: 20px;
	text-indent: -999999px;
	background-position: 28px 0;
	background-repeat: no-repeat;
}
#content div.body h3 {
	font-size: 18px;
	text-shadow: #FFF 1px 1px 0;
	margin: 0 0 20px 0;
}
#content div.body h2 img.title {
	top: 20px;
	left: 28px;
	position: absolute;
}


/*
 * Defina lista de jobs
 *
 */
ul.jobs {
	margin: 0;
}
ul.jobs li {
	border-top: 1px solid #DDD;
	vertical-align: top;
}
ul.jobs li.first {
	border-top: none;
}
ul.jobs li a {
	display: block;
	padding: 16px 100px 16px 58px;
	background-position: 6px 19px;
	background-repeat: no-repeat;
	color: #777;
	line-height: 18px;
}
ul.jobs li a:hover {
	background-color: #F0F0F0;
	text-decoration: none;
}
ul.jobs li a:hover span.title {
	color: #EF4D15;
}
ul.jobs li a:hover span.company,
ul.jobs li a:hover acronym {
	color: #222;
}
#content div.body div.job-details p.fulltime-header strong.title,
#content div.body div.job-details p.parttime-header strong.title,
#content div.body div.job-details p.freelance-header strong.title {
	padding-right: 50px;
	background-repeat: no-repeat;
	background-position: 100% 4px;
}
ul.jobs li a.fulltime,
#content div.body div.job-details p.fulltime-header strong.title {
	background-image: url(../images/job-fulltime.png);
}
ul.jobs li a.parttime,
#content div.body div.job-details p.parttime-header strong.title {
	background-image: url(../images/job-parttime.png);
}
ul.jobs li a.freelance,
#content div.body div.job-details p.freelance-header strong.title {
	background-image: url(../images/job-freelance.png);
}
ul.jobs li a span.title {
	color: #222;
	border-bottom: 1px dotted #AAA;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
}
ul.jobs li a acronym {
	border-bottom: 1px dotted #BBB;
	cursor: help;
}
ul.jobs li a span.time {
	position: absolute;
	right: 36px;
	/*
	padding-left: 18px;
	background: url(../images/jobs-created.png) 0 50% no-repeat;
	*/
	color: #AAA;
}
div.jobs-sort {
	background-color: #F0F0F0;
	padding: 6px;
	text-align: center;
	color: #888;
	margin: -19px 0 20px 0;
}
div.jobs-sort a {
	border-right: 1px solid #DDD;
	color: #333;
	padding: 0 10px 0 11px;
}
div.jobs-sort a.active {
	font-weight: bold;
	color: #222;
}
div.jobs-sort a.last {
	border-right: none;
}

/*
 * Defina o footer do site
 *
 */
#footer {
	text-align: left;
	padding: 20px 10px;
	margin-top: 8px;
}


/*
 * Define formatação de erro
 *
 */
.validation-error,
.form-error {
	color: #FF6600;
	border: 1px solid #FF6600 !important;
}
.validation-failure {
	color: #FF6600;
	background-color: #FFD0D6;
	padding: 10px;
}
.paginate div.disable {
	display: inline;
	color: #666;
}


#content div.body div.last-jobs {
	background-color: #EEE;
	padding: 10px;
}
#content div.body div.last-jobs a {
	padding-right: 100px;
}
#content div.body div.last-jobs span.time {
	margin-right: -20px;
}
#content div.body div.last-jobs a:hover {
	background-color: #E6E6E6;
}
#content div.body h3.popular {
	margin-top: 10px;
	padding-left: 22px;
	background: url(../images/home-popular-ico.png) 0 3px no-repeat;
}