/* 
    Document   : admin
    Created on : 03-Apr-2012, 11:26:40
    Author     : jarek
    Description:
        CSS styles for administration panel
*/


body {
    color:#fff;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size:14px;
}

a,a:link,a:visited {
    text-decoration:none;
    color:#222222;
    
}


table {
    display:block;
    float:left;
}

a:hover {

    color:#326599;
}


.list
{
	font-size: 12px;
	margin: 10px;
	text-align: left;
	border-collapse: collapse;
        border: 1px solid #D3D3D3;
}


.list tr
{
    background: url('../js/jqueryui/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll 50% 50% #E6E6E6;
}

.list th
{
	font-size: 13px;
	font-weight: bold;
	padding: 5px 4px;

	border-top: 4px solid #444444;
	border-bottom: 1px solid #fff;
	color: #039;
}
.list td
{
	padding: 5px 4px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
.list tr:hover td
{
	
	color: #339;
}


.info-box{
    font-size: 12px;
    margin: 10px;
    text-align: left;
    border-collapse: collapse;
}

.info-box tr {
    
}

.info-box td {
    padding: 8px 12px;
    color: #212121;
}
.info-box td.table-item-title{
    font-weight:bold;
}


/* ---------- menu styles ------------------*/


#menu {
    float:left;
    font-size: 1.2em;
    margin: 5px 20px;
}

#menu a,#menu a:link,#menu a:visited{
    color:#e8ed66;
}

#menu a:hover{
    /*color:#E6E6E6;*/
}

#nav, .nav, #nav .nav li { margin:0px; padding:0px; }
#nav li {float:left; display:inline; cursor:pointer; list-style:none; padding:0px 10px 0px 10px; position:relative; }
#nav li ul.first {left:-1px; top:100%;  border-left:1px #AAA solid; border-right:1px #AAA solid;border-bottom:1px #AAA solid;}
#nav li ul.first a, #nav li ul.first a:visited {color:#222;}

li, li a {color:#222222; text-decoration:none;}
#nav .nav li { width:100%; text-indent:10px; line-height:30px; margin-right:10px; background:#FBF9EE; }
#nav li a {display:block; width:inherit; height:inherit; color:#222;}

ul.nav { display:none; }
#nav li:hover > a, #nav li:hover { color:#222; background:#FFDD00; }
li:hover > .nav { display:block; position:absolute; width:200px; top:-2px; left:50%; z-index:1000; } 
li:hover { position:relative; z-index:2000; } 


/*------------ end menu styles ----------*/

#content {
    margin: 5px 20px;
}


.box{
    color:#222;
    margin:20px 10px 0px 0px;
}

.box legend {
    width:100%;
    background:#ffdd00;
    margin-top:-10;
    margin-left:-10;
    margin-right:-10;
    padding:10px;
    font-size:1.2em;
    text-transform:uppercase;
    
}

#device-list
{
    margin-top:10px;
    min-width:450px;
}

button.edit
{
    float:right;
}

.pagination
{
    display:block;
    margin:10px 0px;
}

.pagination .prev
{
    float:left;
}

.pagination .next
{
    margin-left:30px;
    float:right;
}

.pagination .info
{
    float:left;
    margin-left:30px;
}

.pagination .pages
{
    float:left;
    margin-left:20px;
    max-width:800px;
}

.pagination .pages a 
{
    float:left;
    margin-left:5px;
}

.pagination a.current
{
    font-size:1.0em;
    font-weight:bold;
}

#list-search{
    float:left;
}

#list-menu{
    margin-top:10px;
    float:right;
}

#list-tools{
    display:block;
    float:left;
    width:100%;
}

#list-table{
    float:left;
}

#list{
    
}

#related-list{
    width:580px;
}

.config {
    width: 330px;
}

 
.config span {
    float:left;
}


.config .title {
    float:left;
    width:100%;
    font-size:1.2em;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
}

.config .framed {
    width:90%;
    margin:5px;
    padding-left:5px;
    float:left;
    border: solid 1px #E6E6E6;
}

.config-param-name {
    width: 150px;
    font-weight: bold;
    text-transform: capitalize;
}

.config button {
    float:right;
    margin-top:20px;
}

.zend_form legend {
    background:#E6E6E6;
    border: solid 1px #E6E6E6;
}

.zend_form fieldset {
    width:90%;
    margin:5px;
    padding:10px;
    float:left;
    border: solid 1px #E6E6E6;
}

#login{
    float:right;
    margin-top:10px;
    margin-right:10px;
}

#login button {
    margin-left:10px;
}

.modal {    
    display:none; 
}

form#import span strong{
    width:100%;
    float:left;
    margin:5px;
}

form#import div {
    float:left;
    width:100%;  
}


form#import button{
    float:left;
    margin:5px;
}

.rhs-widget td{
    color: #326599;
}

.parameter-info{
    float:left;
    margin:30px 0px;
    width:100%;
}

.parameter-info div {
    float:left;
    width:100%;
}

.item-name{
    float:left;
    width:120px;
    font-weight:bold;
}

.item-value{
    float:left;
    
}

td.cell-value{
    width:65px;
}

td.cell-quality{
    width:40px;
}

td.cell-quality span{
    float:left;
    width:15px;
}

td.flagged{
    color:red;
}

#location ul{
    list-style-type: none;  
}

#location li b{
    font-size:1.2em;
    color:blue;
}

#location li{
    font-size:1em;
    color:grey;
}

.data-table td.cell-quality, .data-table th.quality-heading{
    border-right: solid 1px black;

}

.data-table td.cell-value, .data-table th.value-heading{
    border-left: solid 1px black;

}

.data-table td.cell-empty{
    border-left: solid 1px black;
    border-right: solid 1px black;
}

.data-table th.parameter-heading{
    border-right: solid 1px black;
    border-left: solid 1px black;
}