/* Middle
-----------------------------------------------------------------------------*/
#maincontent { padding: 0px 0px 0px 20px; }
#maincontent #row1, #maincontent #row2 { margin-bottom: 30px; }

/* Middle - Subdivisions */
#row1 img {border: 1px solid #bfbfbf;}

#row2 {	padding: 10px; border: 2px solid #999; }

#row2 h2 {
	margin: -24px 0px 20px 0px;
	padding: 0px 2px;
	position: relative;
	z-index: 300;
	background-color: #fff;
	font-size: 30px;
}
#row2 h3, #row2 h4, 
#row2 h5, #row2 h6, p { padding-left: 5px; padding-right: 5px; }

#row2 p a, #row2 p a:link, #row2 h6 a, #row2 h6 a:link { color: #bd1c24; font-weight: bold; text-decoration: none; }
#row2 p a:hover, #row2 h6 a:hover { color: #999; }

#row2 #subrowA { clear: both; }


/* Middle - thumbnails */
div.fotothumbs ul {position: relative; width: 100%;}
div.fotothumbs ul li { 
	display: inline;
	margin: 10px;
	list-style-type: none;  
}
.archeobuspg div.fotothumbs ul li p a span { color: #35781A !important; }
div.gallery {
	clear: both;
	margin-top: 20px;
}
div.gallery ul { margin: 0 20px; text-align: center; }
div.gallery ul li { 
	float: left;
	margin: 5px 10px;
	list-style-type: none;
}

div.gallery ul li a img{ border: 1px solid #999; }

/* Middle - CSS Header image replace */
h3#openheader, h3#archeobusheader {	width: 265px; }
h3#openheader span.imgreplace { background: url(../img/110-open/110open-section-header-sm.jpg) no-repeat top left; }
h3#archeobusheader span.imgreplace { background: url(../img/archeobus/archeobus-section-header-sm.jpg) no-repeat top left; }

/* Middle - infolinks headers */
ul.infolinks-header {
	float: right;
	margin: -30px 0px 20px 0px;
	padding: 0px 2px;
	position: relative;
	z-index: 300;
}
ul.infolinks-header li { 
	float: left;
	display: inline;
	margin-left: 7px;
	list-style-type: none; 
	line-height: 20px;
}

/* Middle - Info page list styles */
ul.infolist, ul.infolist li ul { margin: 0px; padding: 0px; }
ul.infolist li { list-style-type: none; }

li.info-orario, 
li.info-biglietto,
li.info-onboard,
li.info-capolinea { 
	margin: 0px;
	padding: 0px 0px 5px 20px;
	font-size: 13px; 
	font-weight: bold; 
}

li.info-orario li, 
li.info-biglietto li,
li.info-onboard li,
li.info-capolinea li
 { 
	margin-left: 15px;
	margin-right: 0px;
	padding: 0px;
	list-style-type: disc;
	color: #595959;
	font-size: 11px; 
	font-weight: normal; 
	background-image: none;
}

.audio-lingue li  {
	display: inline;
	margin: 0 2px !important;
	list-style-type: none;
}
.audio-lingue li span { display: none; }

/* Middle - Info page list styles 110 Open */
.openbuspg li.info-orario { color: #730006; background: #fff url(../img/110-open/icons/110-orario.gif) no-repeat top left; }
.openbuspg li.info-biglietto { color: #ab0009; background: #fff url(../img/110-open/icons/110-biglietto.gif) no-repeat top left; }
.openbuspg li.info-onboard { color: #d03941; background: #fff url(../img/110-open/icons/110-bus.gif) no-repeat top left; }
.openbuspg li.info-capolinea { color: #a65559; background: #fff url(../img/110-open/icons/110-capolinea.gif) no-repeat top left; }
.openbuspg li.accessibile, .openbuspg li.audio, .archeobuspg li.accessibile, .archeobuspg li.audio { 
	margin-left: 0px;
	padding-left: 20px; 
	list-style-type: none !important; 
}
.openbuspg li.accessibile {	background: #fff url(../img/110-open/icons/110-accessibile.gif) no-repeat top left; }
.openbuspg li.audio {	background: #fff url(../img/110-open/icons/110-audio.gif) no-repeat top left; }
.openbuspg li.noicon, .archeobuspg li.noicon { background-image: none;}

/* Middle - Info page list styles Archeobus */
.archeobuspg li.info-orario { color: #003d00; background: #fff url(../img/archeobus/icons/archeobus-orario.gif) no-repeat top left; }
.archeobuspg li.info-biglietto { color: #005700; background: #fff url(../img/archeobus/icons/archeobus-biglietto.gif) no-repeat top left; }
.archeobuspg li.info-onboard { color: #2f7831; background: #fff url(../img/archeobus/icons/archeobus-bus.gif) no-repeat top left; }
.archeobuspg li.info-capolinea { color: #5b965c; background: #fff url(../img/archeobus/icons/archeobus-capolinea.gif) no-repeat top left; }

.archeobuspg li.accessibile {	background: #fff url(../img/archeobus/icons/archeobus-accessibile.gif) no-repeat top left; }
.archeobuspg li.audio {	background: #fff url(../img/archeobus/icons/archeobus-audio.gif) no-repeat top left; }

/* Middle - museum list */
ul.museumlist li { padding: 0px; font-size: 11px; }

/* Middle- Tables */
table, table strong { color: #595959; }
thead td { font-size: 14px; font-weight: bold; }
thead td.table-title, tbody td.table-title {
	font-size: 18px;
	text-align: center;
}
td ul li{ margin-left: 15px; font-size: 11px; }
tfoot td { font-size: 11px; }

thead tr.headings, tr.tbody-title { background-color: #CFCFCF; color: #000; font-weight: bold; }
tr.odd {
	background-color: #eee;
}

/* Middle- Tables Error*/
td.alignright input {width: 99%;}
td.errormsg {text-align: center; vertical-align: top; padding: 0px;}
td.errormsg label { display: inline !important; font-size: 11px; }
label.error, td.errormsg, label.missing, p.privacyError {  color: #bf2326; }
td.errormsg {  font-weight: bold; }
input.error, input.missing, select.missing {border:1px solid #bf2326;}

/* Middle- Tables Orario */
table.tabellaorario { font-size: 11px; }
table.tabellaorario td.pausa { background-color: #D9B8B8;  }

/* Middle - Percorso */
#fermate {width: 100%;}
.fermate-list { float: left; width: 130px;  }
.fermate-list ul, ul.ui-tabs-nav, ul.ui-tabs-nav li { margin: 0px; padding: 0px; }
.fermate-list ul li {
	margin: 0px; 
	padding: 0px;
	list-style: none;
	font-size: 12px;
	line-height: 20px; 
}
.fermate-list ul li a { padding: 2px 0px 2px 20px; text-decoration: underline; }
.archeobuspg .fermate-list ul li a { display: block; line-height: 14px !important;}
.fermate-list ul li a:hover, .fermate-list ul li a:active, .fermate-list ul.tabs-nav li.ui-tabs-selected {
	background: url(../img/icons/infolink-sprites.png) no-repeat top left;
 	background-position: 0px -466px;
	font-weight: bold;
	color: #7b993a !important;
}
#tratte { float: right; width: 410px; display: inline;}
.fermate-info { width: 99%; }
.fermate-info h4, .fermate-info h5, .fermate-info h6 { text-transform: none !important; }
.fermate-info h4, .fermate-info h6 { color: #bd1c24; }
.archeobuspg .fermate-info h4, .archeobuspg .fermate-info h6  { color: #35781A !important; }
.fermate-info h4 { font-size: 18px; }
.fermate-info h5 { 
	font-size: 14px;
	font-weight: normal !important;
	color: #000;
}
.fermate-info h6 { font-size: 14px; clear: both; }
.fermate-info a img { border: 1px solid #8d8d8d; }
a.scarica img { border: none; }
a.scarica span { display: none; }
.fermate-info div.fotothumbs { width: 100%; }
.fermate-info div.fotothumbs li {
	float: left;	
	margin: 10px;
	height: 105px;
	width: 80px;
}
.fermate-info div.fotothumbs li p { margin: 0px; padding: 0px; text-align: center; }
.fermate-info div.fotothumbs li a span {
	display: block;
	font-size: 11px;
	line-height: 12px;
}
/* Middle - Percorso Tabs */

.openbuspg #fermate { 
	min-height: 550px;
  height:auto !important;
  height: 550px;
} 
.archeobuspg #fermate{ 
	min-height:500px;
  height:auto !important;
  height:500px;
} 
.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -999em;
}
.ui-tabs { 
	position: relative; 
	padding: 0; 
	zoom: 1; 
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-panel { display: block; border-width: 0; }

.tabs-bottom { position: relative; } 
.tabs-bottom .ui-tabs-panel { overflow: auto; } 

.tabs-bottom ul#giorno { 
	margin: 0px -10px -15px -10px; 
	padding: 0 0.2em 0.2em 0; 
	position: absolute !important; 
	left: 0; 
	bottom: 0; 
	right:0; 
	border-top: 2px solid #999;
} 

.tabs-bottom ul#giorno li { 
	float: left; 
	margin: -2px 0 1px 0 !important; 
	padding: 0; 
	position: relative; 
	top: 1px;
	border-top: 2px solid #999; 
	border-right: 2px solid #999; 
	border-bottom: 2px solid #999;
	background-color: #bfbfbf;
	list-style: none; 
	white-space: nowrap; 
}
.tabs-bottom ul#giorno li a { 
	float: left; 
	padding: .5em 1em; 
	text-decoration: none; 
	font-size: 24px;
	font-weight: bold;
	color: #5f5f5f;
	text-transform: lowercase;
}
.tabs-bottom ul#giorno li.ui-tabs-selected { 
	padding-top: 3px; 
	border-top: medium none !important;
	background-color: #fff;
}
.tabs-bottom ul#giorno li.ui-tabs-selected a, .tabs-bottom ul#giorno li a:hover { color: #bd1c24 !important; }
.tabs-bottom ul#giorno .ui-tabs-selected { margin-top: -3px !important; }

.tabs-nav {padding-bottom: 10px;}
#accordion h5 {border-bottom: 1px solid #e1e1e1; padding: 5px 0px;}
#accordion h5 a {
	padding-left: 25px;
}
.openbuspg #accordion h5 a {
	background: url(../img/icons/fancy_nav_right-red.png) no-repeat left center;
	color: #BF2326;
}
.archeobuspg #accordion h5 a {
	background: url(../img/icons/fancy_nav_right-green.png) no-repeat left center;
	color: #35781A;
}
#accordion h5 a:hover { 
	background: url(../img/icons/fancy_nav_right-black.png) no-repeat left center;
	color: #595959;
}
.archeobuspg label.highlight{
	background-color: #b2d9a3;
}
.openbuspg label.highlight{
	background-color: #d9b8b8;
}
#myguide, #accordion { padding: 10px 5px;}
#myguide select {font-size: 11px;}
#myguide input {margin: 0px;}
div#consent {display: none;}
#accordion div { padding: 0px 10px 10px 30px;}
#accordion label { display: block; font-weight: normal; color: #595959;}
#accordion label input {margin-right: 5px;}

.fancyhide { display: none; }

#loginOperatori div.ui-tabs-panel {padding: 15px 5px 10px 5px !important;}
#loginOperatori .ui-tabs-nav li a {font-size: 1.6em;}
/* Biglietteria Step 2
-----------------------------------------------------------------------------*/
.tickets div.leftSubCol { width: 59% !important; } 
.tickets div.rightSubCol { width: 38% !important; font-size: 11px; } 

table.cart { color: #000 !important; }
table.cart td.quantity { text-align: center; }
table.cart tr.importo { background-color: #CFCFCF; color: #000; font-size: 16px; font-weight: bold; }
.tickets ol { margin-left: 10px; }
.tickets ol li { margin-left: 10px; color: #595959; }

/* Various forms 
-----------------------------------------------------------------------------*/
.form-item {
	margin-bottom:1em;
	margin-top:1em;
}
fieldset .form-item { clear: both; }
fieldset .form-item label {
	display: block;
	float: left;
	width: 10em;
}
fieldset .form-item input {
	display: block;
}
fieldset .form-item select { height: 26px;}
fieldset .form-item select option {
	padding: 0px 5px;
}
input.time, input.datepicker {color:  #AFAFAF;}
input.time:focus, input.datepicker:focus {color:  #000;}
label.privacy, p.privacyError { width: 99% !important;}
#scuole_Privacy,
#gruppi_Privacy,
#Privacy {
	display: inline !important;
}
.total label {
    text-align: right;
}
.total label, .total input {
    font-size:1.2em;
    font-weight:bold;  
    color:#35781a;
    display: inline;
}
.total input {
    background-color: #D1FFBF;
    color: #153F04;
}
form#inviaFoto {
    margin-top: 1.2em;
}
#inviaFoto input#allegato {
    border:1px solid #CCCCCC;
    margin:0 0 10px;
    padding:5px;
    vertical-align:middle;
}
form#inviaFoto p.notabene { font-size: 11px; }