/*
	CSS GFLEET WEB 1.1 beta
	data: 04-10-2007

/* =Generale
-------------------------------------------------------------- */
html,body {height:100%; margin:0; padding:0}
body {
background:#2c4963;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#000
}
img {border:none}
select,input,submit {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#38629e;
padding-top:4px;
margin:0 0 -5px
}
a {text-decoration:none}
a:link,a:hover,a:visited {color:#000}
ul {
list-style-type:none;
margin:0;
padding:0
}

/**************** CLASSI ***************
* tabelle **/
.perifericatd,.doubletd {
background-color:#eee;
color:#5e5e5e;
height:18px;
min-height:18px
}
.greylabel {color:#888}
.informazioni,.datiperiferica {width:100%}
.datiperiferica td {padding:2px 1px}
.perifericatd {width:64px}

/*** BORDI ***/
.bordi {
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc
}

/** Form **/
.formtext {width:90px}
.formlong {width:87%;float:left}
.formrealtime {}
.formshort {width:40px}
.formtasto {
width:60px;
float:right
}

/** Titoli **/
.titolo {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700
}

/*div contenitore della barra sotto i box di sinistra*/

hr.greyhr {border:0; color: #ccc; background-color: #ccc; height: 1px}
div.barrabottom {
width:100%;
height:7px;
background:url('./templates/images/bottom_sfondo.gif') top left repeat-x;
margin-top:1px
}
div.barrabottom hr {display:none}

h2.barra {
background:url('./templates/images/menutop.jpg') top left repeat-x;
height:27px;
cursor:pointer
}

h2.barra.nonCollassabile {cursor:default}

.bullet {padding-left:5px}

/** classi per le tab **/
.dhtmlgoodies_tabPane {
height:22px;
border-bottom:1px solid #919B9C;
margin-top:4px;
background:#FFF url('templates/images/tabs/bg_tabs.gif') left bottom repeat-x ;
}
.dhtmlgoodies_aTab {
padding-top:1px
}
.dhtmlgoodies_tabPane DIV {
float:left;
height:100%;
padding-left:3px;
vertical-align:middle;
background-repeat:no-repeat;
background-position:bottom left;
cursor:pointer;
position:relative;
bottom:-1px;
margin-left:0;
margin-right:0
}
.dhtmlgoodies_tabPane .tabActive {
background-image:url('templates/images/tabs/tab_left_active.gif');
margin-left:0;
margin-right:0;
z-index:10
}
.dhtmlgoodies_tabPane .tabInactive {
background-image:url('templates/images/tabs/tab_left_inactive.gif');
margin-left:0;
margin-right:0;
z-index:1
}
.dhtmlgoodies_tabPane .inactiveTabOver {
background-image:url('templates/images/tabs/tab_left_over.gif');
margin-left:0;
margin-right:0
}
.dhtmlgoodies_tabPane span { /* PADDING dello span definito nel JS*/
font-family:Verdana;
vertical-align:top;
font-size:11px; 
line-height:22px;
float:left
}
.dhtmlgoodies_tabPane .tabActive span {
padding-bottom:1px;
line-height:21px
}
.dhtmlgoodies_tabPane img {
float:left
}

/*fine classi per le tab*/
.orecalendario {
background:url('templates/images/title-bg.gif')
}

/**************** Horizontal Menù ****************/

.menucontainer {
float:right;
}

ul#menu{margin-right: 30px;}
ul#menu,ul#menu li{list-style-type:none;margin:0;padding:4px 0 0 0}
ul#menu li{float:left;margin-right:1em}
ul#menu a{float:left;padding:5px 18px 4px 18px;text-decoration:none;font-weight:bold;color:#38629E}
ul#menu a:hover{color:#333}
ul#menu li.current a,ul#menu li.current a:hover{color:#333;}
li#logout a{background: url('templates/images/menu/delete.png') no-repeat left center}
li#refresh a{background: url('templates/images/menu/refresh.png') no-repeat left center}
li#dimensions a{background: url('templates/images/menu/2d.png') no-repeat left center}
li#print a{background: url('templates/images/menu/printer.png') no-repeat left center}
li#coordinates a{background: url('templates/images/menu/coordinates.png') no-repeat left center}

/*.menu a {
float:right;
background:url('templates/images/menu/hover.gif');
width:148px;
height:36px;
line-height:36px;
text-align:center;
text-decoration:none;
color:#000
}

.menu a:hover {
background-position:bottom right;
color:#c00
}
*/
.menuoff {
float:right;
margin-right:10px;
} 

/**************** ID ****************/
#wrapper {
width:98%;
text-align:left;
min-width:1200px;
height:100%;
margin:0 auto
}

div#left {
float:left;
margin-right:0.5%;
margin-top:5px;
background:#fff;
text-align:left;
min-height:100%;
height:auto !important;
padding:0.2%
}

div#right {
margin-top:5px;
float:left;
background:#f9f9f9;
text-align:left;
min-height:100%;
/*height:auto !important;*/
padding:0.2%
}

div#info, div#periferica, div#calendario, div#immagini {
background:#fff;
margin:0
}

div#rigatop {
font-size:10px;
text-align:right;
color:#FFF;
vertical-align:bottom;
padding-top:3px;
padding-bottom:2px;
margin:0 auto
}

div#menuline {
height:36px;
text-align:right;
background:url('templates/images/menu/bg_menu.gif')
}

#menu_services {
margin-top:0;
height:35px;
background:#e1e1e1;
border:1px solid #ccc;
padding:4px
}

div#topmap/*,div#storico */ {
background-color:#D1E0E9
}

div#downloading {
margin-top:5px;
float:left;
height:35px;
text-align:center;
background:#e1e1e1;
border:1px solid #ccc
}

div#storico {
text-align:left
}

/* =Pulsanti
-------------------------------------------------------------- */

.button, .buttoncall {cursor:pointer}
a.button, .buttoncall {background-position: top left; background-repeat:no-repeat; height: 16px; width:16px; display:block; float:left; margin:2px 2px 2px 2px;}
a.buttoncall {height: 18px; width:34px;}
a.button span, a.buttoncall span {display:none;}
a.button:hover, a.buttoncall:hover,a.active  {background-position:top right;}  


a#iconrew { background-image:url('templates/images/rew.png');}
a#iconfwd{background-image:url('templates/images/fwd.png');}
a#iconref{background-image:url('templates/images/refresh.png');}
a#iconimage{background-image:url('templates/images/getimage.png');}
a#iconzoom{background-image:url('templates/images/zoom.png');}
a#immagineRealtimeStart {background-image:url('templates/images/play.png');}
a#immagineRealtimeStop {background-image:url('templates/images/stop.png');}
a#immagineAutocenter {background-image:url('templates/images/autocenter.png');}
a#chi{background-image:url('templates/images/chiama.png');}
a#app{background-image:url('templates/images/appendi.png');}

/* =Login
-------------------------------------------------------------- */
#log {
position:absolute;
top:50%; left:50%;
margin: -224px 0 0 -180px;
width:360px;
height:445px;
background: url('./templates/images/login/bg_login.png') no-repeat;
text-align:left;
}
#content {
margin: 130px auto 0;
width: 326px;
}
.lines {color:#666;}
.lines, .error {margin: 0 0 22px; }
.ip, .error {font-size:11px; }
.error {color: #000; height:30px;}
.error .printerr {
text-align:center;
border: 1px solid #E47E79;;/*modifica maurizio -- messo border anche ai lati*/
/*border-top: 1px solid #E47E79;;*/
/**order-bottom: 1px solid #E47E79;*/
background:#FEE4E3;
width:326px;
color: #000;
line-height:26px;
}
.printerr img, #footer img {
vertical-align:middle;
margin-top:-2px;
}
.textform {
border: 1px solid #ddd;
width:320px;
font-size: 18px;
padding:2px;
margin-top: 3px;
}
.ip {position:absolute; bottom:-36px; text-align:center; color:#FFF;width:360px;}
.enter { 
margin-top:33px;/* IE */
text-align:right;
}
html>/**/body .enter/* FireFox*/{
margin-top: 37px !important;
}

a#loginbutton{position:absolute; bottom:16px; right:16px; border:1px solid #CCC; background: #FFF url('./templates/images/login/bg_loginbutton.png') repeat-x bottom left; padding:6px 8px 6px 4px; font-size:12px;}
a#loginbutton:hover {background: #FFF url('./templates/images/login/bg_loginbuttonhover.png') repeat-x bottom left;}
a#loginbutton img{vertical-align:middle;margin-top:-2px;}








/*
 nasconde i div che voglio mostrre solo in stampa
*/
.printonly
{
  display: none;
}