* {padding: 0px; margin: 0px;}

body {font-family: Tahoma; background-color: white; /*overflow-y:scroll;*/}
p.lozung{text-transform: uppercase; font-family: Lucida; font-size: 0.8em; color: #7185AA; text-align: left; margin-top: 9px; margin-left: 5px; padding-left:180px;/*font-weight: bold;*/}

/** HEAD **/

div.head {position: absolute; width: 950px; top: 0px; left: 0px; text-align: left;}
img.logo {float: left; border: 0px none; margin-top: 22px; margin-left: 5px;}

.ufs_logo {
	bottom:0;
	color: #2B86B3;
	font-size:10pt;
	line-height:30px;
	position:absolute;
	right:10px;
}
.ufs_logo img {border: 0px none; vertical-align:middle;}

/** MENU **/

table.menu {padding: 0px 0px 0 0;	margin: 15px 0 0 0;}
table.menu td {border: 0px none; padding: 0px 0px 0px 0px; width: 220px; color: #98DBF1; height: 30px;}
/*table.menu td div.description {font-size: 10px; font-family: Tahoma; color: #689DF4; margin: 0px 30px 0px 25px; padding: 0px 0px 0px 5px; border-left: 1px solid #ABD0FA;}*/
div.description {cursor:default; font-size: 12px; font-family: Tahoma; color: #D2E7FC; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 185px;}
table.menu a {font-size: 14px; font-family: Tahoma; color: #2B6BB3; text-decoration: none; font-weight: bold;}
tr.tab td {padding-left: 20px;}
tr.tab td a {color: #2B6BB3; font-size: 14px;}
div.buttonLink {border:1px solid #D7ECFF; background-color:#F9FCFF; height:20px; padding:2px 12px; text-align: left; width:130px;}
div.buttonLinkDis {border:1px solid #D7ECFF; background-color:#D0E6F9; height:20px; padding:2px 12px; text-align: left; width:130px;}
div.tableBorder {position: relative; /*background-color:#e4f1fe; border: 1px solid #b3d8f2;*/ margin-left:180px; margin-top:4px; width: 750px;}
div.menuConer1 {position: absolute; top: 0px; left: 0px; z-index: 1; background: url('../../images/art/menu1.jpg') no-repeat; width: 9px; height: 9px;}
div.menuConer2 {position: absolute; top: 0px; right: 0px; z-index: 1; background: url('../../images/art/menu2.jpg') no-repeat; width: 9px; height: 9px;}
div.menuConer3 {position: absolute; bottom: 0px; right: 0px; z-index: 1; background: url('../../images/art/menu3.jpg') no-repeat; width: 9px; height: 9px;}
div.menuConer4 {position: absolute; bottom: 0px; left: 0px; z-index: 1; background: url('../../images/art/menu4.jpg') no-repeat; width: 9px; height: 9px;}

.headMain .balance {
	background-color:white;
	border:1px solid #72CAD6;
	color:#69B524;
	font-family:arial;
	font-size:10pt;
	font-weight:bold;
	padding:2px 5px;
	position:absolute;
	right:10px;
	top:6px;
}
.headMain .balance.negative {color:#CF1607;}
/** BREAD CRUMBS **/

table.bread {width: 78%; border: 1px solid #ABD0FA; margin-bottom: 0px; margin-left: 0px; margin-right: 20px; float: right;}
table.bread td.stepViewSelected {padding: 5px; font-size:9pt; background-color: #59a4f8; color:white; width: 20%; border: 1px solid white;}
table.bread td.stepViewNonSelected {font-size:9pt; color: #B49189; width:20%; border: 2px solid white;}
table.bread td.stepViewNonSelected a { color: #E32F2B; text-decoration:none;}

/** LAYOUT **/

div.layoutDiv {position: relative; top: 6px; left: 15px; z-index: 3; clear:both; margin-top: 0px; width: 1024px;  padding-top: 10px; width: 880px; text-align: left;}
table.layoutTable {width: 100%; /*background-image: url(scanlines.gif);*/ border: 4px solid #ABD0FA;}
table.layoutTable img.pageImg {border: 0px none; margin: 10px; margin-top: 10px; margin-right: 30px; float: left;}
table.layoutTable span.simple {font-size: 10pt;	font-family: Tahoma; color: #2b6bb3; margin: 18px 0px;}
table.layoutTable p {font-size: 10pt; font-family: Tahoma; color: #2b6bb3; margin: 18px 0px;}
table.layoutTable p.mainSubH {font-size: 18px;}
table.layoutTable p.subH {font-size: 18px; background-image: url(info.png); background-repeat: no-repeat; line-height: 32px; padding-left: 40px; margin: 0px !important;}
table.layoutTable a {color: #053EFE;}
table.layoutTable ul {list-style-type: disc; font-size: 10pt; font-family: Tahoma; color: #425FC1; margin-left: 20px;}
table.layoutTable ol {list-style-type: decimal; font-size: 10pt; font-family: Tahoma; color: #425FC1; margin-left: 20px;}

div.textP { padding: 15px;}

div.mainInformation {background-color:white; border: 1px solid #ABD0FA; padding: 15px; color: #D0DBEA !important; font-family:Tahoma; font-size:12px; line-height: 16px;}
div.mainInformation input {color: #4B597E; font-size: 12px; font-family: Tahoma;}

table.tableArt {border: 1px solid #C8E2FE; width: 95%; border-collapse: collapse;}
table.tableArt th {background-color: #59A4F8; border: 1px solid #59A4F8; color: white; font-size: 9pt; padding: 5px;}
table.tableArt td {background-color: #F5F9FC; border: 1px solid #59A4F8; color: #2B6BB3; font-size: 9pt; padding: 5px;}

/** NEW **/
div.headMain {position: relative; margin:10px auto 0; z-index: 1; background: url('../../images/art/headMiddle.jpg') repeat-x; width: 950px; height: 115px;}
div.headLeft {position: absolute; top: -10px; left: -14px; z-index: -1; background: url('../../images/art/headLeft.jpg') no-repeat; width: 14px; height: 134px;}
div.headTop {position: absolute; top: -10px; left: 0px; z-index: -1; background: url('../../images/art/headTop.jpg') repeat-x; width: 950px; height: 10px;}
div.headRight {position: absolute; top: -10px; right: -14px; z-index: -1; background: url('../../images/art/headRight.jpg') no-repeat; width: 14px; height: 134px;}
div.headBottom {position: absolute; bottom: -10px; left: 0px; z-index: -1; background: url('../../images/art/headBottom.jpg') repeat-x; width: 950px; height: 10px;}

div.bodyMain {padding-bottom: 75px; position: relative; margin:2px auto 0; z-index: 1; background-color: #d4ebfc ; width: 910px; height: auto; text-align: left;}

div.bodyConer1 {zoom: 1; position: absolute; top: -6px; left: -15px; z-index: -1; background: url('../../images/art/bodyConer1.jpg') no-repeat; width: 20px; height: 20px;}
div.bodyConer2 {zoom: 1; position: absolute; top: -6px; right: -15px; z-index: -1; background: url('../../images/art/bodyConer2.jpg') no-repeat; width: 20px; height: 20px;}
div.bodyConer3 {zoom: 1; position: absolute; bottom: -12px; right: -11px; z-index: -1; background: url('../../images/art/bodyConer3.jpg') no-repeat; width: 16px; height: 16px;}
div.bodyConer4 {zoom: 1; position: absolute; bottom: -12px; left: -11px; z-index: -1; background: url('../../images/art/bodyConer4.jpg') no-repeat; width: 16px; height: 16px;}

div.bodyLeft {position: absolute; top: 0px; left: -11px; z-index: -1; background: url('../../images/art/bodyLeft.jpg') repeat-y; width: 12px; height: 100%;}
div.bodyTop {position: absolute; top: -6px; left: 0px; z-index: -1; background: url('../../images/art/bodyTop.jpg') repeat-x; width: 100%; height: 16px;}
div.bodyRight {position: absolute; top: 0px; right: -11px; z-index: -1; background: url('../../images/art/bodyRight.jpg') repeat-y; width: 12px; height: 100%;}
div.bodyBottom {position: absolute; bottom: -12px; left: 0px; z-index: -1; background: url('../../images/art/bodyBottom.jpg') repeat-x; width: 100%; height: 12px;}

div.headBottomConer1 {zoom: 1; position: absolute; bottom: 0px; left: 0px; z-index: 1; background: url('../../images/art/bodyBottomConer1.jpg') no-repeat; width: 9px; height: 9px;}
div.headBottomConer2 {zoom: 1; position: absolute; bottom: 0px; right: 0px; z-index: 1; background: url('../../images/art/bodyBottomConer2.jpg') no-repeat; width: 9px; height: 9px;}
div.headBottomConer3 {zoom: 1; position: absolute; bottom: 0px; right: 0px; z-index: 5; background: url('../../images/art/bodyBottomConer3.jpg') no-repeat; width: 8px; height: 8px;}
div.headBottomConer4 {zoom: 1; position: absolute; bottom: 0px; left: 0px; z-index: 5; background: url('../../images/art/bodyBottomConer4.jpg') no-repeat; width: 8px; height: 8px;}

div.footer {position: absolute; bottom: 10px; left: 10px; z-index: 1; background-color: #e4f2fd; width: 890px; height: 44px;}
div.copy {position: absolute; bottom: 5px; right: 5px;  color: #5e93cf; font-size: 0.6em; z-index: 2;}
div.fooLinx {color: #5e93cf; position: absolute; top: 5px; left: 5px; font-size: 0.6em; z-index: 2;}
div.fooLinx a {color: #25A7FE;}


/* img hover styles */
#myHover { display: none; position:absolute; z-index:10; border: 1px solid #3F638B; height: 1.3em; font-size: 12px; padding: 2px 4px; font-weight: bold; color: #323668; background: #b6d2f1; }
#myHoverArrow { background: url(../images/downArrow.png) 50% 50% no-repeat; width: 10px; height: 10px; position: absolute; z-index:10; bottom: -7px; left: 8px;}


/* DZEN */

h2 {display: none;}

/** BREAD CRUMBS **/

#breadCrumbs { position: absolute; left: 0px; z-index:10; top: 20px; margin: 0px auto 10px 12px; list-style-image:none; list-style-position:outside; list-style-type:none; overflow:auto; padding: 0px; width: 853px; border: 1px solid #ABD0FA; background-color: #C8E2FE;}
#breadCrumbs li {float: left; width:199px; padding: 5px; font-size: 9pt; color: #B49189; border: 2px solid white;}
#breadCrumbs .active { font-size: 9pt; background-color: #59a4f8; color: white; border: 2px solid white;}
#breadCrumbs a {color:gray;}
#breadCrumbs a:hover {text-decoration:underline;}
#breadCrumbs .active a {color:white;}
#breadCrumbs .passed a {color: #E32F2B; text-decoration:none;}



/* MJ Toolbox */
.MJtoolbox {border: 1px solid #5B9DFF; font-family: Tahoma; color: blue; background-color: #D3ECFA; padding: 10px 10px 0 10px; margin: 5px auto; /*width: 940px; */}

.MJtoolbox div.barTitle {font-weight: bold; height: 25px; border-width: 1px; border-color: #B1D9FC #1573FF #1573FF #7ABEFC; border-style:solid; position: relative; margin: -11px -11px 5px -11px; background-color: #5B9DFF; color: white; padding:0;}
.MJtoolbox div.barTitle span {font-weight: normal; }
.MJtoolbox p {margin: 4px !important;}
.MJtoolbox p.MJhead {/*margin-left:175px;*/text-align:center; }
.MJtoolbox td small {color: #6A6BA6;}
#shortInfo {color:#3E7CC1;font-size:14px;margin-top:0px;}
#shortInfo b {color:#1081FE;}

.luz0 {
	margin:0;
	padding:0 0 0 15px;
	position:relative;
	z-index:2;
}
.luz1 {
	background-color:#82B4FF;
	height:3px;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
}
.luz2 {
	background-color:#6FA8FF;
	height:5px;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
}
.luz3 {
	background-color:#4F95FF;
	bottom:0;
	height:5px;
	position:absolute;
	width:100%;
	z-index:0;
}
.luz4 {
	background-color:#3E8BFF;
	bottom:0;
	height:3px;
	position:absolute;
	width:100%;
	z-index:1;
}
div.changeStDiv {background-color:white;border:1px solid #00409F;left:5px;padding:1px 15px;position:absolute;top:-3px;}
div.changeStDiv a {color: #AA1104; font-size:10pt;font-weight: normal; text-decoration:none;}
div.changeStDiv a img {border: 0px none;}
div.changeStDiv a span{text-decoration:underline;}
span.showHideDiv img {border: 0px none;}
span.showHideDiv a {color:white;font-size:11pt;font-weight:bold;/*text-decoration:none;*/}
span.showHideDiv a.over {color:yellow;}

div.dateOpt {
	background-color:#F1FAFE;
	border:1px solid #C1DFFF;
	margin:5px 10px -10px;
	padding:10px 15px 0;
	text-align:left;
}
div.dateOpt img,
.MJtoolbox img  {border: 0px none}
.MJtoolbox table a {color: #AA1104;}
.MJtoolbox table th {color: #628A93; font-size:8pt; font-weight: normal;}
.MJtoolbox table {width: 100%; font-size:10pt; border-collapse: collapse; color:#46488E;}
.MJtoolbox table tr.workLine td {background-color: #F1FEC5 !important; color:#5A5C67; font-weight:bold;}
.MJtoolbox table tr.mjOdd td {background-color: #F7F7F7;}
.MJtoolbox table tr td {background-color: white; border: 1px solid #AED2FF !important; padding: 2px 5px; /*font-family:courier new;*/}
.MJtoolbox table td.smallCenter {text-align: center; width: 40px;}
.MJtoolbox table td.daysHours {text-align: center; width: 90px;}
.MJtoolbox table select {color:#2E91FE;font-size:8pt;width: 98%;}
.MJtoolbox table td.tckPrice {text-align:right;}

.MJtoolbox table td.trainNum {text-align: left; width: 130px;}
.MJtoolbox table td.fromTo {text-align: left; width: 175px;}
.MJtoolbox table td.depArr {text-align: left; width: 170px;}
.MJtoolbox table td.classes {text-align: left; width: 90px;}

.MJtoolbox {padding-bottom:10px !important;}
.MJtoolbox tr.MJhover td {background-color: #EFF5FC;}

.MJtoolbox table tr.indicatedTrain td {background-color: #FBF40B;}
.MJtoolbox table tr.indicatedTrain select {background-color:#D20F04;color:white;}
.MJtoolbox tr p {margin: 0px !important;}

div.irInfo b {cursor: pointer;}

.irInfo {font-size: 10pt; color: #57586f;margin:15px 15px 0; min-height:32px; line-height: 31px;}
.irInfo img {border:0 none; float:left;margin: 2px 10px 0 0;}
#ui-datepicker-div {font-size: 86%;}

.mj_descr {font-size: 8pt; color: #5A5C67; margin-top: 10px !important;}

/* MJTool end*/


/** LAYOUT **/

body.step0 #stepDescription {background: #EDF2F8 url(../../images/step0.jpg) no-repeat 10px 45px;}
body.step1 #stepDescription {background: #EDF2F8 url(../../images/step1.jpg) no-repeat 10px 25px;}
body.step2 #stepDescription {background: #EDF2F8 url(../../images/step2.jpg) no-repeat 10px 45px;}
body.step3 #stepDescription {background: #EDF2F8 url(../../images/step3.jpg) no-repeat 10px 65px;}
body.step4 #stepDescription {background: #EDF2F8 url(../../images/step4.jpg) no-repeat 10px 45px;}
body.step5 #stepDescription {background: #EDF2F8 url(../../images/step5.jpg) no-repeat 10px 45px;}
body.step6 #stepDescription {background: #EDF2F8 url(../../images/step6.jpg) no-repeat 10px 35px;}
body.paymentResult #stepDescription {background: #EDF2F8 url(../../images/creditcard.jpg) no-repeat 10px 35px;}
body.otrack #stepDescription {background: #EDF2F8 url(../../images/tracking.jpg) no-repeat 10px 35px;}
body.ufs_book #stepDescription {background: #EDF2F8 url(/trains/images/ufs_book.jpg) no-repeat 10px 50px;}

#stepDescription {min-height:180px; margin:0 auto;border: 2px solid #ABD0FA; border-bottom: 1px dashed #ABD0FA !important;  background-color:#EDF2F8;/* url(../../images/step2.jpg) no-repeat scroll 10px 45px;*/ clear:both; margin-top: 0px; width: 650px;  padding-top: 35px; padding-left:225px;}
#stepDescription h3 {font-size: 18px; font-family: Tahoma; color: #2b6bb3; margin: 8px 0px 18px 0px; font-weight: normal;}
#stepDescription p {font-size: 10pt; font-family: Tahoma; color: #2b6bb3; margin: 18px 0px;}

#mainForm {padding: 0px; margin: 0px;}
div.tableHolder {margin:0 auto; position:relative; border-top: 0px none !important; border: 2px solid #ABD0FA; background-color: #EDF2F8; clear:both; margin-top: 0px; width: 865px;  padding: 10px 5px;}
div.tableHolder h3 {font-family: Tahoma; color: #2F3E55; font-size: 14px; font-weight: normal; background-color: #B5D2F2; line-height: 25px; margin:0; padding-left: 50px; border: 1px solid #7BB7DF;}
div.tableHolder h3 b { /*font-weight: normal; */}
div.tableHolder h3 span { font-size: 14px; }

div.tableHolder ul {list-style-type: disc; font-size: 10pt; font-family: Tahoma; color: #425FC1; margin-left: 20px;}
div.tableHolder ol {list-style-type: decimal; font-size: 10pt; font-family: Tahoma; color: #425FC1; margin-left: 20px;}

.selectTrainOptions {border-width:0px 1px !important; color: #2B6BB3; background-color:#EDF2F8;font-family:Tahoma;font-size:81%;line-height:2em;padding:6px 0 6px 10px;border-color: #CCCCCC !important;}
table.trainsTable {font-size: 86%; font-family: Tahoma;}
div.classInTrain {border: 1px solid #82B3E8; border-top: 0px none; }
div.orderTotal {font-size: 86%; font-family: Tahoma; margin:0 auto; position:relative; border-top: 0px none !important; border: 2px solid #ABD0FA; clear:both; margin-top: 0px; width: 835px;  padding: 10px 20px;}
div.submitButtonHolder, div.terms {font-size: 86%; font-family: Tahoma; margin:0 auto; position:relative; border-top: 0px none !important; border: 2px solid #ABD0FA; background-color: #EDF2F8; clear:both; margin-top: 0px; width: 835px;  padding: 10px 20px;}
div.totalHolder {font-family: Tahoma; font-size:75%;}

td.firstLine {background-color: #EDF2F8 !important; height:70px;}
img.closeImg {margin: 5px;}

.passangerDetails th {background-color:#82B3E8 !important;}

.trainsTable {border:1px solid #A8BDD0 !important;}
.trainsTable tbody {border-left:1px solid #A8BDD0 !important;}

div.infodiv, div.infoDivDouble {font-family:Tahoma; font-size:86%; margin: 0 !important; border:2px solid #ABD0FA !important;}
div.infodiv p {font-size: 12px; padding:5px 0;}
#mainInformation { list-style: none; background-color:white; border: 1px solid #ABD0FA; padding: 15px; color: #D0DBEA !important; font-family:Tahoma; font-size:12px; line-height: 16px; margin: 10px;}

div.orderCurrent {margin:0 auto; position:relative; border-top: 0px none !important; border: 2px solid #ABD0FA; background-color: #EDF2F8; clear:both; margin-top: 0px; width: 875px;}

form.otrackForm {text-align: center; clear: both; color: #4B597E; font-size: 12px; font-family: Tahoma;margin-bottom:20px;}
form.otrackForm table {width:97%;}
form.otrackForm input {color: #4B597E; font-size: 12px; font-family: Tahoma;}
form.otrackForm td.entercol1 {text-align: right;width:50%;color:#2B6BB3 !important;}
form.otrackForm td.entercol2 {text-align: left;}

.errorInfo {color:#DF5E57 !important; font-size: 80% !important; text-align:center;}

.datebr {width:225px !important;}
/** yui calendar placeholder **/
/*.yui-skin-sam { position: absolute; top: 10px; right: 10px; width:150px; height:50px; font-size:8pt; background-color: #F9FCFF; }
.yui-skin-sam .yui-calcontainer { background-color: #EDF2F8 !important; border:1px dashed #ABD0FA !important;}
.calnavright, .calnavleft { text-indent: -200px; overflow: hidden; }
.calheader { color: #2B6BB3; }*/

div.tableHolder dl {font-size: 10pt; font-family: Tahoma; color: #2b6bb3; border:1px dashed #ABD0FA; margin:0 150px 0 0; padding: 0 0 6px 0;}
div.tableHolder dt {float: left; margin: 7px 0 0 0; width: 200px; text-align: right;}
div.tableHolder dd {margin: 7px 0 0 0;}
div.tableHolder select, div.tableHolder input, div.infodiv input {font-size: 10pt; font-family: Tahoma; color: #2b6bb3;}
div.tableHolder p {color:#2B6BB3; font-family:Tahoma; font-size:10pt; margin:18px 0;}

/* submit button and its placeholder */
.submitButtonHolder { margin:0 auto; text-align: right; width: 965px; padding: 10px 0 10px 0;}
.submitButtonHolder input { color: #2B6BB3;}
#sbmtbtn {  width: 18em; }

#datesWarning0, #datesWarning1{color: #B32320;font-weight: bold;margin: 1em 0 0 0;font-size: 100%; line-height: 1.2em;display: none;cursor: pointer; cursor: hand}

/* tooltip styles */

.p_title {padding-left:25px; background-image: url(../../images/help.gif); background-repeat: no-repeat; color:#2B6BB3 !important; font-family:Tahoma !important; font-size:18px !important; font-weight:normal !important; margin:8px 0 18px !important;}

#myToolTip { background-color: #CDE0F5; border: 1px solid #3F638B; margin: 0; padding: 0; width: 250px; font-size: 13px; }
#myToolTipTitle { line-height: 17px; border-bottom: 1px solid #3F638B; text-indent: 4px; font-weight: bold; color: white; background-color: #5B9DFF; padding-right: 20px; padding-left: 4px; padding-top: 2px;}
#myToolTipContent { background-color: #E6F3FF; padding: 3px !important; }
#myToolTipCross { width: 20px; height: 19px; font-size: 18px; overflow: hidden; position: absolute; top: 0; right: 0; background-color: #EA3515; color: white; cursor: hand; cursor: pointer; text-align: center; font-size: 16px; }
#myToolTipContent p { margin: 0 0 10px 0 !important}

/* step2 - submit button */
#submit {
  font-size: 12px;
}


/*  STEP3  */

/* loading control */
* html, * html body {height:100%;}

#loading { 
	position: relative; height: 100%; width: 100%; top: 0; left: 0; background: white;color:black;font-family: Arial, Sans-Serif;
	z-index:10;
}
 /*font-size: 170%; color: #22354a; font-weight: bold;*/
 /* url(../images/progressbar2.gif) 440px 350px no-repeat;*/
#loading div { position: relative; /*right: 10px;*/ top: 10px; border: 0px none; padding: 10px; background-color: white; /*display: none;*/}
#loading div h3 { font-size: 86% }
#loading div span { display:block; font-size:86% }
#loading .pleasewait {
 font-weight: bold; 
 font-size: 110%; 
 height: 50px;
 padding-left: 80px;
 background: white url(/trains/images/progressbar2.gif) -10px -10px no-repeat;
 position: absolute;
 top: 10px;
 left: 300px;
}
#loading .aeralogo {position:absolute; right: 10px; top: 20px;}

.tckPrice_pid0 {color:#922218 !important;/* font-weight:bold;*/}

input.goButton {font-size: 10px; font-family: Tahoma;}

/* talbeHolder */
.tableHolder { 
  border: 1px solid gray; /* need different colour here */
}

.border_cross{text-align: center; font-weight: bold; color:#708AB1;}

.selectTrainOptions {
  border: 1px solid white;
  border-right-width: 0;
  border-bottom-color: gray;
  border-right-color: gray;
}

/* table with a list of trains */
body.step3 table.trainsTable { table-layout: fixed; border-collapse: collapse;  overflow: hidden; width: 865px;}
body.step3 table.trainsTable td { border: 1px solid #ccc; color: #323668;}
body.step3 table.trainsTable ul { list-style: none; }

body.step3 table.trainsTable a { font-size: 12px;}

/* table THEAD styles columns widths */ /* CHECK ALL WIDTHS !!!! */
.trainNumberColumn { width: 210px; }
.datesColumn { width: 163px; }
.runTimeColumn { width: 75px; }
.ticketsColumn { width: 350px; }
.checkColumn { width: 35px;}

body.step3 table.trainsTable thead th { background-color: #D8D8DA;color: #323668; font-size:12px; font-family: Tahoma; font-weight: normal; line-height: 20px; cursor: pointer; border:1px solid #CCCCCC; text-align: center;}
body.step3 table.trainsTable thead th:hover, body.step3 table.trainsTable .ie6thHovered { background-color: #ECECEC; /*color: white; */}
body.step3 table.trainsTable thead th[dontSort] { cursor: default; } /* we drop cursor value to default for those THs that have dontSort attr */
body.step3 table.trainsTable thead .noCursor { cursor: default; } /* this className is attached in JS in IE<7 */
body.step3 table.trainsTable thead th[dontSort]:hover { background: #B6D2F1 }

 
/* odd and even rows style */
body.step3 table.trainsTable .odd td { background: white; }
body.step3 table.trainsTable .even td { background: #F3F9FE; }
body.step3 table.trainsTable .odd:hover td, body.step3 table.trainsTable .even:hover td { background: #D2EBFB; }

/* by default alignment is centered, but the first column and inner table's tds are left-aligned */
body.step3 table.trainsTable td {text-align: center;}
body.step3 table.trainsTable td:first-child, body.step3 table.trainsTable table td { text-align:left; }
body.step3 table.trainsTable .tdFirstChild { text-align: left; padding-left: 4px; } /* this class is assigned by JS in IE6*/
body.step3 table.trainsTable td:first-child { padding-left: 4px; }

body.step3 table.trainsTable .trainClass img, body.step3 table.trainsTable table img, #step3ti table img { cursor: pointer; margin: 1px; } /* images that cause tooltips to be shown */
body.step3 table.trainsTable .trainClass img:hover,body.step3 table.trainsTable table img:hover, #step3ti table img:hover { border: 1px solid #777; margin: 0; }

.trainClass{ float: right; width: 50px; margin-top: -1em; } /* train type images holder (firm, fast, ex etc.) */
.trainClass img { margin-bottom: 2px; } /* train type images (tooltips shown on click) */

/* sorting headers */ 
.sortedByHeaderD { background: #D8D8DA url(../../images/collapse.png) 0 5px no-repeat scroll !important; }
.sortedByHeaderA { background: #D8D8DA url(../../images/collapse_up.png) 0 5px no-repeat scroll !important; }

.runTimeColumn.sortedByHeaderD, .runTimeColumn.sortedByHeaderA, .datesColumn.sortedByHeaderD, .datesColumn.sortedByHeaderA { text-indent:10px}

/* that's the way how we hide rows that don't contain selected class */
.soGra .noGra, .so1st .no1st, .so2nd .no2nd, .so3rd .no3rd, .soCom .noCom, .soGen .noGen, .soSea .noSea { display: none; }

/* in the details table we hide all the classes apart from the selected one */
.soGra .cl_1st, .soGra .cl_2nd, .soGra .cl_3rd, .soGra .cl_Com, .soGra .cl_Sea,
.so1st .cl_Pre, .so1st .cl_Gra, .so1st .cl_2nd, .so1st .cl_3rd, .so1st .cl_Com, .so1st .cl_Sea,
.so2nd .cl_Pre, .so2nd .cl_Gra, .so2nd .cl_1st, .so2nd .cl_3rd, .so2nd .cl_Com, .so2nd .cl_Sea,
.so3rd .cl_Pre, .so3rd .cl_Gra, .so3rd .cl_1st, .so3rd .cl_2nd, .so3rd .cl_Com, .so3rd .cl_Sea,
.soCom .cl_Pre, .soCom .cl_Gra, .soCom .cl_1st, .soCom .cl_2nd, .soCom .cl_3rd, .soCom .cl_Sea,
.soSea .cl_Pre, .soSea .cl_Gra, .soSea .cl_1st, .soSea .cl_2nd, .soSea .cl_3rd, .soSea .cl_Com { display: none; }

/* inner tables with tickets, seats and class information */
.stbl { width: 100%; table-layout: fixed; }
.stbl th { text-align: left !important; font-size: 12px; color: #2b6bb3}
.stbl thead th:hover, .stbl thead th { background: none; font-size: 80%; color: gray; cursor: auto; border: 0;} /* overriding ".trainsTable thead th" styles*/
.stbl td { border: none; height: 1.4em; width: auto; font-size: 12px; color: #2b6bb3}
.stbl td, .stbl th { padding-left: 10px; background-color: transparent !important; border: 0 none !important;}
.stbl img { margin-right: 2px; }


/* class, services, available, price */
/*.stbl .clh { background: red; } 
.stbl .cls { background: blue; } 
.stbl .cla { background: green; }
.stbl .clp { background: red; }*/

.stbl .clh { width: 85px; }
.stbl .cls { width: 65px; }
.stbl .cla { width: 65px; }

/*.rur .stbl .clh { width: 85px; }
.rur .stbl .cls { width: 65px; }*/
.rur .stbl .cla { width: 60px; }

/* rows that have summary description for the ticket class, hidden by default, shown when compact view is disabled */
.cPre, .cGra, .c1st, .c2nd, .c3rd, .cSea, .cCom, .cGen { display: none; }
.cPre td, .cGra td, .c1st td, .c2nd td, .c3rd td, .cSea td, .cCom td, .cGen td { text-indent: 15px; }
.exp .cPre, .exp .cGra, .exp .c1st, .exp .c2nd, .exp .c3rd, .exp .cSea, .exp .cCom, .exp .cGen { font-size:86%; display: table-row; } /* display: block for IE<=7 is set in iefix.css*/

/* when the table is expanded, we still want to hide classes different from the currently selected */
.exp .soGra .c1st, .exp .soGra .c2nd, .exp .soGra .c3rd, .exp .soGra .cCom, .exp .soGra .cSea,
.exp .so1st .cPre, .exp .so1st .cGra, .exp .so1st .c2nd, .exp .so1st .c3rd, .exp .so1st .cCom, .exp .so1st .cSea,
.exp .so2nd .cPre, .exp .so2nd .cGra, .exp .so2nd .c1st, .exp .so2nd .c3rd, .exp .so2nd .cCom, .exp .so2nd .cSea, 
.exp .so3rd .cPre, .exp .so3rd .cGra, .exp .so3rd .c1st, .exp .so3rd .c2nd, .exp .so3rd .cCom, .exp .so3rd .cSea, 
.exp .soCom .cPre, .exp .soCom .cGra, .exp .soCom .c1st, .exp .soCom .c2nd, .exp .soCom .c3rd, .exp .soCom .cSea, 
.exp .soSea .cPre, .exp .soSea .cGra, .exp .soSea .c1st, .exp .soSea .c2nd, .exp .soSea .c3rd, .exp .soSea .cCom { display: none; }

/* selecttrainoptions dropdowns positioning */
div.selectTrainOptions select { font-size: 11px; }

.sortSelect { margin-right:30px; }
#time { margin-right: 30px;}


.errorInfo {
  color: #98EFFE; 
  margin: 0 1em 1em 1em;
  font-weight: bold;
  font-size: 100%; line-height: 1.2em;
}

.buttonHolder { text-align: right; display: block; padding: 1ex; }

/* train information page styles */
#step3ti { width: 870px; background: none; border: 0; }
#step3ti .section { background: #E2ECF1; border: 1px dashed black; margin: 1em 2px; padding: 0 6px 6px 6px; }
#step3ti h3 { color:#C83A22; font-family:Geogia; font-size:106%; font-weight:bold; line-height:1.2em; }
#step3ti p { font-size: 86%; margin-bottom: 2px; }
#step3ti table { font-size: 86%; border: 1px solid black; width: 100%; }
#step3ti th { background: #708AB1; border: 1px solid black; color: white; font-family: Tahoma; font-weight: bold; }
#step3ti tbody th { text-align: left;}
#step3ti .odd td { background: white; } 

.sorted_arrivalTime .sort_arrival, 
.sorted_startTime .sort_departure,
.sorted_price .ticketsColumn,
.sorted_journeyTime .runTimeColumn,
.sorted_trainNumber .trainNumberColumn { text-decoration: underline; }

/* STEP 4 */

.step4 h3 a { color: white }
.step4 .errorInfo {
  color: #98EFFE; 
  margin: 0 1em 1em 1em;
  font-weight: bold;
  font-size: 100%; line-height: 1.2em;
}
.step4 .tableHolder { 
  /*border: 1px solid gray;*/ /* need different colour here */
}

.step4 .selectTrainOptions {
  border: 1px solid white;
  border-right-width: 0;
  border-bottom-color: gray;
  border-right-color: gray;
  position:relative;
}

.step4 .classPrice {margin:0; }

.step4 .classPrice_pid0 {margin:0;font-weight:bold;}

/* table with a list of trains */
body.step4 table.trainsTable { table-layout: auto; border-collapse: collapse; width: 100%; overflow: hidden; }
body.step4 table.trainsTable tbody tr:first-child td { border-top: 1px solid #a8bdd0; }
body.step4 table.trainsTable td { border-right: 1px solid #a8bdd0; color: #2b6bb3; text-align: center; padding: 3px 0; font-size: 12px;}
body.step4 table.trainsTable thead th {text-align:center; background: #D8D8DA; color: #323668; font-size: 86%; font-family: Tahoma; font-weight: normal; line-height: 20px; border-bottom: 1px solid #a8bdd0;}
.totalHolder { text-align: right; padding-right: 30px; font-weight: bold; background: #D8D8DA; color: #323668; font-size: 86%; line-height: 20px; border-top: 1px solid #a8bdd0; }
.step4 .tr_class, .step4 .tr_seat, .step4 .tr_services {text-align: left; padding-left: 10px; }
.step4 .tr_sum { width: 80px; }
.step4 small { font-size: 100%; }

.step4 .noChildren .tr_childprice, .step4 .noChildren .tr_childcount, .step4 .noChildren .ch { display: none; }

/* odd and even rows style */
body.step4 table.trainsTable .odd td { background: white; }
body.step4 table.trainsTable .even td { background: #F3F9FE; }
body.step4 table.trainsTable .odd:hover td, .step4 body.step4 table.trainsTable .even:hover td { background: #D2EBFB; }

body.step4 table.trainsTable .tr_services { text-align: left; padding-left: 20px; width: 85px}
body.step4 table.trainsTable .tr_seat { text-align: left; padding-left: 20px; width: 150px; }
body.step4 table.trainsTable .tr_services img { cursor: pointer; margin: 1px; } /* images that cause tooltips to be shown */
body.step4 table.trainsTable .tr_services img:hover { border: 1px solid #777; margin: 0}

.step4 .priceandcompact { position: absolute; right: 10px; top: 6px; }

.step4 .direction { vertical-align: middle; padding-left: 20px; font-size: 110%; line-height: 1.6em;}
.step4 .outbound { background: url(../images/train.gif) 0 50% no-repeat; } 
.step4 .return {background: url(../images/train_return.gif) 0 50% no-repeat;} 

.step4 .orderTotal { margin: 0px; background-color: #3593D0; line-height: 3em; height: 3em; text-align: right; padding-right: 20px; color: white; font-weight: bold; font-size: 110%; }
.step4 .woTotal span { font-weight: normal; }

.step4 .str select {width: 35px;}
.step4 .tr_price .str {text-align: right; padding-right: 3px;}
.step4 .tr_ticket .str {text-align: left; padding-left: 7px;}
.step4 .tr_ticket .str img {vertical-align: text-bottom;}
.str {line-height: 22px;}
/* STEP 5 */
body.step5 div.tableHolder {width: 867px; padding: 10px 4px;}

.step5 div.onet {position: relative;}
.step5 div.wagonDescr {background-color: #DDEAF9; font-size: 10pt; padding: 5px 50px 3px;}
.step5 div.ticketNum {position: absolute; top: 9px; left: 15px; color: #D1586D; font-weight: bold;}

div.classInTrain {background: white; color: #2F3E55;}
div.classInTrain img {cursor:pointer;}
div.classInTrain ul {list-style-type: none; margin: 0; padding: 17px 0 17px 17px}
div.classInTrain li { margin: 0; padding: 0; }
div.tableHolder h3 a {color: #0F51FD;}

span.tickInfo {float: left; width: 150px; text-align: right;}

tr.addedPass input, tr.addedPass select {background-color: #F4FBB7 !important;}

div.infodiv, div.infoDivDouble {background: white; color: #2F3E55; border:1px dotted #2F3E55; margin: 10px; padding: 10px;}
div.infodiv ul, div.infodivLeft ul, div.infodivRight ul {list-style-type: none; padding: 0 0 0 10px; margin-left: 0 }
div.infodiv li, div.infodivLeft li, div.infodivRight li {line-height: 23px;}
div.infodiv h4, div.infodivLeft h4, div.infodivRight h4 {margin: 0px;}

label.contactLabel {float: left; width: 100px;}

div.infoDivDouble {position: relative; height: auto;}
div.infodivLeft{width: 100%;}
div.infodivRight{position: absolute; right: 0px; top: 10px; width: 50%; height: auto;}

/*#myToolTipContent {	background-color: #FCFAB6;}*/
#deliveriesOptions{	border:0px none; height: 85%; width: 95%; display: none;}
#deliveriesOptionsTitle{ display: none;}
#cal5Container { display:none; position:absolute; z-index:2}

div.totalDeliv {background: #D8D8DA; line-height: 30px; text-align: right; padding-right:10px; clear: both;}
div.totalAll {background-color: #3593D0; color: white; line-height: 30px; text-align: right; padding-right:10px; clear: both;}
span.totalNumber {float: right; width: 120px; text-align: right; margin-left: 7px;}
span.totalNumber b {font-size: 110%;}

div.total {padding:0px !important;}
span.direction {font-size: 135%; color: #D6E6F3; margin-left: 5px;}

div.mainInformation{color: black !important;}
div.trainInfoStr {padding: 5px !important;height: 70px !important;}

.passangerDetails {width:99%;margin: 0 auto; border-collapse: collapse;table-layout: fixed;}
.ageColumn { text-align: center !important; }

.passengerDetails tbody {font-size: 10pt;}
.passengerDetails tbody input {width: 100px;}
body.step0 .passengerDetails tbody input[type=text] {width: 110px;}
body.step0 .passengerDetails tbody input[type=checkbox] {width: 10px;}

.passengerDetails td {text-align: center;}
.passengerDetails .chnat {width: 110px;}
.passengerDetails th{
	font-weight: normal;
	font-size:9pt;
	font-family:Tahoma;
	background-color: white;
	color:#7AA7D8;
	border:0px none;/*1px solid white;*/
	padding: 1px;
	text-align: center;
}

.passangerDetails input{font-size:9pt;font-family:Tahoma;width:96%;}

.passangerDetails select
{
	font-size:9pt;
	font-family:Tahoma;
	color:#323668;
	width: 100%;
}

.passangerDetails td
{
	font-size:8pt;
	font-family:Tahoma;
	text-align: left;
	border: 1px solid white;
}

.passangerDetails input.radio{width:10px;}

.passengerDetails {margin-bottom: 5px;}

.mainInformationAdelante
{
	background-color: white;
	padding: 10px;
	border:1px dotted grey;
}

.mainInformationAtras
{
	background-color: white;
	padding: 10px;
	border:1px dotted grey;
}

.mainInformation, .comments, .mainInformationAtras, .mainInformationAdelante{font-size:9pt;	font-family:Tahoma;}

.dopOption
{
	font-size:9pt;
	font-family:Tahoma;
	border:0px none;
	width: 100%;
}

.comments textarea{	width:100%;height:50px;}
textarea.comment{width: 100%;height: 70px;}
textarea.delAddress{width: 100%;height: 80px;padding: 0;}
.lnk{color: blue;}
.terms{	padding: 7pt;margin: 2pt;text-align: center;}
.optInput { width: 245px !important; }
.calHide{display:none;}
.calShow{display:block;}

.passNum { width: 15px; }
.fname, .lname { width: 160px; }
.sex {width: 65px;}
.nation { width: 150px; }
.passpn { width: 110px; }
.datebr { width: 200px; }

.bodyMain .passangerDetails { /*margin-left: 10px*/}

.bodyMain .fname, .bodyMain .lname { width: 100px; /*background: #b6d2f1;*/}
.bodyMain .nation { width: 110px; /*background: #b6d2f1; */}
.bodyMain .passpn { width: 110px; /*background: #b6d2f1; */}
.bodyMain .datebr {/*background: #b6d2f1; */}
.bodyMain div.infodiv, .bodyMain div.infoDivDouble {
	font-size:12px;
	background: white; color: #2F3E55; border:1px dotted #2F3E55; margin: 10px; padding: 10px;
}
.bodyMain div.infodiv h4, .bodyMain div.infoDivDouble h4 {
   font-size:14px;
   margin-bottom:4px
}

.step6 .p_title img {display: none;}


body.step5 .oneleg {position: relative;}
body.step5 .leg_actions {
	background-color:white;
	border:1px solid #B4D3E9;
	padding:3px 10px;
	position:absolute;
	right:7px;
	top:14px;
	/*width:220px;*/
	z-index:3;
}
body.step5 .leg_actions a {color: red; text-decoration: none; padding: 2px;}
body.step5 .leg_actions a:hover {text-decoration: underline;}
body.step5 .leg_actions a img {border: 1px solid white;}
body.step5 .leg_actions a:hover img {border: 1px solid #B4D3E9;}

/* OTRACK */

body.otrack h3 {padding-top:10px;}
body.otrack .orderCurrent p {padding: 5px 10px;}

body.exchange-points #stepDescription { background:url("/trains/images/exchange-points.png") no-repeat scroll 10px 12px #D4EBFC; padding-top: 0px;}

/* SIMPLE PAGE */

.simplePage p {padding: 0 20px 0 30px; font-size: 10pt;}
.ex_cities {
	font-size: 10pt;
	clear: both;
	position:relative;
	background-color: #E6F4FF;
	border-top: 1px solid #C1DAFF;
	border-right: 1px solid #5B9DFF;
	border-bottom: 1px solid #9FC6FF;
	border-left: 1px solid #CCE8FF;
	/*margin-top:10px;*/
	margin: 10px 30px 0px 30px;
}
.ex_cities h3 {
	font-size: 14pt;
	color: white;
	/*padding: 4px 20px;*/
	padding: 4px 15px;
	background-color: #5B9DFF;
	font-weight: normal;
	margin: 0px;
}
.ex_cities h4 {
	color:#0086DF;
	font-family:Tahoma;
	font-size:10pt;
	font-weight:bold;
	margin:0px;
	padding:3px 5px 3px 20px;
	background-color: #B9E3FF;
}

.ex_cities a.ex_points_btn {color: yellow; font-size: 10pt; position: absolute; top: 9px; right: 10px;}
.ex_points {line-height:20px;clear: both; background-color: #FFFFFF; border: 1px solid #AFC2EB; margin: 5px 10px; padding: 5px 10px; position:relative;}
.ex_points p {clear: both; margin: 5px 0;}
.ex_points label {font-weight: bold; float: left; width: 90px; clear: both;}
.ex_points div.cont {float: left; /*width: 550px;*/width: 470px;}
.ex_points a.ex_img_btn {color: red;}

.ex_img {text-align: center; background-color: white; border: 0px none; padding: 5px;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.smallHead {
	background:transparent url(/trains/images/quest.png) no-repeat scroll 5px 10px;
	color:#355ACA;
	font-family:Tahoma;
	font-size:10pt;
	font-weight:bold;
	margin-left:13px !important;
	margin-top:5px;
	padding:10px 0 10px 33px !important;
}

.var2 .ex_cities h3 {padding: 4px 15px; background-color: #C2DCFC; color: black;}
.var2 .ex_cities a.ex_points_btn {color: red;}
.var2 .ex_cities {
	margin: 10px 30px 0px 30px;
	border-width: 1px;
	border-style: solid;
	border-color: #E7F1FE #95C4F2 #A6C7DD #DEECFE;
	background-color: #E7F1FE;
}
.var2 .ex_points {border-color: #D0E3FD;}
/*.var2 p {margin-left: 35px; margin-right: 40px;}*/
.var2 div.cont {width: 470px;}
p.simple {margin-left: 0px; margin-right: 0px;}

div.str {height: 20px;}
div.str select {width: 50px;}
div.str img {vertical-align: top;}
td.nofirst {border-top: 1px solid #DFE8EE;}

.trainsTable tbody:hover td.nofirst {border-top: 1px solid #EBF5FE;}

div.wagonDescr {padding:30px 15px 5px;}
div.wagonDescr img {vertical-align: top;}
/*
.acenter {text-align: center;}
.aright {text-align: right;}
.aleft {text-align: left;}
*/

.contacts {width: 200px;}
.onet {position: relative;}
.ticketNum {position: absolute; top:5px; left: 5px; color: #E96D3F; font-size: 14pt; font-weight: bold;}

.layoutDiv a {color: #053EFE; text-decoration: none;}
.layoutDiv a:hover {text-decoration: underline;}

.content_holder {
	border-bottom:2px solid #ABD0FA;
	border-left:2px solid #ABD0FA;
	border-right:2px solid #ABD0FA;
	border-top:0 none !important;
	background-color:#D4EBFC;
	padding-top:5px;
}

#widget {border: 1px solid #D9EAFD;}

.button_right {text-align: right; padding: 10px 20px;}
.passengerDetails {width: 100%;}

.passenger_count {font-size: 10pt; padding: 10px;}
body.step0 .dateNew {text-align: center;}
body.step0 .content_holder {background-color:#EDF2F8;}
body.step0 p {font-size: 10pt; margin: 5px 10px; }

body.step0 .pass_details {padding-left: 10px; width:100%; border-collapse: collapse;}
body.step0 .pass_details ul {margin: 15px 0; padding: 0; list-style-type: none; clear: both;}

body.step0 .pass_details td {text-align: center; background-color: #D7EDFB; border: 1px solid #AACFFB; padding:3px 0;}

body.step0 .pass_details .first_line td {border-top: 4px solid #307796;}
body.step0 .pass_details .second_line td {border-bottom: 4px solid #307796;}

body.step0 .need_separate_place div, body.step0 .need_separate_place input {display: none;}

.please_note {font-size: 11pt; padding: 2px 20px;}
.please_note strong {color: red;}

.error {
	background-color:#BA211D;
	color:white;
	font-size:11pt;
	margin:5px auto 10px;
	padding:2px 5px;
	text-align:center;
	width:500px;
}

.notice {
	background-color:#15A61D;
	color:white;
	font-size:11pt;
	font-weight:bold;
	margin:5px auto 10px;
	padding:2px 5px;
	text-align:center;
	width:500px;
}

body.step0 .pass_details li {
	float: left;
	width: 165px;
	background-color: #D7EDFB;
	border: 1px solid #459BCF;
	text-align: center;
	padding: 5px 0;
	height:40px;
}
body.step0 .pass_details .passnum {width: 20px; background-color: white; vertical-align: middle; border-top: 4px solid #307796; border-bottom: 4px solid #307796;}
body.step0 .pass_details .passtype {/*clear: both;*/ width: 332px;}
body.step0 .pass_details .place_info {background-color: white; width: 70px;}
body.step0 .pass_details .place_info select {width: 50px;}
body.step0 .pass_details .price_info {background-color: #E8FDE9; width: 70px;}
body.step0 .pass_details th,
body.step0 .pass_details .like_th {text-align: center; font-size: 8pt; font-weight: normal; color: #80A3CE; line-height:20px;}
body.step0 .pass_details input[type=text] {width: 150px;}
body.step0 .sex {width: 85px;}
body.step0 .passtype select {width: 321px;}
body.step0 .ui-datepicker-title select {font-size: 10pt;}
body.step0 .ui-datepicker {font-size: 91%;}

.perror {background-color: #BA211D !important; color: white !important;}
.perror .like_th {background-color: #BA211D !important; color: white !important;}
.ui-datepicker {z-index:10;}

body.ufs_book .tableHolder {font-size: 10pt;}
body.ufs_book .tableHolder .h3_spliter {margin-top: 27px; border: 0px none;}
body.ufs_book .tableHolder .cars_spliter {margin-top: 35px; border: 0px none;}
body.ufs_book .tableHolder .submit_spliter {margin-top: 30px; border: 0px none;}
body.ufs_book .tableHolder .wagon_empty_space {margin: 145px 0 0;  border: 0px none;}
body.ufs_book .additional_options {position: absolute; top: 47px; right: 5px; background-color: #F8FAFC; border: 1px solid #CAD9E8; padding: 5px 20px;}
body.ufs_book .additional_options p {margin: 0;}
body.ufs_book .curr_balance {font-weight: bold;}
body.ufs_book .balance_less {color: #B6120A;}

body.ufs_book .car_list {list-style-type: none; margin: 10px 0 0; padding: 0; /*width: 600px;*/}
body.ufs_book .car_list li a {
	background-color:#1D673A;
	border:1px solid #103A21;
	color:white;
	float:left;
	height:20px;
	margin:2px 5px;
	padding:2px 15px 0;
	text-align:center;
	width:20px;
}
body.ufs_book .car_list li a:hover {background-color: #227B46;}

body.ufs_book .car_list a {color: white; font-weight: bold;}

body.ufs_book .pass_details {margin: 0; padding: 0; border-collapse: collapse; width:100%;}
body.ufs_book .pass_details td {/*width: 150px;*/ background-color: #D7EDFB; border: 1px solid #459BCF; text-align: center; padding: 2px 5px; /*height:50px;*/}
body.ufs_book .pass_details .passnum {width: 20px; height: 72px; background-color: white; vertical-align: middle;}
body.ufs_book .pass_details .passtype {/*clear: both;*/ width: 302px;}
body.ufs_book .pass_details .place_info {background-color: white; width: 70px;}
body.ufs_book .pass_details .place_info select {width: 50px;}
body.ufs_book .pass_details .price_info {background-color: #E8FDE9; width: 70px;}
body.ufs_book .pass_details th,
body.ufs_book .pass_details .like_th {text-align: center; font-size: 8pt; font-weight: normal; color: #80A3CE;}
body.ufs_book .pass_details input[type=text] {width: 130px;}

body.ufs_book .pass_details .first_line td {border-top: 4px solid #307796;}
body.ufs_book .pass_details .second_line td {border-bottom: 4px solid #307796;}
body.ufs_book .pass_details .one_in_col {border-top: 4px solid #307796; border-bottom: 4px solid #307796 !important;}

.journey_summary {list-style-type: none !important; font-size: 11pt; }
.journey_summary label {width: 70px; float: left;}
body.ufs_confirm .journey_summary label {width: 115px;}

body.ufs_book .your_selection {list-style-type: none; text-align: right; padding: 0px 300px 0 0;}
body.ufs_book .your_selection li {line-height: 25px;}
body.ufs_book .carriage_legend li {float: left; margin-left: 10px;}

body.ufs_confirm form {text-align: center; line-height: 30px;}
body.ufs_confirm h1 {text-align: center; font-size: 12pt; margin: 0px auto 10px; color: #2B6BB3;}
body.ufs_confirm .agree {color: #E23E3A; font-size: 10pt;}

.transaction_summary, .one_ticket {
	list-style-type: none !important;
	padding: 0px;
	margin: 5px 0px !important;
}


.one_ticket {
	background-color: white;
	padding: 2px 5px !important;
	border:1px solid #DBDBDB;
}

.one_ticket .passenger {
	background-color: white;
	padding: 5px 5px !important;
	border:1px solid #B4B4B4;
	margin: 5px 5px;
}

h5 {
	background-color:#AACFFB;
	color:#0951AA;
	font-size:10pt;
	margin:10px -5px;
	padding:3px 10px;
	text-align: center;
}

.table_format {
	display: none;
	font-size: 10pt;
}

.table_format table {
	border-collapse: collapse;
	width: 100%;
}

.table_format th {
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	background-color: #F2F4F7;
	border: 1px solid #CFD8E0;

}

.table_format .requirements {
	width: 200px;
}

.table_format td {
	background-color: #E8ECF0;
	border: 1px solid #CFD8E0;
	padding: 2px 5px;
}

.aleft {text-align: left;}
.acenter {text-align: center;}
.aright {text-align: right;}

.add_new_leg {font-size: 12pt; text-align: center;}

.exist_order {
	background-color:#FDFDEE;
	border:1px solid #D5EFFD;
	font-size:10pt;
	padding:3px 20px;
}

.hide_summary, .quick_summary {display: none;}

.add_leg_button {text-align: center;  margin: 10px 0px;}
.add_leg_button img {border: 0px none;}

.st_descr_list {list-style-type: none;}
.wiki_icon {border: 1px solid #3F638B; vertical-align: top;}
.wiki_icon:hover {border: 1px solid #D8E9FE; vertical-align: top;}
.show_tooltip {cursor: pointer;}

.confirm_page_col1 {width: 65%; float: left;}
.confirm_page_col2 {width: 35%; float: left;}

.leg_summary {
	background-color:#B5D2F2;
	border:1px solid #7BB7DF;
	color:#2F3E55;
	font-family:Tahoma;
	font-size:14px;
	font-weight:normal;
	line-height:25px;
	margin:0;
	padding-left:50px;
}

.tooltip_sub_head {
	color: white;
	background-color: #5B9DFF;
	border:1px solid #3F638B;
	border-width: 1px 0;
	font-weight:bold;
	line-height:16px;
	padding-left:4px;
	padding-right:20px;
	padding-top:2px;
	text-indent:4px;
	margin: 0px -3px;
}

body.step5 .leg_num {
	padding:3px 10px;
	position:absolute;
	left:2px;
	top:2px;
	z-index:3;
	font-size: 54pt;
	color: #5B9DFF;
}