#banner {
    background: url("/shared/Redesign/images/headerimgFluid.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #FFFFFF;
    height: 108px;
    width: 100%;
}

#headers .submenu { 
  background: #3256A3;  /** override red style **/
  text-align: center;
} 

.submenu a {
  text-decoration: none;
  color: white;
  display: inline-block;
  vertical-align: middle;
  padding-top: 2px;
}

/***  No JavaScript for deluxe menu ***/
.submenu ul.menu li {
  display: inline;
}

.submenu ul.menu ul {
   display: none;
}

/***************Left Menu - Images*****************/
#left-menu .image a {
   padding: 0px;
}


/************How To Style**********************/
.viewtriphelp p {
   display: inline;
}

/************Change Table Style**********************/
.changeTable {
   font-size: 80%;
}


/***********Feedback Form********************/
label {
   display: block;
   margin-bottom: 2px;
}

#feedback_name, #feedback_email, #feedback_feedback_recipient_id, #feedback_message {
   margin-bottom: 7px;
}

/***********Short Cuts********************/
.shortcut li{
   display: inline;
   font-size: 12px;
}

/***********Advertising Images********************/
.image_resize img {
   height: 120%;
   width: 120%;
}

#serviceDelay {
   font-size: 120%;
   color: red;
}

.handi {
/**   font-size: 130%; **/
}

.floatLeft {
   float: left;
}

.floatRight {
   float: right;
}

#main h2 a {
   text-decoration: underline;
}

body {
/**  font-size: 90%;  **/
}
.submenu{
     font-size: 90%;  
}
#main{
     font-size: 90%;  
}


.salesOutlets {
   font-size: 120%;
   color:#006699;
}

.user_nav {
   float: right;
   font-size: 80%;
}

/** Fixes a bug in IE6 where content sometimes falls below the left menu **/
body.hide-right-bar #content {
    width: 743px;
}

/** Fixes a bug in IE6 where images wider than 745px cause content to fall below the left menu **/
body.hide-right-bar #content img {
    max-width: 745px;
    _width:expression(Math.min(parseInt(this.offsetWidth), 745 ) + "px");
}

body.hide-right-bar #content .transit_map img {
    max-width: none;
    _width: auto;
}

/** these 311 styles were copied from CWS 05082004.css **/


.bg311 {
   color:#336699;
   font-family:Arial,Helvetica,sans-serif;
   font-size:110%;
   font-weight:bold;
   text-decoration:none !important;
}

.bg311email {
   color:#336699;
   font-family:Arial,Helvetica,sans-serif;
   font-size:90%;
   font-weight:bold;
   text-decoration:none !important;
}

/****************** Tables **************************/

/**** Standard Table ****/
#content table.basicTable
{
	font-family: "Verdana Unicode", "Verdana", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	text-align: left;
        border-collapse: collapse;

}
#content table.basicTable th
{
	font-size: 13px;
	font-weight: normal;
	padding: 6px;
	background: #3256A3;
        border: 1px solid #20336B;
	color: #fff;
}
#content table.basicTable td
{
	padding: 6px;
	color: #48486B;
        border: 1px solid #20336B;

}


/**** Handi Transit Table (larger font) ****/
#content table.handiTable
{
	font-family: "Verdana Unicode", "Verdana", Sans-Serif;
	font-size: 18px;
	margin: 0px;
	text-align: left;
        border-collapse: collapse;

}
#content table.handiTable th
{
	font-size: 20px;
	font-weight: normal;
	padding: 6px;
	background: #3256A3;
        border: 1px solid #20336B;
	border-bottom: 3px solid #CA1500;  
	color: #fff;
}
#content table.handiTable td
{
	padding: 6px;
	background: #F0F3FF; 
	color: #48486B;
        border: 1px solid #20336B;

}
#content table.handiTable tr:hover td
{
	background: #d0dafd;
	color: #339;
}



/************* help text images for timetables edit mode *****************/

.buttons{overflow:hidden;width:15px;height:15px;background:transparent url(/gwt/myride.timetables.MyRideTimetables/js/ext/resources/images/myride/panel/tool-sprites.gif) no-repeat;margin-left:.5em;margin-right:.5em;display:inline-block;zoom:1;*display:inline;}
.button-edit{background-position:0 -345px;}
.button-add{background-position:0 -240px;}
.button-drag{background-position:0 -330px;}
.button-delete{background-position:0 -0;}

.text-around-icon{display:inline;}

/****************** images **************************/

.illustration {
float:right;
margin:25px;
}

/******** flash messages *********/
p.notice { background: #EEFFEE; border: 2px solid #00CC00; margin-left: 1%; margin-right: 1%; }
p.red_service { background: #febfbf; border: 2px solid #ff0000; margin-left: 1%; margin-right: 1%; }
p.blue_service { background: #bfcffe; border: 2px solid #0033cc; margin-left: 1%; margin-right: 1%; }
p.black_service { background: white; border: 2px solid #000000; margin-left: 1%; margin-right: 1%; }