﻿/* (c) Dynarch.com 2003-2005. All Rights Reserved. */
/* Commented By JASOA 
To change Nav bar 
- Width :	.menuHolder
			.menubar .section 
- Border Color : .menubar .section .body 
- Background Color : .menubar .section .body 
NavBar styles */

.menuholder
{
	/*position: absolute;*/
	float: left;	
	/*overflow: hidden;*/
	width:195px;
	background: #EBEBEB; /* padding keeps the content of the div away from the edges */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;
	z-index: 100;
}
.menubar
{
	position: relative;
	cursor: default;
}
/*
.menubar a, .menubar a:visited { color: #fe4; }
.menubar a:hover { color: #f80; }
*/
.menubar .control
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	background-color: #ffffff;
}
.menubar .control td { padding: 1px; margin: 0px; border: 0px; }
.menubar .control td.hilite
/*background-color: #ffffff;*/
.menubar .control .button { float: left; }
.menubar .control .button-right { float: right; }
.menubar .space { margin-bottom: 0px; }

.menubar .title {  
  margin: 0px auto;
  width: 100%;
  letter-spacing: 0;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color: #FFF;  
  height: 25px;
  -moz-border-radius: 0;
  /*border: none;
  background-color: #004F85;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #4D7492;
  background: url(Images/tab_120106.png);*/
}
.menubar .title .img {
	opacity: 1;
	-moz-opacity: 1;
	width: 14px;
	height: 14px;
	position:relative;
	left:-6px; 
	float: right; 
	cursor:pointer;
}
.menubar .title td { margin: 0px; padding: 0px 5px; border: none;  color:#ffffff; }
/*.menubar .title-hilite .img { -moz-opacity: 1; opacity: 1; }
.menubar .title-hilite
{
	background-color: #ffffff;
	color: #015FBF;
}
*/

.menubar .section .body table {
  width: 100%;
  border-collapse: collapse;
}

.menubar .section {
  position: relative;
  width:215px;
  margin: 0px auto;
  overflow: hidden;
}

.menuholder .FLactive-section {
	float:left;
	width:195px;
	background: #FFFFFF; 
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;		
}

.menubar .FLsection .body table {
  width: 100%;
  border-collapse: collapse;
}

.menubar .FLsection {
  position: relative;
  width:195px;
  margin: 0px auto;
  overflow: hidden;
}

.menubar .FLactive-section
{  
  background: #FFFFFF;
  width:195px;
  margin: 0px;
  overflow: hidden;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.menubar .FLactive-section-title {   
  width:195px;
  float:left;
  background-color : #004F85;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #4D7492; 
}

/* menu: Fare Search */
.menubar .active-section-title { 
  width:215px;
  background-repeat: no-repeat;
  background-color : #004F85; /*#004F85;*/
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: #FFF; /*#4D7492;*/ 
  /*border-top: solid 2px #FFF;*/
}

/* menu: Index Tools */
.menubar .active-section2-title {
  width:215px;
  background-color: #004F85;/*#0062A1; */
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: #FFF; /*#4D7492;*/
  background-repeat : no-repeat;
  background-position :right;
  border-top: solid 2px #FFF;
}

/* menu: Ticket Search */
.menubar .active-section3-title {
  width:215px;
  background-color: #004F85;
  border-bottom-width : 0px;
  border-bottom-style: solid;
  border-bottom-color: #FFF; /*#0078C2; */
  background-repeat : no-repeat;
  background-position :right;
  border-top: solid 2px #FFF;
}

/*
.navpanel_link_q2_top_expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #0062A1;
	background-repeat: no-repeat;
	text-indent: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4D7492;
	height: 25px;
	width: 200px;
	background-image: url(../NewDefault/images/nav_menu2_collapse.jpg);
	background-position: 5px;
	vertical-align: middle;
	}
	
.navpanel_link_q3_top_expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #0078C2;
	background-repeat: no-repeat;
	text-indent: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0078C2;
	height: 25px;
	width: 200px;
	background-image: url(../NewDefault/images/nav_menu3_collapse.jpg);
	background-position: 5px;
	vertical-align: middle;
	}

*/

/*
.menubar .section .body-hilite {  background-color:#C3D0E1; }

.menubar .section .body table tr.separator td div, .menubar .section .body div.separator
{
	height: 1px;
	overflow: hidden;
	margin: 4px 2px;
	border-bottom: #cccc99 1px dashed;
}
.menubar .section .body .item,
.menubar .section .body .item td {
  cursor: pointer;
  padding: 0px;
  margin: 0px;
}/*
.menubar .section .body .item .image {
  /*width: 20px;*/
  /*text-align: center;
  vertical-align: top;*/
  /* Uncomment the following if you want icons to be dimmed */
  /* filter: alpha(opacity=50); */
  /* -moz-opacity: 0.5; */
  /* opacity: 0.5; */
/*}
.menubar .section .body .item .image .img {
  border: none;
  padding: 0px;
  margin: 0px;
}
.menubar .section .body .item {
  text-decoration: none;
}
.menubar .section .body .item .link {
  padding: 1px 1px 1px 4px;
  -moz-border-radius: 3px;
}
.menubar .section .body .item-hilite .link {
  padding: 0px 0px 0px 3px;
  border: 1px solid #000000;
  background-color: #000000;
  color: #ffffff;
}
.menubar .section .body .item-hilite .image {
  -moz-opacity: 1;
  opacity: 1;
  filter: none;
  color: #000000;
}
.menubar .section .body .item-disabled .link {
  background-color: #ffffff;
}
.menubar .section .body .item-disabled .image {
  filter: none;
  -moz-opacity: 1;
  opacity: 1;
}
.menubar .section .body .toggle-tab {
  width: 14px;
  vertical-align: top;
}
.menubar .section .body .toggle-tab-body {
  vertical-align: top;
}
*/