/* 
Style Sheet common to all section - Start
*/

/* Body has margin and font type sepecified for the whole website */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

/* Form margin defined as zero */
form {
	margin: 0px;
}

/* Background orange color define. This has been used in top left of the logo to create a vertical bar. */
.bgorange {
	background-color: #FF6600;
	width: 10px;
}

/* Background dark grey color define. This has been used to create a vertical grey bar on the extreme left below orange vertical bar. */
.bgdarkgrey{
	background-color: #5A5E61;
}

/* Background Dark grey color define. This has been used to create a horizontal footer bar below content area. */
.bgverydarkgrey{
	background-color: #333333;
}

/* Background light grey color define. This has been used to create a horizontal line above the menu section */
.bglightgrey{
	background-color: #999999;
}

/* Background back color define. This has been used to create a horizontal line below the menu section */
.bgblack {
	background-color: #000000;
}

/* Time classis used above menu on the right. For displaying Date and Day. */
.time {
	font-size: 10px;
	font-weight: bold;
	color: #323232;
	height: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Menu class is for menu options. */
.menu {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-transform: uppercase;
}
.menu a{
	display: block;
	padding: 2px 5px;
}
.menu a:link{
	color: #FFFFFF;
	background-color: #969696;
}
.menu a:visited{
	color: #FFFFFF;
	background-color: #969696;
}
.menu a:hover{
	color: #333333;
	background-color: #969696;
}
.menu a:active{
	color: #333333;
	background-color: #969696;
}

/* Top class is defined to provide up ot top hyperlink. This is used at various place where top link is required. */
.top {
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #333333;
	padding: 2px 10px 2px 2px;
	background-image: url(../images/icon_top.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.top a:link{
	color: #333333;
}
.top a:visited{
	color: #333333;
}
.top a:hover{
	color: #666666;
}
.top a:active{
	color: #666666;
}

/* Background Blue is defined tyo create a blue background tile as a horizontal header. */
.bg_blue{
	background-image: url(../images/blue_background.jpg);
}

/* This class takes care of the text in the blue header, which keeps on scrolling. */
.news{
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
.news a:link{
	color: #FFF;
	text-decoration: none;
}
.news a:visited{
	color: #FFF;
	text-decoration: none;
}
.news a:hover{
	color: #FFF;
	text-decoration: underline;
}
.news a:active{
	color: #FFF;
	text-decoration: none;
}

/* This class is created to create a horizontal tile line after the menu options. */
.tiled_line{
	background-image: url(../images/tiled_line.gif);
}



/* Default initializing select box. */
select {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin-top: 1px;
	margin-bottom: 1px;
}

/* Default initializing select box. */
.select02 {
	font-size: 1em;
}

/* This class is used to create vertical breaked line. */
.vertical_breaked_line {
	background-image: url(../images/1px_vertical_breaked_line.gif);
	background-repeat: repeat-y;
	background-position: center center;
}

/* Form Description class is use in extreme left section of the form pages. Where a mandatory warning is defined. */
.form_desc {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}

/* As name describes, this class is used to define field name in the form pages. */
.fieldname {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	color: #333333;
	padding-right: 10px;
}

/* Inpufield is used to define input fields where width will be almost 100% of the column. */
.inputfield {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	width: 98%;
	margin-top: 1px;
	margin-bottom: 1px;
}

/* Inpufield02 is used to define input fields where width will be almost 100% of the column but font size has to be same as. This is done to avoid any kind of inheritances effect to the font size. */
/* Only used in Flight and General Sections. */
.inputfield02 {
	font-size: 1em;
	color: #333333;
	width: 98%;
	margin-top: 1px;
	margin-bottom: 1px;
}

/* Inpufield03 is used to define input fields where width has to be as it is and font size is same as define in column. */
/* Only used in Flight and General Sections. */
.inputfield03 {
	font-size: 1em;
	color: #333333;
}

/* class to change color of form controls when disabled */
.inputdisabled {
	width: 98%;
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #CCCCCC;
}

/* As name specify, pagination is defined where the page no is defined. */
.pagination {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	padding-right: 5px;
	padding-left: 5px;
}

/* Image border is used to create border around the image displayed(if any). */
.image_border {
	border: 1px solid #333333;
	margin: 5px;
}

/**************************************
Intro Section CSS - Start
***************************************/

a.intro_options{
	padding-left: 40px;
	display: block;
}
a.intro_options:link, a.intro_options:visited, a.intro_options:active{
	display: block;
}
a.intro_options:hover{
	background-image: url(../images/current_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


a.intro_options_selected{
	padding-left: 40px;
	display: block;
	background-image: url(../images/selected_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
a.intro_options_selected:link, a.intro_options_selected:visited, a.intro_options_selected:hover, a.intro_options_selected:active{
	display: block;
	background-image: url(../images/selected_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* Intro Page - Section content table defined. */
.intro_table th{
	color: #FFF;
	padding: 2px;
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	background-image: url(../images/header_corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.intro_table td{
	font-size: 11px;
	padding: 5px;
}

/* Intro Page - Flight Section header defined. */
#flight_header{
	background-color: #5985B2;
}

/* Intro Page - Flight Section content defined. */
#flight_content{
	color: #333;
	background-color: #D6E5F3;
}

/* Intro Page - Hotels Section header defined. */
#hotels_header{
	background-color: #FF9900;
}

/* Intro Page - Hotels Section content defined. */
#hotels_content{
	color: #333;
	background-color: #F8E3C4;
}

/* Intro Page - Cars Section header defined. */
#cars_header{
	background-color: #BFAF01;
}

/* Intro Page - Cars Section content defined. */
#cars_content{
	color: #FFF;
	background-color: #AFAD9E;
}

/* Intro Page - Holidays Section header defined. */
#holidays_header{
	background-color: #7ABA01;
}
/* Intro Page - Holidays Section content defined. */
#holidays_content{
	color: #333;
	background-color: #CBDFA6;
}

/* Intro Page - Address Section header defined. */
#address_header{
	background-color: #9C64C5;
}
/* Intro Page - Address Section content defined. */
#address_content{
	color: #333;
	background-color: #DECAED;
}

/* Intro Page - Address Section header defined. */
#health_header{
	background-color: #F9425E;
}
/* Intro Page - Address Section content defined. */
#health_content{
	color: #333;
	background-color: #F4D3D8;
}

/**************************************
Intro Section CSS - End
***************************************/

/* 
Style Sheet common to all section - End
*/








/* 
Normalizing Style Sheet - Begining
(This section has further inheriate stylesheet.)
*/

/* Common link style define */
a, a:link, a:visited, a:hover, a:active {
	color: #333333;
	text-decoration: none;
}

/* Header Tag is defined for providing information of specific section to the user. */
.header_tag {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/corner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* This class is defined for displaying options. */
.options {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #FFF;
}
.options a{
	width: 100%;
	text-transform: uppercase;
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	padding: 2px;
}

/* This class is defined for displaying selected options. */
.options_selected {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #FFF;
}
.options_selected a{
	width: 100%;
	text-transform: uppercase;
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	padding: 2px;
}

/* This class is user at places where the content description has to displayed. */
.content_txt {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	padding: 2px;
}

.content_txt ul {
	margin-left: 15px;
	padding-left: 0px;
}
.content_txt a:link {
	color: #333333;
}
.content_txt a:visited {
	color: #333333;
}

/* Header class is defined for creating vertical bar table heading above box color content text. */
.header{
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Suboptions is used to define second level of options(if any) on specific sections. */
.suboptions{
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}
.suboptions a{
	background-color: #4E555B;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Suboptions selected is defined to highlight a selected suboption. Also making used aware of current status of sub sections active. */
.suboptions_selected{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.suboptions_selected a{
	text-transform: uppercase;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* As the name specifies, this class is used to define breadcrumb area. */
.breadcrumb {
	font-size: 11px;
	font-weight: bold;
	height: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Fieldset has been define to set the legends color and style, used to group form into various sub-heads. */
.fieldset {
	font-size: 11px;
	font-weight: bold;
}

/* This class is defined for specifying mandatory field names. */
.fieldname_mandatory {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	color: #333333;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: right center;
}

/* Field_desc is used in areas where input filed details has to be display alon with field name like confirmation pages etc. */
.field_desc {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	padding-right: 2px;
	padding-left: 2px;
}

/* Button is defined for over-writing default button style. */
.button{
	font-size: 12px;
	font-weight: bold;	
	text-transform: uppercase;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	margin: 5px;
}

/* Button is defined for booking avoid text inheritance . */
.button05{
	font-size: 1em;
	font-weight: bold;	
	text-transform: uppercase;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	margin: 5px;
}

/* Description class is defined for displaying database based table content. */
table.description th {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
}
table.description th a:link{
	color: #FFF;
}
table.description th a:visited{
	color: #FFF;
	text-decoration: none;
}
table.description th a:hover{
	color: #FFF;
	text-decoration: underline;
}
table.description th a:active{
	color: #FFF;
	text-decoration: none;
}

table.description td{
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

table.description td a:link{
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
table.description td a:visited{
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
table.description td a:hover{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
table.description td a:active{
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
table.description td h1{
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	margin: 0px;
}
/* Background dark grey color define. This has been used to create a vertical grey bar on the extreme left below orange vertical bar. */
.leftbar {
	width: 10px;
	background-color: #A32C2E;
}

/* Background Dark grey color define. This has been used to create a horizontal footer bar below content area. */
.footerbar{
	height: 10px;
	background-color: #333333;
}

/* Text displayed below the image, while processing request  */
.busy_flight {
	position: relative;
	top: 100px;
	text-align: center;
	width: 100%;
	background-image: url(../images/wait_flights.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 270px;
	font-size: 18px;
	font-weight: bold;
}

.busy_holidays {
	position: relative;
	top: 100px;
	text-align: center;
	width: 100%;
	background-image: url(../images/wait_holidays.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 270px;
	font-size: 18px;
	font-weight: bold;
}

.busy_health {
	position: relative;
	top: 100px;
	text-align: center;
	width: 100%;
	background-image: url(../images/wait_health.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 270px;
	font-size: 18px;
	font-weight: bold;
}

.busy_cars {
	position: relative;
	top: 100px;
	text-align: center;
	width: 100%;
	background-image: url(../images/wait_cars.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 270px;
	font-size: 18px;
	font-weight: bold;
}

/* This class is used at places where the content description has to displayed in <pre> tag. */
.content_txt_pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	padding: 2px;
}

/* Display warning message */
.warning {
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
}

/* To display price tag on the Search Result Page. */
.price_tag {
	font-size: 1.3em;
	font-weight: bold;
	color: #9C0029;
	padding: 2px;
}
.wait_back{
	position:fixed; 
	top:0; 
	left:0; 
	background-color:#FFFFFF; 
	width:100%; 
	height:100%; 
	z-index:2; 
	filter:alpha(opacity=70); 
	opacity: 0.7;
	position: expression('absolute');
  	height: expression(document.getElementById("body").scrollHeight+'px');
  	width: expression(document.getElementById("body").scrollWidth+'px');  	
  	height: expression(document.getElementById("subpage").scrollHeight+'px');
  	width: expression(document.getElementById("subpage").scrollWidth+'px');
}
.wait_iframe{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	border:none;
	display:block;
	z-index:0;
  	height: expression(document.getElementById("body").scrollHeight+'px');
  	width: expression(document.getElementById("body").scrollWidth+'px');
  	height: expression(document.getElementById("subpage").scrollHeight+'px');
  	width: expression(document.getElementById("subpage").scrollWidth+'px');
}
.wait_container{
	position:absolute; 
	top:100px; 
	left:38%; 
	z-index:6;
}

.wait_contentcontainer{
	font-size:24px; 
	font-weight:bold; 
	color:#0384df; 
	text-align:center;
}
.wait_back1{

 top:0; 
 left:0; 
 background-color:#FFFFFF; 
 width:100%; 
 height:100%; 
 z-index:2; 
 filter:alpha(opacity=70); 
 opacity: 0.7;
 position: expression('absolute');
   height: expression(document.getElementById("body").scrollHeight+'px');
   width: expression(document.getElementById("body").scrollWidth+'px');
}
.wait_iframe1{
 position:absolute;
 width:100%;
 top:0px;
 left:0px;
 border:none;
 display:block;
 z-index:0;
   height: expression(document.getElementById("body").scrollHeight+'px');
   width: expression(document.getElementById("body").scrollWidth+'px');
}

.wait_container1{
 position:relative;  
 top:10px;  
 z-index:6;
}

.wait_container2{
 position:relative;  
 top:70px;  
 z-index:6;
}


.wait_contentcontainer1{
	font-size:14px; 
	font-weight:bold; 
	color:#0384df; 
	text-align:center;
}
.prepaid_message{
 background-color:#fbcaca;
 color:red;
 font-weight:bold;
 font-size:11;
 }

/* 
Normalizing Style Sheet - End
*/


/*************** Updated on 21/01/2008 **************/

.clear{
	clear:both;
}