﻿/*
Version: 	3.0
Date:		21 April 2009
*/
/*
@import "journeysummary.css";
*/

/********************************
	MAIN DIVS
*********************************/
body {
	color: #08335E;
	line-height: 1.7em;
	background-color: #DBE7F3;
	font-size: 73%;
}

.highlight,.bodytext {
	color: #08335E;
}

body,select,input,table {
	font-family: Arial, Helvetica, sans-serif;
}

.topLinks li {
	display: block;
	float: left;
	padding: 0;
}
.topLinks li span {
	display: block;
	border-right: 1px solid #8388D4;
	padding: 0 0.6em;
}
.topLinks li.last span, 
.topLinks li span.last, 
#booking_step li.last span {
	border-right: none;
	white-space: nowrap;
}

.topLinks li a:link,.topLinks li a:visited,.topLinks li a:hover {
	color: #083360;
	text-decoration: underline;
	font-weight: normal;
}

.topLinks li span.welcome_msg {
	color: #083360;
}

/********************************
	Header and footer
*********************************/
#dnn_NavigationPane {
	background-color: #ffffff;
}

#dnn_NavigationPane .inner {
	background: transparent url(img/header.gif) repeat-x scroll left bottom;
	overflow: hidden;
	position: relative;
	*zoom: 1;
}

div.logo {
	float: left;
	display: inline;
	margin-bottom: 0.5em;
}

div.header_menu {
	float: right;
}

div.tabs {
	position: absolute;
	bottom: 0;
	*bottom: -1px;
	right: 0;
}

#main {
	padding-top: 1em;
}

.topLinks ul li.phone span{
	padding-right: 23px;
	background: url('img/telephone.gif') right 2px no-repeat;
}
 /* footer */
#footer {
	background: #FFFFFF none repeat scroll 0 0;
	border: 0 none;
	overflow: hidden;
	width: 100%;
	padding: 0;
}

#footer UL {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0 0 5px 15px;
	max-width: 98%;
	padding: 0;
}

#footer UL LI {
	display: inline;
	float: left;
	margin: 0 0 5px;
	padding: 0;
	height: 1.5em;
}

#footer UL LI.last {
	border-right: none;
}

#footer UL LI.phone {
	padding: 0 21px 0 0;
	background: url('img/telephone.gif') right 2px no-repeat;
}

#footer UL LI A {
	padding: 1px 3px 1px 3px;
}

#footer img 
{
	margin-bottom:8px;
	float:right;
	margin-right:10px;
}

/********************************
	BREADCRUMBS
*********************************/
#booking_step {
	width: 79.6em;
	height: 2.5em;
	background-color: #EEF3F9;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#booking_step ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#booking_step ul li {
	width: 16.5%;
	padding: 4px 0;
	margin: 0;
	text-align: left;
	border: 0;
}

#booking_step ul li.Current {
	background-color: #D4E5F5;
}

#booking_step ul li span {
	padding-left: 8px;
}



/********************************
	RIGHT PANEL
*********************************/
div.qh_box_head,div.qh_box_body {
	background-color: #edf1f2;
}

/********************************
	HEADERS
*********************************/
h1 {
	font-size: 2.1em;
}

h2 {
	font-size: 1.2em;
}

/********************************
	LINKS
*********************************/
a {
	color: #08335E;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color: #86067E;
}

/********************************
	MAIN NAV
*********************************/ 

#dnn_NavigationPane #mainNav {
	float: right;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#dnn_NavigationPane #mainNav LI {
	float: left;
	display: inline;
	margin: 0 0 0 2px;
	padding: 0;
	width: auto;
}

#dnn_NavigationPane #mainNav LI A {
	padding: 0;
	float: left;
	cursor: pointer;
	background: url('img/off_left.gif') left top no-repeat;
	text-decoration: none;
}

#dnn_NavigationPane #mainNav LI A SPAN {
	padding: 10px 10px 7px 10px;
	display: block;
	background: url('img/off_right.gif') right top no-repeat;
}
#dnn_NavigationPane #mainNav LI A:hover, 
#dnn_NavigationPane #mainNav li a.active {
	background: url('img/on_left.gif') left top no-repeat;
	text-decoration: none;
}
#dnn_NavigationPane #mainNav LI A:hover SPAN,
#dnn_NavigationPane #mainNav li a.active span {
	background: url('img/on_right.gif') right top no-repeat;
}


/********************************
	SUB NAV
*********************************/ 

/********************************
	Booking Step (Breadcrumb)
*********************************/
#booking_step .Current {
	font-weight: bold;
}

/********************************
	ALL THE BUTTONS
*********************************/
div.btnWrap span.main_action input,
div.btnWrap span.main_action a {
	background-color: transparent;
	background-image: url('img/button_major_left.gif');
	color: #08335E;
	background-repeat: no-repeat;
}

span.main_action input,
span.main_action a {
	background: transparent url('img/button_major_left.gif');
	color: #08335E;
	font-size: 1em;
	background-repeat: no-repeat;
}

span.main_action a {
	padding-bottom: 11px;
}

span.main_action {
	background-image: url('img/button_major_right.gif');
	padding-right: 12px;
}

/**** Begin: Combined Matrix expand button ************/
div.sub span.button_major_check {
	background-image: url('img/button_major_right.gif');
}

div.sub span.button_major_check input {
	background-image: url('img/button_major_show_left.gif');
	color: #003366;
	background-color: transparent;
	padding-left: 2em;
}

/**** End: Combined Matrix expand button ************/
span.back INPUT,
span.back a,
span.button_minor INPUT,
span.button_minor a{
	background-image: url('img/button_minor_left.gif');
	background-color: transparent;
	color: #08335E;
	height: 19px;
	padding: 0 0 2px 5px;
}

span.back,span.button_minor {
	background-image: url('img/button_minor_right.gif');
	padding: 0 6px 0 0;
	/*margin-top:15px;*/
}

div.button_earlier {
	background-image: url('img/input_arrows_bk.gif');
}

div.button_later {
	background-image: url('img/input_arrows.gif');
}

span.print {
	background: transparent url('img/icon_print.gif') no-repeat;
	padding: 0.3em;
	line-height: 1.7em;
}

h3 .sendSmsLink a {
	background-image: url(img/icon_sms.JPG);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-right: 15px;
	font-size: 0.55em;
	padding: 0.4em 2em;
}

hr.dashed {
	background-color: transparent;
	border-bottom: 1px solid #DEF3FF;
}

a.filetype-pdf {
	background-image: url('img/pdf_logo.gif');
}

/********************************
	FIELDSET
*********************************/
fieldset.special div.bordered,fieldset.special div.bordered div.foot div div
	{
	border: 1px solid #DDEBF8;
}

fieldset legend,.r_box {
	background-color: #EEF3F9;
	background-image: url('img/fieldset_top_right.gif');
}

.r_box .foot {
	display: none;
}

fieldset legend span.head,.r_box .head {
	background-image: url('img/fieldset_top_left.gif');
}

fieldset legend span.txt,fieldset legend span.num {
	font-size: 1.2em;
}

fieldset legend span.num {
	border: 0;
}

/*Borders (left and right)*/
fieldset div.bordered,.fieldset .content {
	border: 1px solid #DDEBF8;
}

/*Bottom border*/ /*To align labels to the right*/
#dnn_ContentPane label {
	text-align: right;
	padding: 0 1em 4px 0px;
}

#dnn_ContentPane table td label {
	padding: 0;
}

fieldset div.two_col label,fieldset div.two_col_2 label {
	margin: 0;
}

fieldset div.two_col {
	margin-left: 9em;
}

fieldset.card_details div.two_col {
	margin-left: 13em;
}

#dnn_ContentPane fieldset div.field_container label.side {
	width: 10em;
	padding: 0;
}

table#out_times th {
	text-align: right;
}

/* end right alignment rules*/ /******
SPECIAL
**********/
div.ret fieldset legend span.head {
	background: transparent url('img/fieldset_top_left.gif') no-repeat
		scroll left top;
	display: block;
	height: 2.1em;
	padding: 0.3em 0 0.3em 0.9em;
}

div.ret fieldset legend span.txt span {
	font-size: 0.85em;
}

/********THE TERMS BOX***********/
	/********SMALL BORDERS INSIDE THE FIELDSET***********/
fieldset fieldset div.field_container div.cal {
	margin-top: 1.5em;
}

fieldset fieldset legend {
	background: none;
}

div.fieldset_option {
	background-color: #E2E7EC;
	border: 1px dashed #ebe5d5;
	clear: both;
	margin: 0 0.8em 0.1em;
}

div.fieldset_option legend {
	padding-left: 10px;
}

/********INPUT FIELDS***********/
.t_box {
	border: 1px solid #7F9DB9;
	background: #fff;
}

/********************************
	TABLES
*********************************/
table {
	border-collapse: collapse;
	background: none !important;
	line-height: 1.2em;
}

#timetablemodule table {
	border-collapse: separate !important;
}

table#totals {
	margin-bottom: 0.3em;
}

div.matrix_cont h3 {
	border-bottom: 1px solid #ccc;
}

table td,table th.non,table td.con_alt {
	background-color: #ffffff;
	border: 1px solid #DDEBF8;
}
.error-content td,
.error-content th.non,
.error-content td.con_alt {
	border: none;
}

#sout_tickets,#sret_tickets,#rret_tickets,#rout_tickets {
	margin-top: 0 !important;
	/*border-top: none !important;*/
}

.out table td,.ret table td {
	border: 1px solid #fff;
}

.out table th,.ret table th {
	border-right: 1px solid #fff;
}

table#rout_tickets th.ttype {
	background-color: #fff;
}

div.qtt table thead th {
	background-color: #e1dee9;
	border-bottom: 1px solid #c5bfcb;
	border: 0 0 1px 0 !important;
	color: #5e427f !important;
}

div.matrix_cont table thead th {
	background-color: #e1dee9;
	border-bottom: 1px solid #c5bfcb;
	border: 0 0 1px 0 !important;
	color: #5e427f !important;
}

div.matrix_cont div.out CAPTION {
	visibility: visible;
	padding: 3px 0px;
	height: auto;
}

table th,table th.ttype_alt {
	background-color: #EEF3F9;
	border: 1px solid #DDEBF8;
	/*font-weight: normal;*/
}

div.out table th,div.out table th.ttype_alt,div.ret table th,div.ret table th.ttype_alt,div.out table td.price,div.ret table td.price
	{
	border-top: 0;
	border-left: 0;
	background-color: #fff;
}

div.matrix_cont table th,div.matrix_cont table th.left {
	font-weight: bold;
}

table A.ttype {
	color: #fff;
}

div.qtt div.out {
	border-right: 1px solid #ebe5d5;
}

div.depart_arrive {
	padding: 0 !important;
}

div.depart_arrive TABLE TD {
	background-color: #EDF1F2;
	width: auto;
	margin: 0px !important;
}

table td.con,table td.con_price,div.out table td,div.ret table td {
	background-color: #EDF1F2;
}

table td.con_alt {
	background-color: #FFFFFF !important;
}

table td.con {
	background-color: #d5e1f1 !important;
}

div.curr_total div {
	background-color: #E1DEE9;
	border: 1px solid #ccc;
	display: block;
	float: right;
	margin: 1.5em 0;
	padding: 1em 8px 10px;
}

div.curr_total h3 {
	font-weight: bold;
}

#TimeTableContent table td {
	text-align: center;
	background-color: #EFEFEF;
}

#TimeTableContent table td.price {
	background-color: white;
}

.time_table_module .highlight,
tr.highlightrow td,
tr.highlightrow th,
table#rout_tickets tr.highlightrow th.ttype  {
	background:#E7EFBE !important;
}
/********************************
	ANNOUNCEMENT BOX
*********************************/
div.qh_box_head {
	background-image: url("img/top_left.gif");
}

div.qh_box_head h2,div.qh_box_head h3,div.qh_box_head div {
	background-image: url("img/top_right.gif");
}

div.qh_box_l_corner {
	background-image: url("img/btm_left.gif");
}

div.qh_box_r_corner {
	background-image: url("img/btm_right.gif");
}

#Div1 div.qh_box_head,#Div1 div.qh_box_head h2,#Div1 div.qh_box_head h3,#Div1 div.qh_box_head div,#Div1 div.qh_box_l_corner,#Div1 div.qh_box_r_corner
	{
	background: none;
}

#dnn_ContentPane div.qh_box_head,#dnn_ContentPane div.qh_box_body {
	line-height: 1.8em;
	background-color: #EEF3F9;
}

#sub_banner div.qh_box_body,#sub_banner div.qh_box_head {
	background-color: #EAF1F9;
}

/********************************
	SEARCH AGAIN
*********************************/
#qtt {
	background: #ffffff;
}

#qtt fieldset legend {
	background-image: none;
	padding: 0.2em;
	border: 0;
	color: #A44170;
}

#qtt fieldset div.date {
	border-right: 1px solid #ccc;
}

div#qtt DIV.sub {
	padding-right: 1.3em;
}

div#qtt DIV.sub INPUT.button_major {
	background: url('img/button_major_left.gif') left top no-repeat;
	font-weight: bold;
	color: #fff;
	height: 29px;
	width: auto;
	border: 0;
	padding: 0 0 0.5em 1.6em;
	font-size: 100%;
	overflow: hidden;
}

/********************************
	QTT SINGLE PAGE
*********************************/
div.matrix_cont table thead th.ttype {
	background-color: #e1dee9;
	color: #5e427f !important;
}

div.matrix_cont table thead th.cent {
	background: #e1dee9;
	color: #5e427f !important;
}

.curr_total h3 {
	color: #3E3E3E;
}

span.cheapest {
	background: #FDB813 !important;
}

/*********************************
ERROR
*********************************/
body .errorLabel,body .error {
	color: #AD0014;
}

/********************************
	Text
*********************************/
	/************ BOX with ARROW ******************/
div.box div.box_arrow {
	background-image: url('img/box_arrow_left.gif');
}

div.box div.box_head {
	background-image: url('img/box_arrow_top_left.gif');
}

div.box div.box_head div {
	background-image: url('img/box_arrow_top_right.gif');
}

div.box div.box_foot {
	background-image: url('img/box_arrow_foot_left.gif');
}

div.box div.box_foot div {
	background-image: url('img/box_arrow_foot_right.gif');
}

p.cc_fee {
	display: none;
}

.journey_details table th,.journey_details h3.total_journey_price {
	background: none;
}

.total_booking_payment, .journey_title,.total_payment .last,.collection_details p.delivery_method,.journey_details h3
	{
	background-color: #EEF3F9;
}

.journey_saving {
	background-color: #004B97;
	color: #fff;
}



#footer img {
	margin-bottom: 8px;
}

.remove {
	margin-left: 0.1em;
}

table#sout_tickets th.ttype p {
	margin: 0;
}

#launchStationFinder {
	margin: 0 0 0 4px;
	display: inline !important;
}

#outwardContainer table th span {
	font-size: 0.99em;
}

#dnn_NavigationPane a:visited,#footer a:visited {
	color: #083360;
}

#rout_tickets th {
	white-space: normal !important;
}

.buttons {
	float: none !important;
}

table.journeyTable caption,div.Journey_Details h3 {
	background-color: #f3f7fb;
}

div.Journey_Details  h3.total_journey_price {
	background: none;
}

/*************************
	Delivery options
**************************/
div.box div.box_content {
	border-left: 1px solid #BEC1C8;
	border-right: 1px solid #BEC1C8;
}

.savings_note a {
	font-weight: bold
}

.saving {
	font-weight: bold;
	color: #08335E;
}

.even {
	background-color: #EDF1F2;
}

.total_price {
	font-weight: bold;
	/*font-size: 1.2em;*/
}

.delivery_option_content .option .free {
	display: none;
}

/**************Payment page***********************/
.common_booking_flow ul.terms {
	color: #08335E;
}

/* for Shopping basket & Payment Confirmation page */
a.show_journeydetails {
	background-image: url('img/icon_show.gif');
}

a.hide_journeydetails {
	background-image: url('img/icon_hide.gif');
}

span.button_minor input#OutBackButton {
	background-image: url('img/input_arrows.gif');
	padding: 0 8px 3px 0;
	text-decoration: underline;
}

.out_sup_ess span.button_minor {
	float: none;
}

#dnn_NavigationPane  ul.identifiedUser {
	float: left;
}

/*************************
	REFUND PAGE
**************************/

.booking_status table td, .booking_status table th {
	background:transparent none repeat scroll 0 0;
}

/*************************
	EXTENDED SEARCH
**************************/

.extended_search {
	background-color: #4C6C8B;
	*position: relative;
}

.extended_search .content , 
.extended_search .content a, 
.extended_search .content a:visited {
	color: #FFF;
}

.extended_search .content .dialogcontent, 
.extended_search .content .dialogcontent a, 
.extended_search .content .dialogcontent a:visited, 
.extended_search .content .calendar, 
.extended_search .content .calendar a, 
.extended_search .content .calendar a:visited {
	color: #08335e;
}

.extended_search  .error{
	color: #F8E600;
}


/* Rounded corners */

.extended_search .corner {
	height: 7px;
	width: 7px;
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 0;
	font-size: 0;
}

.extended_search .top,
.extended_search .bottom {
	background-position: top right;
	background-repeat: no-repeat;
	height: 7px;
}

.extended_search .top {
	background-image: url('img/db_topright.gif');
}



.extended_search .top .left {
	background-image: url('img/db_topleft.gif');
	float: left;
}

.extended_search .bottom {
	background-image: url('img/db_bottomright.gif');
}

.extended_search .bottom .left {
	background-image: url('img/db_bottomleft.gif');
	float: left;
}

/*move to the trainline*/
.extended_search .button_major {
	background:transparent url(img/qttright.gif) no-repeat scroll right top;
	float:left;
	padding:0 6px 0 0;
}

.extended_search .button_major input{
	background:transparent url(img/qttleft.gif) no-repeat scroll left top;
	border: 0 none;
	color: #37597E;
	cursor: pointer;
	font-weight: bold;
	height: 29px;
	padding: 0 0 0 5px;
	width: 10em;
}

.promotion_desc {
	background-color:#993366 !important;
	color:#ffffff;
	margin:1em 0 0;
}


/*******************************************
Fix for issues on warning message while moving between websites.
*******************************************/

div.leave_site{
	float:	right;
}

div.leave_site span{
	float:	left;
}

div.leave_site  span{
	margin-left:1em;
}





/**********************************************************************************
************************************************************************************
************************************************************************************
************************************************************************************
SPECIFICALLY FOR BFF
***********************************************************************************/

h1#bff {
	margin: 0 .25em .5em;
}

/**************************************************
Journey summary 
***************************************************/

.journey_summary h2.title {
	background: #EEF3F9 url('img/fieldset_top_right.gif') top right no-repeat;
}
.journey_summary span.head {
	background: url('img/fieldset_top_left.gif') top left no-repeat;
}

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 {

	margin: 0;
}

div.buttons-row, div.search-buttons-row {
	margin-top: 1em;
}

div.form-checkbox-row input{
	margin-left: 0;
}
table.weekview th,
table.monthview th{
background:#fff;
border:0;
}

.weekview td {
	background:#EDF1F2;
}

table.weekview th.row {
	border-bottom:1px solid #EDF1F2;
}

table th.highlighted-date {
	border-top:3px solid #C2D760;
}

table.weekview td.highlighted-date-bottom {
	border-bottom: solid 3px #C2D760;
}
	
table.weekview td.cheapest label, 
table.monthview td.cheapest span.monthview-fare {
	background-color: #FDB813;
}

table.monthview td.monthview-day,
table.monthview td.monthview-other,
table.monthview td.monthview-weekend {
	background: #EDF1F2;
}

table.journeys th {


}

table.journeys td {
border-bottom:1px solid #DDEBF8;
border-right:1px solid #DDEBF8;
}

table.journeys td.fare + td {

}

/*
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 {
	background: #C2D760;
}
.all-routes tr:hover td {
	background: #C2D760;
}

.all-routes th, 
.all-routes td, 
.calendar td,
.monthview td {
	border: none;
}

td.monthview-other {
	border: 1px solid #fff;
}

.all-routes th {
	background: none;
}

.allroutes-popup p.hide {
	margin: 5px;
}

/* Pop-up module */

div.dialogcontent {
	border-color: #000;
	padding: 1em .8em .8em;
}

div.dialogcontent h3 {
	border-bottom: none;
}

#main a.close-dialog{
background:transparent url(img/close.gif) no-repeat scroll right top;
color:#CC0033;
cursor:pointer;
height:16px;
line-height:1.6em;
margin:2px;
overflow:hidden;
padding-right:20px;
position:absolute;
right:0;
text-decoration:underline;
top:0;
}
#main a.close-dialog:hover {
background-position:100% 100%;
color:Orange;
text-decoration:none;
}

/* 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;
}

*/

div.extended_search {
	padding: 0;
	width: 320px;
}

div.extended_search .content {
	padding: 5px;
}

div.form-checkbox-row {
	width: 195px;
	padding-left: 110px;
}

div.form-checkbox-row a {
	margin-left: 0;
}

div.extended_search .bottom {
	padding: 0;
	position: static;
}

.ajax__tab_xp .ajax__tab_body {
	font-size: 1em;
}
.class_dropdown
{
	display : block;
}

/** footer **/

  #siteMap
        {
            padding-bottom: 10px;
            line-height: 1.4em;
            padding-left: 20px;
            padding-right: 20px;
            background: #fff;
            padding-top: 0px;
        }
        #siteMap .wrapper
        {
            padding-bottom: 1em;
            padding-left: 10px;
            padding-right: 0px;
            overflow: hidden;
            border-top: #bcd760 2px solid;
            padding-top: 1em;
        }
        #siteMap .wrapper DIV
        {
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 5em;
            float: left;
            padding-top: 0px;
        }
        #siteMap UL
        {
            padding-bottom: 0px;
            list-style-type: none;
            margin: 0px;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 0px;
        }
         #siteMap H3
        {
            margin: 0px;
            font-weight: bold;
			border : none !important;
			font-size : 1em;
			padding : 0px;
			page-break-after : avoid;
        }
        #siteMap A
        {
            margin: 0px 1em 0px 0px;
            display: block;
        }
        #nationalRail
        {
            display: block;
            float: right;
        }
        
 /*Tsunami Styles*/
#tsunami
        {
            /* this rule left intentionally blank: IE7 doesn't read the first rule */
        }
        #tsunami
        {
            background: #fed471;
        }
        #tsunami .tsunami_inside
        {
            margin: 0 0px;
            padding: 5px 0 3px 8px;
            background: #fed471;
            color: #08335e;
        }
        #tsunami p
        {
            display: inline;
            padding-right: 1em;            
        }
        .tsunami_inside p
        {
            color: #08335e;
        }
        
        #tsunami a.yes_link
        {
            border-right: 1px solid #CAD3DA;
            padding-right: 3px;
            padding-left: 10px;
            color: #08335e;
        }
        #tsunami a.no_link
        {
            padding-left: 3px;
            color: #08335e;
        }
        
  /* First class Enhancements*/
table.weekview td.firstCheapestAll, table.weekview td.firstClassCell
{
	background-image:url('img/icon-1st.gif')  !important;
	background-repeat:no-repeat !important;
	background-position:95% 5% !important;
	
}


/******* 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 {font-family:Arial,Helvetica,sans-serif; color:#08335E; font-weight: bold;}
.ui-widget-content {border: 1px solid #08335E; background:#fff;}
.ui-widget-content a {color: #08335E;}
.ui-widget-header {border: 1px solid #08335E; background:#4C6C8B; color: #fff;}
.ui-widget-header a {color: #ffffff;}
/* Interaction states */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #6F89A2; background: #DBE7F3; color: #08335E; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #08335E; 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 #08335e; background: #4C6C8B; color: #fff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #08335E; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #08335e; background: #4C6C8B; color: #fff; font-weight:bold;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #08335E; 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: #08335E; }
.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:#F3F7FB;  }
.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*/
}
