/*
    Document   : common
    Created on : 10/Nov/2011, 22:07:43
    Author     : VertexONE <developer@vertexone.pt>
    Description:
*/

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

html, body {
    min-height: 96%; height: 96%; margin: 0 auto;
}
body{
    padding: 0; color: #555;
    font-family: Calibri, Helvetica, sans-serif; font-size: 1em;
    background: url('images/bgtile2.png') #FFF;
}

body#bidding{
    color: #555;
    background: #F0F0F0 url('../images/body_bg2.png') no-repeat center top;
    font-size:12px;font-family:Calibri,'Arial Narrow', Arial, sans-serif;
    margin:0; padding:0;
}
body#bidding #flogo{ width:150px; margin-top: 5px; }
body#bidding #social-networks-small a.facebook{ background-image: url('../images/social/small/facebook.gif');}
body#bidding #social-networks-small .date{ color:#FFF; text-transform:uppercase;margin-top:5px;}
body#bidding #banner_leilao { margin: 0;padding: 0; color: #F0F0F0;text-transform: uppercase;text-align: center;font-weight: normal;}
body#bidding #banner_lote{ margin: 0;padding: 0; text-transform: uppercase;text-align: center;font-weight: normal;}
body#bidding #bid_buttons{ margin:15px 20px; font-size:larger;}
body#bidding #cd_lbl{  color:#F00; }

/**
 *  Header Module Styling
**/
#social-networks a.facebook{ background-image: url('../images/social/facebook.gif');}
#social-networks .date{ color:#FFF; font-size:1.2em; font-weight:bold;text-transform:uppercase; margin-top:10px;}

.clr { clear: both; overflow:hidden; height: 0; }
a, img, form { padding: 0; margin: 0; border: none; text-decoration: none; }
a { color: #0A95CC; }

table { border-collapse: collapse; padding: 0px; margin: 0px; }
td  { padding: 0px; margin: 0px; border-collapse: collapse;}

div { margin: 0 auto; padding: 0; border: none; display: block; }

.div_espaco_vertical_20px { height: 20px; line-height: 20px; }
.div_espaco_vertical_10px { height: 10px; line-height: 10px; }

/* ------------------------------------------------------------------------------------------------------------------ */

#div_maintop_wrapper {
    width: 950px; height: 150px; margin-bottom: 5px; margin-top: 5px;
    background: url('images/topo/bg_topo.png') no-repeat;
}

#div_mainarea_wrapper {
    width: 1000px; margin: 0 auto; padding: 0; border: 0; margin-top: 5px;
}
#div_mainheader_wrapper {
     margin: 0 auto; padding: 0 10px; margin-bottom: 5px;
    color: #555; font-size: 0.8em; font-weight: bold; text-align: center;
}

#div_mainfooter_wrapper {
    width: 1000px; height: 26px; line-height: 26px; margin: 0 auto; padding: 0; margin: 5px 0;
    color: #555; font-size: 0.8em; font-weight: bold; text-align: center;
    background: white url('./images/VertexONE.png') no-repeat 99% 50%;
    border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
    border: 1px solid #666;
}


/* LOGIN AREA ----------------------------------------------- */
#div_login_wrapper {
    width: 490px; height: 300px; margin-top: 30px; margin-bottom: 50px;
    background: url('images/login/bg_login.png') no-repeat;
}

.div_login_info_pregoeiro {
    width: 450px; padding-top: 20px; height: 70px; line-height: 70px; text-align: center;
    font-size: 2em; font-weight: bold; color: #309DCF; text-transform: uppercase;
}

.div_wronglogin_wrapper{
    width: 300px; height: 32px; line-height: 32px; margin-top: 25px; margin-left: 165px; color: #990000;
    font-size: 0.8em; font-weight: bold;
}

.div_wronglogin_message{
    background: url('images/login/bg_wronglogin.png') no-repeat; text-indent: 15px;
    width: 300px; height: 32px; line-height: 32px; text-align: center;
}


.div_loginform_wrapper {
    width: 215px; height: 125px; margin-top: 9px; margin-left: 257px;
}

.login_inputs {
    width: 170px; height: 24px; line-height: 24px; color: #555; font-size: 0.9em;
    background: none; margin-left: 7px; margin-top: 2px; border: none;
}

.login_submit {
    width: 150px; height: 30px; line-height: 26px; text-align: left; margin-left: 35px;
    color: #309DCF; font-size: 0.9em; font-weight: bold; border: 0; text-indent: 5px;
    background: url('images/login/btn_150px.png') no-repeat;
}
.login_submit:hover { background: url('images/login/btn_150px_hover.png') no-repeat; cursor: pointer; }


/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */
/* Areas do Pregoeiro ------------- */
#div_leftarea_wrapper   { width: 350px; float: left; }
#div_middlearea_wrapper { width: 280px; float: left; margin-left: 10px; }
#div_rightarea_wrapper  { width: 350px; float: right; }

.div_container_350x130px {
    width: 350px; height: 130px; margin: 0 auto; padding: 0; border: 0;
    background: url('images/bg_areas/bg_350x130px.png') no-repeat;
}

.div_container_350x130px_inside {
    width: 330px; height: 70px; line-height: 70px; margin: 0 auto; padding: 0; border: 0; margin-top: 10px;
}

.div_container_350x130px img { width: 70px; margin: 0 auto; padding: 0; border: 0; }

.div_container_title {
    width: 100%; height: 40px; line-height: 40px; margin: 0 auto; padding: 0; border: 0;
    color: #FFF; font-weight: bold; font-size: 1.8em; text-align: center;
}

.btn_arrow-up, .btn_arrow-down, .btn_arrow-down_off, .btn_arrow-up_off, .btn_70x70px, .btn_70x70px-off {
    width: 70px; height: 70px; line-height: 70px; margin: 0 auto; padding: 0; border: 0; text-align: center;
}

.btn_arrow-up { background: url('images/buttons/arrow-up.png') no-repeat; }
.btn_arrow-down { background: url('images/buttons/arrow-down.png') no-repeat; }
.btn_arrow-up:hover { background: url('images/buttons/arrow-up_hover.png') no-repeat; cursor: pointer; }
.btn_arrow-down:hover { background: url('images/buttons/arrow-down_hover.png') no-repeat; cursor: pointer; }
.btn_arrow-up_off { background: url('images/buttons/arrow-up_off.png') no-repeat; }
.btn_arrow-down_off { background: url('images/buttons/arrow-down_off.png') no-repeat; }

.btn_70x70px, .btn_70x70px-off {
    background: url('images/buttons/btn_clean.png') no-repeat; font-size: 2em; font-weight: bold; color: #555;
    margin: 10px; float: left;
}
.btn_70x70px-off { background: url('images/buttons/btn_clean-off.png') no-repeat; color: #EEE; }
.btn_70x70px:hover { background: url('images/buttons/btn_clean_hover.png') no-repeat; cursor: pointer; }

.text_numlote {
    width: 140px; height: 70px; text-align: center; color: #309DCF; font-weight: bold; font-size: 3em;
    margin: 0 auto; padding: 0; border: 0;
}
.text_valoratingido {
    width: 160px; height: 70px; text-align: right; color: #309DCF; font-weight: bold; font-size: 1.7em;
    margin: 0 auto; padding: 0; border: 0; background: none;
}

.text_valoresbase {
    width: 195px; height: 35px; text-align: right; color: #309DCF; font-weight: bold; font-size: 1.3em;
    margin: 0 auto; padding: 0; border: 0; background: none;
}

.text_idvencedor {
    width: 100px; height: 35px; line-height: 35px; text-align: right; color: #309DCF; font-weight: bold; font-size: 1.2em;
    margin: 0 auto; padding: 0; border: 0; background: none; text-align: center;
}

.text_valorfinal {
    width: 210px; height: 35px; line-height: 35px; text-align: right; color: #309DCF; font-weight: bold; font-size: 1.2em;
    margin: 0 auto; padding: 0; border: 0; background: none;
}


.div_container_280x130px {
    width: 280px; height: 110px; margin: 0 auto; padding: 0; border: 0;
    background: url('images/bg_areas/bg_280x130px.png') no-repeat;
}

.div_container_280x130px_inside {
    width: 260px; height: 50px; line-height: 50px; margin: 0 auto; padding: 0; border: 0; margin-top: 10px;
}

.div_container_ultimos_lances {
    width: 350px; height: 210px; margin: 0 auto; padding: 0; border: 0;
    background: url('images/bg_areas/bg_ultimoslances.png') no-repeat;
}

.div_container_ultimos_lances_inside {
    width: 330px; height: 200px; line-height: 200px; margin: 0 auto; padding: 0; border: 0;
}

.div_itens_retirados{
    width: 280px; height: 180px; margin: 0 auto; padding: 0; border: 0;
    background: url('images/bg_areas/bg_itens_retirados.png') no-repeat;
}

.div_itens_retirados_inside{
    width: 260px; height: 125px; line-height: 25px; margin: 0 auto; padding: 0; border: 0; margin-top: 5px;
    overflow-y: scroll;
}

.div_equipamento{
    width: 280px; height: 290px; margin: 0 auto; padding: 0; border: 0;
    background: url('images/bg_areas/bg_equipamento.png') no-repeat;
}

.div_equipamento_inside{
    width: 260px; height: 235px; line-height: 25px; margin: 0 auto; padding: 0; border: 0; margin-top: 5px;
    overflow-y: scroll;
}

.div_dados_lote {
    width: 350px; height: 260px; margin: 0 auto; padding: 0; border: 0;
    background: url('images/bg_areas/bg_dados_lote.png') no-repeat;
}

.div_dados_lote_inside {
    width: 330px; height: 205px; line-height: 25px; margin: 0 auto; padding: 0; border: 0; margin-top: 5px;
}

.div_observacoes {
    width: 350px; height: 200px; margin: 0 auto; padding: 0; border: 0;
    background: url('images/bg_areas/bg_observacoes.png') no-repeat;
}

.div_observacoes_inside {
    width: 330px; height: 145px; line-height: 25px; margin: 0 auto; padding: 0; border: 0; margin-top: 5px;
}

.div_documentacao_text{
    width: 310px; text-align: center; margin: 0 auto; height: 30px; line-height: 30px; margin-top: 20px;
    color: #FF0000; font-size: 1.1em;
}

.div_observacoes_text{
    width: 310px; margin: 0 auto; height: 65px; margin-top: 20px; color: #309DCF; font-size: 1em;
}

.div_container_finalizar {
    width: 350px; height: 105px; margin: 0 auto; padding: 0; border: 0;
    background: url('images/bg_areas/bg_finalizar.png') no-repeat;
}

.div_container_finalizar_inside {
    width: 330px; height: 45px; line-height: 45px; margin: 0 auto; padding: 0; border: 0; margin-top: 10px;
}

.div_container_valoresbase {
    width: 350px; height: 130px; margin: 0 auto; padding: 0; border: 0;
    background: url('images/bg_areas/bg_valoresbase.png') no-repeat;
}

.div_container_valoresbase_inside {
    width: 310px; height: 35px; line-height: 35px; margin: 0 auto; padding: 0; border: 0; margin-top: 5px;
}


/* BUTTONS HEADER --------------------------------------------- */
.btn_sair, .btn_sair_off {
    width: 90px; height: 37px; line-height: 37px; margin: 0 auto; padding: 0; border: 0; float: left;
    margin-left: 10px; margin-top: 7px; background: url('images/bg_areas/btn_sair.png') no-repeat;
}
.btn_sair_off { background: url('images/bg_areas/btn_sair_off.png') no-repeat; }
.btn_sair:hover { background: url('images/bg_areas/btn_sair_hover.png') no-repeat; cursor: pointer; }

.btn_play {
    width: 110px; height: 37px; line-height: 37px; margin: 0 auto; padding: 0; border: 0; float: right;
    margin-right: 10px; margin-top: 7px; background: url('images/bg_areas/btn_play.png') no-repeat;
}
.btn_play:hover { background: url('images/bg_areas/btn_play_hover.png') no-repeat; cursor: pointer; }

.btn_stop {
    width: 110px; height: 37px; line-height: 37px; margin: 0 auto; padding: 0; border: 0; float: right;
    margin-right: 10px; margin-top: 7px; background: url('images/bg_areas/btn_stop.png') no-repeat;
}
.btn_stop:hover { background: url('images/bg_areas/btn_stop_hover.png') no-repeat; cursor: pointer; }

.div_header_data_leilao_main {
    width: 750px; text-align: left; font-size: 2em; color: #555; float: left; font-weight: normal;
}

.div_header_data, .div_header_lotestatus { width: 300px; font-weight: bold; height: 50px; line-height: 50px; }
.div_header_data       { float:left; margin-left: 30px; }
.div_header_lotestatus { float:right; text-align: right; margin-right: 30px;  }




/* --------------------------------------------------------------------------------------------- */

/* DIVS DADOS DO LOTE -------------------------- */
.div_dadoslote_label {
    width: 80px; margin: 0 auto; padding: 0; border: 0; color: #444; font-size: 1em;
    float: left; margin-top: 4px; margin-left: 8px; margin-bottom: 6px;
}

.div_dadoslote_value{
    width: 215px; margin: 0 auto; padding: 0; border: 0; color: #444; font-size: 1em; margin-top: 4px;
    float: right; text-align: center; font-weight: bold; margin-right: 5px; margin-bottom: 6px;
}



/* KEYPAD STYLES--------------------------------------------------------- */
.div_keypad_wrapper{
    width: 1000px; height: 470px; margin: 0 auto; padding: 0; border: 0;
    position: absolute; top: 60px; z-index: 90; background: none transparent;
}

.div_keipad_container {
    width: 320px; height: 490px; margin: 0 auto; padding: 0; border: 0; padding-top: 10px;
    background: url('images/bg_areas/bg_keypad.png') no-repeat; z-index: 100;
}

.div_keypad_wrapper_inside{
    width: 300px; height: 470px; margin: 0 auto; padding: 0; border: 0; background: none transparent;
}

.div_keypad_line { width: 270px; margin: 0 auto; margin-top: 10px;}

.div_keypad_textbox {
    width: 160px; height: 70px; line-height: 70px; margin: 0 auto; padding: 0; border: 0; text-align: center;
    margin: 10px; float: left;
}

.text_keypadvalue {
    width: 160px; height: 70px; line-height: 70px; text-align: center; color: #309DCF;
    font-weight: bold; font-size: 2em; margin: 0 auto; padding: 0; border: 0;
    background: url('images/bg_areas/bg_keypadvalue.png') transparent no-repeat;
}
.btn_keypad_close {
    margin: 0; padding: 0; border: 0; width: 30px; height: 30px; line-height: 30px;
    background: url('images/bg_areas/btn_close.png') no-repeat;
    position: relative; top: 25px; left: 635px; z-index: 110;
}

.btn_keypad_close:hover { cursor: pointer; }


/* LANCES FAKE --------------- */
.div_fake_wrapper {
    width: 330px; height: 32px; margin: 0 auto; padding: 0; border: 0; margin-top: -28px; z-index: 10;
}

.btn_fake_lance {
    width: 100px; height: 32px; line-height: 32px; color: #555; font-size: 1.2em; font-weight: bold; text-align: center;
    background: url('images/bg_areas/btn_fake.png') no-repeat;
}
.btn_fake_lance:hover { background: url('images/bg_areas/btn_fake_hover.png') no-repeat; cursor: pointer; }

.erro_sem_leiloes {
    margin: 0 auto; text-align: center; line-height: 120px; font-size: 3em; color: #FF0000;
}

/* LANCES FAKE --------------- */
.div_lance_line, .div_lance_line_win {
    width: 300px; height: 27px; line-height: 27px; font-size: 1em;clear:both;
}
.div_lance_line_win { font-weight: bold; font-size: 1em; width: 230px; float: right; position: relative; top: -73px; margin-right: 10px; margin-bottom: -80px; }
.div_lance_line_winner { font-weight: bold; font-size: 1em; width: 230px; float: right; position: relative; top: -45px; margin-right: 10px; margin-bottom: -60px; }
.div_lance_col_left {
    width: 100px; text-align: left; float: left;
}

.div_lance_col_right {
    width: 200px; text-align: right; float: right;
}

.title{ border:1px solid #1DA4D2; color:#1DA4D2; background-color:#E4F1FC; border-radius:5px;margin: 5px 0;padding: 5px;}
.title.warning{ border-color: #F00;color: #F00;background-color: #FCF;font-size: 18px;font-weight: bold;text-transform: uppercase;}
.info{ display: inline-block;float: left;border-radius: 5px;background-color: #CCC;color: #333;overflow: hidden;padding: 1px;}
.info .label{ float: left; overflow: hidden;margin:0 5px; width:25%;}
.info .value{ border-radius:5px; background-color:#FFF; color:#333; overflow:hidden;text-align:center;}
.w100p{width:97.9%; margin: 1%;}
.w90p{width:87.8%; margin: 1%;}
.w80p{width:77.8%; margin: 1%;}
.w70p{width:67.8%; margin: 1%;}
.w60p{width:57.8%; margin: 1%;}
.w50p{width:47.8%; margin: 1%;}
.w40p{width:37.8%; margin: 1%;}
.w30p{width:27.8%; margin: 1%;}
.w20p{width:17.8%; margin: 1%;}
.w10p{width:7.8%; margin: 1%; }
.w5p{width:2.9%; margin: 1%;  }
.w75p{width:72.7%; margin: 1%;}
.w25p{width:22.7%; margin: 1%;}
.w33p{width:31.3%; margin: 1%;}
.w66p{width:64.4%; margin: 1%;}
.w85p{width:82.7%; margin: 1%;}
.w15p{width:12.7%; margin: 1%;}
.w35p{width:32.7%; margin: 1%;}

.tLeft{text-align:left;}
.tRight{text-align:right;}
.tCenter{text-align:center;}

.value.heavy{ font-weight:bold;}
.value.navy{ color:#069;}
.value.red{ color:#F00;}

.panel{
    border: 1px solid #999; padding: 0px; overflow:hidden;
    border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
    background: #FFF url('../images/body_bg.png') no-repeat right -22px;
}
.panel.navy{
    border-color: #069;
}
.panel h2.title{ color:#FFF; padding: 0; border: 0; border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0; font-weight: bold; font-size: 1.8em; text-align: center; margin:0px; background-color: transparent; /* background: transparent url(images/box_title_gray.png) repeat-x left bottom; */ height: 40px; line-height:40px; text-transform:uppercase; }
.panel.navy h2.title{ color:#FFF; background-image: url('images/box_title_navy.png'); }

.panel .content{ padding: 5px; font-family: Calibri, Helvetica, Sans-serif; font-size: 1em; width: 97%;}
.panel .content fieldset{ border-radius:10px; margin:5px 0; }
.panel .content fieldset legend { text-transform:uppercase;  }

#detalhes h2{ font-size:1.6em; }
#observacoes h2{ font-size:1.3em; }

.currency, .currency-formatted{text-align:right;}

.proposal {
    border-radius: 8px;
    border:  1px solid #333;
    margin: 6px 3px;
    background: white url('./images/proposal_ok.png') no-repeat left center;
    padding-left: 136px;
    padding-right: 8px;
    line-height: 23px;
    text-align: left;
}
    .proposal b{float:right;}
.proposal.unvalidated { background-image:url('./images/proposal_nok.png'); }

/**
 *  "Fancyboxed" Forms Styling
**/
.fancybox-inner > .box > .title{ font-weight:bold; text-align:center; }
.fancybox-inner > .box > form{ background: transparent url('./images/brand.png') no-repeat left top; }
.fancybox-inner > .box >  form.error{ background-image:url('./images/error.png'); }
.fancybox-inner > .box >  form.success{ background-image:url('./images/success.png'); }
    .fancybox-inner > .box >  form .error{ color: #F00; }
.fancybox-inner > .box > form label{ text-transform:uppercase; color:#333; font-size:1.2em;}
.fancybox-inner > .box > form input, .fancybox-inner > .box > form textarea{ width:180px;}
.fancybox-inner > .box > form input.error, .fancybox-inner > .box > form textarea.error{ border:1px solid #F00; background:#FBB url('./images/icons/exclamation4.png') no-repeat right center; color:#F00;}
.fancybox-inner > .box > form input.submit{ width:auto; font-size: 1.25em;background-color:#333;color:#FFF;border-radius: 0.5em; border: none; padding: 0.5em 1em; text-transform:uppercase; cursor:pointer; behavior: url('./css/ie-css3.htc'); float:right; }
.fancybox-inner > .box > form input.submit:hover{ background-color:#369; text-shadow: 0em 0em 1em #CCC; }
.fancybox-inner > .box > form label.error{ display:none !important; }


.subtitle{ margin: 0; padding: 0 1em; font-variant: small-caps; text-transform:capitalize; }
.toolbar{ text-align:center; }
.toolbar a{
    display:inline-block;
    border-radius: 0.5em;
    border: 1px solid #333;
    font-size: 1em;
    padding: 0.5em 1em;
    color:#FFF;
    font-weight:bold;
    background: transparent url('./images/btn_bg.png') repeat-x top left;
    margin: 0em 1em 1em;
}
#net .header > div,#sala .header > div{ border: 1px solid #333;}
#net .row div, #sala .row div{ margin-top: 0; margin-bottom:0; border: 1px solid transparent;}
.row{ font-family:Arial Narrow, Arial, sans-serif-serif; font-size: 1em; }
.row.net{ background-color: #0A6B9E; color:#FFF;}
.row.sala{background-color: #B2D2E1; color:#0382B7;}
.row.sala input{ width:80%; }

.marker{ height: 1em; width: 1em; background-color: transparent; margin: 0.1em auto;vertical-align: middle;display: inline-block;}
.invalid .marker{ background-color:#F00;   }
.inferior .marker{ background-color:#FF0;  }
.valid .marker{ background-color:#0F0;     }