html, body {
  	font-family: Arial, Sans-serif, Verdana,  Helvetica;
	font-size: 12px;
	color: #212121;
  	padding: 0;
	margin: 0;
	background-color: #ffffff;
}

html {
	margin-bottom: 1px;
}

TEXTAREA, INPUT, SELECT, BUTTON, option
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color:black;
}

form {
	display: inline;
	padding: 0;
	margin: 0;
}

img {
	border-width: 0px;
}


.grey{
	background: #f0f0f0;
}

table {
	border-collapse: collapse;
	border-width: 0;
}


th {
	font-weight: bold;
	font-size: 12px;
	background-color: #F0F0F0;
	text-align: left;
	width: 1%;
}

th a 
{
    text-decoration: none;
}

td {
	text-align: left;
}

.dataTable {
	border: 1px solid #bbbbbb;
}

.dataTable th  {
	background-color: #ffeebb;
	vertical-align: top;
	white-space: nowrap;
	text-align: center;
	padding: 3px;
	border-left:  1px solid #bbbbbb;
	border-bottom:  1px solid #ffeebb;
}

.dataTable td  {
	vertical-align: top;
	padding: 3px;
	padding-right: 6px;
	padding-left: 6px;
	text-align: left;
	border-left:  1px solid #bbbbbb;
	white-space: nowrap;
}

.dataTable td.warning {
	background-color: #FFEFEF;
	color: #660000;
}

.dataTable td.min {
	width: 1%;
}

.dataTable td.max {
	width: 40%;
}

.dataTable .selectBox {
	font-size: 11px;
}


.odd 
{
    background-color: #ffffff;
}

.even 
{
    background-color: #ffffd0;
}


a {
	color: #003366;
}

.spaced 
{
    margin-left: 2px;
    margin-right: 2px;
}

.left{
	text-align: left;
 	vertical-align: middle;
    margin-left: 0;
    margin-right: auto;
}

.fullyCentered 
{
    vertical-align: middle;
    text-align: center;
    margin: auto;
}


H1 
{
    font-weight: bold;
    font-size: 24px;
    font-family: Arial, Sans-Serif;
    margin-bottom: 0px;
    color: #004C92;
}

H2 
{
    font-weight: bold;
    font-size: 18px;
    font-family: Arial, Sans-Serif;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #004C92;
}

H3 
{
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Sans-Serif;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #004C92;
}

H4 
{
    font-size: 14px;
    font-family: Arial, Sans-Serif;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #004C92;
}

H5 
{
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, Sans-serif;
    margin-bottom: 0px;
    color: #004C92;
}

H6 
{
	font-weight:normal;
    font-size: 12px;
    font-family: Arial, Sans-Serif;
    margin-top: 2px;
    margin-bottom: 2px;
    color: #004C92;
}


.title{
	color: #777777;
	padding: 5px;
}

.advice{
	color: #777777;
	padding: 3px;
	text-align: left;
}

.highlight {
	font-size: 12px;
	color: #B62710;
}



a.link {
	font-size: 1.0em;
	cursor: hand;
	cursor: pointer;
	color: #003366;
	text-decoration: none;
}

a.link:link {
	color: #003366;
	text-decoration: none;
}

a.link:visited {
	color: #003366;
	text-decoration: none;
}

a.link:hover {
	color: #336699;
	text-decoration: underline;
}

a.link:active {
	color: #003366;
	text-decoration: none;
}

.smallcol{
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
}

.halfcol{
	width: 50%;
	white-space: nowrap;
	vertical-align: top;
}

.bold {
	font-weight: bold;
}

.nowrap{
	white-space: nowrap;
}

.upper {
	text-transform: uppercase;
}

div#container{
	min-width: 930px;
}

/* hack for min-width in ie-6 -----*/
* html .minwidth {
	border-left:930px solid #fff;
}

* html .wrap {
	margin-left:-930px;
	position:relative; 
}

* html .minwidth, * html .wrap {
	height: 1px;
}
/*----------------------------------*/

div#copyright {
	width: 100%;
	padding-top: 0;
	padding-bottom: 2px;
	font-size: 11px;
	text-align: right;	
	color: #999;
	vertical-align: top;
}



.copyright {
	text-align: right;
	vertical-align: top;
	padding-top: 0;
	color: #003366;
	font-size: 11px;
}

.listMenuTable {
	background-color: #eeeeee;
}


table.listMenuTable td{
	vertical-align: bottom;   /**/
	white-space: nowrap;
	width: 1%;
	text-align: left;
	padding-left: 4px;
	padding-right: 6px;
	border-right: 2px dashed #cccccc;
}

table.listMenuTable td.last{
	width: 100%;
	border-right: 0;
}

table.listMenuTable td.lastLink{
	border-right: 0;
}

table.listMenuTable td.bb{
	border-bottom: 1px solid #cccccc;
}

div.menu-spacer{
	height: 20px;
}

.infoTable {
	border: 1px solid #bbbbbb;
}

.infoTable th  {
	vertical-align: top;
	white-space: nowrap;
	text-align: center;
	padding: 5px;
	font-size: 13px;
}

.infoTable .icon{
	vertical-align: top;
}

table.MESSAGE th{
	background-color: #F0F0F0;
}

table.WARNING th{
	background-color: #F79639;
	color: white;
}

table.ERROR th{
	background-color: #F18979;
	color: white;
}

.infoTable td  {
	vertical-align: top;
	padding: 10px;
	text-align: left;
}

td.empty {
	padding: 7px;
}

div.spacedTable {
	text-align: left;
	margin: 20px;
}

.maxWidth {
	width: 100%;
}

td.right {
	text-align: right;
}

td.left {
	text-align: left;
}

td.center {
	text-align: center;
}

div.left {
	float: left;
}

div.right {
	float: right;
}

div.topAdvice{
	text-align: center;
	font-size: 12px;
	color: #B62710;
	padding: 5px;
}


.nowrap{
	white-space: nowrap;
}

.bold {
	font-weight: bold;
}

.upper {
	text-transform: uppercase;
}

div#header {
	margin:0;
	padding:0;
	width: 100%;
	height: 188px;
	clear: both;
}

div#logo{
	width: 99%;
	height: 128px;
	margin: 5px;
	clear: left;
	background-color: orange;
}

div#rightColumn {
	float: right;
	width: 320px;
	text-align: right;
	padding: 0;
	margin: 0;
}


div#agency-logo{
	float: left;
	width: 290px;
	height: 80px;
	overflow:hidden;
	padding-right: 1px;
	margin: 0px;
}


div#hotel-logo{
	text-align: center;
	max-height: 100px;
	width:120px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	padding: 4px;
}

div#agency-info{
	padding: 2px;
	margin: 0;
}


div.formBox{
	border: 1px solid #dddddd;
}

div.formBox h3{
	background-color: #ffeebb;
	margin:0;
	text-align: left;
	padding: 5px;
	padding-top: 10px;
	padding-left: 15px;
	display: block;
	white-space: nowrap;
}


div.formBox table {
	margin:0;
	margin-top: 10px;
	margin-bottom: 20px;
}

div.content{
	padding: 6px;
	text-align: center;
}


div#userBox {
	height: 126px;
	padding: 0;
	margin: 0;
	width: 320px;
}


div#userBox h3{
	padding: 2px;
	padding-left: 8px;
	font-size: 13px;
	width: auto;
}

div#userBox div.content{
	padding: 5px;
	margin: 0;
	text-align: left;
	font-size: 12px;
	padding-left: 10px;
}

div.menuBar{
	background-color: #dddddd;
	margin:0;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: right;
}

div.menuBar ul {
	margin:0;	
	padding-right: 20px;
}

div.menuBar ul li {
	display: inline;
	padding:0;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid #aaa;
}

div.menuBar ul li.last {
	border-right: 0;
}

div.menuBar ul li a.link{
	text-transform: uppercase;
	font-family: Arial;
	font-size: 11px;
}

div.leftForm {
	background-color: #eeeeee;
	width: 290px;
	padding: 6px;
}

table.leftMenuTable td {
	white-space: nowrap;
	text-align: left;
}

table.leftMenuTable tr.space{
	padding: 5px;
}

table.leftMenuTable tr.break-top td{
	border-bottom: 2px dashed #cccccc;
	padding-bottom: 6px;
}

table.leftMenuTable tr.break-bottom td{
	padding-top: 6px;
}

table.leftMenuTable td.label{
	width: 1%;
	padding-left: 5px;
	padding-right: 4px;
}

table.leftMenuTable td.indented{
	padding-left: 12px;
}

table.leftMenuTable td.field{
	width: 100%;
	padding-left: 2px;
	padding-right: 6px;
	padding-bottom: 4px;
}

span#childrenText{
	position: relative;
	top: -1px;
}

table.leftMenuTable tr.button-bar td{
	padding-top: 6px;
	padding-bottom: 10px;
}

table.dataTable td.period-CLOSE{
	background-color: #FF5454;
}

table.dataTable td.period-PREFERENCE{
	background-color: #54FF54;
}

table.dataTable td.period-BEST{
	background-color: #54FF54;
}

table tr.fieldArea td {
	white-space: nowrap;
	padding-right: 10px;
}

table tr.fieldArea td.fieldLabelArea {
	padding-right: 20px;
	width: 1%;
	vertical-align: top;
	padding-top: 5px;
}

table tr.fieldArea td.fieldValueArea {
	width: 100%;
}

table tr.fieldArea td.fieldTextArea {
	padding-top:5px;
	padding-bottom:5px;
	width: 100%;
}

div.termsBox{
	width: 520px;
	height: 70px;
	border: 1px solid #ccc;
	overflow-y: scroll;
	padding: 5px;  
	font-size: 10px;
	text-align: left;
	margin: 5px;
}

div.termsButtons{
	text-align: center;
	font-size: 10px;
}

img.middle{
	vertical-align: middle;
}

table.hotelsFormTable {
	margin:0;
}

table.hotelsFormTable td{
	padding: 0;
	padding-right: 4px;
	padding-top: 2px;
	vertical-align: top;
	text-align: left;
}

table.hotelsFormTable ul{
	margin:0;
	padding:0;
	text-align: left;
	vertical-align: top;
}

table.hotelsFormTable ul li{
	padding: 0;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
}

table.hotelsFormTable select {
	width: 200px;
}

div.btnBox {
	width: 100%;
	margin:0;
	padding: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #eeeeee;
}

a.btnLink {
	font-size: 10px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	color: #001133;
	text-decoration: none;
}

a.btnLink:link {
	color: #001133;
	text-decoration: none;
}

a.btnLink:visited {
	color: #001133;
	text-decoration: none;
}

a.btnLink:hover {
	color: #6699dd;
	text-decoration: none;
}

a.btnLink:active {
	color: #001133;
	text-decoration: none;
}

div.warning {
	padding: 10px;
	text-align: left;
	background-color: #F9E6E3;
	border: 1px solid #ECAEA4;
}


/* STILI PER LA TABELLA DELLE DISPONIBILITA' HOTELS */
table.hotelAvailability {
	font-family: Arial, Sans-serif, Verdana,  Helvetica;
	font-size: 12px;
	color: black;
}	

table.hotelAvailability td.header {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	background-color: white;
	white-space: nowrap;
}

table.hotelAvailability td.odd {
	text-align: left;
	vertical-align: middle;
	background-color: white; 
	white-space: nowrap;
}

table.hotelAvailability td.even {
	text-align: left;
	vertical-align: middle;
	background-color: #D3D3D3; /* light gray */
	white-space: nowrap;
}

table.hotelAvailability td.roomDescription {
	cursor: pointer;
}

table.hotelAvailability span.rateTypeB {
	color: blue;
}

table.hotelAvailability span.rateTypeAC {
	/* color: ; */
}

table.hotelAvailability td.aperto {
	text-align: right;
	vertical-align: middle;
	background-color: #90EE90; /* light green */
	cursor: pointer;
}

table.hotelAvailability td.chiuso {
	text-align: right;
	vertical-align: middle;
	background-color: red;
}

table.hotelAvailability td.selected {
	text-align: right;
	vertical-align: middle;
	background-color: yellow; 
	cursor: pointer;
}

table.hotelAvailability td.lNavigator {
	text-align: left;
	vertical-align: bottom;
	background-color: gray;
	border-right-width: 0px;
	white-space: nowrap;
}

table.hotelAvailability td.cNavigator {
	background-color: gray;
	border-left-width: 0px;
	border-right-width: 0px;
}

table.hotelAvailability td.rNavigator {
	text-align: right;
	vertical-align: bottom;
	background-color: gray;
	border-left-width: 0px;
	white-space: nowrap;
}

table.hotelAvailability td.empty {
	font-weight: bold;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

table.hotelAvailability td.button {
	text-align: center;
	vertical-align: middle;
	background-color: white;	
}

/* a:link {color: #...} unvisited link */
/* a:visited {color: #...} visited link */
/* a:hover {color: #...} mouse over link */
/* a:active {color: #...} selected link */

a.navigator:link, a.navigator:visited, a.navigator:hover, a.navigator:active {
	color: black;
	text-decoration: none;	
}

.scroll {
	width: 600px;
	overflow-x: auto;
}
/* ------------------------------------------------------------*/