/* system settings */
#mmiBookmark a:hover, #mmiHome a:hover, #mmiBookmark a:hover, #mmiForums a:hover, #mmiSecure a:hover, #mmiTracking a:hover, #mmiContact a:hover
{color: #FFFF00;text-decoration:underline !important;}

span.grandDouble {color: #B9BCDD !important;}

html {
  /* background: darkblue url(../images/scanlines.gif); */
  background: #eeeeee;  
}
body {
  background: #EDF8FE; color: black;
  width: 990px; 
  margin: 0px auto 0 auto;
  font: 86% Arial;
  /*border:1px dotted black;*/
  border: 0px none;
/*  position: relative; */ /* hope it won't break anything and nothing depends on the positioning context of html element... */
  padding-bottom: 0 !important;
}

.submitButtonHolder { text-align: right; width: 965px; padding: 20px 0 10px 0;}
#sbmtbtn {  width: 18em; padding: 1px;}

.tbc { cursor: pointer !important; }

/* these headers explain elements' meanings to browsers that do not support CSS */
h2 { display: none; }

/* header + Russian Emblem */

h1 {
background:white none repeat scroll 0 0;
color:#43647E !important;
font-size:24px;
font-family: Verdana,Arial,sans-serif;
height:50px;
margin:0;
padding:0.5em 0 0;
position:relative;
text-align:center;
}

h1 em { 
  display: block;
  font-style:normal;
  font-size:10px;
  font-weight:normal;
}

h1 span {
  text-indent: -10em;
  display: block;
  position: absolute;
  left: 55px;
  top: 0ex;
  width: 55px;
  height: 2.5em;
  background: url(../images/gerb.png) no-repeat 0 50%;
  overflow:hidden;
}

/* main menu */
#mainMenu { list-style: none; /*overflow: auto;*/ margin: 0; padding: 0; background: #9999ff; border-bottom: 1px solid white;}
#mainMenu { padding-left: 198px; background: #9999ff url(/images/flgs.bmp) 13px 17px no-repeat; height:40px;}

#mainMenu li { float: left; line-height: 45px; font-size: 86%; padding-left: 23px; /*margin-left: 45px;*/ width: 98px; }
#mainMenu a { color: white; text-decoration: none; font-size: 10pt; font-family: Tahoma;}
li#mmiBookmark { margin-left: 16px; background: url(/images/fav.gif) no-repeat 8px 6px; }
li#top_book { /*margin-left: 40px;*/ padding-top: 0px; width:135px !important; padding-left: 17px; margin-top: -3px;}
#mmiHome { background: url(/images/newhome.gif) no-repeat 0px 9px;}
#mmiContact { background: url(/images/emailicon.gif) no-repeat 0px 9px;  padding-left: 22px !important; width:121px !important;}
#mmiForums { background: url(/images/feedback.gif) no-repeat 0px 10px; padding-left:20px !important; width:110px !important;}
#mmiSecure { background: url(/images/locked.gif) no-repeat 0px 11px; padding-left:16px !important; width:110px !important;}
#mmiTracking { background: url(/images/cal.gif) no-repeat 0px 10px; padding-left:20px !important;}

#rightMenu a:hover, #leftMenu a:hover {color: yellow; text-decoration: underline;}

/* breadcrumbs */
#breadCrumbs { list-style: none; overflow: auto; margin: 5px 0 10px 9px; padding: 0; font-family: Tahoma; clear: both; }
#breadCrumbs li {position:relative; float: left; width: 237px; border: 2px solid #9ECFF8; color:#A5A8AB; margin: 1px; font-size: 86%; line-height: 2em; text-indent: 15px; }
#breadCrumbs .active { background-color: #B9DCF9; color: #1E3E73; font-weight: bold;}

#breadCrumbs a { color: gray; }
#breadCrumbs a:hover { text-decoration: underline; } 
#breadCrumbs .active a { color: white; }
#breadCrumbs .passed {cursor: pointer;}
#breadCrumbs .passed a {
	color: #256196;
	text-decoration: none;
	position:relative;
	z-index:4;
}
#breadCrumbs .passed a:hover { color: red; text-decoration: underline; }

#breadCrumbs li.passed:hover {
	border:2px solid #78BDF5;
	background-color:#F0FDFF;
	color:#015850;
}

.luz77 {
	background-color:#F9FFFF;
	height:13px;
	left:0;
	opacity:0.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	position:absolute;
	top:0;
	width:100%;
	z-index:3;
}

/* step description */

body.step0 #stepDescription {background: url(../images/step0.jpg) no-repeat 10px 4px;}
body.step1 #stepDescription {background: url(../images/step1.jpg) no-repeat 10px 4px;}
body.step2 #stepDescription {background: url(../images/step2.jpg) no-repeat 10px 4px;}
body.step3 #stepDescription {background: url(../images/step3.jpg) no-repeat 10px 4px;}
body.step4 #stepDescription {background: url(../images/step4.jpg) no-repeat 10px 4px;}
body.step5 #stepDescription {background: url(../images/step5.jpg) no-repeat 10px 4px;}
body.step6 #stepDescription {background: url(../images/step6.jpg) no-repeat 10px 12px;}
body.paymentResult #stepDescription {background: url(../images/creditcard.jpg) no-repeat 10px 12px;}
body.otrack #stepDescription {background: url(../images/tracking.jpg) no-repeat 10px 12px;}
body.exchange-points #stepDescription {background: url(../images/exchange-points.png) no-repeat 10px 12px;}
body.rr_error #stepDescription {background: url(../images/rr_error.jpg) no-repeat 10px 12px;}

body.exchange-points a {color: red; text-decoration: none;}
body.exchange-points a:hover {text-decoration: underline;}

body.otrack .tableHolder, body.paymentResult .tableHolder, body.paymentResult .tableHolder {border: 0px none !important;}

#stepDescription { padding-left: 225px; margin: 10px 10px 0 0; min-height: 150px; overflow: visible;}
#stepDescription h3 { margin: 10px 0 10px 0; padding: 0; }
#stepDescription p { font-size: 86%;}

/*body.step0 #stepDescription {padding-left: 230px; margin-top: 20px;}*/

/*span.srtPoezd {font-family: Georgia;}*/

form { margin: 0; padding: 0; }


/* 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;}
.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*/




/* table holder div */
.tableHolder { background-color: #D3EAFB; margin: 10px 10px 0 10px; border: 1px dotted white; }

/* table header showing the destination and arrival stations, and dates */
.tableHolder h3 { color: #016AA3; font-weight: normal; font-size: 96%; margin: 0; padding: 17px; /*font-family: Georgia;*/}
.tableHolder h3 b { color: #2B598C; font-size: 110%; }
.tableHolder h3.paymentStatus {color: black; font-family: Tahoma; padding:0 17px;}
.tableHolder h3.paymentStatus b {color: black; }
/* table options toolbar */
.selectTrainOptions { background-color: #5B9DFF; /*font-family: Georgia;*/ font-size: 86%; line-height: 2em; padding: 6px 0 6px 10px;}
.selectTrainOptions select { background-color: white; color:#323668; font-size: 91%; font-family: Tahoma;}


/* tooltip styles */
#myToolTip {
	background-color:#EDF5FF;
	border-width: 1px;
	border-style: solid;
	border-color: #E8F5FD #537EB3 #0042A4 #62BCF2;
	font-size:86%;
	margin:0;
	padding:0;
	width:250px;
}
#myToolTipTitle { background-color:#5B9DFF;border:0px none;color:white;font-weight:bold;line-height:18px;padding-left:4px;padding-right:20px;padding-top:2px;}
#myToolTipContent { background-color:#E1F1FF;color:#003464;padding:3px !important; }
#myToolTipCross { background-color:#DA3A18;color:white;cursor:pointer;font-size:16px;height:20px;overflow:hidden;position:absolute;right:-1px;text-align:center;top:0;width:20px;}
#myToolTipContent p { margin: 0 0 10px 0 !important}
#myHover, #tsHover {z-index:5; position:absolute; top: 100px; left: 200px; background-color:#FABA6B; color:#6C2617; padding:3px !important; border-top: 1px solid white;border-right: 1px solid #B16743;border-bottom: 1px solid #B16743;border-left: 1px solid white;}
#myHoverArrow {display: none !important;}

/* img hover styles */

#mcAfeeSecure { position:absolute;text-align:right;top:3px;width:990px;}
#mcAfeeSecure a { margin-right: 10px; }
#mcAfeeSecure p { color:#43647E;font-family:Verdana,sans-serif;font-size:76%;position:absolute;right:150px;top:10px; margin: 0px;}
#mcAfeeSecure span { float: left; clear:both; width: 75px; text-align:left;}
#mcAfeeSecure em { font-style:normal;}
#bottomFooter { border-top: 1px solid white; background: #9999ff; color: white; margin: 0; padding: 0; line-height: 2em; font-size: 74%; font-family: Tahoma; text-align: center; clear: both; }
#bottomFooter p { margin: 0 161px; }
#bottomFooter a { text-decoration: none; color: white; }
#bottomFooter #bbl { float: left; width: 160px;}
#bottomFooter #bbr { float: right; width: 160px; }

#bottomFooter a:hover {color:yellow;text-decoration:underline;} 

/* STEP 1*/
body.step1 div.tableHolder {background-color: white; font-size: 10pt; }
body.step1 div.tableHolder ul {list-style-type: none;}
body.step1 div.tableHolder a {color: red;}
/* STEP 3*/

/* loading control */
* html, * html body {height:100%;}
#loading { position: absolute; height: 100%; width: 980px; top: 0; background: url(/trains/images/aera.jpg) white no-repeat 97% 98%;z-index:1000;color:black;font-family: Arial, Sans-Serif;}
 /*font-size: 170%; color: #22354a; font-weight: bold;*/
 /* url(../images/progressbar2.gif) 440px 350px no-repeat;*/
#loading div { position: absolute; right: 10px; top: 10px; border: 1px solid #ccc; padding: 10px; background: #fafafa;}
#loading div h3 { font-size: 86% }
#loading div span { display:block; font-size:86% }
#loading .pleasewait {
 font-weight: bold; 
 font-size: 110%; 
 height: 100px; 
 padding-top: 1.5em; 
 padding-left: 80px;
 background: white url(../images/progressbar2.gif) -10px -10px no-repeat; 
 margin-left: 350px;
 position: relative;
 top: 350px;
 border: 0px none;
 /*margin-top: 400px; */
}
#loading .aeralogo {display: none;}

div.bodyLeft, div.bodyTop, div.bodyRight, div.bodyBottom {display: none;} 

.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; width:968px; overflow: hidden; }
body.step3 table.trainsTable td { border: 1px solid #ccc; color: #323668;}
body.step3 table.trainsTable ul { list-style: none; }

/* table THEAD styles columns widths */ /* CHECK ALL WIDTHS !!!! */
.trainNumberColumn { width: 260px; }
.datesColumn { width: 175px; }
.runTimeColumn { width: 85px; }
.ticketsColumn { width: 388px; }
.checkColumn { width: 40px;}

body.step3 table.trainsTable thead th { background: #D8D8DA; color: #323668; font-size: 86%; /*font-family: Georgia;*/ font-weight: normal; line-height: 20px; cursor: pointer; border-bottom: 1px solid #a8bdd0;}
body.step3 table.trainsTable thead th:hover, body.step3 table.trainsTable .ie6thHovered { background-color: #E9E9EB; }
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: #D8D8DA; }

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

/* 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; background-color:white;}
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; }

body.step3 table.trainsTable .trnum {text-decoration: none;}
body.step3 table.trainsTable .trnum:hover {text-decoration: underline;}

body.step3 table.trainsTable tr.prechecked td {background-color: #FEFCB1;}

.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; }


/* 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;}
.stbl thead th:hover, .stbl thead th { background: transparent !important; font-size: 80%; color: #323668 !important; cursor: auto; border: 0 none;} /* overriding ".trainsTable thead th" styles*/
.stbl td { border: none; height: 1.4em; width: auto;}
.stbl td, .stbl th { padding-left: 10px;  background: 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: 95px; }
.stbl .cls { width: 90px; }
.stbl .cla { width: 80px; }

.rur .stbl .clh { width: 80px; }
.rur .stbl .cls { width: 70px; }
.rur .stbl .cla { width: 70px; }

/* 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 */
.sortSelect { margin-right:85px;}
#time { margin-right: 55px;}


.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; }

/*
#step3ti { width: 870px; background: none; border: 0; }
.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; } 


.s3TiTable { font-size: 86%; border: 1px solid black; width: 100%; }
.s3TiTable th { background: #708AB1; border: 1px solid black; color: white; font-family: Tahoma; font-weight: bold; }
.s3TiTable tbody th { text-align: left;}
.s3TiTable .odd td { background: white; }
*/

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

/* STEP4 */

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

.tableHolder {
	border-width: 1px;
	border-style: solid;
	border-color: #C9DFEF #B4D3E9 #9CC5E2 #BDD8EC;
}

body.step5 .tableHolder {
	border-color: #052965;
	border-style: solid;
	border-width: 1px;
}

.selectTrainOptions {
  border: 1px solid #93CCFF;
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-color: #8195B6;
  position:relative;
  color:white;
}

.selectTrainOptions a {color: yellow; text-decoration: none;}
.selectTrainOptions a:hover {text-decoration: underline;}

.classPrice {margin:0;}

.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: #323668; text-align: center; padding: 3px 0; }
body.step4 table.trainsTable thead th {text-align:center; background: #D8D8DA; color: #323668; font-size: 86%; /*font-family: Georgia;*/ 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; }
.tr_class, .tr_seat, .tr_services {text-align: left; padding-left: 10px; }
.tr_sum { width: 120px; }
small { font-size: 100%; }

.noChildren .tr_childprice, .noChildren .tr_childcount, .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, 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}
body.step4 table.trainsTable .tr_ticket .str {text-align: left; padding-left: 10px;}
body.step4 table.trainsTable .tr_ticket .str img {vertical-align: text-bottom;}
body.step4 img.ti {cursor: pointer;}
.priceandcompact { position: absolute; right: 10px; top: 6px; }

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

.orderTotal { margin: 10px; background-color: #5B9DFF; line-height: 3em; /*height: 3em;*/ text-align: right; padding-right: 20px; color: white; font-weight: bold; font-size: 110%; }
.woTotal span { font-weight: normal; }

/* STEP 5*/

body.step5 .oneleg {position: relative;}
body.step5 .leg_actions {
	background-color:white;
	border:1px solid #B4D3E9;
	padding:3px 10px;
	position:absolute;
	right:2px;
	top:2px;
	/*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;}

body.step5 .leg_with_padding h3 {margin-left: 80px;}
body.step5 .leg_num {
	background-color:white;
	border:1px solid #B4D3E9;
	color:#608FBF;
	font-size:25pt;
	left:30px;
	line-height:23px;
	padding:6px 3px;
	position:absolute;
	top:30px;
	z-index:3;
}

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: #D62314; text-decoration: none;}
div.tableHolder h3 a:hover {text-decoration: underline;}

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-color:#C9DFEF #B4D3E9 #9CC5E2 #BDD8EC;
	border-style:solid;
	border-width:1px;
	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; clear: both;}

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-color: #D3EAFB; line-height: 30px; text-align: right; padding-right:10px; clear: both;}
div.totalAll {background-color: #5B9DFF; 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;}
.passengerDetails {width:97%;margin: 0 15px; border-collapse: collapse;table-layout: fixed;}
.ageColumn { text-align: center !important; }

.passengerDetails th{
	font-weight: bold;
	font-size:9pt;
	font-family:Tahoma;
	background-color: #5B9DFF;
	color:white;
	border:1px solid white;
	padding: 0.5ex 0;
	text-align: center;
}

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

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

.passenger_count {padding: 10px 20px; }

.passenger_count select
{
	font-size:9pt;
	font-family:Tahoma;
	color:#323668;
}

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

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

.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: 110px; }
.sex {width: 70px;}
.nation { width: 150px; }
.passpn { width: 110px; }
.datebr { width: 230px; }

.bodyMain .passengerDetails { margin-left: 10px}

.bodyMain .fname, .bodyMain .lname { width: 110px; background: #b6d2f1;}
.bodyMain .nation { width: 130px; 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 */
#bottomFooter { border: 0; }

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

.paymentResult, .step6, .otrack, .simplePage {background-color: #9999FF;}

.step6 .tableHolder { padding: 0px; margin:0px; font-size:86%; border: 0px none; padding-bottom:10px;}

.step6 .tableHolder p {margin-left: 10px; margin-right: 10px; color:black; font-weight: normal;}
.step6 .tableHolder p.p_title {background: url(../images/question.png) no-repeat;margin-left: 10px !important; padding-left: 30px; color:blue !important; font-weight: bold; line-height:22px;}
/*.step6 .tableHolder p a.lnk {background: url(../images/red_list_img.png) no-repeat;padding-left: 15px;}*/


td.headOfPass{font-weight: bold;font-size:9pt;font-family:Tahoma;background-color: #708AB1;color:white;	border:1px solid black;	padding-top: 0px;padding-bottom: 0px;}

td.bodyOfPass{font-size:9pt;font-family:Tahoma;background-color: #E9E9E9;width:25%;border:1px dotted blue;}

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

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

.classInTrain{background-color: white;}

.p_title{color: blue;font-weight: bold;font-size: 10pt;}

.lnk{color: blue;}

.myBorder6{	background-color: #E2ECF1;}

.rr_leftCorner {background: url(/images/_c1.gif) left top no-repeat; height:50px;left:0px;position:absolute;top:0px;width:50px;}
.rr_rightCorner {background: url(/images/_c2.gif) left top no-repeat;  height:50px;right:-10px;position:absolute;top:0px;width:50px;}

#mainMenu { border: 0; }

.menuStructure #stepDescription {margin:0px 30px;}
.step6 .menuStructure #stepDescription {margin:20px 10px 0;}
body.exchange-points .menuStructure #stepDescription {margin:0px 11px;}

.menuStructure #stepDescription {background-color: #cccccc !important; border: 1px dotted #111; padding-bottom: 10px; }
.menuStructure .tableHolder {background-color: #FFFFDE;}
#stepDescription a, .menuStructure .tableHolder a, .exist_order a {color: red; text-decoration: none;}
#stepDescription a:hover, .menuStructure .tableHolder a:hover, .exist_order a:hover {text-decoration: underline;}

#leftMenu ul, #rightMenu ul, #step6wrapper ul { list-style: none; margin: 0; padding: 0}
#leftMenu, #rightMenu { position: absolute; top:0px; margin: 0; padding: 20px 0; width: 150px; font-size:86%;}
#leftMenu { left: -150px; }
#rightMenu { right: -150px; }
#leftMenu a, #rightMenu a { color: white; text-decoration: none; } 

#leftMenu, #rightMenu { background-color:#9999ff;}
#leftMenu h3, #rightMenu h3 { display: none; }
#leftMenu ul, #rightMenu ul { margin: 0 0 3px 4px;}
#leftMenu li, #rightMenu li {
	background: url(/images/bulletb.gif) left center no-repeat;
	padding-left:28px;
	margin:15px 0;
	}
#leftMenu #russianVisas li {background: url(/images/russia1.jpg) left center no-repeat; font-weight:bold; }
#leftMenu #usaVisas li {background: url(/images/usaflag.gif) left center no-repeat; }
	
#rightMenu #balarusianVisas {background: url(/images/belarus1.jpg) left center no-repeat; }
#rightMenu #chineseVisas    {background: url(/images/china1.jpg) left center no-repeat; }
#rightMenu #kazakhVisas     {background: url(/images/k-flag.gif) left center no-repeat; }
#rightMenu #mongolianVisas  {background: url(/images/mongolia1.jpg) left center no-repeat; }
#rightMenu #ukVisas         {background: url(/images/ujack.jpg) left center no-repeat; } 
	
#leftMenu .separator, #rightMenu .separator {
	padding: 0;
	margin: 20px 10px 20px 30px;
	display: block;
	overflow: hidden;
	border-bottom: #ece9d8 1px solid;
	background: red;
	
	height:0;
	line-height:1px;
}

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

div.places {margin: 0 auto; width: 800px; }
div.places table {background-color: white; border-collapse: collapse;}
div.places td, div.places th {border: 1px solid #A8BDD0; color:#323668;}
div.places th {font-size: 10px; }
div.places td {font-size: 12px; font-weight: normal;}
div.places td.col1 {width: 40px;}
div.places td.col2 {width: 850px;}
div.places td.cl_str {background-color: #D2EBFB;}
div.places span.pl_man {color: #2545B1;}
div.places span.pl_woman {color: #B42B23;}
div.places span.pl_whole {}
div.places span.pl_mixed {color: #51983F;}

div.menuStructure {margin: auto 150px; position: relative; min-height: 700px; background-color: #FFFFDE; padding-top: 20px;}

/* SIMPLE PAGE */

.simplePage p {padding: 0px 10px; 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: #F7F9FD; 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: 1px dashed #B3D6F4; padding: 5px;}

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

.smallHead {
	background:transparent url(../images/question.png) no-repeat scroll 2px 2px;
	color:#0000FF;
	font-family:Tahoma;
	font-size:10pt;
	font-weight:bold;
	margin-left:13px !important;
	padding:5px 0 3px 33px !important;
}

.var2 .ex_cities h3 {padding: 4px 15px; background-color: #F8F58F; 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: #FEFBD8 #FAEA25 #D8C805 #F5EFA7;
	background-color: #FCFBCF;
}
.var2 .ex_points {border-color: #DFDCBB;}
/*.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;}

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

.button_right {text-align: right; padding: 10px 20px;}

.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; margin: 0px; padding: 0px;}
.st_descr_list_label {float: left; width: 100px;}
.st_descr_list_li {clear: both; line-height: 18px;}
.wiki_icon {border: 1px solid #3F638B; vertical-align: top;}
.wiki_icon:hover {border: 1px solid #D8E9FE; vertical-align: top;}
.show_tooltip {cursor: pointer;}

.tooltip_sub_head {
	background-color:#5B9DFF;
	border:0 none;
	color:white;
	font-weight:bold;
	line-height:18px;
	padding-left:4px;
	padding-right:20px;
	padding-top:2px;
	margin:0 -3px;
}

.leg_summary {
	color:#016AA3;
	font-size:96%;
	font-weight:normal;
	margin:0;
	padding: 10px 0 10px 80px;
	min-height: 48px;
}

.train_logo {
	background: url(/trains/images/train_60.png) no-repeat 5px 5px transparent;
}

/* train information page styles */
#step3ti {
	border: 1px solid #5B9DFF;
	margin: 1em auto;
	padding: 0 1em 1em 1em;
	font-family: Arial;
	width: 790px;
}

#step3ti #rnr-sub { margin-bottom: 15px;}

.s3tiSection h3 {
	background: #5B9DFF;
	color: white;
	padding: 5px; font-weight: bold; 
}

/*==========================================<SERVICES IMAGE REPLACEMENT>======================================*/
.trainService, .trainType { 
  display: inline-block; 
  background: url(/trains/static.php?trains-services[v1].gif) left top no-repeat; 
  cursor:pointer;
  overflow: hidden;
  margin: 1px;
  text-decoration: none;
}

.trainService:hover, .trainType:hover {
  border: 1px solid #ccc;
  margin: 0;
}

.trainService { width: 46px; height: 15px; }
.trainType { width: 16px; height: 16px; } 

/*fast*/ .s16,.s18a.s19{ background-position: -154px 0}
/*firm*/ .s17{ background-position: -108px 0}
/*express*/ .s20{ background-position: -16px 0}
/*pass*/ .s122{ background-position: -62px 0}

/*NF*/ .s13{ background-position: 0 -20px}
/*MF*/ .s12{ background-position: 0 -36px}
/*imperial*/ .s22{ background-position: 0 -52px}
/*I*/ .s15{ background-position: 0 -68px}
/*G*/ .s119{ background-position: 0 -84px}
/*deluxe*/ .s1 { background-position: 0 -100px; }
/*BN*/ .s14{ background-position: 0 -116px}
/*serv04*/ .s109,.s110,.s111,.s112,.s113,.s114,.s115{ background-position: 0 -132px}
/*tick*/ .s6,.s7,.s10,.s21,.s23,.s24,.s27,.s28,.s116,.s118{ background-position: 0 -148px}
/*plus*/ .s3,.s5,.s9,.s29,.s30,.s117,.s121 { background-position: 0 -164px}
/*bis*/ .s4,.s8{ background-position: 0 -180px}
/*Wash*/ .s120{ background-position: 0 -196px}
/*Y8*/ .s108{ background-position: 0 -212px}
/*Y7*/ .s107{ background-position: 0 -228px}
/*Y6*/ .s106{ background-position: 0 -244px}
/*Y5*/ .s105{ background-position: 0 -260px}
/*Y4*/ .s104{ background-position: 0 -276px}
/*Y3*/ .s103{ background-position: 0 -292px}
/*Y2*/ .s102{ background-position: 0 -308px}
/*Y1*/ .s101{ background-position: 0 -324px}
/*Y0*/ .s25,.s100{ background-position: 0 -340px}
/*P*/ .s2 { background-position: 0 -356px; }
/*CC*/ .s11{ background-position: 0 -372px}

/*mn*/ .s123{ background-position: 0 -388px}
/*notice*/ .s124{ background-position: 0 -404px}
/*seat_place*/ .s200{ background-position: 0 -420px}
/*top_place*/ .s201,.s203{ background-position: 0 -436px}
/*bottom_place*/ .s202,.s204{ background-position: 0 -452px}
/*==========================================</SERVICES IMAGE REPLACEMENT>======================================*/