/*
*  Client: Base Bike (iPad App)
*  Date: Ottobre 2012
*  Author: Matteo Ruzza / macchiaweb srl
*  Version: 1.0  
*  Note: 
*/

@import url(button.css);

body{
	background:#fff;
	font:11pt Helvetica, sans-serif;
	text-align:center;
	
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}
img{border:0}
:focus{outline:0}

hr{display:none}
.hide{display:none}
.hidden{visibility:hidden}
.clear{clear:both}
div{text-align:left}

/*
background:url(Img/op20.png);
-webkit-border-radius: 6px; 
-moz-border-radius:6px;
border-radius: 6px;
opacity:.40;
filter:alpha(opacity=40);
filter:"alpha(opacity=40)"
*/

/*LAYOUT*/
#header{
	position:absolute; z-index:2;
	top:0; left:0;
	width:100%;
	height:50px;
	line-height:50px;
	background-color:#a1a1a1;
	
	/*
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);
	padding:0;
	/*border-top:1px solid #444;*/
	text-align:center;
}

#footer {
	position:absolute; z-index:2;
	bottom:0; left:0;
	width:100%;
	height:50px;
	line-height:50px;
	background-color:#a1a1a1;
	/*background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);*/
	padding:0;
	/*border-top:1px solid #444;*/
	/*text-align:center;*/
	
}

#header span,
#footer span{
	font-size:20px;
	color:#f3f3f3;
	text-decoration:none;
	/*font-weight:bold;
	text-shadow:0 -1px 0 #000*/
}
#header span{text-transform:capitalize}
#footer span{font-size:14px;font-weight:normal}


#footer span.dsc{position:absolute;left:25px}
#footer span.date{position:absolute;right:25px}


#wrapper {
	position:absolute; z-index:1;
	top:50px; bottom:50px;left:0;
	width:100%;
	background:#efefef;/*f5faf6*/
	overflow:auto;
}

/*#scroller {
	position:absolute; z-index:1;
	width:100%;
	padding:0;
}*/
	/*-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);*/

#content{width:auto;padding:20px}


/*TOP BAR NAVIGATION*/
.ico{display:block;width:80px;height:50px}

/*icons*/
.dashboard{background:url(../Img/ico-dashboard.png) no-repeat center;position:absolute;top:0;left:0}
.search{background:url(../Img/ico-search.png) no-repeat center;left:55px;position:absolute;top:0}
.cal{background:url(../Img/ico-cal.png) no-repeat center;left:110px;position:absolute;top:0}
.dashboardstandby{background:url(../Img/ico-dashboard-standby.png) no-repeat center;left:165px;position:absolute;top:0}
.logout{background:url(../Img/ico-logout.png) no-repeat center;right:0;position:absolute;top:0}




/*COMMON HEAD*/
.head{
	width:auto;overflow:hidden;
	padding:0 5px;margin-bottom:15px
}
.head .title{
	font-size:22px;
	color:#333;
	/*font-weight:bold;
    text-shadow: 0 1px 0 #fff; */
	line-height:35px;
	float:left
}
.head .sub{
	font-size:14px;
	color:#666;
	font-weight:normal;
    text-shadow: 0 1px 0 #fff; 
	float:left;
	clear:left
}
.head .act{float:right}
.head .act .btn{margin-left:10px}


.searchbox{	
	width:auto;
	background:#fff;
	border:1px solid #ccc;
	/*-webkit-border-radius:8px; 
	-moz-border-radius:8px;
	border-radius: 8px;*/
	padding:20px;
	margin-bottom:20px
}
.searchbox .btn{margin-right:5px}
.searchbox input{
	margin-right:10px;
	width:340px;
	/*font-weight:bold;*/
	font-size:18px;
	padding:6px 10px;
	color:#999;
	border:1px solid #ccc;
	margin-bottom:5px
}
.searchbox input:focus{color:#333}
.searchbox span.dida{color:#999;font-size:14px}
.searchbox span.val{
	font-size:12px;
	display:block;
	color:#fff;
	padding:5px;
	width:auto;
	background:#cc9999;
	/*-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px; */ 
	margin-top:10px;
}

/*LIST*//*dashboard list - search results*/
table.list{
	width:100%;
	background:#fff;
	border:1px solid #ccc;
	/*-webkit-border-radius:8px; 
	-moz-border-radius:8px;
	border-radius: 8px;*/
}
.list td, .list th {
	font-size:14px;
	color:#333;
	/*font-weight:bold;*/
    border-top: 1px solid #ccc;
    padding: 10px;
}
table.list tbody td.last{background:url(../Img/ico-go.png) no-repeat center right;padding-right:40px}
table.list th{	
	background-color:#a1a1a1;
	/*background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);*/
    border: none;
	color:#fff;
    /*text-shadow: 0 -1px 0 #000; /*
}
table.list tr:hover {
    background: #c1dbe7;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
table.list th:first-child {
    /*-moz-border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
    border-radius: 8px 0 0 0;*/
}
table.list th:last-child {
    /*-moz-border-radius: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0;
    border-radius: 0 8px 0 0;*/
}


/*CSS LIGHTBOX*/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {text-align:center;width:100%;
	display: none;
	position: absolute;
	z-index:1002;
	overflow: auto;
}

/*NEW CUSTOMER BOX*/
.addcustomer{
	margin:120px auto 0;
	width:360px;
	/*-webkit-border-radius:8px; 
	-moz-border-radius:8px;
	border-radius: 8px;*/
	padding:20px;
	background:#fff;
}
.addcustomer div{margin-bottom:15px}
.addcustomer label{
	font-weight:normal;
	font-size:14px;
	color:#666;
	display:block;
	margin-bottom:5px;
}
.addcustomer input.email{text-transform:lowercase}	
.addcustomer input{	
	width:340px;
	/*font-weight:bold;*/
	font-size:18px;
	padding:10px;
	color:#999;
	border:1px solid #ccc;
	
}
.addcustomer input:focus{color:#333}	
.addcustomer .btn{margin-right:10px}	
.addcustomer span.val{
	font-size:12px;
	display:block;
	color:#fff;
	padding:5px;
	width:auto;
	background:#cc9999;
	/*-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px; */ 
	margin-top:5px;
}

/*CALENDAR BOX*/
.addcalendar{
	margin:120px auto 0;
	width:480px;
	/*-webkit-border-radius:8px; 
	-moz-border-radius:8px;
	border-radius: 8px;*/
	padding:20px;
	background:#fff;
}
.addcalendar table{width:480px;margin-bottom:10px;border:1px solid #ccc}

.addcalendar table td{padding:10px;font-size:18px}

.addcalendar table td a{}
.addcalendar table td a,
.addcalendar table td a:hover{color:#666!important;text-decoration:none}

/*CALENDAR PAGE BOX*/
.calendarpagebox{
	margin:10px auto 0;
	width:auto;
	height:auto;
	/*-webkit-border-radius:8px; 
	-moz-border-radius:8px;
	border-radius: 8px;*/
	padding:20px;
	background:#fff;
}
.calendarpagebox table{width:auto;height:auto;margin-bottom:10px;border:1px solid #ccc}

.calendarpagebox table td{padding:10px;font-size:18px}

.calendarpagebox table td a{}
.calendarpagebox table td a,
.calendarpagebox table td a:hover{color:#666!important;text-decoration:none}