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

/* SEARCH FORM */

#search {
	width:260px;
	background: transparent url(images/background_reserva.png);
	color:#FFF;
	font-family:Verdana;
	letter-spacing:0.3px;
	font-size:11px;
	font: bold;
}

#tabs {
	width:260px;
	height:25px;
	background: transparent url(images/backgroundtab.png);
}

#tabs table {
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:25px;
}

#tabs div {
	width:130px;
	height:25px;
	float:left;	
}

#tabs .tab {
	background-image:url(images/tab.png);
	background-repeat:no-repeat;
}

#tabs .radio {
	margin: 0px 8px 0px 8px;
}

#fields {
	padding-left:10px;
	height:145px;
	display:block;
}

#search form {
	display:inline;
	margin:0px;
}

#search label {
	display:block;
	margin-top:4px;
	margin-bottom:2px;
	line-height:12px;
}

#search .field {
	width:115px;
	border:#8ebcd7 solid 1px;
	font-size:12px;
	line-height:12px;
	color:#FFF;
	background-color:#6baacc;
	padding:1px;
	margin:0px;
}	

#search .cnt {
	text-align:right;
}	

#search .column {
	float:left;
	width:115px;
	margin-right:10px;
}

/* DATA TABLE */

.container {
	width:910px;
	position:relative;
}

.container .tl {
	position: absolute;
	top:0px;
	left:0px;
	background:url(images/tl.jpg) no-repeat;
	width:23px;
	height:14px;
}

.tc {
	background:url(images/tc.jpg) repeat-x;
	height:14px;
}

.tr {
	position: absolute;
	top:0px;
	right:0px;
	background:url(images/tr.jpg) no-repeat;
	width:23px;
	height:14px;
}

.c {
	clear:both;
	position:relative;
	border-left:#1173b2 solid 2px;
	border-right:#1173b2 solid 2px;
	height:auto;
}

.bl {
	position:absolute;
	bottom:0px;
	left:0px;
	background:url(images/bl.jpg) no-repeat bottom;
	width:23px;
	height:10px;
}

.bc {
	background:url(images/bc.jpg) repeat-x;
	height:10px;
}

.br {
	position:absolute;
	bottom:0px;
	right:0px;
	background:url(images/br.jpg) no-repeat bottom;
	width:23px;
	height:10px;
}

.dataTable {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:100%;
}

.dataTable caption {
	color:#FFF;
	background-color:#398dbb;
	margin:0px;
	padding:3px;
}

.dataTable th {
	color:#FFF;
	font-weight:normal;
	text-align:left;
	padding:3px;
	background-color: #6baacc;
	border-bottom: #398dbb solid 2px;
}

.dataTable .forTitle {
	color:#036;
	background-color: #afd1e3;
	border-bottom: #036 solid 1px;
}

.dataTable .forTotals {
	color:#036;
	font-weight:bold;
	background-color: #afd1e3;
	border-bottom: #036 solid 2px;
}

.dataTable .forTR:hover {
	background-color:#FFE3D7;
}

.dataTable td {
	padding:3px;
	border-bottom: #6baacc solid 1px;
}

.dataTable .alt {
	background-color:#ebf3f8;
}


/************************** AUTO SUGGEST STYLE **************************/

.acDiv {
	padding:3px;
	border:#8ebcd7 solid 1px;
	background-color:#409bcd;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	opacity: .9;
	-moz-opacity:0.9;
	
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:none;
	position:absolute;
	z-index:999;
}

.acDiv ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

.acDiv ul li {
	display:block;
	padding:3px;
	border-bottom:#FFF dotted 1px;
}

.acDiv a {
	color:#FFF;
	text-decoration:none;
}

.acDiv a:hover {
	color:#FFF;
}

.acDiv li.selected {
	background-color:#6baacc;
	color:#FFF;
}

/* DIAGRAM */

#bus_top {
	margin:auto;
	width:220px;
	height:80px;
	background:url(images/diagram/bus_top.png) no-repeat;
}

#bus_bg {
	margin:auto;
	width:220px;
	background:url(images/diagram/bus_bg.png) repeat-y;
}

#seats_table {
	border:0px;
	border-spacing:4px;
}

#seats_table td {
	border:0px;
	padding:0px;
}

.seat_number {
	font-size:8px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	color:#000000;
}

#bus_bottom {
	margin:auto;
	width:220px;
	height:52px;
	background:url(images/diagram/bus_bottom.png) no-repeat;
}


/* PASSENGERS */

#passengers form {
	display:inline;
	margin:0px;
}

#passengers form input, #passengers form select {
	margin-top:-1px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

/* CLIENT */

#client form {
	display:inline;
	margin:0px;
}

#client form input {
	margin-top:-1px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#client .forDisabled {
	border: #CCCCCC solid 1px;
	background-color: #F1F1F1;
}

#client .forLoading {
	padding:2px;
	border:#CCCCCC solid 1px;
	height:16px;
	background-image: url(images/loading.gif);
	background-repeat:no-repeat;
	background-position: right;
}

/* AUTHORIZATION FORM */

#auth {
	background-color:#398dbb;
	color:#FFF;
	padding:5px;
	padding-top:10px;
}

#auth .field {
	width:180px;
	border:#8ebcd7 solid 1px;
	font-size:12px;
	line-height:12px;
	background-color:#6baacc;
	padding:1px;
	margin:0px;
	color:#FFF;
}

#link a {
	color:#FFF;
	line-height:20px;
}

#div_form {
	width:270px;
}

#div_msg {
	width:267px;
}

.forDenied {
	border: solid 2px #E57B9B;
	line-height:25px;
	color:#E57B9B;
	font-weight:bold;
}

.forAuth {
	border: solid 1px #85DA32;
	line-height:25px;
	color:#85DA32;
}

.forMessage {
	border: solid 1px #569BFC;
	line-height:25px;
	color:#569BFC;
}

#ticket {
	width:450px;
}


/* TOP LIST */

#top_list {
	width:260px;
	height:280px;
	margin: -1px 0px;
}

#top_list table td {
	padding-top:1px;
	line-height:16px;
}

#top_list .price {
	color:#398dbb;
	font-weight:bold;
}

#top_list .from {
	color:#bb7539;
	font-size:9px;
	font-weight:bold;
}