@charset "utf-8";
/* CSS Document */

*{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;

	color: #000000;
	background-position: center top;
	clear: both;
	border: 0px;
	overflow: visible;
	position: relative;
	visibility: visible;
	z-index: auto;
	top: 0;
	bottom: auto;
	left: auto;
	right: auto
}

img {
	border: none;
}

.logo_ticketsonline{
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;	
}


.loghiass{
	margin: 0 auto;
	padding: 0;
	text-align: right;
	float: right;
	clear: right;
}

.container{
	width: 990px;
	top: 0;
	margin: 0 auto;
}

.top{
	width: 100%;
	top: 0;
	margin: 0;
	padding: 0;
	height: 66px;
	clear:both;
}

.menutop{
	width: 99%;
	top: 0;
	margin: 0;
	padding: 0;
	clear:both;
	text-align: left;
	margin: 0 0 5px 0;
}

.hidden{
	visibility: hidden;
	display: none;
}

a:link, a:active, a:visited{
	color: #006ab3;
	text-decoration:none;
}


a:hover{
	color: #000;
	text-decoration:none;
}

.centrato{
	text-align: center;
	margin: 0 auto;
}
	
	
.firstline {
	background-color: #ccebff;
	width: 59%;
	float:left;
	clear:left;
	padding: 0.5%;
	margin: 0;
	font-weight:bold;
}

.firstline2 {
	background-image:url(../images/sfo_right.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	width: 39%;
	float: right;
	clear: right;
	padding: 0.5%;
	font-weight:bold;
}

.colleft{
	width: 60%;
	min-height: 244px;
	float:left;
	clear:left;
	background-image: url(../images/sfo_creditcards.jpg);
	background-position: top right;
	background-repeat: no-repeat;

}

.colleft p{
	padding:0.6em;
}

.colright{
	background-image:url(../images/sfo_right.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	width: 40%;
	min-height: 244px;
	height: auto;
	float:right;
	clear:right;

}

.colright p{
	padding:1.3em 0.6em 0.3em 0.6em;
	line-height:1.3em;

}

.colunica{
	width: 98%;
	padding: 1%;
}

.txt{
	width: 100%;
	clear: both;
}
.txtlogin{
	width: 55%;
	float: left;
	margin: 0 4% 0 2%;
}

.loginhp, .contenutoSezione{
	width: 45%;
	float: left;
	margin:0;
}

.generico{
	width:95%;
	float: left;
	margin:0;
	padding:0;
	clear: both;

}

form{
	width: 100%;
	text-align:center;
	color:#000;
}
 
 
form input, select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align:left;
	color:#006ab3;
}


form input.button3{
	text-align:center;
	border:none;
	background-color:#006ab3;
	color: #FFF;
	display: block;
	margin:auto;
}

.colleft form{
	width: 79%;
	text-align:center;
	color:#006ab3;
}



.bottom {
	width: 100%;
	margin: 4% 0;
	padding:  2% 0 1% 0;
	clear: both;
	text-align: center;
	top: 2%;
}




p.allineato{
 width: 40%;
 text-align: right;
 float: left;
 font-size: 0.9em;
 font-weight: bold;
 padding: 1.5% 0.5% 0 0;
 
}
 
p.allineatoimg{
 width: 59%;
 text-align: left;
vertical-align: bottom;
 float: left;
 clear: right;
 padding:  0 0 0 0;
}
 

p.allineatoimg img{
 padding: 0 1% 0 0;
}


.navigazione{
	font-size:1.2em;
	font-weight:bold;
	color:#006ab3;
	padding: 0 0 0 0.5%;
}


.titolosezione{
	font-size:1.2em;
	font-weight:bold;
	color:#006ab3;

}


.firstline p{
	color: #000;
	text-align:right;
}


.firstline2 p{
	color: #006ab3;
}


.firstline p .titolosezione{
	color: #000;
}

.login, .contenutosezione{
	width: 95%;
	float: left;
}

.contenuto, .contenutosezione{
	font-weight:normal;
	margin:10px 0 0 0;
}

.contenuto p, .contenutosezione p{

	padding: 10px 0 0 0;
}

ul.actionMessage, ul.errorMessage, ul.message{
	margin: 1% auto;
	display: block;
	clear: both;
}

ul.actionMessage,
ul.errorMessage
{
	width:80%;
}

ul.message{
	width:85%;
	border: 1px dashed #006ab3;
}

ul.actionMessage li,
ul.errorMessage li,
ul.message li	{
	list-style-type: none;
	text-align: center; 
	display: block;
	clear: both;
	padding: 0;
}
ul.actionMessage li span,
ul.errorMessage li span{
	padding: 2%;
	background-color: #E4F0F0;
	font-weight: bold;
	color: #F00;
	text-align: center; 
	display: block;
	clear: both;
}

ul.message li span{
	padding: 2%;
	background-color: #EAEAEA;
	font-weight: bold;
	color: #006ab3;
	text-align: left; 
	display: block;
	clear: both;
}


.bloccohp{
	width: 97%;
	margin: 0 auto;
	display: block;
	clear: both;

}

.bloccohp p.etichetta{
	width: 42%;
}

.bloccohp p.dati {
	width: 35%;
}

.blocco{
	width: 100%;
	display: block;
	clear: both;
}

input[type="submit"], input.submit {
	text-align: center;
	margin: 4% auto;
	padding: 0.5%;
	clear: both;
	background-color: #006ab3;
	color: #FFF;
	font-weight: bold;
}

.blocco table,
.blocco table.pagamenti {
	text-align: center;
	margin: 2% auto; 
}

.blocco table.pagamenti {
	text-align: left;
	margin: 2% 0 2% 0%;
}

.blocco table.operazioni {
	text-align: left;
	margin: 2% 0 2% 0%; 
}


.etichetta{
	width: 33%;
	padding: 0 1% 0 0;
	margin: 1% 0 0 0;
	text-align: right;
	float: left;
	clear: left;
	font-weight: bold;
}

.blocco p.etichetta{
	padding: 0;
	margin: 1% 0 0 0;
}

.dati{
	width: 60%;
	margin: 1%;
	text-align: left;
	float: left;
	clear: right;
	display: inline;
}

.dati p.input{
	padding: 0;
}

p.dati label{
	margin: 0 3% 0 1%;	
	padding: 0;	
}

p.dati input{
	vertical-align: middle;
}

.label{
	width:95%;
	padding: 10px 0 0 0;
}


table{
	width: 100%;
}

table.pagamenti{
	width: 100%;
}

.bloccotab{
		width: 100%;
		clear: both;
		padding: 3% 0;

		display: block;
		height: auto;
}

.bloccotab h4{
		width: 37%;
		text-align: right;
		float: left;
		font-size: 1em;

}

.bloccotab table.operazioni{
		width: 55%;
		margin: 0 0 0 1%;
		float: left;
		clear: right;

}

h3{
	padding: 2% 0 0 1%;
	margin:1% 1% 1% 5%;
	display: block;
	clear: both;
	color: #006ab3;
	border-top: none;
	border-right: none;
	border-bottom: 1px dashed #E8F2FE;
	border-left: none;
	width: 70%; 
	text-align: left;
	font-size: 13px;
}

h4 {
	padding: 2% 0 0 1%;
	margin:1% 1% 1% 5%;
	display: block;
	clear: both;
	border-top: none;
	border-right: none;
	border-left: none;
	width: 70%; 
	text-align: left;	font-size: 12px;
}

table,
table.pagamenti,
table.operazioni{
	border: none;
	border-bottom: 1px solid #006ab3;
}

table tr th,
table.pagamenti tr th,
table.operazioni tr th {
	padding: 0.5%;
	background-color: #006ab3;
	color: #fff;
	border: none;
	text-align: center;
}

table tr td,
table.pagamenti tr td,
table.operazioni tr td{
	padding: 0.5%;
	border: none;
	text-align: center;
}

th.sortable a {
	color: #FFFFFF;
}

table tr.pari {
	background-color: #E8F2FE;
	padding: 0.5%;
}

table tr.dispari {
	background-color: #F7FCFF;
	padding: 0.5%;
}




.domanda{
	position:relative;
	padding: 0;
	margin: 0;
	width: 98%;
	height:auto !important;
	background-color: #F3F3F3;
	height: 1.6em;
	padding: 1%;
	font-weight:bold;
	display:block;
	clear:both;
	font-size: 1.3em;
}

.risposta{
	position:relative;
	padding: 0;
	margin: 0;
	width: 97.8%;
	height:auto !important;

	padding: 1%;

	display:block;
	clear:both;	
	border-top: 1px dashed #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;	
	border-left: 1px solid #CCCCCC;
}

.separa{
	position:relative;
	padding: 0;
	margin: 0;
	width: 100%;
	height:0 !important;
	display: block;
	clear:both;
	visibility: hidden;
}


.cinquantaleft{
	position:relative;
	width: 25%;
	padding: 0 0 0 25%;
	margin: 1% auto;
	height: auto !important;
	float: left;
	clear:left;
	text-align: center;
	background-color: #FBFCFD;
}

.cinquantaright{
	position:relative;
	width: 25%;
	padding: 0 25% 0 0;
	margin: 1% auto;
	height: auto !important;
	float: right;
	clear: right;
	text-align: center;
	background-color: #FBFCFD;	
}


.cinquantaleft p, .cinquantaright p{
	font-size: 1.3em;
	padding: 0 0 4% 0;
}



.cinquantaleft a:link img,
.cinquantaleft a:active img,
.cinquantaleft a:visited img,

.cinquantaright a:link img,
.cinquantaright a:active img,
.cinquantaright a:visited img
{
	text-align:center;
	vertical-align:middle;
	clear: both;
	border: none;
	margin: 5% 0 0 0;
	padding: 0;
	border: 1px dashed #CCC;
}


.cinquantaleft a:hover img,
.cinquantaright a:hover img
{
	text-align:center;
	vertical-align:middle;
	clear: both;
	border: none;
	margin: 5% 0 0 0;
	padding: 0;
	border: 1px solid #CCC;
}

table.pagamenti tr th.ord {
	background-color: #578CAF;
	background-image: url("../images/double_arrow.gif");
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
}

th.ord a:link, th.ord a:active, th.ord a:visited {
	color: white;
	position: relative;
	margin-right: 16px;
}
th.ord a:hover {
	color: #C6C6C6;
}

table.pagamenti tr th.ord.asc {
	background-image: url("../images/up_arrow.gif");
	/*background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;*/
}
table.pagamenti tr th.ord.desc {
	background-image: url("../images/down_arrow.gif");
	/*background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;*/
}

table.pagamenti tr th.ord.asc a
table.pagamenti tr th.ord.desc a {
	padding: 0 20px 0 0;
}