@import url("virgin_header.css");  /* Header */
@import url("virgin_footer.css");  /* Footer */
/******************************** 
	MAIN DIVS
*********************************/
body {
	color: #333333;
	line-height: 1.7em;
	background: #FFF;
	font-size: 75%;
}

body, input, select {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#master {
	width: 982px;
}

.main_top,
.main_bottom {
	width: 962px;
	margin: 0 auto;
	font-size: 0;
}

#main,
.main_top,
.main_bottom {
	margin: 0 auto;
	padding: 0;
}

#main {
	background: #dededf url(img/bg-content.gif) repeat-x top left;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	width: 960px;
}

.main_top {
	background: transparent url(img/bg-content-top.gif) 0 0 no-repeat;
	height: 9px;
}

.main_bottom {
	background: transparent url(img/bg-content-bottom.gif) 0 0 no-repeat;
	height: 10px;
}

#dnn_NavigationPane {
	overflow: hidden;
	padding: 0;
}

#dnn_SubNavigationPane {
	margin: 2px 0 9px 0;
	background-color: transparent;
}

#body_wrapper {
	margin: 0em 18px 18px 18px;
	background-color: #FFFFFF;
}

#main #dnn_ContentPane {
	padding: 15px 0 0 13px;
	width: 57em;
	min-height:0;
}

#BottomPane {
	margin-top: 2em;
}

/* General text offsets and styles*/
h1,h2.big {
	font-size: 2em;
	font-style: italic;
	color: #CC0000;
	margin: 0 0 23px 0;
	padding: 0;
}

a,a:visited {
	color: #333333;
}

p {
	margin: 0 0 20px 0;
}

hr,fieldset hr {
	display: none;
}

/******************************** 
	PAGE BREADCRUMB
*********************************/
#booking_step {
	overflow: hidden;
}

#dnn_SubNavigationPane ul {
	overflow: hidden;
	padding: 0 0 0 9px;
	background-color: transparent;
}

#dnn_SubNavigationPane ul li {
	border-right: none;
	margin: 0;
	padding: 0 0 0 0;
	width: 157px;
}

#dnn_SubNavigationPane ul li .booking_step_wrapper {
	display: block;
	width: 100%;
	height: 27px;
	background: transparent no-repeat scroll -13px 0;
	overflow: hidden;
	padding-top: 1px;
}

#booking_step ul li.last {
	background-position: 0px 0px;
}

#booking_step li.Current .booking_step_wrapper {
	background-image: url(img/breadcrumb-current.png);
	color: #CC0000;
}

#booking_step li.UnProcessed .booking_step_wrapper {
	color: #333333;
	background-image: url(img/breadcrumb-unprocessed.png);
}

#booking_step li.Completed .booking_step_wrapper {
	color: #666666;
	background-image: url(img/breadcrumb-processed.png);
}

#booking_step li.first .Current_wrapper {
	background: transparent url(img/breadcrumb-first-unprocessed.png) no-repeat scroll 0 0;
}

#booking_step li.first .Completed_wrapper {
	background: transparent url(img/breadcrumb-first-completed.png) no-repeat scroll 0 0;
}

#booking_step li.last .UnProcessed_wrapper {
	background: transparent url(img/breadcrumb-last-unprocessed.png) no-repeat scroll 100% 0;
}

#booking_step li.last .Current_wrapper {
	background: transparent url(img/breadcrumb-last-completed.png) no-repeat scroll 100% 0;
}

#dnn_SubNavigationPane ul li span.booking_step_txt {
	padding-top: 0.2em;
	padding-left: 1.5em;
	float: left;
}

/******************************** 
	GLOBAL FORM OVERRIDES
*********************************/ 
/* Need to revisit these rules */
	
/*body fieldset div.field_container_error,
body fieldset div.field_container {
	margin: 0;
}*/ 

/******************************** 
	ALL THE BUTTONS
*********************************/
/* Fix for button (Issue EARS00029580518 krc - Raised by Karolina Wolnikowska to Design Team) - Fix by Dorian Piaskowski 07/09/10 - Updated 30/09/10 (adding div#master to fix issue with Journey Summary Next button not displaying correctly*/
div#master span.main_action {

	background:url("http://www.buytickets.virgintrains.co.uk/portals/virgintrains/images/button_major_left.png") no-repeat  left top transparent;
	float:right;
	height:30px;
	margin-right:10px;
	padding:0;
}
/* Fix for button (Issue EARS00029580518 krc - Raised by Karolina Wolnikowska to Design Team) - Fix by Dorian Piaskowski 07/09/10 - Updated 30/09/10 (adding div#master to fix issue with Journey Summary Next button not displaying correctly*/
div#master span.main_action INPUT,div#master span.main_action a,div#master span.main_action a:visited {

	background:url("http://www.buytickets.virgintrains.co.uk/portals/virgintrains/images/button_major_right.png") no-repeat right top transparent;
	color:#FFFFFF;
	font-size:1.1em;
	height:30px;
	line-height:30px;
	margin-right:-10px;
	padding:0 35px 0 18px;
	width:auto !important;
	overflow:visible;
}

/*IE6 Fix for button (Issue EARS00029580518 krc - Raised by Karolina Wolnikowska to Design Team) - Fix by Dorian Piaskowski 07/09/10 - Updated 30/09/10 (adding div#master to fix issue with Journey Summary Next button not displaying correctly*/
div#master span.main_action {_left:10px; _position:relative;}
div#master span.main_action INPUT,div#master span.main_action a,div#master span.main_action a:visited {_left:0px; _position:relative;_top:-1px;}

/* IE7 Fix for button (Issue EARS00029580518 krc - Raised by Karolina Wolnikowska to Design Team) - Fix by Dorian Piaskowski 07/09/10 - Updated 30/09/10 (adding div#master to fix issue with Journey Summary Next button not displaying correctly*/
div#master span.main_action {*margin-right:10px;}
div#master span.main_action INPUT,div#master span.main_action a,div#master span.main_action a:visited {*margin-right:-20px;}

span.main_action a {
	display: block;
}

span.back,
span.button_minor {
	background: transparent url('img/button_minor_right.gif') no-repeat top right;
	padding: 0 7px 0 0;
	color: #333333;
	height: 26px;
}

span.button_minor INPUT,
span.button_minor a,
span.back INPUT,
span.back a,
span.icon_link a {
	background: transparent url('img/button_minor_left.gif') no-repeat top left;
	line-height: 26px;
	padding: 0 0 0 0.7em;
	color: #333;
	font-size: 1em;
	height: 26px;
}

span.print {
	background: transparent url('img/icon_print.png') no-repeat top left;
	padding: 0;
	height: 26px;
	font-size: 1.1em;
}

span.print a,
span.print a:visited {
	background: none;
	padding: 0 0 0 1.2em;
	color: #333;
	height: 26px;
	color: #333;
	text-decoration: none;
}

/******************************** 
ANNOUNCEMENT BOX / QUICK HELP BOX
*********************************/
div.qh_box_body {
	background-color: #e0e0e0;
}



div.qh_box_head div {
	font-size: 0;
	line-height: 0;
}



div.qh_box_body p {
	line-height: 1.3em;
	margin: 4px 0;
	padding-right: 1em;
}

/******************************** 
	PAGE SUB BANNER 
*********************************/
#sub_banner {
	padding-top: 1em;
}

#sub_banner,
#sub_banner div.qh_box_body {
	background: none;
}

#sub_banner div.qh_box_head,
#sub_banner div.qh_box_l_corner {
	display: none;
}

/******************************** 
	FIELDSETS
*********************************/

fieldset {
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 0 10px 0;
	padding-bottom: 8px;
	
}

fieldset fieldset {
	border-bottom: none;
} 

fieldset div.bordered {
	padding-left: 11px;
	width: 56em;
	margin:0;
}

fieldset div.bordered div {
	padding: 0;
	margin: 0;
}

fieldset div.bordered p {
	padding: 1px 10px 0 0;
	margin-bottom: 5px;
}

fieldset legend span {
	font-size: 1.2em;
}

fieldset legend span.head {
	width: auto;
	font-weight: normal;
	padding: 0;
	height: 1.5em;
}

fieldset legend span.txt {
	margin: 0;
	height: 1.5em;
}

fieldset legend span.head span.txt span {
	font-size:100%;
}

.r_box .head {
	font-weight: normal;
	padding: 0;
}

fieldset div.seat_check label {
	width:9em;
}


fieldset.special_box fieldset legend{
	background: none;
}

fieldset .bordered div.foot, .fieldset .foot {
	display: none;
}
/******************************** 
	ERROR MESSAGES
*********************************/
span.error {
	background: transparent url(img/icon_exclaimation.png) no-repeat left 1%;
	color: #FF3300;
	padding-left: 18px;
}

ul.errors_list {
	color: #FF3300;

}

/******************************** 
	ADVANCED SEARCH/CHECK AVAILABILITY PAGE
*********************************/
.advanced_search #launchStationFinder {
	margin-left: 12em;
}

.advanced_search fieldset .head .num,
.manage_fav_journey fieldset legend span.num {
	display: none;
}

.advanced_search .travel_when legend {
	padding-left: 0px; 
}

.passengers  label{
	float: left;
}

.passengers .children,
.passengers .adults {
	clear: left;
	margin-top: 0.5em;
	width: 15em !important;
}

.passengers .children select,
.passengers .adults select {
	float: right;
}

.extra_journey_requirements .avoid_station {
	clear: left;
	margin-top: 3px;	
}
fieldset.extra_journey_requirements div.field_container .avoid_station label.side {
	width: 12em;
	margin: 0;
}

.label_detail {
	display: block;
}
		
/******************************** 
	Registration Page
*********************************/
.customer_details span.optional,
.customer_details .email_address_info {
	color: #666;
}

.customer_preferences #addRailCardDiv {
	margin: 0;
}

/************************************* 
	Registration Page : customer pref
***************************************/
fieldset.customer_preferences  fieldset legend,
.customer_preferences .railcards .railcard_question {
	font-weight: bold;
	padding-left: 0;
}

/*************************************** 
		Matrix Styles
****************************************/


div.withReturn {
	border-right: 1px solid #e8e9e9;
}

.upgrade_legend {
	background-image: url("img/upgrade_indicator.gif");
	background-position: left center;
	padding-left: 35px;
}

div.out .sub, div.ret .sub {
	margin-bottom: 1em;
}

div.button_earlier,div.button_later {
	background: none;
	padding: 0;
}

div.button_earlier a,div.button_later a {
	color: #666;
	text-decoration: underline;
}

div.button_earlier a {
	background: transparent url('img/left_arrow.png') no-repeat left center;
	padding-left: 8px;
}

div.button_later a {
	background: transparent url('img/right_arrow.png') no-repeat right center;
	padding-right: 8px;
}



/*************************************** 
		Table Styles
****************************************/
#main table,
div.dialogcontent table,
table td, table th.non {
	background: none;
	border-collapse: collapse;
}

#main table th.last_col,
#main table td.last_col,
div.dialogcontent #TimeTableModuleDiv table th.last_col,
div.dialogcontent #TimeTableModuleDiv table td.last_col{
	border-right: none;
}

#main table tbody th,
div.dialogcontent table tbody th {
	border-top: 1px solid #FFF;
}
table td abbr,
span.abbr {
	color: #666;
}

/*Used for Matrices*/
table td.upgrade span abbr,
table td.upgrade span.upgrade,
.legend .upgrade {
	color: #CC0000;
	text-transform: uppercase;
	line-height: 1em;
	font-weight: bold;
}

table td.ticketSelected abbr,
table td.ticketSelected span.abbr {
	color: #fff;
}

table .highlight, .highlight {
	color: #333; /* overwrite the form_elements style*/
}

#main table td.promotion {
	background-color: #FEFF7F;
}

#main table th,
div.dialogcontent table th {
	background: #CDCCCA url('img/bg_table_head.png') top left repeat-x;
	border-right: 2px solid #fff;
}

table#PriceBreakdownTable th,
table#fare_breakdown th,
table#fare_breakdown td,
table.refund_ticket_breakdown th,
table.refund_ticket_breakdown td,
table.viewFavouritejourney th,
table.viewFavouritejourney td {
	padding:5px 0 8px 8px;
}

table#TimeTableModuleTable td,
table#PriceBreakdownTable td,
table#fare_breakdown td,
table.refund_ticket_breakdown td,
table.viewFavouritejourney td,
.fieldset table td,
fieldset table td,
div.dialogcontent #TimeTableModuleDiv table td {
	background: #FFF;
	border-right:2px solid #EFEFEF;
	border-top:1px solid #EFEFEF;
}

table#PriceBreakdownTable tr.total td {
	border-right: none;
}
	
.fieldset table td.travel_by,
fieldset table td.travel_by {
	border-right: none;
}

#main table.refund_ticket_breakdown th.non {
	background: none;
	border-right: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
}

div.dialogcontent table caption {
	padding: 0 0 2em;
}

/*************************************************
	ROUNDED BOX and SPECIAL BOX (for Fieldsets)
**************************************************/
.special_box legend {
	display: block;
}	
.special_box legend span.head{
	display:block;
	height:auto;
	margin:0;
	width:auto;
	font-weight: bold;
	padding-right: 0;
}
.special_box legend span.head span.txt {
	display:block;
	float:left;
	overflow:hidden;
	padding:0 0 8px;
	height: auto;
}
.r_box .head,
.special_box legend{
	font-weight: normal;
	background: transparent url('img/rbox_bg_top_left.png') top left no-repeat;
	padding: 0;
}

.r_box .head h2,
.special_box legend span.head {
	background: transparent url('img/rbox_bg_top_right.png') top right no-repeat;
	padding: 4px 0 0 0;
}


.r_box .head h2 span.wrap,
.special_box legend span.head span.txt{
	color: #CC0000;
	background: #FEFEFE url('img/rbox_bg_gradient.png') bottom left repeat-x;
	border: 1px solid #ccc;
	border-top: none;
	padding: 5px 0 8px 7px;
	width: 37.5em;
}
.special_box legend span.head span.txt {
	width: 39em;
}

/*TODO : Why is this specific? */
.r_box .journeydetails_closed {
	background-image: url('img/rbox_closed_top_left.png');
}

.r_box .journeydetails_closed h2 {
	background-image: url('img/rbox_closed_top_right.png');
	padding-right: 10px;
}
.journey_details .r_box .journeydetails_closed h2 span.wrap {
	background: #CDCCCA url('img/rbox_closed_gradient.png') top left repeat-x;
	color: #333;
	border: none;
	padding-left:9px;
}

.r_box .wrap .expandable {
	margin-right: 0.4em;
	width: 15px;
}

.r_box .wrap .expandable a {
	background-position: left center;
}

/*************************
	BOX WITH ARROW
**************************/
#box_container div.box {
	padding-left: 0;
	background-color: #E0E0E0;
	margin: 0 0 0 12px;
}

div.box div.box_content {
	border: 0;
	line-height: 1.4em;
}
	
div.box div.box_arrow {
	background-image: url('img/box_arrow_left.png');
	left: -13px;
}

div.box div.box_head {
	background-image: url('img/box_arrow_top_left.png');
}

div.box div.box_head div {
	background-image: url('img/box_arrow_top_right.png');
}

div.box div.box_foot {
	background-image: url('img/box_arrow_foot_left.png');
	margin: 0;
	height: 6px;
}

div.box div.box_foot div {
	background-image: url('img/box_arrow_foot_right.png');
}

/*************************
	EXTENDED SEARCH
**************************/
.extended_search {
	background-color: #bcbbb9;
}

.extended_search  .error {
	padding-top: 0;
}

.extended_search fieldset {
	border-bottom: 0 none;
}

/* Rounded corners */
.extended_search .station_search,
.extended_search .outbound_journey,
.extended_search .return_journey,
.extended_search .travellers_container {
	background: transparent url(img/gradient-bg.png) repeat-x scroll top left;
	border-bottom: 0.1em dotted #FFFFFF;
	padding: 8px 0 10px 10px;
}

div.extended_search .station_search .station_finder {
	padding: 0 0 0 4.6em;
}

.extended_search .corner {
	height: 7px;
	width: 7px;
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

.extended_search .top,.extended_search .bottom {
	background-repeat: no-repeat;
	height: 7px;
}

.extended_search .top {
	background-image: url('img/your-journey-top-right.png');
	background-position: 100% 100%;
}

.extended_search .top .left {
	background-image: url('img/your-journey-top-left.png');
	float: left;
	background-position: 0 0;
}

.extended_search .bottom {
	background-image: url('img/your-journey-bottom-right.png');
	background-position: bottom right;
}

.extended_search .bottom .left {
	background: transparent url(img/your-journey-bottom-left.png) no-repeat scroll 0 100%;
	float: left;
}

.extended_search .travellers .adults {
	padding-bottom: 0.5em;
}

.extended_search fieldset {
	border-bottom: 0;
}

/*************************************************
	COMMON BOOKING FLOW
	* SHOPPING BASKET
	* PAYMENT CONFIRMATION
	* BOOKING HISTORY
	* MORE DETAILS OVERLAY
**************************************************/


.common_booking_flow a.hide_journeydetails{
	background-image: url('img/icon_show.png');
}

.common_booking_flow a.show_journeydetails {
	background-image: url('img/icon_hide.png');
}	
	
.common_booking_flow .r_box caption span,
.common_booking_flow .r_box h3 {
	padding-left: 0;
	font-size: 1.4em;
}

.booking_history div.refund_button {
	padding-bottom: 0.5em;
}

.common_booking_flow ul.terms {
	list-style-type: none;
	list-style-position: outside;
}
.collection_details .journey_breakdown {
	border-top: 1px dotted #b8babb;
}

.journey_details .r_box h2 span.wrap {
	background:#FEFEFE url(img/rbox_bg_gradient.png) repeat-x scroll left bottom;
	color: #cc0000;
}
.delivery_option_details, 
.refund_price_breakdown div.total,
.refund_confirmation div.total,
.refund_confirmation div.nontotal {
	border-bottom: 1px dotted #b8babb;
}

.booking_history .ticket_details {
	padding-top: 0.5em;
}

.total_journey_price {
	border-color: #b8babb;
}

.common_booking_flow .r_box .total_journey_price {
	font-size: 1em;
}

.journey_info,
div.r_box .row,
.journey_price_category,
.col_details ul li  {
	border-color: #efefef;
}

div.r_box .row,
.booking_summary  div.r_box .first,
.booking_summary DIV.r_box H4.row	 {
	width: 99.3%;
}

div.r_box .supplement_cost_breakdown .legend {
	width: 43em;
}

.journey_info .remove a,
.journey_info .remove a:visited,
span.sendSmsLink a,
span.sendSmsLink a:visited {
	background: none;
	color: #666;
}

div.booking_summary .last,
div.total_payment .last {
	border: 2px solid #CC0000;
	font-size: 1.4em;
}

.common_booking_flow .last .journey_price {
	width:auto;
	float:right;
}
div.booking_summary .last .journey_price_category,
div.total_payment .last .journey_price_category {
	border: none;
	padding-right: 0;
}
.total_booking_payment .journey_price_category {
	padding-right:0.25em;
}

/***************************
	PAYMENT
***************************/
fieldset.card_details div.bordered  div.total_price div {
padding-top:3px;
}

/**************************
JOURNEY SUMMARY
***************************/
/*TODO: Standardise the start of the rule for journey summary*/
#dnn_ContentPane .journey_summary {
	width: 17.5em;
}

#dnn_RightPane .journey_summary {
	margin-top: 1.3em;
	width: 17em;
}

.journey_summary h2.title {
	background-image:url(img/your-journey-top-right.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: transparent;
}

.journey_summary span.head {
	background-image: url(img/your-journey-top-left.png);
	background-position: 0 0;
	padding: 0.5em 0 0.2em 0.4em; /* This is required but demands changes in CJS top position */
}

.journey_summary .wrapper {
	background:transparent url(img/gradient-bg.png) repeat-x scroll left top;
}

.journey_summary .journey_price, .journey_summary div.bordered .js_saving{
	background: transparent url(img/your-journey-price-bg.gif) repeat-x ;
	background-color: #dddddb;
	border-color: #DFDFE1 #DFDFE1 #CCCCCC;
	border-style: solid;
	border-width: 1px;
}

.journey_summary .journey_price {
	padding-bottom: 0.3em;
	border-bottom: 0;
}

.journey_summary  div.bordered .total_price {
	background-color: #FFFFFF;
	background-image: none;
	overflow: hidden;
	border: 2px solid #CC0000;
	margin-top: -1px;
	padding: 0.9em 0.5em 0.9em 0.9em;
}
#dnn_ContentPane .journey_summary  div.bordered .journey_price {
	padding: 16px 2px 16px 6px;
}
#dnn_ContentPane .journey_summary .journey_price .btnWrap {
	margin-top: 8px;
}
.journey_summary .timeblock {
	padding-left:0.3em;
}

.journey_summary .section, .journey_summary  div.bordered .journey_price_collapsed {
	background:#bcbbb9 url(img/gradient-bg.png) repeat-x scroll left top;
	border-bottom:0.1em dotted #FFFFFF;
	color: #333333;
	overflow: hidden;
}
.journey_summary .section_head {
	display: inline;
}
.journey_summary  div.bordered .journey_price_collapsed {
	border-bottom: 0;
}
.journey_summary .journey_price .js_price {
	padding: 0 5px 0 0;
}
.journey_summary .total_price .price {
	font-size: 1.7em;
}

.journey_summary  div.bordered .foot {
	background:transparent url(img/your-journey-bottom-right.png) no-repeat scroll right top;
	height: 8px;
}

.journey_summary  div.bordered .foot div  {
	background:transparent url(img/your-journey-bottom-left.png) no-repeat scroll left top;
	height: 8px;
}

.journey_summary div.bordered  {
	background: transparent;
	border: 0;
}

.journey_summary .journey_price .expand {
	background-image:url(img/icon_hide.png);
}

.journey_summary .journey_price .toggle {
	padding-left:20px;
	background-position:0 30%;
}
	
.journey_summary .journey_price .collapse {
	background-image:url(img/icon_show.png);
}

.journey_price_expanded, 
.journey_summary div.bordered .js_saving a{
	color: #CC0000;
}

.journey_summary ul.supplements li span.supplement_desc {
	width: 11em;
}

/******************************** 
	TRAVEL ESSENTIALS
*********************************/
/*TODO: Galeel/Ramakanth to refactor this slightly*/
fieldset div.two_col_nowidth .bus_options  {
	width: 42em;
}
fieldset div.two_col_nowidth .bus_options ul {
	margin: 0;
}
.travel_insurance_option fieldset div.two_col_nowidth .col_details {
	width: 40em;
}

#main table.travelcard thead th, 
#main table.travelcard tbody th {
	line-height:1.5em;
	padding-left:0.8em;
}

.plusbus fieldset div.bordered p {
	padding: 0;
}
.save_fav_journey fieldset {
	border-bottom: none;
	margin: 0;
}

/******************************** 
	DELIVERY OPTIONS
*********************************/
.delivery_option_content  fieldset.select_option {
	border-bottom: 0;
	width: 100%;
}

.delivery_option_content  fieldset.select_option div.bordered {
	padding-left: 0;
}

.delivery_option_content  fieldset hr {
	display: block;
	border-bottom: 1px dotted #CCC;
	margin: 0.5em 0;
	background-color: transparent;
}

.deliveryOptionInfo fieldset div.bordered div.col_two {
	width: 39%;
}

.deliveryOptionInfo #box_container {
	width: 22em;
}

.deliveryOptionInfo .email_textbox {
	width: 18em;
}

/******************************** 
	Booking Status
*********************************/
 
#main .booking_status table.view_booking_details_table {
	margin-bottom: 10px;
}

/******************************** 
	Request Refund
*********************************/

.refund_price_breakdown .refund_reasons_and_travellers {
	margin: 30px 0px 10px 0px;
}

.refund_price_breakdown .refund_reasons_and_travellers legend{
	padding-left: 7px;
}

.booking_history ul.terms ol {
	padding-left: 18px;
}

.booking_history ul.terms ol li {
	padding: 0;
}
/************************************
		STYLE FOR OVERLAY
***********************************/
a.close-dialog, 
a.close-dialog:hover {
	font-size:100%;
	height:18px;
	color: #333333;
	background-image:url(img/close.png);
	background-position:100% 100%;
	text-decoration: underline;
}
div.dialogcontent fieldset div.field_container label, 
div.dialogcontent fieldset div.field_container_error label {
	line-height: 1.2em;
	padding-right: 5px;
	text-align: right;
	width: 50px;
}

div.dialogcontent .station_finder .r_box .head {
	background: none;
}

div.dialogcontent div.station_finder .key ul li {
	border-color: #ccc;
}
div.dialogcontent .journey_more_details .r_box {
	width: 650px;
}
div.dialogcontent .journey_more_details .r_box .head h2 span.wrap {
	width: 640px;
	padding: 5px 0 8px 8px;
}

.adultFare,
.childFare {
	padding-left: 3px;
}

/************* 
REGISTER CUSTOMER 
*************/

.customer_preferences legend span.wrap {
	background: #FEFEFE url(img/rbox_bg_gradient.png) repeat-x scroll left bottom;
	border-style:solid;
	border-width:0 1px 1px;
	color: #CCC;
	display: block;
	height: 27px;
	padding: 5px 0 0 7px;
	width: 39em;
}

FIELDSET.customer_preferences LEGEND SPAN.head SPAN.txt {
	border: 0 none;
	font-size: 1em;
	width: auto;
}

.customer_preferences legend span.head span.txt {
	background: none;
	padding: 0;
}

.customer_preferences.preferencesHidden legend#customerPreferencesHeading span.txt {
	color: #333;
}

.customer_preferences.preferencesHidden legend#customerPreferencesHeading span.txt {
	background-image: url(img/icon_hide.png) !important;
	background-position: 0 50%;
}

.customer_preferences legend#customerPreferencesHeading span.txt {
	background-image: url(img/icon_show.png);
	background-position: 0 50%;
}

.customer_preferences.preferencesHidden legend#customerPreferencesHeading {
	background-image: url(img/rbox_closed_top_left.png);
}

.customer_preferences.preferencesHidden legend#customerPreferencesHeading span.head {
	background-image: url(img/rbox_closed_top_right.png);
}

.customer_preferences.preferencesHidden legend#customerPreferencesHeading span.wrap {
	background: #CDCCCA url(img/rbox_closed_gradient.png) repeat-x scroll left top;
}

.customer_preferences legend#customerPreferencesHeading span.txt {
		padding-left: 1.25em;
}

/************* 
LOGOUT PAGE 
*************/

div.sub span.main_action input {
	padding-left: 24px;
}

.logout span.right {
	float: right;
}

/************* 
MY ACCOUNT PAGE 
*************/

.myaccount_homepage h2 {
	font-size: 1em;
	font-weight: normal;
}

.myaccount_homepage fieldset {
	padding-bottom: 0;
	margin-bottom: 0;
}

/************* 
MANAGE ADDRESS PAGE 
*************/

th.address_desc {
	width: 70%;
}

/************* 
MANAGE CREDIT/DEBIT CARD PAGE 
*************/

.card_details_wrapper fieldset.card_details div.two_col {
	margin-left:12em;
}

.card_details_wrapper .creditcard_checkbox label {
	position: absolute;
	left: -999px;
	top: -999px;
	text-indent: -999px;
	font-size: 0;
	height: 0;
	line-height: 0;
}
#addressHolder div.addrIntro {
	padding:0;
	text-align:left;
}

/************************* 
	BOOKING STATUS PAGE 
**************************/

#dnn_ContentPane .booking_status div.bordered label {
	padding-left: 0;
}

/*************************** 
	MANAGE FAV JOURNEY PAGE
****************************/

.manage_fav_journey div.bordered .field_container label {
	text-align: left;
}

.manage_fav_journey fieldset div.bordered div.field_container p {
	text-align: left;
	padding: 0;
	width: 10.7em;
}

.manage_fav_journey fieldset div.field_container label, 
.manage_fav_journey fieldset div.field_container_error label {
	width: 10em;
}

.manage_fav_journey fieldset div.field_container label.side {
	width: auto;
	margin-right: 0;
}

.manage_fav_journey fieldset div.bordered div.journeyTypeAlign {
	margin-left: 10.7em;
}

.manage_fav_journey div#addRailCardDiv {
	padding-left: 11em;
}

.manage_fav_journey .field_container .two_col_2 label {
	padding-left: .8em;
	text-align: right;
}

.linkButton {
	color: #333;
	border-bottom: 1px solid #333333;
	color: #333333;
	font-size: 1em;
	height: 1.6em;
	padding: 0;
}

#main table.viewFavouritejourney {
	margin-bottom: 2em;
}

.manage_fav_journey .hideableDropDown .error {
	display: inline;
}
/**********************************
	Time table Matrix 
**********************************/
.qtt table td {
	border: 1px solid #FFFFFF;
}

.qtt table th, 
.qtt table td {
	vertical-align: middle;
}	

.qtt .j_heading, 
.qtt #TimeTableContent .sub {
	width: 19em;
	float: right;
	padding: 0 0.2em;
}

div.qtt div.out {
	width: 26em;
}

.ret #TimeTableContent {
	float: left;
	width: auto;
}

fieldset div.bordered div.two_col_nowidth div {
	padding: 0 4px 0 0;
}

.qtt fieldset div.bordered {
	padding-left: 0;
}
/**********************************
	Combined Matrix 
**********************************/
.combined_matrix .out,
.ticket_matrix .out  {
	padding:0 4px 0 0;
}

.combined_matrix .ret,
.ticket_matrix .ret  {
	padding: 0 0 0 5px;
}

.combined_matrix p {
	margin-bottom: 0;
}

.combined_matrix .ret,
.combined_matrix .out .j_heading,
.combined_matrix .out .sub,
.combined_matrix .ret .j_heading,
.combined_matrix .ret .sub {
	width: 218px;
}

.combined_matrix .j_heading,
.combined_matrix .out .sub {
	padding: 0;
}



.combined_matrix .j_heading h2 {
	color: #CC0000;
}

.combined_matrix .j_heading h2 span {
	color: #333333;
}

.combined_matrix  span.cheapest {
	background-color: #FFEE00;
	color: #333;
	padding: 0;
	line-height: 1.4em;
	margin: 4px 4px 0;
}

#main .combined_matrix table,
#main .qtt table {
	border-collapse: separate;
}

.qtt table td,
#main .combined_matrix table td,
#main .ticket_matrix table td {
	background-color: #e8e9e9;
	height: 4em;
	padding: 4px 2px 0;
}

#main .qtt table th,
#main .combined_matrix table th,
#main .ticket_matrix table th {
	background: none;
	border-bottom: 1px solid #EFEFEF;
	border-right: 0;
	line-height: 1.2em;
}

#main .combined_matrix table tbody th.ttype {
	border-right: none;
}

#main .combined_matrix table tbody th a {
	color: #333;
}

#main .combined_matrix table tbody th .category_desc {
	padding-top: 3px;
	font-size: 0.9em;
}

.combined_matrix table#sout_tickets th.ttype p {
	padding-bottom: 3px;
}

#main .combined_matrix table td.ticketsInRow{
	background-color: #E8E9E9;
}

#main .combined_matrix table td.highlight,
#main .combined_matrix table td.finalTrainSelected,
#main .combined_matrix table td.finalTicketTypeSelected,
#main .combined_matrix table th.highlight,
#main .combined_matrix table th.finalTrainSelected,
#main .combined_matrix table th.finalTicketTypeSelected {
	background-color: #DBEDB8;
}
#main .combined_matrix table th.highlight,
#main .combined_matrix table th.finalTrainSelected,
#main .combined_matrix table th.finalTicketTypeSelected {
	border-top: 1px solid #DBEDB8;
	border-bottom:1px solid #FFFFFF;
}
#main .combined_matrix table td.ticketSelected {
	background-color: #CC0000;
	color: #FFF;
}

#main .combined_matrix table#sout_tickets td, 
#main .combined_matrix table#rout_tickets td, 
#main .combined_matrix table#sret_tickets td, 
#main .combined_matrix table#rret_tickets td, 
#main .combined_matrix table#singles_out_tickets td, 
#main .combined_matrix table#singles_ret_tickets td, 
#main .combined_matrix table#frout_tickets td, 
#main .combined_matrix table#frret_tickets td {
	height: 6em;
	padding: 0 2px;
}


/***ViewHide Singles ***/

.combined_matrix .ticket_banner {
	width: 453px;
	background: #CECDCA url(img/gradient_grey.png) repeat-x scroll top left;
	margin-top: -5px;
	height: 26px;
	border: 1px solid #CECDCA;
}
.combined_matrix .ticket_banner_expaned {
	border: 1px solid #CCCCCC;
	background: #DDDDDB url(img/gradient_lightgrey.png) repeat-x scroll top left;
}
.combined_matrix #hideSinglesText, 
.combined_matrix #hideFirstClassTickets {
	background-image: url(img/icon_show.png);
	color: #CC0000;
	font-weight: bold;
	padding-left: 21px;
	text-decoration: none;
}
.combined_matrix #hideSinglesText {
	background-image: url(img/icon_show_up.png);
}
.combined_matrix #viewSinglesText, 
.combined_matrix #viewFirstClassTickets {
	background-image: url(img/icon_hide.png);
	font-weight: bold;
	padding-left: 21px;
	text-decoration: none;
}
.qtt table th,
.combined_matrix table#out_times th {
	text-align: right;
}

.combined_matrix .withReturn,
div.qtt div.withReturn {
	border-right:1px solid #E8E9E9;
}
/**********************************
	Ticket Matrix 
**********************************/
#main .ticket_matrix .ret, 
#main .ticket_matrix .out .j_heading,
#main .ticket_matrix .out .sub {
	width: 22em;
}
#main .ticket_matrix table tbody th {
	border-top: 0;
}

#main .ticket_matrix table th.ttype,
#main .ticket_matrix table td.price {
	background-color: #FFF;
	border-color: #e8e9e9;
	font-size: 0.9em; 
	line-height: 1.4em;
}

#main .ticket_matrix table td {
	background-color: #e8e9e9;
}

#main .ticket_matrix table td.upgrade {
	background-color: #E8E9E9;
}
#main .ticket_matrix table td.upgrade span abbr,
#main .ticket_matrix table td.upgrade span.abbr,
#main .ticket_matrix table td.upgrade span.upgrade {
	color: #CC0000;
	text-transform: uppercase;
	font-weight:bold;
}
#main div.ticket_matrix .ret .j_heading,
#main div.ticket_matrix .ret .sub {
	width: 100%;
}

td.non div.content {
	width: auto;
}
/**********************************
	Category Matrix 
**********************************/
/* Category Matrix Journey Header */

.category_matrix .journey_head .journey_direction {
	color: #cc0000;
}

.category_matrix .journey_head .journey_route {
	font-size:0.8em;
}

.category_matrix span.button_minor, 
.category_matrix span.button_minor a {
	background: none;
	color: #333;
	height: auto;
	padding: 0;
	text-decoration: underline;
	font-size: 0.85em;
	line-height: 1.3em;
}

/* Category Matrix Table */

.category_matrix div.ticket_category_header table thead tr th {
	background-color: #ccc;
}

.category_matrix div.ticket_category_header table thead tr th.first,
.category_matrix div.ticket_category_header table thead tr th.last {
	background-color: #d7d5d2;
}

.category_matrix div.ticket_category_header table thead tr th.highlight,
.category_matrix div.ticket_category_header table thead tr th.selected_category {
	background-color: #dbedb8;
	color: #333;
}

.category_matrix div.even table td{
	background-color: #FFF;
	border-color:#e9e9e9;
}


/* Ticket Availability details */

.category_matrix table td, 
.category_matrix table th.non,
.category_matrix div.odd .content_wrapper {
	background-color:#e9e9e9;
}

.category_matrix div.container .highlight,
.category_matrix div.even table td.highlight,
.category_matrix div.ticket_category_header table th.highlight {
	background-color: #d5eeb7; 
}

.category_matrix td.highlight {
	color: #3E3E3E;
}

.category_matrix th.highlight {
	color: #365E91;
}

.category_matrix .journey_timing .arrival_time {
	background: url('img/journey_time_arrow.png') no-repeat 2px 50%;
	padding-left: 16px;	
}

.category_matrix .connector {
	background-image: url('img/vt/connector_bg.gif');
	background-repeat: repeat-y;
}

.category_matrix .outward_matrix .up {
	background-image: url('img/vt/outward_up.gif');
}

.category_matrix .outward_matrix .down {
	background-image: url('img/vt/outward_down.gif');
}

.category_matrix .inward_matrix .up {
	background-image: url('img/vt/return_up.gif');
}

.category_matrix .inward_matrix .down {
	background-image: url('img/vt/return_down.gif');
}

/* Ticket Availability details - Selected */

.category_matrix .selected .container{
	border: 2px solid #cc0001;
}	

.category_matrix div.container .selected_ticket,
.category_matrix div.container .selected_category,
.category_matrix div.selected .content_wrapper,
.category_matrix div.even table td.selected_ticket,
.category_matrix div.ticket_category_header table th.selected_category {
	background-color: #dbedb9;
}

.category_matrix div.container .selected_price,
.category_matrix div.even table  td.selected_price {
	background-color: #CC0000;
	color: #FFF;
}

.category_matrix div.ticket_category_table table td.selected_price,
.category_matrix .even div.ticket_category_table table td.selected_price {
	border-top-color: #CC0000;
}

/* Legends */

.category_matrix .ticket_category_table .travel_card {
	display: block;
	height: 19px;
	background:transparent url(img/LU_trans.gif) no-repeat scroll;
}

/* style for seating map */
div.seating{
	clear: both;
	overflow: hidden;
	margin-bottom: 0.5em;
}

/**********************************************************************************
************************************************************************************
************************************************************************************
************************************************************************************
SPECIFICALLY FOR BFF
***********************************************************************************/
/*For VT -end */

.extended_search {
	background: none;
}

.extended_search .top,
.extended_search .bottom {
	display: none;
}

#master {
	margin:auto;
	width:83em;
}
div.homepage-text {
	margin-left:50px;
}
div.homepage-text p, div.popup-row p  {
	padding-left:0;
}

div.form-row label, div.search-row label {
	text-align: left;
	margin: 0;
}

div.buttons-row, div.search-buttons-row {
	margin-top: 30px;
}

div.form-checkbox-row input{
	margin-left: 0;
}
#main table.weekview th,
#main table.monthview th{
background:#fff;
}

.weekview td {
	background:#E9E9E9;
}

table.weekview th.row {
	border-bottom:1px solid #E9E9E9;
}

table th.highlighted-date {
	border-top:3px solid #CC0000;
}

table.weekview td.highlighted-date-bottom {
	border-bottom: solid 3px #CC0000;
}
	
table.weekview td.cheapest label, 
table.monthview td.cheapest span.monthview-fare {
	background-color: yellow;
}

table.monthview td.monthview-day,
table.monthview td.monthview-other,
table.monthview td.monthview-weekend {
	background: #e9e9e9;
}

table.journeys th {
	background: #cdccca url(img/bg_table_head.png) repeat-x scroll left top;
	border-right: 2px solid #fff;
}

table.journeys td {
	border: none;
	border-right: 2px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
}

table.journeys td.fare + td {
	border-right: none;
}

/*
table.monthview td.monthview-day,
table.monthview td.monthview-other,
table.monthview td.monthview-weekend{
	background-color: #E8E9E9;
	border: 1px solid #fff;
}

table.monthview td.monthview-viewweek {
	border-bottom: 1px solid #E2E7EC;
}

.calendar .ajax__calendar_container {
	border-color: #000;
}
*/

.ajax__calendar_hover {
	color: #fff;
	background: #c00;
}

/* Pop-up module */

div.dialogcontent {
	border-color: #000;
	padding: 1em .8em .8em;
}

div.dialogcontent h3 {
	border-bottom: none;
}

a.close-dialog, 
a.close-dialog:hover {
	background-image: url(img/close.png);
	background-position: 100% 100%;
	color: #333;
	font-size: 1em;
	height: 18px;
}

/* Journey summary pannel 

#main div.journey_summary div.bordered .total_price,
#main div.journey_summary div.bordered .journey_price {
	background-color: #fff;
	background-image: none;
	border: 2px solid #c00;
	float: left;
	height: auto;
}

*/

.all-routes tr:hover td {
	background: #c00;
	color: #fff;
}

.all-routes td {
	color: #333;
}

/*Home page text*/
div.homepage-text {
margin-top:33px;
padding-top:2em;
}

/*First Class Dropdown*/
.class_dropdown
{	
	display : block;
}


/******* CALENDAR STYLES ********/
/* Layout helpers */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues */
.ui-state-disabled { cursor: default !important; }
/* Icons */
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget { color:#333333; font-weight: bold;}
.ui-widget-content {border: 1px solid #CFCFCF; background:#fff;}
.ui-widget-content a {color: #333333;}
.ui-widget-header {border: 1px solid #CFCFCF; background:#CDCCCA; color: #333333;}
.ui-widget-header a {color: #333333;}
/* Interaction states */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #CFCFCF; background: #E9E9E9; font-weight:normal; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #AD0000; background: #CC0000; color: #fff!important; }
.ui-state-hover a, .ui-state-hover a:hover { color: #333333; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #AD0000; background: #CC0000; color: #fff!important; font-weight:bold;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333333; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues */
/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fdb813; background: #DBE7F3; color: #08335E; }*/
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #333333; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #CC0033; background: #FFFFFF; color: #CC0033; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #CC0033; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #CC0033; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-datepicker-group td.ui-state-disabled  { background-image: none;  opacity: .35; filter:Alpha(Opacity=35);}
body .ui-datepicker-group .ui-widget-header .ui-state-disabled {background-image: none;}

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, div.ui-datepicker .ui-datepicker-prev-hover, div.ui-datepicker .ui-datepicker-next-hover {border:0px solid #fff; height:14px; position:absolute; top:5px; width:7px; background: url(img/nav-sprite.gif) no-repeat 0 0; cursor:pointer;}
/* div.ui-datepicker .ui-datepicker-prev-hover, div.ui-datepicker .ui-datepicker-next-hover {border:0px solid #DBE7F3; top:5px;}*/
.ui-datepicker .ui-datepicker-prev { left:3px;}
div.ui-datepicker .ui-datepicker-next { right:3px; background-position: -7px 0px; }
div.ui-datepicker .ui-datepicker-prev-hover { left:3px; background-position: 0 -14px;}
div.ui-datepicker .ui-datepicker-next-hover { right:3px; background-position: -7px -14px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0; line-height:1.7em; }
.ui-datepicker th { padding: .5em 0em; text-align: center; font-weight: bold; border: 0;background-color:#F7F7F7;  }
.ui-datepicker td { border: 0; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; _width:1.9em;_height:1.2em; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group table {margin:0.5em auto 0; width:99.5%;}
.ui-datepicker-multi-2 .ui-datepicker-group { width:49.5%; padding-bottom:0.5em;}
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
/*.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }*/
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
/*.ui-datepicker-row-break { clear:both; width:100%; }*/
.ui-datepicker-multi div.ui-datepicker-group-last {float:right;}
.ui-datepicker-multi div.ui-datepicker-group-first {float:left;}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
span.please-select {
	background:url("img/icon-warning.png") no-repeat scroll 0 5px transparent;
font-size:10px;
font-weight:bold;
height:18px;
line-height:15px;
padding-left:25px;
padding-top:6px;
}