/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/


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

body
{
    background-color: #fff;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #000;
    background:url(images/barrinha.jpg?nocache=1) repeat-x;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
#page
{
    width:980px;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    margin-bottom: 5px;
    color: #000;
    padding: 0;
    background:url(images/header.jpg?nocache=1) no-repeat transparent;
    height:53px;
    position: relative;
}

div#menu 
{
    height:53px;
    background:url(images/menu/nav-bg.gif) repeat-x;
}

#main
{
    margin:auto;
    width:980px;
    height:400px;
    background-color: #fff;
    margin-top:05px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */    
}

#content {
    margin-top:5px;   
    padding-bottom:15px;
}
#title-page
{
    width: auto;
    background: #ffec96;
    padding: 5px;
    color: #000;
    font-weight: bold;
    border: 1px solid #000;
    font-family:Arial;
    font-size:12px;
    margin-bottom:5px;
}
#footer-page
{
    width: auto;
    background: #6c9299;
    padding: 5px;
    text-align: right;
    border: 1px solid #000;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

.error a
{
    color:Red !important;
    text-decoration: underline !important;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

span.label
{
    font-family:Arial;
    height:17px;
    float: left;
    display: block;
    margin-right:5px;
    margin-top:2px;
    margin-bottom: 5px;
}


span.label2
{
    font-family:Arial;
    margin-right:0px;
    line-height:18px;
}

input[type=text], input[type=password]
{
    font-size:12px;
    padding: 2px;
    border: 1px solid #aaa;
}

select
{
 font-size:12px;
    border: 1px solid #aaa;   
}

textarea {
    font-size:12px;
    padding: 2px;
    border: 1px solid #aaa;
}

input[type=text].readonly
{
    background: #ddd;
}

input[type=checkbox].readonly {
    background-color: #ddd;
    color: #ddd;
}

select.readonly {
    background-color: #ddd;
}

#footer-page input[type=submit] {
    font-family:Arial;
    font-size:12px;
    background-color: #d3dbe6;
}
#footer-page input[type=button] 
{
    font-family:Arial;
    font-size:12px;
    background-color: #d3dbe6;
}

#filter-page input[type=submit] {
    font-family:Arial;
    font-size:12px;
    background-color: #d3dbe6;
}
#filter-page input[type=button] 
{
    font-family:Arial;
    font-size:12px;
    background-color: #d3dbe6;
}


.lupa
{
    background: url(images/pesquisa.gif) no-repeat;
    background-position: 0px 0px;
    width:16px;
    height:16px;
    float: left;
    display: block;
    margin-right:2px;
    cursor: pointer;
}

.limpar-filtro {
    background: url(images/bt_exclui.jpg) no-repeat;
    background-position: 0px 0px;
    width:16px;
    height:16px;
    float: left;
    display: block;
    margin-right:5px;
    cursor: pointer;
}

.lupa-disabled
{
    background: url(images/pesquisa_disabled.jpg) no-repeat;
    background-position: 0px 0px;
    width:16px;
    height:16px;
    float: left;
    display: block;
    margin-right:2px;
    cursor: pointer;
}
.campo_inline
{
    float: left;
    display: block;
    margin-right:5px;
}

.consulta-ajax-erro 
{
    color: #ff0000;
    float: left;
    display: block;
    font-weight: bold;
    font-family: Arial;
}


.consulta-ajax-informacao 
{
    color: #000;
    float: left;
    display: block;
    font-weight: bold;
    font-family: Arial;
}


.indicator
{
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    display: none;
}

span.label.bold
{
    font-weight: bold;   
}

a
{
    color:#000;       
    cursor: pointer;
}
a:link
{
    color:#000;       
    
    text-decoration: none;
}

a:visited
{
    color:#000;       
    
}

input.error
{
    background-color: #ffdddd;
    color: #000;
            
}

textarea.error
{
    background-color: #ffdddd;           
    color: #000; 
}

select.error
{
    background-color: #ffdddd;            
    color: #000;
}


/** LOGIN ***/

/*
    Login
*/

#bg-login {
    background: #fff;
    margin:0;
    position:relative;
}

#login {	
    margin:0 auto;
    padding:0;
    position:relative;
    top:82px;
    width:358px;
    width: /*\**/ 359px\9; /* IE8 Only */    
}

#container-validation-login {	
    margin:0 auto;
    padding:0;
    position:relative;
    top:100px;
    width: 770px;
}


#header-login {
    height: 85px;
    width: 350px;
}

#logo-login {
    background: url(images/logo.gif) no-repeat;
    height: 81px;
    width: 90px;
    float:left;
}

div#content-login {
    background:transparent url(images/login/orig-content.png) no-repeat scroll left top;
    position: relative;
    top: 17px;
    width: 365px;
    height: 180px;
    padding-bottom: 19px;
}

#content #content-login 
{
    height: 100%!important;
}

*div#content-login { /* IE7 */
    padding-bottom: 0px;
}

#container-login .login-txt {
    display: none;
}

#container-login table.login {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-left:28px;
    border: 0px !important;
}

#container-login table.login td{
    border: 0px !important;
}

#container-login table.validate {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-left:28px;
}

#container-login label {
    font-size: 13px;
    color: #4d4d4d;
}

#container-login input {
    padding: 6px;	
    font-size: 13px;
    border: 1px solid #CCC;
    height: 21px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#container-login select {
    border:1px solid #CCCCCC;
    font-size:12px;
    margin-left:21px;
    margin-top:9px;
    padding:6px;
    width:203px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #FFF;
    height: 31px;
}

#container-login .input-user 
{
    width: 180px;
    margin-top:27px;
    margin-bottom:4px;
}

#container-login .input-user-validation-result 
{
    width: 110px;
    margin-top:0px;
    margin-bottom:0px;
    text-transform:uppercase;
}


#container-login label.user {
    display:block;
    float:left;
    margin-top:37px;
    width:92px;
}

#container-login label.user-validation {
    
}


#container-login label.pass {
    display:block;
    float:left;
    margin-top:13px;
    width:79px;
}

#container-login label.conected {
    float:left;
    margin-top: 13px;
    display: block;
}


#container-login input.loginbtn {
    background:transparent url(images/login/orig-btn.png) no-repeat scroll 100% 50%;
    border:medium none !important;
    color:#4D4D4D;
    float:left;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px !important;
    font-weight:bold;
    height:40px !important;
    left:85px;
    margin:9px 15px 0 0;
    padding-bottom:10px !important;
    position:relative;
    width:87px !important;
}

#container-login input.validatebtn {
    background:transparent url(images/login/orig-btn.png) no-repeat scroll 100% 50%;
    border:medium none !important;
    color:#4D4D4D;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px !important;
    font-weight:bold;
    height:40px !important;    
    margin:5px 0px 4px 0;
    padding-bottom:10px !important;    
    width:87px !important;
}


#container-login .input-pass {
    width: 180px;
    margin-left: 13px;
    margin-top: 5px;
}

#container-login input.check {
    border:medium none !important;
    height:13px !important;
    margin-left:10px;    
    margin-top:13px;
    vertical-align:middle;
    width:13px !important;
}

#footer-login {
    background:transparent url(images/login/orig-foot.png) no-repeat scroll center top;
    color:#909090;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    position: relative;
    padding-top:20px;
    text-align:center;
    top: 13px;
    margin-left: -10px;
}

#content #footer-login
{
    margin-left: 1px!important;
}

#footer-login a {
    color: #909090;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    text-decoration: none;
}

#footer-login a:hover {
    text-decoration: underline;
}



#boxAlarmes {
    width:485px;
    float:left;
}
#boxTerminal {
    width:485px;
    float:left;
    margin-right:5px;
}

/*** GRAFICO TANQUE **/
.tanque-empresa {
    border-bottom:1px solid #bababa;
    margin-bottom:10px;
    padding:3px;
}

.tanque {
    float: left;
    background-color:#eee;
    border:1px solid #bababa;
    margin-bottom:10px;
    width:280px;
}
#tanque-nome {
    background-color:#aaa;
    padding:5px;
    color:#fff;
    font-weight: bold;
    height: 15px;
}

.tanque-bar {
    float:left;
    background:url(images/grafico-bar.png); 
    width:20px;
    position: relative;
    height:270px;
    border:1px solid #bababa;
    margin-left:5px;
}

.tanque-bar-track 
{
    background:#05d000;
    position:absolute;
    display:block;
    bottom:0;
    top:auto;
    width: 20px;
    opacity: 0.2;
    filter: alpha(opacity=20);
}


.tanque-bar-2 {
    margin-top: 35px;
    margin-left: 59px;
    background: url(images/grafico-bar.png);
    width: 2px;
    padding: 0px;
    position: relative;
    height: 135px !important;
    /*border:1px solid #bababa;*/
    float: left;    
}

.tanque-bar-track-2 
{
    background: url(images/tanque-volume.jpg) no-repeat;
    position:absolute;
    display:block;
    bottom:0;
    top:auto;
    width: 2px;
    height: 135px;
}

    .tanque-bar-track-2 div {
        max-height: 135px !important;
    }

.tanque-informacao-imagem {
    color:#fff;
    font-size:9px;
    font-weight: bold;
    height: 12px;
}

.tanque-cinza {
    background: url(Images/tanque-cinza.png) no-repeat;
    background-position: 10px 10px;
}

.tanque-comboio {
    background: url(Images/tanque-comboio.png) no-repeat;
    background-position: 10px 10px;
}


.mensagem-erro {
    color:#ff0000;
    font-weight:bold;
    background-color: #fff;
    border: 1px solid #bababa;
}