/* common - based on Eric Meyer's reset, you shouldn't change this section
======================================*/


/* content boxes */
.box {
	float: left;
	width: 550px;
	margin: 0px 0px 10px 0px;
}
	width: 550px;
	float: left;
} 
	.boxin {
	box-shadow: #aaa 0 0 10px;
	-webkit-box-shadow: #aaa 0 0 10px;
	-moz-box-shadow: #aaa 0 0 10px;
	border: 1px solid #999;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #fff;
	float: left;
	width: auto;
}
	/* boxes' headers */
	.box .header {
	background: #3d3d3d url("images/headerbox.png") repeat-x;
	border-top: 1px solid #444;
	border-radius: 5px 5px 0 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	position: relative;
	margin: -1px -1px 0 -1px;
	padding: 7px 0 9px 20px;
	width: 530px;
	background-image: url(file://///sbs2003r2/Dati/StudioGrafico/Hotel/Hotel%20Delfino%20Milano%20Marittima/online/images/headerbox.png);
	height: 30px;
	}
	.altbox .header {border-top-color: #0a81d0; background: #0f518e url("img/altheaderbox.png") repeat-x;}
	.box .header h3 {
	position: relative;
	top: 2px;
	display: inline;
	font-size: 200%;
	color: #fff;
	text-shadow: #151515 0 1px 0;
}
	.altbox .header h3 {text-shadow: #003d68 0 1px 0;}
	.box .header .button {margin-left: 15px;}
	/* tags in the header */
	.box .header ul {position: absolute; right: 9px; bottom: 0;}
	.box .header ul li {display: inline;}
	.box .header ul a {
		border-radius: 5px 5px 0 0;
	   -moz-border-radius-topleft: 5px;
	   -moz-border-radius-topright: 5px;
	   -webkit-border-top-left-radius: 5px;
	   -webkit-border-top-right-radius: 5px;
		background: #777; border: 0; float: left; margin: 0 0 0 5px; padding: 8px 13px 6px; color: #fff;
	}
	.box .header ul a.active,
	.box .header ul a:hover,
	.box .header ul a:focus,
	.box .header ul a:active {background: #fff url("img/headertab.png") repeat-x; color: #444;}
	.altbox .header ul a {background-color: #489cd4;}
	.altbox .header ul a.active,
	.altbox .header ul a:hover,
	.altbox .header ul a:focus,
	.altbox .header ul a:active {background: #fff url("img/altheadertab.png") repeat-x; color: #0f518e;}
	/* boxes' content types – tabular */
	.box .content {
	margin-bottom: 5px;
	/*width: 549px;*/
}
	.box .content table {
	width: 549px;
}
	.box .content table th,
	.box .content table td {
	padding: 10px 10px 8px 10px;
}
	.box .content table th {
	text-align: center;
	font-weight: normal;
}
	.box .content table tr.even th,
	.box .content table tr.even td {background: #f5f5f5;}
	.altbox .content table tr.even th,
	.altbox .content table tr.even td {background: #f0f9ff;}
	.box .content table th.first,
	.box .content table td.first {padding-left: 20px;}
	.box .content table thead th,
	.box .content table thead td {border-left: 1px solid #f2f2f2; border-right: 1px solid #d5d5d5; background: #ddd url("img/thead.gif") repeat-x; text-shadow: #fff 0 1px 0;}
	.box .content table tbody tr.first th,
	.box .content table tbody tr.first td {
	border-top: 1px solid #bbb;
	width: 70px;
}
	.box_content_col {
	border-top: 1px solid #bbb;
	width: 100px;
}
	.altbox .content table tbody {color: #00305d;}
	.box .content table a.ico-comms {border: 0; background: url("img/ico-tablecomms.gif") 50% 60% no-repeat; padding: 10px; color: #fff;}
	.box .content table tfoot th,
	.box .content table tfoot td {border-top: 1px solid #ccc; background: #fff url("img/tfoot.gif") repeat-x;}
	/* boxes' content types – simple list */
	.box .content ul.simple li {clear: both; padding: 10px 20px 8px 20px; overflow: hidden;}
	.box .content table tr.even th,
	.box .content ul.simple li.even {background: #f5f5f5;}
	.altbox .content table tr.even th,
	.altbox .content ul.simple li.even {background: #f0f9ff;}
	.box .content ul.simple strong {float: left; font-weight: normal;}
	.box .content ul.simple span {float: right;}
	/* boxes' content types – grid */
	.box .content .grid {}
	.box .content .grid .line {border-bottom: 1px solid #ddd; width: 100%; overflow: hidden;}
	.altbox .content .grid .line {border-bottom-color: #c7dfef;}
	.box .content .grid .even {background: #f5f5f5;}
	.altbox .content .grid .even {background: #f0f9ff;}
	.box .content .grid .item {float: left; width: 50%;}
	.box .content .grid .item .inner {padding: 17px 15px 12px 20px;}
	.box .content .grid .firstline {border-top: 0 !important;}
	.box .content .grid .lastline {border-bottom: 0 !important;}
	.box .content .grid .item a.thumb {border: 0; float: left;}
	.box .content .grid .item .data {margin-left: 165px;}
	.box .content .grid .item h4 {margin: 0 0 10px 0; font-size: 110%; font-weight: bold;}
	.box .content .grid .item h4 span {margin-right: 5px; font-weight: normal; font-size: 90%;}
	.box .content .grid .item p {margin: 0 0 5px 0; color: #666;}
	.box .content .grid ul.actions {margin-top: 8px;}
	/* boxes' pagination */
	.pagination {border-top: 1px solid #999; background: #fff url("img/pagination.gif") repeat-x; text-align: center; color: #333 !important;}
	.pagination ul {position: relative; top: -1px; padding: 12px 10px 6px;}
	.pagination ul li {display: inline;}
	.pagination a {
		border: 0; background: #ebebeb url("img/pagination-item.gif") repeat-x; margin: 0 5px; padding: 6px 10px; color: #333 !important;
		border-radius: 3px;
	   -moz-border-radius: 3px;
	   -webkit-border-radius: 5px;
	}
	.pagination a:hover,
	.pagination a:active,
	.pagination a:focus {color: #0a80cf !important;}
	.pagination strong {background: url("img/pagination-arrow.gif") 50% 0 no-repeat; padding: 15px 10px 8px;}
	/* calendar */
	table.calendar {width: 550;}
	table.calendar thead {zoom: 1;}
	table.calendar thead tr {zoom: 1;}
	table.calendar thead th.month {border-bottom: 1px solid #bbb; font-weight: bold; font-size: 120%; zoom: 1;}
	table.calendar thead th.month a {border: none; position: relative; top: 5px; margin: 0 10px; zoom: 1;}
	table.calendar th,
	table.calendar td {
	width: none;
	text-align: center;
	height: 20px;
}
	table.calendar tbody td,
	table.calendar tbody th {border: 1px solid #ddd; border-top-color: #fff; border-left-color: #fff;}
	table.calendar strong {
	font-size: 14px;
	color: #7CC9CB;
}
	table.calendar .inactive {color: #aaa;}
	table.calendar div.items a {border: 0; margin: 0 1px;}