/***************************************************
    CSS file by web.burza <http://web.burza.hr/>
    for krocos Creative & Tech Jobs (C) 2006.
***************************************************/

/* global */
*
{
    margin: 0;
    padding: 0;
    border: 0;
}

html
{
    font: 62.5%/1.6 Arial, Helvetica, sans-serif;;
    color: #444;
    background: #fff url(css/degradado.jpg) repeat-x 0 0;
}

body { text-align: center; }

#sizer
{
    width: 631px;
    margin: 0 auto;
    text-align: left;
}

table
{
    font-size: 1em;
    border-collapse: collapse;
}

a
{
    color: #FF3300;
    outline: none;
}

a:hover { text-decoration: none; }

.clear { clear: both; }
.error { color: red !important; font-size: 1.2em; margin: .5em 30px 1em 30px;}
.error ul{ padding: .5em 2em;}
.input_error{ border-color: red !important;}
.noborder { border: none !important; }

.notice
{
    clear: both;
    padding: 7px 30px;
    font-size: 1.1em;
    font-family: Verdana, sans-serif;
    background: url(css/dotted_horiz.gif) repeat-x 0 0;
}

.empty
{
    padding: 20px 30px 20px 30px;
    color: #A8A8A8;
    font-size: 1.3em;
}

.search_tip
{
    background: url(cssimg/tip.gif) no-repeat 20px 2px;
    margin: 1em .5em 1em .5em;
    padding-left: 70px;
}

.invisible {
    display: none !important;
}

.button_holder
{
    margin: 20px 0 20px 0;
    text-align: center;
}

p.field_notice
{
    padding-top: 4px;
    font-size: 1.1em;
    line-height: 1.3;
    font-family: Verdana, sans-serif;
}

label .field_notice
{
    display: block;
    font-size: .9em;
    font-family: Arial, Helvetica, sans-serif;
}

/* form input hackery */
.input_container
{
    position: relative;
    padding: 5px;
    background-color: #FFF;
    border: 1px solid #8E8D8A;
}

.input_hider
{
    height: 1.8em;
    overflow: hidden;
}

.input_text
{
    font-family: Arial, Helvetica, sans-serif;
}

#message {
font-family:Arial, Helvetica, sans-serif;
font-size:2em;
}
/* top_nav */
#top_nav
{
	position:relative;
    /*float: right;*/
	/*right: -3px;*/
	width: 631px;
	background: #CCCCCC url(css/fondosuperior.jpg) no-repeat 0px 0px;
    padding: 0px 0px 0px;
    font-size: 11px;
    text-align: center;
    color: #323A43;
}

#top_nav table tr td
{
	font-size: 11px;
    color: #323A43;

}

#top_nav a
{
    font-size: 11px;
    padding: 0 3px;
    text-decoration: none;
    color: #323A43;
}

#top_nav a:hover { text-decoration: underline; }

/* header */
#header {
		position:relative;
		top: 4px;
		height: 180px;
		background: #CCCCCC url(css/header.jpg) no-repeat 0 0; 
}
#header .header_bottom { background: url(css/header_bottom_account_page.jpg) no-repeat 0 100%; }

#header h1 a
{
    display: block;
	text-align: center;
    height: 77px;
    width: 630px;
    text-indent: -9999px;
    overflow: hidden;
}

#header div a
{
    color: white;
    text-decoration: none;
}

#header div a:hover { text-decoration: underline; }

/* header login */
#header_login {
		position:relative;
		top: 4px;
		height: 112px;
		background: #CCCCCC url(css/header.jpg) no-repeat 0 0; 
}

#header_login h1 a
{
    display: block;
    height: 112px;
    width: 631px;
    text-indent: -9999px;
    overflow: hidden;
}
/* header admin */
#header_admin {
	position:relative;
	top: 4px;
	background: #FFF url(/css/headeradmin.jpg) no-repeat 0 0;
}
#header_admin .header_bottom_admin { background: url(/css/header_bottom_account_page_admin.jpg) no-repeat 0 100%; }

#header_admin a
{

    display: block;
    height: 112px;
    width: 630px;
    text-indent: -9999px;
    overflow: hidden;
}

#header_admin div a
{
    color: white;
    text-decoration: none;
}

#header div a:hover { text-decoration: underline; }



/* post_job */
#post_job
{
	position:relative;
    float: right;
	top: 2px;
    width: 140px;
	height: 18px;
    margin: 0px 18px 0 0;
    padding: 2px 0;
	font-size:12px;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
    color: #fff;
	background:  #CCCCCC url(css/fondobotones.jpg) repeat-x 0 0;
	border: 1px solid #CC5D15;
    
}

/* boton_buscar */

#boton_buscar
{
	position:relative;
	float:left;
	background-color:#99CC00;
	width: 106px;
	height: 23px;
	left: 18px;
	border: 1px solid #CC5D15;
	background:  #CCCCCC url(css/fondobotones.jpg) repeat-x 0 0;
	font-size:12px;
	color: #FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:3px;	
	}

/* krocos_search_form */
#krocos_search_form
{
    clear: both;
    width: 100%;
    padding: 0 0px;
}

#krocos_search_form .input_text
{
	position:relative;
    width: 478px;
	height: 22px;
    padding: 4px 4px 0px 4px;
    font-size: 13px;
    color: #FF6600;
    background-color: #FFF;
	border: 1px solid #CC5D15;
	left: 17px;
}

#krocos_search_form.searching .input_text
{
    color: #E57A66;
    /*background: #fff url(css/search_input_text_candy.gif) no-repeat 0 0 !important; */
}

/* email form */
#email_subscribe_form
{
    height: 25px;
    padding: 4px 40px 6px 40px;
    font-family: "Lucida Grande", Tahoma, sans-serif;
    font-size: 10px;
	text-align:center;
    color: #707070;
    height: 25px;
    padding: 4px 40px 6px 40px;
	}
#email_subscribe_form .note
{
    padding: 4px 0px;
}
#email_subscribe_form a
{
    text-decoration: underline !important;
    color: #FFFFFF!important;
	font-weight:bold
}
#email_subscribe_form a:hover{
    text-decoration: none !important;
}
#email_subscribe_form .container {
    position: relative;
    width: 133px;
    height: 16px;
    padding: 2px 3px 1px 3px;
    border: 1px solid #B5B5B5;
	left: 155px;
	
}
#email_subscribe_form .container a{
    display: block;
    position: absolute;
    top: 2px;
    left: 150px;
}
#email_subscribe_form .input_small{
    width: 133px;
    font-size: 10px;
    background-color: #FFFFFF;    
    color: #CC5D15;

}
/* tagline */
#tagline
{
    width: 631px;
    padding-bottom: 7px;
    background: url(css/header_bottom.gif) no-repeat 0 100%;
}

#tagline p
{
    padding: 15px 23px 8px;
    font-size: 2.1em;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
    color: #4B4B4B;
    /*background: color: #FFFFFF url(css/tagline.gif) no-repeat 0 0;*/
}

#tagline p strong
{
    font-weight: normal;
    font-size: 1.1em;
    color: #fff;
}

/* content */
#content
{
    clear: both;
    width: 631px;
}

#content.detail { margin: 20px 0px; }

/* krocos_search_results */
#krocos_search_results
{
    padding: 2px 0 3px;
    border-bottom: 1px solid #D4D4C5;
    background: url(css/listing_border_top.jpg) repeat-x 0 0;
}

#krocos_search_results h2 { color: #000; }

/* krocos_job_listing */
#krocos_job_listing { 
width: 631px;
}

#krocos_job_listing th,
#krocos_job_listing td
{
    text-align: left;
}

#krocos_job_listing th a,
#krocos_job_listing td a
{
    display: block;
    width: auto;
    height: 1%;
    padding: 14px 10px;
    font-size: 12px;
    line-height: 1.2;
    color: #000;
    text-decoration: none;
}

#krocos_job_listing th a:hover,
#krocos_job_listing td a:hover { text-decoration: none; }

#krocos_job_listing th a:visited,
#krocos_job_listing td a:visited { color: #999; }

#krocos_job_listing thead .location
{ 
	padding-left: 23px !important;
	border-right: 1px solid #FFFFFF;
}

#krocos_job_listing tbody th a { padding-left: 23px !important; }

#krocos_job_listing tbody th
{
    width: 180px;
    background: url(css/td_border.jpg) repeat-y 100% 0;
}

#krocos_job_listing .position
{
    width: 222px;
    background: url(css/td_border.jpg) repeat-y 100% 0;
}

#krocos_job_listing thead { background: #212121 url(css/th_position.jpg) no-repeat 0 100% !important; }


/**titulos de categorias */
#krocos_job_listing thead th
{
    padding: 12px 10px 12px 10px;
    font-size: 12px;
	
    line-height: 1.2;
    color: #666666;
    border: 0;
    /**background-color: #00FF00!important; */
}

#krocos_job_listing thead th.location
{
    width: 150px;
    background: url(css/titulardegradado.jpg)  100% 100%;
}

#krocos_job_listing thead th.position
{ 
	background: url(css/titulardegradado.jpg)  100% 100%;
	border-right: 1px solid #FFFFFF;

}

#krocos_job_listing thead th.company 
{ 
	background: url(css/titulardegradado.jpg)  100% 100%;
}

#krocos_job_listing tbody th,
#krocos_job_listing tbody td { border-color: #666666; }
#krocos_job_listing .odd th,
#krocos_job_listing .odd td { background-color: #fff !important; }
#krocos_job_listing .even th,
#krocos_job_listing .even td { background-color: #F5F5F3 !important; }
#krocos_job_listing .hot .company a,
#krocos_job_listing .new .company a { padding-right: 40px; }
#krocos_job_listing .hot .company { background: url(css/nueva_naranja.gif) no-repeat 100% 10px; }
#krocos_job_listing .new .company { background: url(css/nueva_gris.gif) no-repeat 100% 10px; }
#krocos_job_listing tbody tr:hover a { color: #FF6600}


/* krocos_pagination */
#krocos_pagination p
{
    padding: 16px 0;
    font-size: 1.2em;
    text-align: center;
}

#krocos_pagination p a
{
    color: #FF6600;
	padding: 0 4px;
    margin-left: 1px;
    border: 1px solid #D4D4C5;
    text-decoration: none;
}

#krocos_pagination p a.active
{
    color: #fff;
    background:  #FF6600 url(css/fondopaginacion.jpg) repeat-x 0 0;
    border-color: #FF6600;
}

#krocos_pagination p a:hover 
{
	color:#FFFFFF;
	border-color: #FF6600;
	/*background: #FF6600; */
	background:  #FF6600 url(css/fondopaginacion.jpg) repeat-x 0 0;
	
	}

/* post_steps */
#post_steps
{
    padding: 10px 30px;
    font-size: 1.2em;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#post_steps dt
{
    float: left;
    font-weight: bold;
    padding: 0 5px 0 0;
}

#post_steps li
{
    list-style: none;
    display: inline;
    padding: 0 5px;
    font-weight: bold;
    color: #999;
}

#post_steps li strong { color: #F83612; }

/* form_tabs */
#form_tabs
{
    height: 30px;
    margin: 8px;
    background: url(cssimg/tabs_edit_state.gif) no-repeat top left;
}
.detail #form_tabs{
    background: url(cssimg/tabs_preview_state.gif) no-repeat top left;
}

#form_tabs *
{
    display: block;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 30px;
}

#form_tabs .tab
{
    padding: 0px;
    text-align: center;
    text-decoration: none;
    color: #1B72CC;
}

#form_tabs #edit.tab
{
    width: 72px;
    /* hard-coded to position over background image */
}

#form_tabs #preview.tab
{
    width: 99px;
    /* hard-coded to position over background image */
}

#form_tabs .link
{
    padding: 0px 10px 0px 10px;
    color: #F83612;
    text-decoration: underline;
}

#form_tabs #save.link { margin-left: 15px; }

#form_tabs .vertline
{
    width: 2px;
    height: 12px;
    margin: 8px 0px 10px 0px;
    background-color: #8D8D8A;
}

/* post_your_job */
#post_your_job
{
    width: 575px;
    padding: 8px 27px 0 27px;
    padding-bottom: 17px;
    border-left: 1px solid rgb(142,141,148);
    border-right: 1px solid rgb(142,141,148);
    background: url(cssimg/post_job_form_background.gif) no-repeat 0 100%;
}

#post_your_job .input_text
{
    font-size: 1.2em;
    padding: 6px;
}

/* configure_ad */
#configure_ad { position: relative; }
#configure_ad .teaser
{
    padding: 2px 30px 0 25px;
    position: absolute;
    right: 0px;
    width: 220px;    
    /* margin-top: matches company */
    margin-top: 1.2em;
}

#configure_ad .teaser h1
{
    color: #000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.3em;
}

#configure_ad .teaser p
{
    font-size: 1em;
    font-family: Verdana, sans-serif;
    color: #707066;
}

#configure_ad .teaser#lock
{
    background: url(cssimg/lock_bubble.gif) no-repeat top left;
    padding: 4px 25px 0px 60px;
    width: 165px;
}

#configure_ad #lock.teaser p
{
    font-size: 1.1em;
    margin-bottom: 1em;
    font-family: Verdana, sans-serif;
}

#configure_ad .metadata { width: 299px; }
#configure_ad .field { margin: .1em 0; }
#configure_ad .field .outerborder { border: 3px solid #f7f7f7; }

#configure_ad .field label { margin: 0 6px; }

#configure_ad .field .input_text
{
	
    padding: 0;
    font-size: 1.3em;
}

#configure_ad #company_name,
#configure_ad #location
{
    width: 175px;
    /* argh, pixels */
}

#configure_ad #how_to_apply, 
#configure_ad #title,
#configure_ad #url,
#configure_ad #nombre,
#configure_ad #direccion,
#configure_ad #localidad,
#configure_ad #localidad,
#configure_ad #cp,
#configure_ad #pais,
#configure_ad #telefono,
#configure_ad #contacto,
#configure_ad #password_old,
#configure_ad #password_new,
#configure_ad #password_renew,
#configure_ad #titular
{ 
	width: 100%; 
	
	}

#configure_ad .metadata .check_holder
{
    position: absolute;
    top: 0px;
    left: 185px;
    width: 95px;
    height: 1.8em; /* same height as .input_hider */
    margin: 0px;
    padding: 5px; /* same padding as .input_container minus 1px margin*/
    border-left: 1px dotted #8E8D8A;
    background-color: #F7F7F7;
    font-family: Arial, Helvetica, sans-serif;
}

#configure_ad .metadata .check_holder input { margin: 0 2px; }

#configure_ad .metadata .check_holder label
{
    margin: 0px;
    font-size: 10px;
    line-height: 1.8em;
    font-family: Verdana, sans-serif;
}

#configure_ad .extended_data #html_editor
{
    padding: 0px;
    background-color: #f7f7f7;
}

#configure_ad .extended_data #html_toolbar
{
    padding: 4px 0 0 4px;
}

#configure_ad .extended_data #html_toolbar img { margin-right: 2px; }
/*#configure_ad .extended_data #html_toolbar #bold.up { background-image: url(cssimg/html_editor/bold_up.gif); }
#configure_ad .extended_data #html_toolbar #bold.down { background-image: url(cssimg/html_editor/bold_down.gif); }
*/
#configure_ad .extended_data #html_toolbar #list { border: 2px; }

#configure_ad .extended_data #sidetools
{
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 4px;
    font-size: 1.1em;
    font-family: Verdana, sans-serif;
    color: #707066;
}
#configure_ad .extended_data #sidetools #charactersRemaining.warning{
    color: #FF2800;
}

#configure_ad .extended_data textarea
{
    width: 559px;
    height: 150px;
    padding: 4px;
    margin: 0;
    font-size: 1.3em;
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
}

/* big_message */
#big_message h1
{
    margin: 32px;
    font-weight: bold;
    font-size: 3.3em;
    line-height: 1.35;
    color: #F83612;
}

/* job_show, job_form */
img.job_cap { display: block; }

/* job_show */
#job_show
{
    padding-bottom: 17px;
    border-left: 1px solid rgb(142,141,148);
    border-right: 1px solid rgb(142,141,148);
    background: url(cssimg/post_job_form_background.gif) no-repeat 0 100%;
    position: relative;
}

#job_show dl { padding: 32px 0 0 0; }

#job_show dt
{
    margin: 0 32px .35em;
    font-weight: bold;
    font-size: 3.3em;
    line-height: 1.35;
    color: #F83612;
}

#job_show dt a
{
    color: #F83612;
    text-decoration: none;
}

#job_show dt a:hover { text-decoration: underline; }

#job_show dt .location
{
    display: block;
    font-size: 0.45em;
    color: #626262;
}

#job_show dd
{
    font-family: Verdana, sans-serif;
    color: #000;
}

#job_show dd h1
{
    font-size: 2.1em;
    font-family: Arial, Helvetica, sans-serif;
}

#job_show dd.post_date {
    color: #626262;
    font-size: 0.9em;
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;
    text-transform: uppercase;
}

#job_show dd.title_and_description { margin: 0 32px; }
#job_show dd.title_and_description p,
#job_show dd.title_and_description ul,
#job_show dd.title_and_description ol { margin-bottom: 1em; }
#job_show dd.title_and_description p,    
#job_show dd.title_and_description li { font-size: 1.3em; }
#job_show dd.title_and_description li { margin-left: 25px; }
#job_show dd.title_and_description ul li p { font-size: 1.0em; }

#job_show dd.to_apply
{
    width: 594px;
    margin-left: 15px;
    padding: 4px 0 0;
    font-family: Verdana, sans-serif;
    background: url(css/to_apply_top.gif) no-repeat 0 0;
}

#job_show dd.to_apply dl
{
    padding: 6px 16px 10px;
    background: url(css/to_apply_bottom.gif) no-repeat 0 100%;
}

#job_show dd.to_apply dl dt
{
    float: left;
    margin: 0;
    font-size: 1.1em;
    line-height: 1.6;
    color: #F83612;
}

#job_show dd[class="to_apply"] dl dt { margin: 0 .3em 0 0 !important; }
#job_show dd.to_apply dl dd { font-size: 1.1em; }

/* email friend */
#email_friend a{
    margin: 0 25px;
    color: #FF0000;
}
#email_friend a{
    font-size: 1.2em;
}
#email_friend td{
    padding: 2px 8px;
    text-align:right;
}
#email_friend label {
    font-size: 1.2em;
}
#email_friend .outerborder { border: 3px solid #f7f7f7; }

#email_friend .input_container{
    height: 1.4em;
}
#email_friend .input_text{
    width: 100%;
    font-size: 1.2em;
}
#email_friend #sendit{
    text-align: center;
    font-weight: bold;
}

/* billing_info */
#billing_info label.wide {
    width: 402px;
}

#billing_info
{
    width: 402px;
    margin: 0 auto;
}

#billing_info table
{
    width: 402px;
    margin: 0 auto;
}

#billing_info td { width: 261px; }
#billing_info th { width: 125px; }

#billing_info .input_container { width: 249px; }
#billing_info .input_text {
    width: 249px;
}

#billing_info td,
#billing_info th
{
    padding: 4px;
    vertical-align: top;
    font-weight: normal;
    border-bottom: 3px solid #fff;
    background: #F5F5F3;
}

#billing_info #payment_type td,
#billing_info #payment_type th { background: none; }

#billing_info th label,
#billing_info tr#payment_type label.radio,
#billing_info .inline_label
{
    display: block;
    margin: 0px 5px;
    padding: 5px 0;
    height: 1.8em;
}

#billing_info .outerborder { border: 3px solid #f7f7f7; }
#billing_info td label { padding: 4px; }
#billing_info td p { color: #707066; }
#billing_info th label { text-align: right; }
#billing_info th { text-align: right; }

#billing_info .inline_label { float: left; margin: 0 10px 0 0;}

#billing_info #credits_teaser { width: 380px; }

#billing_info .input_text
{
    border: 3px solid #fff; /* the border negates the negative margin in FF and IE */
    padding: 0;
    margin: -2px 0 0 -2px; /* negative margin to obscure input outline in safari */
    font-size: 12px;
}

#billing_info select
{
    padding: 5px;
    border: 1px solid #8E8D8A;
    background: #fff;
}
#billing_info option { padding: 0 4px; }

#billing_info .wrapper
{
    float: right;
    padding: 4px;
    border: 1px solid #8E8D8A;
    background: #fff;
}

#billing_info .wrapper select
{
    border: 1px solid #fff;
    padding: 0;
}

#billing_info #wrapper_expire_month
{
    float: left;
    margin-right: 3px;
}

#billing_info #wrapper_expire_year
{
    float: left;
    margin-right: 3px;
}

#billing_info #card_expire_year {
    width: 75px;
}

#billing_info #card_expire_month {
    width: 57px;
}

#billing_info #country { width: 128px; float: right; }

#billing_info #credit_card_container { width: 208px; float: left;}
#billing_info #card_number { width: 208px; }

#billing_info #credit_card_image
{
    margin: 1px 1px 0 0;
    float: right;
}

#billing_info #password,
#billing_info #password_confirm { width: 78px; float: left; }

#billing_info #password_container,
#billing_info #password_confirm_container { width: 70px; }

#billing_info #password_container { float: left; }
#billing_info #password_confirm_container { float: right; margin-right: 2px; }

#billing_info #cid,
#billing_info #postal_code { width: 54px; }
#billing_info #cid_container,
#billing_info #postal_code_container { width: 54px; float: left;}

#billing_info #promo_code { width: 124px; }
#billing_info #promo_code_container { width: 124px; float: left;}


#billing_info #cid_row td .field_notice
{
    width: 128px;
    margin: 0 0 0 10px;
    text-align: right;
    float: left;
    font-size: 1em;
    line-height: 1em;
}

#billing_info #password_row .inline_label {
    display: block;
    margin: 0px 10px;
    padding: 0px 0;
    line-height: 1.4em;
}

#billing_info #zip_postal_country_row .inline_label {
    margin: 0px 10px;
}


#billing_info #password_row th label {
    display: block;
    margin: 0px 5px;
    padding: 0px 0px;
    line-height: 1.4em;
}

#billing_info #cid_instructions_amex img, 
#billing_info #cid_instructions img {
    float: left;
    margin-left: 10px;
}

#billing_info #plans_row td { padding: 4px 10px; }

#billing_info p#credits_teaser
{
    margin-bottom: 8px;
    font-size: 1.1em;
    font-family: Verdana, sans-serif;
}

#billing_info p#credits_expl
{
    margin: 0 0 8px 15px;
    font-size: 1.2em;
}

#billing_info #post_plans em,
#billing_info #post_plans strong { display: block; }

#billing_info #post_plans em
{
    color: #F83612;
    font-style: normal;
}

#billing_info .input_radio { margin-right: 2px; }

#billing_info #post_plans .radio_holder
{
    color: #000;
    display: block;
    float: left;
    width: 120px;
    background: url(cssimg/post_credits/label_radio_bottom.gif) no-repeat bottom center;
    margin: 0 0 8px 7px;
    padding: 0;
}

#billing_info #post_plans .radio_holder span
{
    background: url(cssimg/post_credits/label_radio_top.gif) no-repeat top center;
    display: block;
    width: 120px;
}

#billing_info #post_plans .radio_holder span input.input_radio
{
    float: left;
    margin: 10px 0 50px 10px;
    display: block;
}

#billing_info #post_plans .radio_holder span span
{
    display: block;
     background: none;
    color: #000;
    width: 85px;
    padding: 7px 0 0 0;
    margin: 0 0 0 30px;
}

#billing_info p#plan_summary
{
    width: 380px;
    clear: both;
    margin: 0 0 3px 15px;
    font-size: 1.2em;
    color: #1B72CC;
}

#billing_info #promo_total { 
    color: #F83612;
    font-weight: normal;
}

/* billing_info, post_your_job */
#post_your_job label, #billing_info label
{
    font-size: 12px;
    font-family: Verdana, sans-serif;
    color: #707066;
}

/* account_overview */
#account_overview
{
    float: left;
    margin: 16px 0 20px;
}

#account_overview h1
{
    margin-left: 15px;
    font-size: 3.3em;
    color: #F83612;
}

#account_overview h1 a
{
    color: #F83612;
    text-decoration: none;
}

#account_overview h1 a:hover {
    text-decoration: underline;
}

/* account_tools */
#account_tools
{
    width: 340px;
    margin-left: 15px;
    font-weight: bold;
    font-size: 1.3em;
    color: #151515;
}

#account_tools a
{
    text-decoration: none;
    color: #151515;
}

#account_tools a:hover { text-decoration: underline; }

/* credit_status */
#credit_status
{
    float: right;
    width: 262px;
    margin: 15px 0 20px;
    padding-bottom: 8px;
    background: url(css/credit_status_bottom.gif) no-repeat 0 100%;
}

#credit_status h2
{
    float: right;
    display: inline;
    width: 67px;
    margin: 7px 12px 0;
    padding: 4px 0 0;
    font-size: 1em;
    text-align: center;
    background: url(css/credit_status_h2.gif) no-repeat 0 0;
}

#credit_status h2 strong
{
    font-size: 5.1em;
    line-height: 1;
    color: #F83612;
}

#credit_status h2 em
{
    display: block;
    font-style: normal;
    font-size: .9em;
    color: #9E9E93;
}

#credit_status p
{
    padding-left: 17px;
    padding-top: 12px;
    font-size: 1.1em;
    background: url(css/credit_status_top.gif) no-repeat 0 0;
}

#credit_status p strong
{
    display: block;
    margin-bottom: .5em;
    color: #151515;
    line-height: 1.3;
}

#credit_status p#credit_tools
{
    padding-top: 0;
    background: none;
}

#credit_status p#credit_tools a
{
    color: #F83612;
    text-decoration: none;
}

#credit_status p#credit_tools a:hover { text-decoration: underline; }

/* dias_status */
#dias_status
{
    float: right;
    width: 262px;
    margin: 0px 0 20px;
    padding-bottom: 8px;
    background: url(css/credit_status_bottom.gif) no-repeat 0 100%;
}

#dias_status h2
{
    float: right;
    display: inline;
    width: 67px;
    margin: 7px 12px 0;
    padding: 4px 0 0;
    font-size: 1em;
    text-align: center;
    background: url(css/credit_status_h2.gif) no-repeat 0 0;
}

#dias_status h2 strong
{
    font-size: 4em;
    line-height: 1;
    color: #F83612;
}

#dias_status h2 em
{
    display: block;
    font-style: normal;
    font-size: .9em;
    color: #9E9E93;
}

#dias_status p
{
    padding-left: 17px;
    padding-top: 12px;
    font-size: 1.1em;
    background: url(css/credit_status_top.gif) no-repeat 0 0;
}

#dias_status p strong
{
    display: block;
    margin-bottom: .5em;
    color: #151515;
    line-height: 1.3;
}

#dias_status p#credit_tools
{
    padding-top: 0;
    background: none;
}

#dias_status p#credit_tools a
{
    color: #F83612;
    text-decoration: none;
}

#dias_status p#credit_tools a:hover { text-decoration: underline; }

/* place_for_an_ad */
#place_for_an_ad
{
    clear: both;
    height: 100px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    background: #ffe;
}

/* my_posts */
#my_posts dt
{
    margin: 0 0 5px 15px;
    font-weight: bold;
    font-size: 1.4em;
    color: #8F8E8A;
}

#my_posts .rightside
{
    position: absolute;
    top: 0px;
    left: 290px;
}

#my_posts .job_post dt
{
    color: #151515 !important;
    margin: 0 !important;
}

#my_posts .job_post
{
    position: relative;
    width: 631px;
    padding: 0 0 15px 0;
    margin-bottom: 15px;
    text-align: left;
    background: url(css/job_post.gif) no-repeat 0 100%;
}

#my_posts .job_post dt,
#my_posts .job_status
{
    padding: 8px 15px 4px;
    font-weight: bold;
    font-size: 1.3em !important;
}

#my_posts .job_post dt,
#my_posts .job_status,
#my_posts .job_meta,
#my_posts .job_tools { width: 260px; }

#my_posts .job_status,
#my_posts .job_tools { width: 311px; }

#my_posts .job_post dt { background: url(css/status_active.gif) no-repeat 0 0; }

#my_posts .active .job_status
{
    color: #48A323;
    background: url(css/status_active.gif) no-repeat 100% 0;
}

#my_posts .expires .job_status
{
    color: #FF2800;
    background: url(css/status_expires.gif) no-repeat 100% 0;
}

#my_posts .expired .job_status { background: url(css/status_expired.gif) no-repeat 100% 0; }
#my_posts .job_status strong { color: #707066 !important; }
#my_posts .expired .job_status { color: #707066 !important; }

#my_posts .job_meta,
#my_posts .job_tools
{
    padding: 0 15px;
    font-size: 1.1em;
    font-family: Verdana, sans-serif;
    color: #9A9C90;
}

#my_posts .job_tools a
{
    text-decoration: none;
    color: #9A9C90;
}

#my_posts .job_tools a:hover { text-decoration: underline; }

#my_posts .expires .renew_link,
#my_posts .expired .renew_link
{
    color: #FF2800;
    font-weight: bold;
}

#my_posts, #account_job_edit, #account_job_preview { margin-bottom: 25px; }

/* renew */
#renew dt {
    margin: 0 0 0.5em 15px;
    font-size: 1.4em;
    font-weight: bold;
    color: #8f8e8a;
}

#renew dd {
    margin: 0 0 0.75em 15px;
    font-size: 1.2em;
}

/* bottom_nav */
#bottom_nav
{
    clear: both;
    margin-top: 20px;
    padding: 8px 14px;
    font-size: 1.2em;
    border: 1px solid #B8B7B5;
    background: url(css/bottom_nav.gif) repeat-x 0 100%;
}

#bottom_nav a
{
	color: #FF6600;
	padding: 0 3px;
	text-decoration: none;
	
}

#bottom_nav a:hover { text-decoration: underline; 
font-weight: bold;}

/* copyright */
#copyright
{
    padding: 8px 14px;
    font-size: 1.2em;
}

/* not_found */
#not_found.empty h1
{
    color: #000;
    margin-bottom: .5em;
    text-align: center;
}

#not_found.empty p { padding: .5em; }

#not_found.empty .highlight
{
    color: #000;
    background-color: #FEFFED;
}

/* login */
/* password_forgot and login */
/* a lot of the form styles are common with #post_your_job */
#login { margin: 35px; }
#login .error { color: red !important; font-size: 1.2em; margin: 0; }

#login fieldset
{
	position: relative;
	right: -230px;
	width: 293px;
	padding-left: 20px;
	top: 16px;
	border-left: 1px solid #A8A8A8;
	}

#login #sidebar
{
	position: absolute;
	right: 333px;
	/* positioning from right MARGIN */
    width: 230px;
	margin: 15px;
	top: 7px;
}

#login #sidebar h3
{
    font-size: 1.2em;
}

#login h2
{
    font-size: 1.4em;
    margin: 1em 0em;
    padding: 2px;
}

#login .field { margin: 1em 0em; }
#login .field .outerborder { border: 3px solid #f7f7f7; }

#login .field label
{
    display: block;
    margin: 1em 0 .25em 0;
    padding: 2px;
    font-size: 1.2em;
    line-height: 1.2em;
    font-family: Verdana, sans-serif;
    color: #FF3300;
}

#login .field .input_hider { width: 271px; }
#login .field .input_text
{
    width: 275px; /* 4 more pixels than input_hider */
    border: 3px solid #fff; /* the border negates the negative margin in FF and IE */
    padding: 0;
    margin: -2px 0 0 -2px; /* negative margin to obscure input outline in safari */
    font-size: 1.3em;
}

#login span /* is there a better element to use here? */
{
    color: #A8A8A8;
    font-style: normal;
}

#login span a { color: #A8A8A8; }
              
#email_friend .outerborder { border: 3px solid #f7f7f7; }
#email_friend .input_hider { width: 200px; }
#email_friend .input_text
{
    width: 204px; /* 4 more pixels than input_hider */
    border: 3px solid #fff; /* the border negates the negative margin in FF and IE */
    padding: 0;
    margin: -2px 0 0 -2px; /* negative margin to obscure input outline in safari */
    font-size: 1.3em;
}

/* faq, affiliate_faq, affiliate_thanks */
#affiliate_thanks h1, #affiliate_faq h1, #faq h1 {
    margin-top: 19px;
    margin-bottom: 19px;
    font-size: 1em;
    color: #919193;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

#affiliate_thanks dd, #affiliate_faq dd, #faq dd {
    padding: 0 30px 0 30px;
    margin-bottom: 30px;
}

#affiliate_thanks dt, #affiliate_faq dt, #faq dt {
    color: #FF3300;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 1.5em;
    margin-bottom: 8px;
    padding: 0 30px 8px 30px;
    text-align: center;
    text-transform: uppercase;
    background-image: url(cssimg/hr.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
}

#affiliate_thanks dd dl dd, #affiliate_faq dd dl dd, #faq dd dl dd {
    color: #3A3A3A;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 1.5em;
}


/* styles applied by javascript */
.highlight{
    border-color: #99CC00!important;
}
.grayed_out{
    color: #A8A8A8 !important;
}

/* hotfix */
#post_plans { float: left; width: 388px; overflow-x: hidden; }


/**************** FACTURAS ***************************/

/****#facturas 
{
    clear: both;
    width: 100%;
}
**/
#facturas  
{
	width:100%;
	text-align:center;
	border-spacing: 0px;
	border-collapse: collapse;
	
}

#facturas  a, #facturas  tr, #facturas th, #facturas  td 
{
   font-family: Arial, Helvetica, sans-serif;
	line-height: 2.0em;
	font-size: 13px;
	color: #55595c;
}
#facturas tbody td{
	line-height: 2.5em;
}

#facturas tbody {
  font-family: Arial, Helvetica, sans-serif;
	line-height: 2.0em;
	font-size: 13px;
	color: #55595c;
	border: 1px solid #CCCCCC;

	}

#facturas  a
{
	display: block;
	text-decoration: none;
	color: #00CC00;
	padding-right: 1.5em;
	
}

#facturas  a:hover,  #facturas a:focus
{
text-decoration: underline;
}

#facturas  th a
{
	color: #FF8E53;
	text-align: right;
}
#facturas  .impar th a, #facturas .impar td a, #facturas .impar td{
	color: #666;
	padding-right: 1.0em;
}

#facturas  th a:hover, #facturas tbody tr:hover th
{   
   background-color: #FFCC99;
	color: #fff !important;
}
#facturas  .impar th, #facturas .impar td{
	background-color: #DDDDDD;
}

#facturas thead th
{
	background-image: url(css/fondofactura.jpg);
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFF;
	border: 1px solid #CC5D15;
	
}

#facturas tbody th
{
   padding-right: 1.0em;
	color: #25c1e2;
	background-color: #fff;
	border-bottom: 1px dotted #aeb3b6;
}

#facturas td
{
	color: #333333;
	font-size: 13px;
	border-bottom: 1px dotted #aeb3b6;
	padding-right: 0.5em;
	
	
}

#facturas tbody tr.impar
{
	border-bottom: 1px dotted #aeb3b6;
}

#facturas tbody tr:hover td
{
  background-color: #FF6600;
}


/**************** GANANCIAS ***************************/

/****#ganancias 
{
    clear: both;
    width: 100%;
}
**/
#ganancias
{
	width:100%;
	text-align:center;
	border-spacing: 0px;
	border-collapse: collapse;
	
}


#ganancias caption
{
	padding: .4em 0 ;
	font-size: 240%;
	font-style: normal;
	color: #FB7E00;
}

#ganancias  a, #ganancias  tr, #ganancias th, #ganancias  td 
{
   font-family: Arial, Helvetica, sans-serif;
	line-height: 2.0em;
	font-size: 13px;
	color: #55595c;
}
#ganancias tbody td{
	line-height: 2.5em;
}

#ganancias tbody {
  font-family: Arial, Helvetica, sans-serif;
	line-height: 2.0em;
	font-size: 13px;
	color: #55595c;
	border: 1px solid #CCCCCC;

	}

#ganancias  a
{
	display: block;
	text-decoration: none;
	color: #00CC00;
	padding-right: 1.5em;
	
}

#ganancias  a:hover,  #ganancias a:focus
{
text-decoration: underline;
}

#ganancias  th a
{
	color: #FF8E53;
	text-align: right;
}
#ganancias  .impar th a, #ganancias .impar td a, #ganancias .impar td{
	color: #666;
	padding-right: 1.0em;
}

#ganancias  th a:hover, #ganancias tbody tr:hover th
{   
   background-color: #FFCC99;
	color: #fff !important;
}
#ganancias  .impar th, #ganancias .impar td{
	background-color: #DDDDDD;
}

#ganancias thead th
{
	background-image: url(css/fondofactura.jpg);
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFF;
	border: 1px solid #CC5D15;
	
}

#ganancias tbody th
{
   padding-right: 1.0em;
	color: #25c1e2;
	background-color: #fff;
	border-bottom: 1px dotted #aeb3b6;
}

#ganancias td
{
	color: #333333;
	font-size: 13px;
	border-bottom: 1px dotted #aeb3b6;
	padding-right: 0.5em;
	
	
}

#ganancias tbody tr.impar
{
	border-bottom: 1px dotted #aeb3b6;
}



/**************** GENCODIGO ***************************/

/*#gencodigo
{
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
}*/


#gencodigo  p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	margin-bottom: 13px;
	margin-top: 18px;
}


#gencodigo  .lista
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #55595c;
	margin-bottom: 12px;
	margin-top: 12px;
	margin-left:20px;
}


#gencodigo  #codigo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color:#DFE2D6;
	padding: 5px;
}

#gencodigo .normal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #55595c;
	margin-top: 10px;
	margin-bottom: 10px;
}