/* 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: #e2ecf1; 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 0 4px; padding: 0; font-family: Tahoma;}
#breadCrumbs li { float: left; width: 237px; border: 2px solid white; margin: 1px; font-size: 86%; line-height: 2em; text-indent: 15px;}
#breadCrumbs .active { background: #809DCA; color: white; }

#breadCrumbs a { color: gray; }
#breadCrumbs a:hover { text-decoration: underline; } 
#breadCrumbs .active a { color: white; }
#breadCrumbs .passed a { color: red; text-decoration: none; }

/* step description */
#stepDescription { padding-left: 225px; margin: 10px 10px 0 0; min-height: 140px; overflow: visible;}
#stepDescription h3 { margin: 0 0 20px 0; padding: 0; }
#stepDescription p { font-size: 86%;}

/*span.srtPoezd {font-family: Georgia;}*/

form { margin: 0; padding: 0; }



/* table holder div */
.tableHolder { background: #708AB1; color: white; margin: 10px; border: 1px dotted white; }

/* table header showing the destination and arrival stations, and dates */
.tableHolder h3 { color: #D0DBEA; font-weight: normal; font-size: 96%; margin: 0; padding: 17px; font-family: Georgia;}
.tableHolder h3 b { color: white; 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: #A8BDD0; font-family: Georgia; font-size: 86%; line-height: 2em; padding: 6px 0 6px 10px;}
.selectTrainOptions select { background: #E0E0E0; color:#323668; font-size: 91%; font-family: Tahoma;}


/* tooltip styles */

#myToolTip { background: #edf5ff; border: 1px solid #213449; margin: 0; padding: 0; width: 250px; font-size: 86%; }
#myToolTipTitle { height: 20px; line-height: 20px; border-bottom: 1px solid #213449; text-indent: 4px; font-weight: bold; background: #708ab1; color: white; }
#myToolTipContent { background: #a8bdd0; padding: 3px !important; }
#myToolTipCross { width: 20px; height: 20px; font-size: 18px; overflow: hidden; position: absolute; top: 0; right: 0; background: #263b52; color: white; cursor: hand; cursor: pointer; text-align: center; font-size: 16px; }
#myToolTipContent p { margin: 0 0 10px 0 !important}

/* img hover styles */
#myHover { display: none; position:absolute; color: white; border: 1px solid #213449; height: 1.3em; background: #708ab1; font-size: 86%; padding: 2px 4px; font-weight: bold; }
#myHoverArrow { background: url(../images/downArrow.png) 50% 50% no-repeat; width: 10px; height: 10px; position: absolute; bottom: -7px; left: 8px;}

#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;} 