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

/************************** LAYOUT STYLE **************************/

body {
	background-color: #C4D5EE;
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#login {
	background-image:url(../images/login.jpg);
	background-repeat:no-repeat;
}

.forHeaderBg {
	background-color:#4B8CBF;
}

#header {
	height:40px;
	background-color:#FFF;
	background-image:url(../images/logo-ebusmanager.jpg);
	background-repeat:no-repeat;
	background-position: 0px 1px;
}

#company {
	float:right;
	font-size:20px;
	color:#930;
	line-height:40px;
	padding-right:10px;
}

#loginFooter {
	height:27px;
	background-image:url(../images/bar.png);
}

.forBar {
	background-color:#1757B7;
}

.forFooterBg {
	background-color:#4B8CBF;
}

.forCopyRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
}
.forMain {
	background-image:url(../images/background.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.forMainTable {
	background-color:#FFF;
	border: #333333 1px solid;
}

/************************** CONTROLS STYLE **************************/

input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	border:solid 1px #999;
	margin-top: 2px;
	margin-bottom: 2px;
	background: #FFF url(../images/text-bg.gif) repeat-x;
}

form {
	display:inline;
}

.forOption {
	border: none;
	background-image:none;
	background-color: transparent;
}

.forEdit {
	width:75px;
	color: #4F7DB0;
	border-style: solid;
	border-width: 1px;
	border-color: #4F7DB0;
}
.forDelete {
	width:75px;
	color: #FF0000;
	border-style: solid;
	border-width: 1px;
	border-color: #FF0000;
}
.forSave {
	width:150px;
	color: #4F7DB0;
	border-style: solid;
	border-width: 1px;
	border-color: #4F7DB0;
}
.forRates {
	width:75px;
	color: #356F4D;
	border-style: solid;
	border-width: 1px;
	border-color: #356F4D;
}

.forCancel {
	width:150px;
	color: #FF0000;
	border-style: solid;
	border-width: 1px;
	border-color: #FF0000;
}

.forBack {
	background-image:none;
	background-color:transparent;
	border-color:#FFFFFF;
	color: #FFFFFF;
	min-height:18px;
}

.forCaptionButton {
	border:#15428B 1px solid;
	background-image:none;
	background-color: transparent;
	color:#15428B;
}

.forDisabled {
	background-image:none;	
	background-color:#F1F1F1;
	border-color:#CCC;
}

/************************** TEXTS STYLE **************************/

.forTitle{
	background-color:#4B8CBF;
	color:#FFF;
	padding:5px;
	padding-right:10px;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
}

.forWText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	line-height: 20px;
}
.forWCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight: bold;
	line-height: 20px;
}

.forCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	line-height: 20px;
}

.forText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
}

.forJText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	text-align:justify;
}

.forWarning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:20px;
	color: #F00000;
}

.forGreenText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:20px;
	color: #093;
}

.forMoney {
	text-align: right;	
}

.forMCaption{
	font-size:11px;
	font-weight:bold;
	line-height:20px;
}

.forBCaption{
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	line-height:20px;
}

.forMWCaption{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
}

.forBWCaption{
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	line-height:20px;
}

.forBBCaption{
	color:#039;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	line-height:20px;
}

.forCleaned {
	color:#999;
}

.forCleaned td {
	background-image:url(../images/cleaned.gif);
}

.forError {
	border:#F00 solid 1px;
	color:#F00;
	text-align:center;
	line-height:25px;
}

.forSuccess {
	border:#00F solid 1px;
	color:#00F;
	text-align:center;
	line-height:25px;
}

/************************** TABLE STYLE **************************/

.dataTable {
	border-collapse:collapse;
	line-height:20px;
	width:100%;
	/*
	opacity: .8;
	-moz-opacity:0.8;
	*/
}

.dataTable caption {
	height:21px;
	color:#15428b;
	background:url(../images/caption.png);
	border: 1px solid #9CBCDA;
	border-bottom:none;
	padding-left:5px;
	text-align:left;
	font-weight:bold;
	line-height:20px;
	margin-bottom:1px;
}

.dataTable th {
	background-color: #D0DFEE;
	border: 1px solid #9CBCDA;
	padding:0px 3px 0px 3px;
	text-align:left;
	font-weight:normal;
}

.dataTable tr {
	background-color:#FFFFFF;
}

.dataTable td {
	border: 1px solid #9CBCDA;
	padding:0px 3px 0px 3px;
}

.dataTable .forCellBg {
	background-color: #E8EFF7;
}

.dataTable .forCellHighlight {
	background-color: #FFE0C1;
}

.dataTable .forConfirmed{
	background-color:#CCECCE;
}

.forClearTable {
	border-collapse:separate;
}

.forClearTable, .forClearTable tr, .forClearTable td {
	border:none;
	background-color:transparent;
	padding:0px;
}

/************************** ROW HIGHLIGHT STYLE **************************/

.dataTable .setEPointer {
	background-color:#ECF2F9;
}

.dataTable .setAltPointer {
	background-color:#F8F8F8;
}

.setPointer:hover, .setAltPointer:hover, .setEPointer:hover {
	background-color:#FEF0D8;
}

/************************** MENU STYLE **************************/

#menuBar {
	 line-height:28px;
	 background-image:url(../images/bar.png);
}

.pad {
	padding:5px;
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	background-color:#b8d5ea;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	opacity:.9;
	-moz-opacity:0.9;
}
.pad2 {
	padding:5px;
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	background-color:#b8d5ea;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	opacity:.9;
	-moz-opacity:0.9
}
.itemTopOff {
	width:150px;
	border:none;
	text-align:center;
	line-height:28px;
}
.itemTopOn {
	cursor:pointer;
	width:150px;
	border:none;
	text-align:center;
	line-height:27px;
	background-image:url(../images/barover.png);
	background-position:center;
}
.itemSubOff {
	width:200px;
	padding:3px 3px 3px 6px;
	border:none;
	border-bottom:dashed;
	border-width:1px;
	border-color:#333333;
	text-align:left;
	line-height:18px;
}
.itemSubOn {
	cursor:pointer;
	width:200px;
	padding:3px 3px 3px 6px;
	border:none;
	border-bottom:dashed;
	border-width:1px;
	border-color:#333333;
	text-align:left;
	line-height:18px;
	background-color:#dce9f3;
}
.fontOff {
	font-family:verdana;
	font-size:10px;
	color:#000000;
}
.fontOn {
	font-family:verdana;
	font-size:10px;
	color:#000000;
}
.tagOn {
	width:18px;
	height:18px;
	float:right;
	background-position:bottom left;
	background-image:url(../images/arrowdown.gif);
	background-repeat:no-repeat;
}
.tagSubOff {
	width:15px;
	height:16px;
	float:right;
	background-position:center;
	background-image:url(../images/arrowrightoff.gif);
	background-repeat:no-repeat;
}
.tagSubOn {
	width:15px;
	height:16px;
	float:right;
	background-position:center;
	background-image:url(../images/arrowrighton.gif);
	background-repeat:no-repeat;
}

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

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

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

.acDiv ul li {
	display:block;
}

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

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

.acDiv li.selected {
	background-color:#D6E7ED;
	color:#000000;
}

/************************** PASSENGER LISTS **************************/

#divPassenger {
	position:absolute;
	z-index:999;
}

#divPassenger select {
	font-family: "Courier New", Courier, monospace;
	font-size:13px;
	color:#F1F1F1;
	background-color:#93BAD9;
}

#divPassenger option {
	background-color:#6FA3CC;
}

#divPassenger .alt {
	background-color:#93BAD9;
}


/************************** DIAGRAM **************************/

.forBusySeat{
	color:#FFF;
	background-color:#FF6666;
}

.forAvailableSeat{
	color:#FFF;
	background-color:#7FBEFE;
}

.forSelectedSeat{
	color:#FFF;
	background-color:#FF9A4D;
}

.forUnavailableSeat{
	color:#FFF;
	background-color:#CCCCCC;
}

/************************** CHECK-IN **************************/

.dataTable .forCheckedTravel {
	color:#FFF;
	background-color: #336699;
	font-weight:bold;
}

.forCheckInButton {
	border:#DBEBFD solid 1px;
	cursor:pointer;
	margin:0px;
	padding:0px;
	width:98px;
	height:20px;
	line-height:12px;
	background-image:url(../images/check.gif);
	background-repeat:no-repeat;
	background-position:5px;
}

.forPackageButton {
	border:#FBEAC8 solid 1px;
	margin:0px;
	padding:0px;
	width:24px;
	height:20px;
	background-image:url(../images/package.gif);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}