/*
MetroLINK styles

COLORS:
maroon - #952a24
yellow - #c2a12e
blue - #124877
light yellow - #e7e3bc
bright yellow - #ffd235
*/

body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
font-family: Verdana, arial, sans-serif;
font-size: 11px;
color: #000;
}
.LTR
{
background-color: #94acc2; /*aec1d1 bccee6*/
}

#container
{
width: 823px;
height: auto;
margin: 0px auto;
padding: 0px;
border: 1px solid #000;
}




#tripplanner_firstform
{
background-color: #fff;
width: 100%;
height: 650px;
}
#tripplanner_firstform p
{
background-color: #fff;
margin: 0px;
padding: 0px;
}





/***** LINK STYLES *****/
a
{
color: #124877;
text-decoration: none;
}
a:active
{
color: #124877;
text-decoration: none;
}
a:hover
{
color: #124877;
text-decoration: underline;
}
a:visited
{
color: #124877;
text-decoration: none;
}
a:visited:hover
{
text-decoration: underline;
}
#subcontent #column1 a
{
color: #124877;
text-decoration: underline;
}
#subcontent #column1 a:hover
{
color: #124877;
text-decoration: none;
}
#subcontent #column1 a:visited
{
color: #124877;
text-decoration: underline;
}
#subcontent #column1 a:visited:hover
{
text-decoration: none;
}

#subcontent #column1 #breadcrumbs a
{
text-decoration: none;
}
#subcontent #column1 #breadcrumbs a:hover
{
text-decoration: underline;
}




/***** HEADER TAG STYLES *****/
h1.landingtitle
{
color: #e7e3bc;
font-size: 60px;
font-weight: normal;
font-family: Times New Roman;
margin: 50px auto 0px auto;
padding: 0px;
text-align: center;
}
h2.titlesubpage
{
font-size: 16px;
color: #124877;
}
h3
{
font-size: 13px;
color: #124877;
}
h4.jobHeader
{
font-size: 12px;
color: #000;
margin: 0px;
padding: 0px;
}
h4.jobHeader a
{
color: #000;
}
h4.jobHeader a:hover
{
color: #000;
text-decoration: underline;
}



/***** OTHER TAGS *****/
hr
{
color: #d1d1d1;
height: 1px;
}
.FormButton
{
font-size: 10px;
font-family: Verdana;
color: #000;
background-color: #f3f3ee;
border: 1px solid #124877;
cursor: hand;
margin: 0px;
padding: 3px 3px;
}
.ErrorLabel
{
color: red;
}
.black
{
width: auto;
height: auto;
margin: 0px auto;
background-color: #000;
color: #fff;
text-align: center;
}





/***** MAROON BAR *****/
#maroonbar
{
position: relative;
width: 823px;
height: 24px;
border-bottom: 1px solid #fff;
margin: 0px;
padding: 0px;
background: Transparent url('../App_Themes/Metrolink/Images/maroonbar.jpg') no-repeat top left;
}


/***** Date Time *****/
#datetime
{
z-index: 2;
position: absolute;
top: 5px;
left: 5px;
}


/***** SEARCH *****/
#search
{
/*display: none;
visibility: hidden;*/
z-index: 2;
position: absolute;
top: 2px;
left: 660px;
}
#plcRoot_Layout_zoneHeader_SearchBox_pnlSearch
{
margin: 0px;
padding: 0px;
}
#search .searchLabel
{
font-size: 10px;
margin-left: 3px;
color: #e7e3bc;
}
#search .searchButton
{
margin-top: 1px;
height: 16px;
width: 26px;
color: #000;
font-size: 10px;
background-color: #fff;
border: 1px solid #124877;
cursor: hand;
}
#search .searchTextBox
{
width: 77px;
height: 13px;
font-size: 10px;
border: 1px solid #124877;
margin-left: 3px;
margin-right: 3px;
}
#search a
{
color: #e7e3bc;
text-decoration: none;
font-size: 10px;
}
#search a:hover
{
color: #e7e3bc;
text-decoration: underline;
font-size: 10px;
}
.SearchResult
{
margin-top: 3px;
margin-bottom: 4px;
}


/***** CONTACT *****/
#contact
{
z-index: 2;
position: absolute;
top: 5px;
left: 460px;
color: #e7e3bc;
}
#contact a
{
color: #e7e3bc;
text-decoration: none;
font-size: 10px;
}
#contact a:hover
{
color: #e7e3bc;
text-decoration: underline;
font-size: 10px;
}
#contact img
{
vertical-align: top;
}




/***** HEADER *****/
#header
{
position: relative;
width: 823px;
height: 168px;
background-color: Transparent;
margin: 0px;
padding: 0px;
}
#alert
{
z-index: 1;
position: absolute;
top: 0px;
left: 0px;
width: 234px;
height: 168px;
margin: 0px;
padding: 0px;
}
#header_image
{
z-index: 1;
position: absolute;
top: 0px;
left: 234px;
width: 588px;
height: 168px;
margin: 0px;
padding: 0px;
border-left: 1px solid #fff;
overflow: hidden;
}




/***** LOGO *****/
#logo
{
height: 33px;
margin: 0px;
padding: 0px 0px 0px 12px;
border-bottom: 1px solid #124877;
}
* html #logo
{
width: 170px;
}




/***** CONTENT *****/
#content
{
width: 823px;
height: 100%;
background: #fff url('../App_Themes/Metrolink/Images/contentbg.jpg') repeat-y top left;
margin: 0px;
padding: 0px;
border-top: 1px solid #fff;
}
#contentfull
{
width: 823px;
height: 100%;
background: #fff url('../App_Themes/Metrolink/Images/contentbg-noline.jpg') repeat-y top left;
margin: 0px;
padding: 0px;
border-top: 1px solid #fff;
}



/***** LEFT CONTENT *****/
#leftcontent
{
float: left;
width: 185px;
margin: 0px;
padding: 10px 0px 0px 0px;
background-color: Transparent;
}
* html #leftcontent
{
width: 180px;
}





/***** Left Sub Menu *****/
/* home page (not menu item - just a ul list */
#leftcontent ul
{
list-style-image: url('../App_Themes/Metrolink/Images/redarrow.gif');
list-style-position: outside;
vertical-align: middle;
margin-bottom: 3px;
padding-bottom: 0px;
}

/* left sub menu */
#leftcontent #leftSubMenu ul
{
list-style-image: url('../App_Themes/Metrolink/Images/redarrow.gif');
list-style-position: outside;
vertical-align: middle;
margin-bottom: 3px;
padding-bottom: 0px;
}
#leftcontent #leftSubMenu ul li
{
padding-bottom: 10px;
}
#leftcontent #leftSubMenu
{
}




/***** RIGHT CONTENT *****/
#rightcontent
{
width: 638px;
margin: 0px 0px 0px 185px;
padding: 0px;
background-color: Transparent;
}
* html #rightcontent
{
margin: 0px 0px 0px 182px;
width: 638px;
}



/***** SUBCONTENT *****/
#subcontent
{
border-top: 10px solid #fff;
}
#subcontent #column1
{
width: 442px;
margin: 0px;
padding: 10px;
vertical-align: top;
overflow: hidden;
}
#subcontent #column2
{
width: 155px;
margin: 0px;
padding: 10px;
vertical-align: top;
overflow: hidden;
}
#subcontent #columnfull
{
width: 617px;
margin: 0px;
padding: 10px;
vertical-align: top;
}



/***** FOOTER *****/
#footer
{
clear: both;
width: 623px;
height: auto;
background-color: #fff; /*#c2a12e*/
margin: 0px 0px 0px 185px;
padding: 10px 5px 5px 10px;
}




/***** MAIN MENU *****/
#mainmenu
{
width: 100%;
height: 43px;
margin: 0px;
padding: 0px;
background: #c2a12e url('../App_Themes/Metrolink/Images/menu.jpg') no-repeat top left;
}
#mainmenu a:visited
{
color: #fff;
text-decoration: none;
}
#mainmenu a:visited:hover
{
color: #ffd235;
text-decoration: none;
}

/* CMSMenu */
.MainCMSMenu { margin: 0px; padding: 0px; border: 0px solid blue;; TABLE-LAYOUT: fixed; WIDTH: 638px; height: 43px; BACKGROUND-COLOR: Transparent; }

.MainCMSMenuItem { PADDING: 0px; FONT-SIZE: 12px; WIDTH: 208px; COLOR: #fff; FONT-FAMILY: verdana; font-weight: bold; text-align: center;  }

.MainCMSMenuItemMouseUp { PADDING: 0px; FONT-SIZE: 12px; WIDTH: 208px;  COLOR: #fff; FONT-FAMILY: verdana; font-weight: bold; text-align: center;}

.MainCMSMenuItemMouseOver { PADDING: 0px; FONT-SIZE: 12px; WIDTH: 208px; CURSOR: hand; COLOR: #ffd235; FONT-FAMILY: verdana; BACKGROUND-COLOR: transparent; font-weight: bold; text-align: center;}

.MainCMSMenuItemMouseDown { PADDING: 0px; FONT-SIZE: 12px; WIDTH: 208px; COLOR: #fff; FONT-FAMILY: verdana; font-weight: bold; text-align: center;}

.MainCMSMenuHighlightedMenuItem { PADDING: 0px; FONT-SIZE: 12px; WIDTH: 208px; COLOR: #ffd235; FONT-FAMILY: verdana; BACKGROUND-COLOR: Transparent; font-weight: bold; text-align: center; }

.MainCMSMenuHighlightedMenuItemMouseUp { PADDING: 0px; FONT-SIZE: 12px; WIDTH: 208px; CURSOR: hand; COLOR: #fff; FONT-FAMILY: verdana; BACKGROUND-COLOR: Transparent; font-weight: bold; text-align: center;}

.MainCMSMenuHighlightedMenuItemMouseOver { PADDING: 0px; FONT-SIZE: 12px; WIDTH: 208px; CURSOR: hand; COLOR: #ffd235; FONT-FAMILY: verdana; BACKGROUND-COLOR: Transparent; font-weight: bold; text-align: center;}

.MainCMSMenuHighlightedMenuItemMouseDown { PADDING: 0px; FONT-SIZE: 12px; WIDTH: 208px; CURSOR: hand; COLOR: #fff; FONT-FAMILY: verdana; BACKGROUND-COLOR: Transparent; font-weight: bold; text-align: center;}

.SubCMSMenu { background-color: #124877; }
/* Home 
#plcRoot_Layout_zoneMenu_cmsmenu_CMSMenu1-000-subMenu {background-color: #124877; }*/
/* Riding the Bus 
#plcRoot_Layout_zoneMenu_cmsmenu_CMSMenu1-001-subMenu {background-color: #952a24; }*/
/* About MetroLINK 
#plcRoot_Layout_zoneMenu_cmsmenu_CMSMenu1-002-subMenu {background-color: #c2a12e; }*/

.SubCMSMenuItem { PADDING: 5px 0px 5px 0px; FONT-SIZE: 12px; BACKGROUND: Transparent; WIDTH: 208px; COLOR: #fff; FONT-FAMILY: verdana; font-weight: bold; text-align: center;}

.SubCMSMenuItemMouseUp { PADDING: 5px 0px 5px 0px; FONT-SIZE: 12px; WIDTH: 208px; COLOR: #fff; FONT-FAMILY: verdana; font-weight: bold; text-align: center;}

.SubCMSMenuItemMouseOver { PADDING: 5px 0px 5px 0px; FONT-SIZE: 12px; WIDTH: 208px; CURSOR: hand; COLOR: #ffd235; FONT-FAMILY: verdana; BACKGROUND-COLOR: #1e517e; font-weight: bold; text-align: center;}

.SubCMSMenuItemMouseDown { PADDING: 5px 0px 5px 0px; FONT-SIZE: 12px; WIDTH: 208px; COLOR: #fff; FONT-FAMILY: verdana; font-weight: bold; text-align: center;}

.SubCMSMenuHighlightedMenuItem { PADDING: 5px 0px 5px 0px; FONT-SIZE: 12px; WIDTH: 208px; COLOR: #ffd235; FONT-FAMILY: verdana; BACKGROUND-COLOR: #1e517e; font-weight: bold; text-align: center;}

.SubCMSMenuHighlightedMenuItemMouseUp { PADDING: 5px 0px 5px 0px; FONT-SIZE: 12px; WIDTH: 208px; CURSOR: hand; COLOR: #fff; FONT-FAMILY: verdana; BACKGROUND-COLOR: #124877; font-weight: bold; text-align: center;}

.SubCMSMenuHighlightedMenuItemMouseOver { PADDING: 5px 0px 5px 0px; FONT-SIZE: 12px; WIDTH: 208px; CURSOR: hand; COLOR: #ffd235; FONT-FAMILY: verdana; BACKGROUND-COLOR: #1e517e; font-weight: bold; text-align: center;}

.SubCMSMenuHighlightedMenuItemMouseDown { PADDING: 5px 0px 5px 0px; FONT-SIZE: 12px; WIDTH: 208px; CURSOR: hand; COLOR: #fff; FONT-FAMILY: verdana; BACKGROUND-COLOR: #124877; font-weight: bold; text-align: center;}

 

/* CMSListMenu */
.Horizontal { width: 100%; height: 100%; background-color: Transparent; font-size: 12px; font-weight: bold; color: #fff; float: left; font-family: Verdana; }
.Horizontal UL { padding: 0px; margin: 0px; width: 100%; }
.Horizontal LI { padding: 10px 0px 10px 0px; display: inline; float: left; width: 212px; height: 19px; }
.Horizontal A { padding: 0px 0px 0px 13px; display: block; margin: 0px 0px 0px 30px; width: auto; color: #fff; text-decoration: none; background: Transparent url('../App_Themes/Metrolink/Images/yellowarrow.gif') no-repeat center left; border: 0px solid green;}
.Horizontal A:hover { background-color: Transparent; color: #ffd235; text-decoration: none; }
.Horizontal UL UL { z-index: 500; width: 212px; position: absolute; background-color: #124877; margin-top: 12px;}
.Horizontal UL UL LI { clear: left; display: block; position: relative; }
.Horizontal UL UL UL { left: 100%; top: -1px; }
.Horizontal UL UL { display: none; }
.Horizontal UL LI:hover UL UL { display: none; }
.Horizontal UL UL LI:hover UL UL { display: none; }
.Horizontal UL LI:hover UL { display: block; }
.Horizontal UL UL LI:hover UL { display: block; }
.Horizontal UL UL UL LI:hover UL { display: block; }
.mainCMSListMenuUL .mainCMSListMenuLinkHighlighted { color: #ffd235; }
.subCMSListMenuUL .subCMSListMenuLinkHighlighted { color: #ffd235; }



/* CURRENT: CMSListMenu2 */

.Horizontal2 { width: 100%; height: 100%; background-color: Transparent; font-size: 12px; font-weight: bold; color: #fff; float: left; font-family: Verdana; }
.Horizontal2 UL { padding: 0px; margin: 0px; width: 100%; list-style: none inside  url('../App_Themes/Metrolink/Images/yellowarrow.gif'); }
.Horizontal2 LI { padding: 10px 0px 10px 0px; display: inline; float: left; width: 212px; height: 19px; }
.Horizontal2 A { padding: 0px; display: list-item; margin: 0px; width: auto; color: #fff; text-decoration: none; text-align: center; }
.Horizontal2 A:hover { BACKGROUND-COLOR: Transparent; color: #ffd235; text-decoration: none; }

.Horizontal2 UL UL { display:none; z-index: 500; width: 212px; position: absolute; background-color: #124877; margin-top: 12px; }
.Horizontal2 UL UL LI { CLEAR: left; DISPLAY: none; POSITION: relative }
.Horizontal2 UL UL UL { LEFT: 100%; TOP: -1px }
.Horizontal2 UL UL { DISPLAY: none }
.Horizontal2 UL LI:hover UL UL { DISPLAY: none }
.Horizontal2 UL UL LI:hover UL UL { DISPLAY: none }
.Horizontal2 UL LI:hover UL { DISPLAY: block }
.Horizontal2 UL UL LI:hover UL { DISPLAY: block }
.Horizontal2 UL UL UL LI:hover UL { DISPLAY: block }
.mainCMSListMenuUL .mainCMSListMenuLinkHighlighted { color: #ffd235; }
.subCMSListMenuUL .subCMSListMenuLinkHighlighted { color: #ffd235; }
.subCMSListMenuUL LI {padding: 5px 0px 5px 0px; display: inline; float: left; width: 212px; height: auto; }
.subCMSListMenuUL LI:hover { BACKGROUND-COLOR: #1e517e; color: #ffd235; }
.subCMSListMenuLI:hover {background-color: #1e517e; }



/***** CMSDESK LINK STYLES *****/
.PagePlaceholderDesign
{
background-color: #fff;
}
.PagePlaceholderDesign #mainmenu A, .PagePlaceholderDesign #mainmenulanding A
{
text-decoration: none;
color: #000;
}
.PagePlaceholderDesign #mainmenu A:hover, .PagePlaceholderDesign #mainmenulanding A:hover
{
text-decoration: underline;
color: #000;
}




/***** LANDING PAGE *****/

/***** HEADER LANDING *****/
#headerlanding
{
position: relative;
width: 823px;
height: 328px;
background: #952a24 url('../App_Themes/Metrolink/Images/headerlanding.jpg') no-repeat top left;
margin: 0px;
padding: 0px;
}

/***** CONTENT LANDING *****/
#contentlanding
{
width: 823px;
height: 100%;
background: #fff url('../App_Themes/Metrolink/Images/menulanding.jpg') no-repeat top left;
margin: 0px;
padding: 0px;
}

/***** MAIN MENU LANDING *****/
#mainmenulanding
{
width: 100%;
height: 43px;
margin: 0px;
padding: 0px;
background-color: Transparent;
color: #fff;
}
#mainmenulanding h2
{
font-size: 12px;
font-weight: bold;
color: #fff;
padding: 0px;
margin: 0px;
}
#mainmenulanding #column1
{
width: 33%;
height: 43px;
margin: 0px;
padding: 0px;
background-color: Transparent; 
text-align: center;
}
#mainmenulanding #column1 h2
{
padding-left: 25px;
}
#mainmenulanding #column2
{
width: 33%;
height: 43px;
margin: 0px;
padding: 0px;
background-color: Transparent;
text-align: center;
}
#mainmenulanding #column2 h2
{
padding-left: 82px;
}
#mainmenulanding #column3
{
width: 33%;
height: 43px;
margin: 0px;
padding: 0px;
background-color: Transparent;
text-align: center;
}
#mainmenulanding #column3 h2
{
padding-left: 85px;
}
#mainmenulanding a
{
color: #fff;
text-decoration: none;
}
#mainmenulanding a:active
{
color: #fff;
text-decoration: none;
}
#mainmenulanding a:hover
{
color: #fff;
text-decoration: underline;
}
/***** END LANDING *****/




/***** Trip Planner *****/
.lblfrom
{
font-size: 10px;
font-family: Verdana;
}
.txtfrom
{
width: 140px;
height: 10px;
font-size: 10px;
font-family: Verdana;
}
.lblfromcity
{
font-size: 10px;
font-family: Verdana;
}
.ddfromcity
{
width: 145px;
font-size: 10px;
font-family: Verdana;
}
.lblto
{
font-size: 10px;
font-family: Verdana;
}
.txtto
{
width: 140px;
height: 10px;
font-size: 10px;
font-family: Verdana;
}
.lbltocity
{
font-size: 10px;
font-family: Verdana;
}
.ddtocity
{
width: 145px;
font-size: 10px;
font-family: Verdana;
}
.rdtime
{
font-size: 10px;
font-family: Verdana;
}
.ddhour
{
font-size: 10px;
font-family: Verdana;
}
.ddminute
{
font-size: 10px;
font-family: Verdana;
}
.ddampm
{
font-size: 10px;
font-family: Verdana;
}
.ddmonth
{
font-size: 10px;
font-family: Verdana;
margin-top: 5px;
}
.ddday
{
font-size: 10px;
font-family: Verdana;
margin-top: 5px;
}
.btnsubmit
{
font-size: 10px;
font-family: Verdana;
color: #000;
background-color: #f3f3ee;
border: 1px solid #124877;
cursor: hand;
margin: 0px;
padding: 3px 3px;
}
.tbltripplanner a:hover
{
color: #000;
text-decoration: none;
}




/***** FAQ page *****/
#faqtext p
{
margin: 0px;
padding: 0px;
}




/***** NEWS *****/
.newItem
{
padding: 0px;
margin: 0px 0px 15px 0px;
}
.newItem p, .newsSummary
{
margin: 0px;
padding: 0px;
}
.newItem a
{
text-decoration: underline;
}
.newItem a:hover
{
text-decoration: none;
}
.newsTitle
{
margin: 0px;
padding: 0px;
font-weight: bold;
color: #124877;
}