/*
Gino Mobile lay-out
Date: 11 March 2008
Version: 1.0
Author: SOM Italia Srl

*/

/*Global reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*End reset*/


body {
	background-color:#fdfdfd;
	margin:0;
	padding:0 0 20px 0;
    font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#616161;
	}

a {
	color:#ff3366;
	background-color:transparent;
	}

a:hover {
	color:#88a700;
}	

.clear {
	visibility:hidden;
	clear:both;
	display:block;
	font-size:1px;
	}	
	
#container {
	width:960px;
	margin:10px auto 0 auto;
}	

#header {}

h1#home {
	width:239px;
	height:130px;
	background:url(../images/logo.gif) no-repeat left top;
	text-indent:-50000px;
	float:left;
	
}

h1 {
	width:239px;
	height:130px;
	float:left;
	
}


h1 a {
	width:239px;
	height:130px;
	background:url(../images/logo.gif) no-repeat left top;
	text-indent:-50000px;
	display:block;
}


#menu {
	margin-left:455px;
}

#menu ul {}

#menu ul li {
	float:left;
	margin:0 12px;
	}

#menu ul li a {
	font-size:1.5em;
	color:#ff3366;	
}

#menu ul li a:hover {
	color:#88a700;	
}

#menu ul li#scarica a {
	font-weight:bold;
}

#gino-rotator {
	padding:60px 0 0 0;
}

#content-home {
	z-index:1000000;
	position:relative;	
	margin:-41px 0 0 0;
}

#presentazione {
	width:300px;
	float:left;
	font-size:1.5em;
	padding:0px 10px 0 10px;
	letter-spacing:0.02em;
	line-height:1.05em;
	position:absolute;	
	top:120px;	
}

#gino-home {
	width:613px;
	height:530px;
	background:url(../images/gino-home.jpg) no-repeat left top;
	margin:0 0 0 330px;
}

#footer {
	background:url(../images/footer.gif) repeat-x left top;
	height:135px;
	z-index:9;
	position:relative;	
	padding:30px 20px 0 20px;
	text-align:center;
	font-size:1.3em;	
}

#footer.home {
	margin:-21px 0 0 0;	
	}

#footer p {
	margin:7px 0 0 0;
	background-color:transparent;		
	}
	
#footer p a {
		color:#ff3366;	
}	
	
#footer p a:hover {
	color:#88a700;
}	
/**************************************
Login Balloooooooons
**************************************/
	
.balloon {
	width:235px;
	position:absolute;
	z-index:1000000000;
	top:30px;
	margin-left:-70px;
}

.balloon #balloon-top {
	height:19px;
	background:url(../images/baloon-top.gif) no-repeat left top;
	font-size:0.1em;
}	

.balloon #balloon-mid {
	background:url(../images/baloon-mid.gif) repeat-y left top;
	font-size:0.9em;
	color:#000;
	}

.balloon #balloon-mid iframe {
	margin:0;
	padding:0;
	overflow:hidden;
		}

#small-login {
	font-size:0.9em;
	color:#000;	
	padding:5px;	
	background:url(../images/baloon-mid.gif) repeat-y left top;	
	height:200px;
	}


.balloon #balloon-mid form div, #small-login form div {
	margin: 2px auto;
}

.balloon #balloon-mid form div label, #small-login form div label {
	float:left;
	width:80px;
	padding:4px 10px 0 0;
	text-align:right;
}

.balloon #balloon-mid form div input.small, #small-login form div input.small {
	font-size:1.1em;
	width:120px;
	border:1px solid #000;
	padding:1px;
}

.balloon #balloon-mid form input.send, #small-login form input.send {
	border:1px solid #000;
	background-color:#a1cd43;
	width:100px;
	margin: 10px 0 0 60px;
	font-size:1.1em;	
}

.balloon #balloon-bot {
	height:12px;
	background:url(../images/baloon-bot.gif) no-repeat left top;	
	font-size:0..1em;	
}

/********************************************
Page content 
*********************************************/

#content {
	padding:30px;
}

#content.admin {
	padding:10px 30px 30px 30px;
}

#content h2 {
	font-size:2em;
	color:#00577e;
	text-transform:uppercase;
	margin:10px;
	background-color:transparent;
}

#content h3 {
	font-size:1.4em;
	color:#00577e;
	margin:10px;
	background-color:transparent;
	text-transform:uppercase;	
}

#content h4 {
	font-size:1.2em;
}	
	
#content p {
	font-size:1.4em;
	margin:0 15px 10px 15px;
	line-height:1.2em;
}

#content ul {
	list-style-type:square;
	}

#content ul li ul {
	list-style-type:disc;	
	font-size:0.7em;
	}

#content ul li, #content ol li {
	font-size:1.4em;
	margin:2px 0 1px 40px;
	}

#content ol li ol li {
		font-size:1em;
}

#content fieldset ul {
	list-style-image:none;
	}

#content fieldset ul li {
	list-style-image:none;	
	}
	
#content fieldset ul.arrow {
	list-style-image:url(../images/arrow.gif);
	}

#content fieldset ul.arrow li {
	font-size:1.4em;
	margin:2px 0 1px 40px;
	list-style-image:url(../images/arrow.gif);	
	}

/********************************************
Form styles
*********************************************/


fieldset {
	width:662px;
    background:url(../images/fieldset-bot.gif) no-repeat left bottom;
    margin:10px auto;
    padding:20px 0;
}

fieldset legend span.leg-field {
	width:662px;	
    background:url(../images/fieldset-top.gif) no-repeat left 10px;
    display:block; 
	padding:5px 0 5px 30px;
	margin:/*-30px*/ 0 0 0 0;
}

fieldset legend span span.leg-text {
	background-color:#FFF;
	font-size:1.2em;	
	font-weight:bold;
	text-transform:uppercase;	
	padding:0 5px;	
}

.field {
	margin:5px 10px;
	padding:3px 0;	
	}

.field label {
	width:150px; 
	float:left;
	padding:4px 0 0 0;
	font-size:1.05em;
	}

.field input, .field select, .field img.cap {
	margin-left:20px;
	}	

.field input.ahctpac {
	margin-left:220px;
	color:#FF0000;
	font-weight:bold;
	width:204px;
	font-size:3em;
	}

.field .very-small {width:50px; }
.field .small { width:150px;}
.field .normal {width:300px; }
.field select.normal { width:304px;	}
.field .multiple { height:70px; }
.field .readonly { background-color:#eaeaea; }


.field .star {
	color:#FF0000;
	font-size:1.9em;
	}

.wrong .error {
	color:#ff3366;
	font-size:1.2em;
	margin:10px 0 4px 170px;
	font-weight:bold;
	text-transform:uppercase;
		}

.wrong-big {
	margin:5px 10px;
	padding:3px 0;	
	font-size:0.6em;
		}

.wrong-big .error {
	margin:10px 10px 4px 10px;	
	}
	
#buttons {
	text-align:right;
	padding-right:10px;
	margin:20px 0 45px 0;
}

#buttons input {
	font-weight:bold;
	padding:3px 20px;
	float:right;
	margin:5px 5px 0 5px;	
}

textarea#privacy, textarea#eula {
	width:600px;
	height:150px;
	margin:5px auto;
	border:1px solid #ABADB3;
}

.check {
	margin:5px 0 25px 0;
}

.check label {
	font-size:1.2em;
	font-weight:bold;
	}

.warning {
	margin:5px 0px 10px 220px;
	padding:5px;
	border:1px solid #ccc;
	background:#eee;
	font-weight:bold;
	width:294px;
	}

.outoffield {
	margin-left:230px;
	}

 #content .checkbox-container {
	border:1px solid #ABADB3; 
	width:350px;
	margin:5px 0px 10px 170px;	
	padding:3px 0;
	background-color:#FFF;
}

  #content .checkbox-container ul {
	list-style-type:none;
	}

  #content .checkbox-container ul li {
	float:left; 
	width:175px;
	font-size:0.9em;
	margin:0;
	padding:0;
	text-align:left;
	padding:0;
	position:relative;
}

  #content .checkbox-container ul li input {
	margin-left:5px;
}

  #content .checkstar {
	float:left;
	margin-top:-12px;
}

  #content #admin-text .checkstar {
	margin-left:20px;
}

/*********************************************
Reg-User/Reg-Company Form Override
*********************************************/

.reguser .field label, .regcompany .field label {
	text-align:right;
	width:200px;
	font-weight:bold;
	}

.reguser .field img, .regcompany .field img {
	width:200px;
	border:1px solid #ABADB3; 
	padding:3px; 
	margin-bottom:10px;	
	}

.reguser .wrong .error, .regcompany .wrong .error {
	margin:10px 0 4px 220px;
		}

.reguser #buttons input, .regcompany #buttons input {
	border:1px solid #909090;
	background-color:#a1cd43;
	color:#FFF;
	width:150px;
	text-transform:uppercase;
	padding:3px;
	font-size:1.3em;
	}	

  #content.reguser .checkbox-container,  #content.regcompany .checkbox-container {
	margin:5px 0px 10px 220px;	
 }

/********************************************
Admin Area
*********************************************/

#admin-wrapper {
	background-color:#e5f5fd;
	border:1px solid #8fb9d0;
	padding:3px 3px 5px 3px;
	color:#000;	
}

#admin-welcome {
	padding:3px 5px 3px 5px;
	width:600px;
	float:left;
	font-weight:bold;
	}

#admin-logout {
	margin-left:630px;
	font-weight:bold;
	text-align:right;
	padding:3px 0px 9px 5px;
	background:url(../images/user-logout.gif) no-repeat right 1px;
	}

#admin-logout a {
	padding:0 20px 0 0;
	color:#a1afb7;	
	text-decoration:none;	
	}

#adminmenu {
	}

#adminmenu ul#admin-list {
	height:25px;
	list-style-type:none;
	}

#adminmenu ul#admin-list li {
	float:left;
	margin:0;
	padding:0 0 10px 0;
}

#adminmenu ul#admin-list li a {
	font-size:0.7em;
	color:#a1afb7;	
	font-weight:bold;
	text-decoration:none;
	padding:0 13px 0 13px;
	}

#adminmenu ul#admin-list li.selected {
	background:url(../images/user-menu-bg.gif) no-repeat center bottom;
	margin-bottom:-1px;
	}

#adminmenu ul#admin-list li.selected a {
	color:#000;
	}

#adminmenu ul#admin-list li a:hover {
	text-decoration:underline;
	color:#444;
	}

#admin-text {
	background-color:#eeeeee;
	border:1px solid #c6c6c6;
	border-left:2px solid #d9d9d9;
	border-right:2px solid #d9d9d9;	
	color:#000;
	padding:10px 10px 20px 10px;
	margin:0;
		}	

#admin-text h2 {
	display:none;
	}
		
/********************************************
Op-User Menu Override
*********************************************/

.op #admin-wrapper {
	background-color:#cdeb8b;
	border:1px solid #aacf58;
}

.op #admin-logout {
	background:url(../images/op-logout.gif) no-repeat right 1px;
	}

.op #admin-logout a {
	color:#8eab4f;	
	}

.op #adminmenu ul#admin-list li a {
	color:#8eab4f;	
	}

.op #adminmenu ul#admin-list li.selected {
	background:url(../images/op-menu-bg.gif) no-repeat center bottom;
	}

.op #adminmenu ul#admin-list li.selected a {
	color:#000;	
	}
	
/********************************************
Admin Form
*********************************************/

#admin-text fieldset {
	width:auto;
    background:none;
    margin:10px auto;
    padding:10px 0;
}

#admin-text  fieldset legend span.leg-field {
	width:auto;	
    background:none;
    display:inline; 
	padding:0;
	margin:0;
}

#admin-text  fieldset legend span span.leg-text {
	background-color:transparent;
	font-size:1.2em;	
	font-weight:bold;
	text-transform:normal;
	padding:0;
}

/*********************************
Device List
*********************************/

#scroll {
	height:394px;
	overflow:auto;
	width:543px;	
	margin:20px auto;
	background-color:#FFF;
}	

#device-list {
	border-top:1px solid #777;
	border-left:1px solid #777;	
	width:525px;	
}

#device-list ul {
	width:525px;
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
	}

#device-list ul li {
	margin:0;
	list-style-type:none;
	list-style-image:none;	
	padding:5px;
	float:left;
	border-bottom:1px solid #777;
	border-right:1px solid #777;	
}	

#device-list ul li.empty {
	width:120px;
	height:120px;
	}

#device-list ul li.active {
	margin:0;
	padding:0;	
	border:5px solid #ff3366;
	border-bottom:6px solid #ff3366;	
	border-right:6px solid #ff3366;	
}	
	
#device-list ul li a {
	width:120px;
	height:120px;
	display:block;
	text-align:center;
	text-decoration:none;

}	

#device-list ul li a img {
	border:none;
	margin-bottom:5px;
	}

#device-list ul li a .devname {
	font-size:0.7em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	}
	
#device-list.noscroll {
	margin:20px auto;
}

#device-list.noscroll ul li a {
	cursor:default;
	}

#device-list.noscroll ul li a:hover {
	color:#ff3366;
}

/********************************
Misc
*********************************/

.alert {
     border:2px solid #FDE731;
     background:#ffffcc url(../images/alert-err.gif) no-repeat 3px 8px;
     padding:15px 12px 15px 65px;
     font-size:1.3em;
     font-weight:bold;
     margin:20px 13px;
     
	}