/* Common link style define */
a:link, a:visited, a:active {
	color: #0067ac;
}
a:hover{
	color: #7ea8c5;
}

/* Border is used for creating outline box, in between content of this website has to come. */
.border {
	border: 1px solid #c5d6e6;
}

/* Inpufield is used to define input fields where width will be default. */
.inputfield04 {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin-top: 1px;
	margin-bottom: 1px;
}

/* Header Tag is defined for providing information of specific section to the user. */
.header_tag {
	background-color: #AD2829;
}

/* This class is user at places where the content description has to displayed. */
.content_txt a:link, .content_txt a:visited, .content_txt a:active{
	color: #333333;
}
.content_txt a:hover{
	color: #0067ac;
}

.content_txt h1{
	font-size: 1.4em;
	color: #333333;
	margin: 0px;
}


/* As the name specifies, this class is used to define breadcrumb area. */
.breadcrumb {
	background-color: #69afe0;
}

/* Breadcrumb Past is used to define previous steps in specific color.*/
.breadcrumb #past, .breadcrumb #past a:link, .breadcrumb #past a:visited, .breadcrumb #past a:hover, .breadcrumb #past a:active {
	color: #fbd992;
}

/* Breadcrumb Past is used to define current steps in specific color.*/
.breadcrumb #present, .breadcrumb #present a:link, .breadcrumb #present a:visited, .breadcrumb #present a:hover, .breadcrumb #present a:active {
	color: #FFFFFF;
}

/* Breadcrumb Past is used to define next steps or steps ahead in specific color.*/
.breadcrumb #future, .breadcrumb #future a:link, .breadcrumb #future a:visited, .breadcrumb #future a:hover, .breadcrumb #future a:active {
	color: #b1d8f5;
}

/* Fieldset has been define to set the legends color and style, used to group form into various sub-heads. */
fieldset {
	border: 1px solid #d9ebf9;
}

/* Fieldset has been define to set the legends color and style, used to group form into various sub-heads. */
.fieldset {
	color: #000;
}

/* This class is defined for specifying mandatory field names. */
.fieldname_mandatory {
	background-image: url(../images/arrow_mandatory.gif);
}

/* Field_desc is used in areas where input filed details has to be display alon with field name like confirmation pages etc. */
.field_desc a:link, .field_desc a:visited, .field_desc a:active{
	color: #0067ac;
	text-decoration: none;
}
.field_desc a:hover{
	color: #318ac5;
	text-decoration: underline;
}

/* Button is defined for over-writing default button style. */
.button{
	color: #FFF;
	background-color: #418ec4;
	border: 1px solid #418ec4;
}

/* Button02 not only over-write the default button style but also inherit font size defined in specific column. This is used to avoid  inheritances effect in the font size. */
.button02{
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFF;
	border: 1px solid #844b4b;
}

/* Button is defined for booking avoid text inheritance */
.button05{
	color: #FFF;
	background-color: #0067ac;
	border: 1px solid #0067ac;
}

/* This class is used to define filter options heading in the extreme left panel on hotel search result and hotel description pages. */
.filter_heading {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
}
.filter_heading a, .filter_heading a:link, .filter_heading a:visited, .filter_heading a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.filter_heading a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

/* This class is used to define filter options field name in the extreme left panel on hotel search result and hotel description pages. */
.filter_fieldname {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	color: #333333;
	padding-right: 2px;
}
.filter_width {
	width: 98%;
}

/* Border color is defined for displaying border around content box area. */
.border_color{
	border: 1px solid #9C0029;
}

/* This is defined to provide alert messages. */
.highlight {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #99002B;
}

/* Header class is defined for creating vertical bar table heading above box color content text. */
.header{
	color: #FFFFFF;
	background-color: #69afe0;
}
.header a:link,.header a:visited, .header a:active{
	color: #FFFFFF;
}
.header a:hover{
	color: #9fd1f5;
}

/* Border color is defined for displaying content in a box area. */
.border_color{
	border: 1px solid #69afe0;
}

/* Changed for tabing in car */
/* Suboptions is used to define second level of options(if any) on specific sections. */
.suboptions, .suboptions a, .suboptions a:link, .suboptions a:visited, .suboptions a:active{
	color: #FFFFFF;
	background-color: #cec2c2;
}
.suboptions a:hover{
	color: #FFF000;
	background-color: #cec2c2;
}

/* Suboptions selected is defined to highlight a selected suboption. Also making used aware of current status of sub sections active. */
.suboptions_selected, .suboptions_selected a, .suboptions_selected a:link, .suboptions_selected a:visited, .suboptions_selected a:active{
	color: #FFFFFF;
	background-color: #AA4747;
}
.suboptions_selected a:hover{
	color: #FFF000;
	background-color: #AA4747;
}

/* Suboptions is used to define second level of options(if any) on specific sections. */
/*.suboptions, .suboptions a, .suboptions a:link, .suboptions a:visited, .suboptions a:active{
	color: #FFFFFF;
	background-color: #B97676;
}
.suboptions a:hover{
	color: #FFFFFF;
	background-color: #AA4747;
}*/

/* Suboptions selected is defined to highlight a selected suboption. Also making used aware of current status of sub sections active. */
/*.suboptions_selected, .suboptions_selected a, .suboptions_selected a:link, .suboptions_selected a:visited, .suboptions_selected a:active{
	color: #FFFFFF;
	background-color: #AA4747;
}
.suboptions_selected a:hover{
	color: #FFFFFF;
	background-color: #B97676;
}*/

/* Description class is defined for displaying database based table content. */
table.description th {
	color: #000;
	background-color: #bdd3e8;
}
/* Used in the TH section of datatable where link is required. */
table.description th a.white {
	color: #333;
	text-decoration: none;
}
table.description th a.white:link {
	color: #333;
	text-decoration: none;
}
table.description th a.white:visited {
	color: #333;
	text-decoration: none;
}
table.description th a.white:hover {
	color: #999;
	text-decoration: underline;
}
table.description th a.white:active {
	color: #333;
	text-decoration: underline;
}

.description_normal {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
	background-color: #F90404;
}

.description_highlight {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding: 2px;
	background-color: #F90404;
}

/* Tilted Tiled Line is created for generationg horizontal bar of title lines between and below database displaying tables. At times it is also used for separating one section from another. */
.tilted_tiled_line{
	background-image: url(../images/tiled_line.gif);
}

/* This class is defined for displaying options type layout in popup_country.htm page in flight section. */
.options {
	color: #333;
	background-color: #EEEEEE;
}
.options a{
	color: #333;
	background-color: #EEEEEE;
	background-image: url(../images/icon_arrow.gif);
}
.options a:link{
	color: #333;
	background-color: #EEEEEE;
}
.options a:visited{
	color: #333;
	background-color: #EEEEEE;
}
.options a:hover{
	color: #333;
	background-color: #DDE4EC;
}
.options a:active{
	color: #333;
	background-color: #EEEEEE;
}

/* This class is defined for displaying selected options in popup_country.htm page in flight section. */
.options_selected {
	color: #FFF;
	background-color: #c07474;
}
.options_selected a{
	color: #FFF;
	background-image: url(../images/icon_arrow.gif);
	background-color: #c07474;
}
.options_selected a:link, .options_selected a:visited, .options_selected a:active{
	color: #FFF;
	background-color: #c07474;
}
.options_selected a:hover{
	color: #FFF;
	background-color: #5781AE;
}

/* This class is used to provide first color to alternate rows in the data table. */
.row01{
	background-color: #aec5d9;
}

/* This class is used to provide second color to alternate rows in the data table. */
.row02{
	background-color: #9abede;
}

/* This class highlights the column on which the data is sorted by. */
.sort_by{
	background-color: #f4d5d5;
}


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

/* Inpufield02 highlight is used to define input focus 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_highlight {
	font-size: 1em;
	color: #333333;
	width: 98%;
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #f8d7d7;
}

/* 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_highlight {
	font-size: 1em;
	color: #333333;
	background-color: #F8F5D7;
}

/* Inpufield04 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. */
.inputfield04_highlight {
	font-size: 11px;
	color: #333333;
	background-color: #F8F5D7;
}

/* Default initializing select box. */
.highlight01 {
	background-color: #F2D0CF;
}


/* Text displayed below the image, while processing request  */
.busy_cars {
	color: #CC0000;
}

/* Indication of bookings with urgent ticketing (today): Yellow Color */
.bgyellow {
	background-color: #FFFF77;
}

/* Indication of bookings of which the last valid ticketing date has passed: Red Color */
.bgred {
	background-color: #FF7777;
}

/* Highlight selected row in admin section. */
.viewbooking {
	background-color: #FE7E7E;
}

.header_highlight {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #DA7171;
}

table.filter th{
	font-size: 11px;
	color: #FFF;
	padding: 2px;
	background-color: #634444;
}
table.filter th a:link, table.filter th a:visited, table.filter th a:active{
	color: #FFF;
}
table.filter th a:hover{
	color: #d3a5a5;
}
table.filter td{
	font-size: 10px;
	color: #333333;
	background-color: none;
}

.bg_catgeory{
	border-bottom: 1px dotted #333;
}
.bg_sortby{
	background-color: #f94646;
}

a.cat01, a.cat01:link, a.cat01:visited{
	font-weight: bold;
	color: #683030;
}
a.cat01:hover, acat01:active{
	color: #cc0000;
}

a.cat02, a.cat02:link, a.cat02:visited{
	font-weight: bold;
	color: #880000;
}
a.cat02:hover, a:cat02:active{
	color: #C9C603;
}

.listStyle{
	font-size:11px;
	border:1px solid #000;
	padding:"0px 0px 0px 0px";
}
		
.listItemStyle{
	cursor:pointer;
	border-bottom:1px solid #7b6666;
	padding:6px 0px 6px 0px;
}

.listItemKey{
	text-align:left;
	font-weight:bold;
	padding-left:0px;
}

.listItemValue{
	padding-left:2px;
	text-align:right;
}

.filter_dropdown{
	width: 140px;
}

.filter_input{
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	width: 155px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.menu_heading {
	font-size: 11px;
}
.menu_heading th{
	text-align:left;
	color: #D70B0B;
	padding: 2px;
}
.menu_heading td{
	color: #000;
}
.menu_heading td a{
	color: #000;
	padding-left: 10px;
	background-image: url(../images/arrow_mandatory.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.menu_heading td a:link, .menu_heading td a:visited, .menu_heading td a:active{
	color: #000;
	background-image: url(../images/arrow_mandatory.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.menu_heading td a:hover{
	color: #666;
	background-image: url(../images/arrow_mandatory.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/* This class is used to provide first color to show on request rows in the data table. */
.row03{
	background-color: #ECAB9D;
}

/* Updated on 18/12/2007 */

.bg_filterheading{
	background-color: #69afe0;
}

.bg_options{
		background-color: #FFF;
}

.hrline{
	border:none;
	background-color:#cccccc;
	height:1px;
	margin:0;
	padding;0;
}


/* Features class is defined for displaying database based table content. */
table.features th {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	color: #FFFFFF;
	background-color: #bdd3e8;
}
table.features td{
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

/* To display price tag on the Booking Page. */
.price_box{
	float:left;
	width:100%;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
/*	padding: 3px 5px;*/
	background-color: #69afe0;
	/*border: 1px solid #333;*/
}

/* Spotlight is defined to display special highlights of specific hotel in hotel detailed description page.  */
table.spotlight{
	border: 1px solid #bdd3e8;
	width: 110px;
}
table.spotlight th {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-color: #bdd3e8;
	padding: 2px;
}

/* Applied in spotlight td */
.spotlight_td {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 5px;
}

/* Increase font size */
.increase_font{
	font-size: 1.2em;
}

/* Reduce font size */
.reduce_font{
	font-size: 0.8em;
}

/* Spotlight Main Div Left container */
.div_leftcontainer{
	float:left;
	padding: 0 10px 0 0;
	width: 50px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 5px;
}

/* Spotlight Main Div Right container */
.div_rightcontainer{
	float:left;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 5px;
}

/* */
.pageheading_tc{
	float:left;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	color: #0067ac;
	text-transform: uppercase;
	border-bottom: 1px solid #0067ac;
	padding: 5px 0;
	margin: 5px 0;
}

/* */
.heading_tc{
	float:left;
	width: 100%;
	font-size: 1.1em;
	font-weight: bold;
	color: #0067ac;
	border-bottom: 1px solid #0067ac;
	padding: 5px 0;
	margin: 5px 0;
}

/* Top class is defined to provide up ot top hyperlink. This is used at various place where top link is required. */
.top2 {
	font-size: 1em;
	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;
}
.top2 a:link, .top2 a:visited, .top2 a:active{
	color: #333333;
}
.top2 a:hover{
	color: #666666;
}

/* Mascot Bullet define */
.bullet_mascot{
	font-size: 1.1em;
	font-weight: bold;
	color: #0067ac;
	list-style: none; 
}
.bullet_mascot li{
	padding-left: 15px;
	background-image: url(../images/icon_mascot.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.bullet_mascot a, .bullet_mascot a:link, .bullet_mascot a:visited, .bullet_mascot a:active{
	color: #0067ac;
}
.bullet_mascot a:hover{
	color: #333333;
}

/* Margin left 10px defined */
.paddingleft_20px{
	padding: 0 0 0 10px;
}

/* Display alert message */
.alert {
	font-size: 1em;
	font-weight: bold;
	color: #CC0000;
}

/****************************** Updated on 12/08/09 ***********************************/
/* Ajax popup font size defined */
.autosuggestcontainer{
	font-size:12px;
}

/* Button is defined for over-writing default button style. */
.button06{
	font-size: 12px;
	font-weight: bold;	
	text-transform: uppercase;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	margin: 5px;
	color: #FFF;
	background-color: #0067ac;
	border: 1px solid #0067ac;
}

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

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

table.description02 td a:link, table.description02 td a:visited, table.description02 td a:active{
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
table.description02 td a:hover{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
table.description02 td h1{
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	margin: 0px;
}
/* 11/09/2009 */
/* Breadcrumb active is used to define previous steps in specific color.*/
.breadcrumb_active{
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	background-color: #163bbf;
	width: 100px;
}
.breadcrumb_active a:link, .breadcrumb_active a:visited, .breadcrumb_active a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.breadcrumb_active a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/* Breadcrumb Inactive is used to define previous steps in specific color.*/
.breadcrumb_inactive{
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	background-color: #8a9ddf;
	width: 100px;
}
.breadcrumb_inactive a:link, .breadcrumb_inactive a:visited, .breadcrumb_inactive a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.breadcrumb_inactive a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/* Breadcrumb Link */
.breadcrumb_link{
	background-image: url(../images/breadcrumb_link.gif);
	background-repeat: repeat-x;
	background-position: left center;	
}


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

/*************************************************************
Customized Connections CSS 
**************************************************************/

.inputfield05 {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin-top: 1px;
	margin-bottom: 1px;
}

.filter_opt01{
	width:80px;
}

	
.filter_opt02{
	width:100px;
}

.filter_opt03{
	width:40px;
}