body
{
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    color: White;
    background: url(../images/background_Continuous.jpg) repeat-x top left;
    background-color: #67b3e7;
    margin-top: 0px;
}

h2, h2.pagetitle
{
    margin-bottom: 10px;
    font-family: Verdana Bold, Sans-Serif;
    font-size: 14pt;
}

h3
{ 
    font-family: Verdana Bold, Sans-Serif;
    font-size: 14pt;
    margin:0px;
    padding:0px;
}
h4
{ 
    font-family: Verdana Bold, Sans-Serif;
    font-size: 13pt;
    margin:0px;
    padding:0px;
}
.h3Title
{ 
    font-family: Verdana Bold, Sans-Serif;
    font-size: 14pt;
    margin:0px;
    padding:0px;
}

a
{
    font-family: Verdana Bold, Sans-Serif;
    color: #99ff00;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

img
{
	border: 0px;
}

td
{
	vertical-align: top;
}

.coupon 
{
	background-color: #0269AB;
	border: dashed 2px white;
	width: 510px; height: 370px;
	
}

.wrapper
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    
}

.header
{
    background-color: #61a800;
    position: relative;
    margin: 0px;
    width: 950px;
    height: 157px;
}

#logo
{
    float: left;
    display: inline;       
    
}


#headertabs
{
    position:relative;
    float:right;
    clear:none;
    display:inline;
    bottom:45px;
    margin:0px;
    width:440px;
    height:50px;
}

#headertabs a { float:left; margin:0px 5px 0px 0px; bottom:0px; }
#headertabs a img { border:none; }

#headertabs a.workPlaceTab { width:140px; height:50px; background:url(../images/Btn_Work_UP.jpg) no-repeat top left; }
#headertabs a.workPlaceTab:hover { background:url(../images/Btn_Work_OVER.jpg) no-repeat top left; }
#headertabs a.workPlaceTab.selected {background:url(../images/Btn_Work_OVER.jpg)}
#headertabs a.workPlaceTab.selected:hover {background:url(../images/Btn_Work_UP.jpg)}

#headertabs a.residentialTab { width:140px; height:50px; background:url(../images/Btn_Home_UP.jpg) no-repeat top left; }
#headertabs a.residentialTab:hover { background:url(../images/Btn_Home_OVER.jpg) no-repeat top left; }
#headertabs a.residentialTab.selected {background:url(../images/Btn_Home_OVER.jpg)}
#headertabs a.residentialTab.selected:hover {background:url(../images/Btn_Home_UP.jpg)}

#headertabs a.bigPicTab { width:140px; height:50px; background:url(../images/Btn_Picture_UP.jpg) no-repeat top left; }
#headertabs a.bigPicTab:hover { background:url(../images/Btn_Picture_OVER.jpg) no-repeat top left; }
#headertabs a.bigPicTab.selected {background:url(../images/Btn_Picture_OVER.jpg)}
#headertabs a.bigPicTab.selected:hover {background:url(../images/Btn_Picture_UP.jpg)}

.headerPartner
{
    right: 0px;
    position: absolute;
    top: 0px;
    text-align:center;
    background-image: url(../images/img_Holder_Login_Provider.jpg);
    background-repeat:no-repeat;
    background-position: top left;
    color:#99ff00;
    height:111px;
    width:435px;
    font-size:9px;
    color: #006699;
}

.headerPartner div#employerLogo { width:120px; height:60px; float:left; margin:2px 2px 0px 2px; }
.headerPartner div#providedText { margin:4px 2px 0px 5px; text-align:right; float:left; }
.headerPartner div#partnerLogo { float:left; margin:2px 0px 0px 5px; width:240px; height:60px; }

.content
{
    background-color: #0269ab;
    border: solid 9px #f8fcff;
    margin: 0px;
    position: relative;
}

.userWelcome
{
    font-size: 12px;
    color: #99ff00;
}

#mainNav
{
    width: 150px;
    position: absolute;
    margin-top: 10px;
}

.navList
{    
    list-style-image: url(../images/btn_Arrow_UP.png);
    margin: 0px;
    margin-left: 30px;    
    padding: 0px;
}
.navList a, .navList a:hover
{
    color: White;
    text-decoration: none;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
}

div#impersonation {
	border: 1px solid #f00;
	margin-bottom: 10px;
	padding: 10px;
	background: url(../images/red_lined.jpg) repeat-x;
	color:#666666;
}

div#impersonation b {
	font-size: larger;
}

.filterLabel
{
	font-size: 8pt;
}

.filterInput
{
	font-size: 8pt;
}

.logout
{
    position:absolute;
    top:0px;
    right: 0px;
    padding: 10px;
}
.maincontent
{
	z-index: 2;
    padding: 20px;
    width: 740px;
    margin-left: 150px;
    position: relative;
    min-height: 400px;
    border-left: solid 1px #f8fcff;
}

/* added 09/14/09,DER to support Quarterly report masterpage */
.singleCol { z-index:2; padding:20px; position:relative; min-height:400px; }

.fauxLink { cursor:pointer; text-decoration:underline; color:#ccc; font:bold 12px Verdana Bold, Sans-Serif; }

.reportModeLinks a { text-decoration:underline; }

#navPrizeWheel
{
	z-index: 1;
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-top: dashed 1px #f8fcff;
    padding-top: 5px;
    padding-left: 0px;
}

#navPrizeWheel #prizWheel
{
    position: relative;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
}

#prizePlay
{
    border: none;
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 190px;
}

.navInner
{
	margin-left: -30px;
}

.YellowNotifier
{
	font-size: 12pt;
	color: #FDFF2F;
	padding-top: 10px;
	padding-bottom: 10px;
}

#prizePlay a
{
    position: absolute;
    bottom: 0px;
    right: 22px;
    margin: 0px;
    padding: 0px;    
}

#prizePlay a img
{
    border:none;
    margin: 0px;
    padding: 0px;
}

.breadcrumbs
{
    margin: 0 0 0 20px;
    padding-top: 10px;
}

#subFooter
{
    /*width: 913px;*/
    margin-left: auto;
    margin-right: auto;
    border: solid 9px #f8fcff;
    background-color: #0b4d5d;
    margin-top: 15px;
    padding: 10px;
}

#subFooterCalc
{
    width: 441px;
    margin-left: auto;
    margin-right: auto;
    border: solid 9px #f8fcff;
    border-right: solid 0px #f8fcff;
    background-color: #186700;
    margin-top: 15px;
    padding: 10px;
    display: inline;
    float: left;
}

#subFooterSpin
{
    width: 442px;
    margin-left: auto;
    margin-right: auto;
    border: solid 9px #f8fcff;
    background-color: #0b4d5d;
    margin-top: 15px;
    padding: 10px;
    display: inline;
    float: right;
}

.footer
{
    margin-top: 10px;
    padding: 20px;
    text-align: center;
}

.header h1
{
    float: left;
    font-family: Verdana Bold, Sans-Serif;
    font-size: 18pt;
}



.adminPanel
{
    border: 1px solid White;
    width: 320px;
    margin-top: 20px;
}
.adminPanel h3
{
    padding: 5px;
    background: #f8fcff;
    color: Black;
    font-size: 14px;
}

.adminPanel div ul
{
    list-style: none;
    margin-left: 15px !important;
}
.adminPanel div ul li
{
    margin-bottom: 10px;
}
.adminPanel ul li a:hover
{
}


.status_header
{
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}
.status_error
{
    display: block;
    padding: 20px;
    color: red;
    background-color: #FFFFCF;
    border: 1px solid #FF5A00;
}
.status_list
{
    margin-left: 10px;
}

.emailCoordinatorsPanel
{
}

/* Helpers */
.hide
{
    display: none;
}
.show
{
    display: block;
}
.disabled
{
    border: 0px;
    color: #000;
    background: none;
}

/* FIELDSETS */

fieldset
{
    border-width: 2px 0px 0px 0px;
    border-style: solid;
    border-color: #aaa;
    font-size: 12px;
    margin: 20px 0px 20px 0px;
    width: 90%;
    position: relative;
    display: block;
    padding: 0px 10px 10px 10px;
}
fieldset legend
{
    background-color: Transparent;
    border-width: 0px 2px;
    border-style: solid;
    border-color: #aaa;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 90%;
    letter-spacing: 2px;
    padding: 2px 5px;
    margin: 0px 0px 5px 0px;
    position: relative;
    top: -12px;
}
fieldset .fieldName
{
    display: block;
    float: left;
    width: 65px;
    text-align: right;
    margin: 5px 5px 0px 0px;
}
.fieldName
{
    font-size: 90%;
    font-weight: bold;
    margin-right: 5px;
}


/* COMMUTER PROFILE PAGE */

.pagecontents
{
    clear: both;
    margin-top: 0px;
    margin-top: 0px;
    border-top: solid 2px white;
    padding: 10px;
    
}

.divTabs
{
    margin-bottom: 0px;
    padding-bottom: 0px;
    position:relative;
    height: 40px;
    
}



 
.errorSummary li
{
    margin-left: 20px;
}

.errorSummary
{
    margin-bottom: 20px;
    background-color: #ffffcc;
    padding: 10px;    
}

.loginError
{
	margin-left: 15px;
	color: Red;
}

/* LINK LIST STYLE ITEMS */

.lnkMiddle
{
    vertical-align: top;
}
.lnkDisabled, .lnkDisabled:hover
{
    color: #999;
    text-decoration: none;
}
.lnkList
{
    text-align: right;
}
.lnkList a
{
    font-size: 110%;
    padding-left: 10px;
}
.lnkAdd, a.lnkAdd
{
    background: url(../images/icons/icon_plus_sm.gif) no-repeat;
    padding-left: 15px;
}
.lnkDelete, a.lnkDelete
{
    background: url(../images/icons/icon_delete_sm.gif) no-repeat;
    padding-left: 15px;
}
.lnkList a.lnkAdd, .lnkList a.lnkDelete
{
    background-position: 10px;
    padding-left: 25px;
}
.lnkLetters a
{
    font-family: "Courier New" , Courier, monospace;
    padding-left: 2px;
    padding-right: 2px;
}
.lnkLarge
{
    font-size: 130%;
}


.routeMatchPicked
{
    background-color: #66bbcc !important;
    color: White !important;
    width: 200px;
}

.routeMatch
{
    background-color: #ffffff;
    color: Black;
    width: 200px;
}

.legendIDrive
{
    background-color: rgb(0, 52, 161);
    padding-right: 5px;
    margin-top: 3px;
}

.legendUDrive
{
    background-color: rgb(0, 90, 0);
    padding-right: 5px;
    margin-top: 3px;
}

.legendDriveAlone
{
    background-color: rgb(248, 18, 5);
    padding-right: 5px;
    margin-top: 3px;
}

.legendPinI
{
    background-color: rgb(248, 18, 5);
    line-height: 10px;
    margin-top: 2px;
    width: 10px;
    height: 10px;
    border: solid 1px black;
    font-size: 8pt;
    font-family: Arial;
    color: White;
    font-weight: bold;
    text-align: center;
    padding: 0px;
}
.legendPinU
{
    background-color: rgb(0, 90, 0);
    line-height: 10px;
    width: 10px;
    height: 10px;
    border: solid 1px black;
    font-size: 8pt;
    font-family: Arial;
    color: White;
    font-weight: bold;
    text-align: center;
    padding: 0px;
}
.legendPinI span, .legendPinU span
{
    margin-top: -2;
}

.pinStyleI
{
    background-color: rgb(248, 18, 5);
    width: 10px;
    height: 10px;
    border: solid 1px black;
    margin-left: 10px;
    margin-top: 5px;
}

.pinStyleU
{
    background-color: rgb(0, 90, 0);
    width: 10px;
    height: 10px;
    border: solid 1px black;
    margin-left: 10px;
    margin-top: 5px;
    font-size: 8pt;
    font-family: Arial;
    color: White;
    font-weight: bold;
}

.pinStyleI div, .pinStyleU div
{
    margin-left: 2px;
    margin-top: -2px;
    font-size: 8pt;
    font-family: Arial;
    color: White;
    font-weight: bold;
}

.pinStyleI div a, .pinStyleU div a
{
    font-size: 8pt;
    font-family: Arial;
    color: White;
    font-weight: bold;
}

.ero-body
{
    width: auto !important;
}

.tabbedDiv
{
    height: 500px;
    position: relative;
}

.profileNavButton
{
    position: absolute;
    bottom: 10px;
}

.matchesGridHeader th
{
    padding-right: 10px;
    font-weight: bold;
}


/* Commuter Events Admin */
.commuteClubGridView
{
    text-align: center;
    font-size: 11px;
}

.commuteClubGridView th a
{
    text-decoration: none;
    font-weight: bold;
    padding-right: 15px;
}

.commuteClubGridView td
{
    padding-right: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 3px;
}

.cceAlternatingRows
{
    background-color: #0686D6;
}

.cceAlternatingRows a
{
    
}



/* Commuter Events Page */
.eventWrapper
{
    width: 600px;
    border: solid 1px #f8fcff;
    text-align: center;
    margin-bottom: 15px;
    overflow: hidden;
}
.eventTitle
{
    font-size: 18px;
    font-weight: bold;
    margin: 5px;
}
.eventDate
{
    margin-bottom: 10px;
}
.eventDesc
{
    text-align: left;
    margin: 20px;
}
.eventSignup
{
    margin-bottom: 10px;
}

.CommuteCostBox
{
    border: solid 1px white;
    width: 550px;
    margin: 5px;
}

.CommuteCostBox input
{
    width: 40px;
    text-align: right;
}

.CommuteCostBox th
{
    padding-bottom: 10px;
    color: white;
}

.CommuteCostBox .label
{
    width: 45%;
}

.CommuteCostBox .value
{
    width: 10%;
    text-align: center;
}

.CommuteCostBox .calculation
{
    width: 45%;
    text-align: center;
    font-size: 12pt;
}

/* Login Form */
.login
{
	margin-left: 15px;
}

.login label
{
  /*  margin-right:12px;*/
}
.login td
{
	color: #006699;
	font-size: 8pt;
	font-family: Verdana;
}
.printMaterials a{
color:Red;
margin-right: 20px;
margin-top:50px;
}

.login input[type=text]
{
	width: 120px;
	color: Black;
	font-size: 8pt;
}

.login input[type=password]
{
	width: 75px;
	color: Black;
	font-size: 8pt;
}

.login a
{
	color: Black;
	font-size: 8pt;
	font-family: Verdana;
	font-weight: normal;
}
/* End Login Form */



/* Random stuff */
.hand
{
    cursor: pointer;
}

.AlternatingBGColor
{
    background-color: #0686D6;
}


/* Transit Links */
.transitListItem
{
    list-style-type: none;
    padding-bottom:5px;
}

.SpecialProjectsTable
{
    
}
.SpecialProjectsTable tr
{
    margin-top:5px;
    margin-bottom:5px;
}

.SpecialProjectsTable tbody td
{
    margin-left:5px;
    margin-right:5px;
    padding-left:5px;
    padding-right:5px;
}

.SpecialProjectsTable thead td
{
 
    margin-left:5px;
    margin-right:5px;
    padding-left:5px;
    padding-right:5px;
}

.richTextEditor textarea
{
    background-color: #0269AB;
}