body
{
	background-color: White; /* 	background-image: url(../images/bg.png); 	background-repeat: repeat-x; */
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
	color: #000;
}

.MainContent
{
	/* background-color: #F2F2FF; */ /*background-color: #DFE2F0;*/
	background-image: url(../images/BackgroundFadeInOut.jpg);
	background-repeat: repeat-x;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.MainRetailContent
{
	/* background-color: #F2F2FF; */ /*background-color: #DFE2F0;*/
	background-image: url(../images/BackgroundFadeInOut.jpg);
	background-repeat: repeat-x;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 0px; /*margin-top: -3px;*/
	padding-bottom: 14px;
}


Select, Input, Text, Textarea /* form controls settings -- useful for making FireFox look same as IE */
{
	font-size: 16px;
}

.Small
{
	font-size: 13px;
}

div.cropme
{
	/* used to crop the flash file until we can remove red bar from top */
	height: 275px;
	width: 387px;
	overflow: hidden;
}
div.cropme object
{
	/* use with previous */
	margin-top: -12px;
}

hr
{
	/* Horizontal line */
	border: 0px;
	height: 1px;
	background-color: #6576B3;
	color: #6576B3;
}

.BlackBar
{
	height: 19px;
	background-color: Black;
}

.TaxiPassLogo
{
	background-color: #FFCF01;
	height: 100px;
}


.PageTitle
{
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	padding: 3px;
}

.SectionTitle
{
	font-size: 18px;
	color: #34434E;
	font-weight: bold;
	letter-spacing: 0px;
	white-space: nowrap;
	padding: 0px 15px 0px 15px;
	line-height: normal;
}

.ConfirmationLabel
{
	font-weight: bold;
}

.Reservation
{
	width: 100%;
	border-style: none;
	white-space: nowrap;
}

/*
.BoxLight
{
	width: 100%;
	background-color: #EFEDDE;
	border: 12px;
	border-style: double;
	border-width: 2px;
	border-color: #002B55;
	vertical-align: top;
}*/


.BoxSimple
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #6576B3;
	background-color: #D4DAEC;
}

.BoxShort
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #6576B3;
	background-image: url(../images/BackgroundShort.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

.BoxShort A:hover
{
	text-decoration: underline;
	color: White;
}

.BoxDispatch
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #6576B3;
	background-image: url(../images/BackgroundShort.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

.BoxDispatch A:hover
{
	text-decoration: underline;
	color: #6576B3;
}


.BoxLong
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #6576B3;
	background-image: url(../images/BackgroundLong.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

.BoxLong A:hover
{
	text-decoration: underline;
	color: White;
}

.BoxAttention
{
	width: 100%;
	border-style: double;
	border-width: 2px;
	border-color: #002B55;
	background-color: #F9D219;
}

.BoxAlert
{
	width: 100%;
	border-style: double;
	border-width: 2px;
	border-color: #002B55;
	background-color: #FF3300;
}

.MissingLink
{
	font-size: 11px;
	color: Black;
}

.PopUpShow
{
	background-color: #FFCC66;
	position: absolute;
	visibility: visible;
	width: 150px;
	height: 150px;
	z-index: 2;
	border: solid 2px black;
}

.PopUpAffiliateShow
{
	background-color: #FFCC66;
	position: absolute;
	visibility: visible;
	width: 300px;
	height: 150px;
	z-index: 0;
	border: solid 2px black;
}

.Validation ul
{
	margin-top: 7px;
	margin-bottom: 4px;
}

.Validation li
{
	padding-bottom: 4px;
}

.Validation
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #000000; /*background-color: #000066;*/
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #6576B3;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #6576B3;
	background-color: #f2f2c8;
	background-image: url(../images/TaxiPinStripe.jpg);
	background-repeat: repeat-x; /*margin: 14px 0px 7px 0px;*/
	padding: 17px 17px 0px 17px;
	font-size: 14px;
	line-height: normal;
	color: #000000; /* validator control will user ForeColor setting; this is used here for custom errors only */
}

.ValidationNoPinstripe
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #000000; /*background-color: #000066;*/
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #6576B3;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #6576B3;
	background-color: #FFCC00;
	padding: 12px 17px 0px 17px;
	font-size: 14px;
	line-height: normal;
	color: #000000; /* validator control will user ForeColor setting; this is used here for custom errors only */
}

.Error
{
	border-style: dotted; /* margin: 7px 7px 7px 7px; */
	padding: 20px;
}

/* build in asp:menu control works pretty well; however, won't allow me to set these
   directly in the control; luckily, it lets me point to this class to "fine tune".
*/
.FixMenuItems
{
	border-bottom: 1px solid #046;
	display: block;
	padding: 3px 0px 3px 0px;
}
.FixMenuBorder /* if I set border (which would draw rectangle, would create 2px line at bottom because of the above setting */
{
	border-top: 0px solid #046;
	border-left: 0px solid #046;
	border-right: 0px solid #046;
}

.popupControl
{
	background-color: White;
	position: absolute;
	visibility: hidden;
}

.NotRequired
{
	white-space: nowrap;
	font-size: 10px;
}

.DisplayNone
{
	display: none;
}


#headInfo
{
	width: 190px;
	font-size: 11px;
	position: absolute;
	top: 5px;
	right: 0;
}

#page
{
	width: 80%;
	min-width: 770px;
	max-width: 995px;
	margin: 0 auto;
}

/* main menu */
#navigation
{
	clear: both;
	background: #f9d219;
	height: 25px;
	padding: 3px 0 0 0;
}
#navigation li
{
	/*float: left;*/
}
#navigation li a
{
	display: block;
	text-indent: -5000px;
	height: 25px;
}

A
{
	text-decoration: underline;
	color: #000000;
}

A:hover
{
	text-decoration: underline;
	color: #000069;
}

.Login
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin-right: 7px;
	margin-left: 7px;
}

.LoginMsg
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 7px;
}

.LoginLinks
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.ForgotPwd
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


/* DropShadow */

#rightcolumn .dropShadowPanel span
{
	color: white;
	text-decoration: underline;
}
#rightcolumn .dropShadowPanel span:hover
{
	text-decoration: none;
}


.dropShadowPanel
{
	width: 300px;
	background-color: #E5E5D7; /* #FFF9A6;  #5377A9; */
	color: Black;
	font-weight: bold;
}

/* header */
#header
{
	position: relative;
	width: 810px;
	height: 82px; /*	float: left;*/
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 50px;
	padding-right: 0px;
	clear: none;
}

.heading
{
	font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3
{
	font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	font-weight: normal;
	color: #000;
}
h2
{
	font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 130%;
}
h1
{
	font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #000;
	margin-top: 0px;
}

.nav_text
{
	font-family: Arial, Helvetica, sans-serif;
}
.nav_text a
{
	color: #000;
	text-decoration: underline;
}
.nav_text a:hover
{
	color: #000;
	text-decoration: none;
}



#footer
{
	/*	float: none;*/
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	padding-top: 12px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#footer_line
{
	height: 5px;
	width: 725px;
	border-top-style: solid;
	border-top-color: #C8C9C9;
	border-top-width: 1px;
}

Address
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
}

.DropOffAddress
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	width: 350px;
	vertical-align: top;
	padding: 0px 0px 0px 10px;
}

.PickUpAddress
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	width: 350px;
	vertical-align: top;
	padding: 0px 0px 0px 10px;
}

/* Grid LooknFeel */

.Grid
{
	border: solid 1px Tan;
}

.Grid td
{
	border: solid 3px #FFFFFF;
	margin: 3px 3px 3px 3px;
	font-family: Arial;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

.GridHeader td
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

.GridHeader
{
	background-color: Black;
	color: #FFFFFF;
	font-weight: normal;
}

.GridHeader a
{
	text-decoration: none;
	color: LightGoldenrodYellow;
	padding: 0px 15px 0px 15px;
}

.GridHeader a:hover
{
	text-decoration: underline;
	background: Tan no-repeat 0 100%;
}

.GridItem td
{
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}

.GridItem
{
	background-color: #F1F1F1;
}

.GridItem a:hover
{
	color: Blue;
}
.GridAltItem td
{
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}

.GridAltItem
{
	background-color: #E2E2E2;
}

GridAltItem
{
	background-color: PaleGoldenrod;
}

.GridAltItem a:hover 
{
	color:Blue;
}

.GridPager
{
	font-size: small;
	font-weight: normal;
	padding: 7px;
}

.unwatermarked
{
	/* 	height:18px; 	width:148px; */
}

.watermarked
{
	/* 	height:20px; 	width:150px; */
	padding: 2px 0 0 2px;
	border: 1px solid #BEBEBE;
	background-color: #F0F8FF;
	color: gray;
}

.highlight
{
	background-color: #FFCC00;
}

.ConfirmationField
{
	/*background-color: #E7E9F5;*/ /*font-weight: bold;*/
}

.modalBackground
{
	border: 1px inset #00FFFF;
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index: 100;
}

.modalPopup
{
	background-image: url(../images/BackgroundShort.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}


/* Time Out countdown */
.CountDownExpiring
{
	color: red;
}

.CountingDown
{
	color: blue;
}

.ResetButton
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color: yellow;
}

.InfoDocsTh, .PinstripeHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 20px;
	padding-bottom: 5px;
}

.InfoDocsTd
{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.InfoDocsTable
{
	margin-top: -4px;
	background-color: #FFFFFF;
	background-image: url(../images/BackgroundPinstripeOrange.jpg);
	background-repeat: repeat-x;
}

.NoPinStripeTable
{
	margin-top: -4px;
	background-color: #FFFFFF;
	background-image: url(../images/LogonBackground.jpg);
	background-repeat: repeat-x;
}

.RatingFeedbackBox
{
	font-family: Arial;
	padding: 10px;
}


