/* Style Sheet for Penchant */


/* Classes are defined here */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #18307B;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.spibutton {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #18307B;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.spibutton span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: black;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
  
.welcome
{color: #18307B;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;}
.bodytext
{color: #18307B;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: Normal;}
.copyright
{color: #18307B;
font-family: arial, sans-serif;
font-size: 8pt;
font-weight: normal;}
.housebutton {
width: 150px;
font-weight: bold;

text-align: center;
color: #18307B;
margin-bottom: 3px;

margin-top: 3px;

}

.housebutton a {

padding: 4px;

text-decoration: none;

display: block;

color: #224059;

background-color: #b5c9e2;

border-top: 2px #cce3ff solid;

border-left: 2px #cce3ff solid;

border-bottom: 2px #31557f solid;

border-right: 2px #31557f solid;

}
.housebutton a:hover {

background-color: #99aabf;

border-top: 2px #31557f solid;

border-left: 2px #31557f solid;

border-bottom: 2px #cce3ff solid;

border-right: 2px #cce3ff solid;

}


.topbackground{
background-color:#212E6E;
}


/* This class is used for changing the background color of Pickup and dropoff listboxes */
.toggleA{
background-color:#EAEAEA;
}

/* This class is used for changing the background color of Pickup and dropoff listboxes */
.toggleB{
background-color:#F5F4F4;
}

/* This class is used for changing the width color of Pickup and dropoff listboxes */
.drpdwn{
width:250px;
}

.mandatoryhyperlink 
{
color: #AA0202; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; 
font-weight: normal; 
text-decoration: underline; 
}

/* This class is used for the label Return Priority */
.lblBg{
background-color:#EAEAEA; 
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
text-decoration: none;
BORDER-BOTTOM: none; 
BORDER-LEFT: none; 
BORDER-RIGHT: none; 
BORDER-TOP: none;
}


.submenu{
background-color:#212E6E;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}

A.smlink:link {
		color: #ffffff;
		text-decoration:none;
		}

A.smlink:visited {
		color: #ffffff;
		text-decoration:none;
		}

A.smlink:hover {
		color: #ffffff;
		text-decoration:underline;
		}

A.smlink:active {
		color: #ffffff;
		text-decoration:none;
}

.activesubmenu{
background-color:#8292BA;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}

.inputlarge{
width:75px;
}

.menubackground{
background-repeat:repeat; background-image:url(../images/menubackground.gif);
color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;
text-decoration:none;
}

.linkseparator{
background-color:#ffffff;
}
.blueseparator{
background-color:#212E6E;
}
.greyseparator
{
background-color:#EAEAEA; 
BORDER-BOTTOM: #99A29B 1px solid; 
BORDER-LEFT: #99A29B 1px solid; 
BORDER-RIGHT: #99A29B 1px solid; 
BORDER-TOP: #99A29B 1px solid;
}

.purpleseparator
{
background-color:#D2D9FC; 
BORDER-BOTTOM: #99A29B 1px solid; 
BORDER-LEFT: #99A29B 1px solid; 
BORDER-RIGHT: #99A29B 1px solid; 
BORDER-TOP: #99A29B 1px solid;
}



.greyseparatorgrid
{
background-color:#939292; 
}

.bluebackground
{
background-color:#D2D9FC; 
BORDER-BOTTOM: #7179A1 1px solid; 
BORDER-LEFT: #7179A1 1px solid; 
BORDER-RIGHT: #7179A1 1px solid; 
BORDER-TOP: #7179A1 1px solid;
}

.pageheader
{color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;}

.errormessage
{color: red;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;}

.pagesubheader
{color: #99A29B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;}

.intro
{color: #212E6E;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;}

.login
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;}

.tableheader 
{
background-color: #DAE1F4;
FONT-SIZE:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
COLOR:#4A5C70;
}

.tableinnercontent{
	FONT-SIZE: 10px;
	MARGIN: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3D4E63;
	background-color: #F8F8F8; 	
	text-decoration:none;
	}
.tableinnercontenthighlight{
	FONT-SIZE: 10px;
	MARGIN: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #AA0202;
	background-color: #F8F8F8; 	
	text-decoration:none;
	}
A.tableinnercontent:link {
		COLOR: #3D4E63;
		text-decoration:none;
		}
A.tableinnercontent:visited {
		COLOR: #3D4E63;
	text-decoration:none;
		}
A.tableinnercontent:hover {
		COLOR: #748599;
	text-decoration:underline;
		}
A.tableinnercontent:active {
		COLOR: #3D4E63;
	text-decoration:none;}

.mainheader
{color: #AA0202;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;}

.subheader
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;}

.cancelledsubheader
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
}

.logintable
{
background-color:#ffffff; 
BORDER-BOTTOM: #212E6E thick double; 
BORDER-LEFT: #212E6E thick double; 
BORDER-RIGHT: #212E6E thick double; 
BORDER-TOP: #212E6E thick double;
}

.tableloginborder{
background-color:#eeeeee;
}
.LargeHeaderCentered
{color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16pt; 
font-weight: normal; 
text-decoration: none;
TEXT-ALIGN: center;
}
.MidHeaderCentered
{color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none;
TEXT-ALIGN: center;
}
.MidHeaderCenteredBlack
{color: Black;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none;
TEXT-ALIGN: center;
}
.MidHeaderLeft
{color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none;
TEXT-ALIGN: left;
}
.MidHeaderLeftBlack
{color: Black;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none;
TEXT-ALIGN: left;
}
.DetailsTitles
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none;
TEXT-ALIGN: left;
}
.DetailsTitlesRight
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none;
TEXT-ALIGN: right;
}
.DetailsDetails
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none;
TEXT-ALIGN: left;
}
.generalcontenthighlight
{color: #AA0202;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
text-decoration: none;
}
.generalcontent
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
text-decoration: none;
}
a.generalcontent:link
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
text-decoration: underline;
}
a.generalcontent:hover
{color: #003C74;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
text-decoration: underline;
}
a.generalcontent:active
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
text-decoration: underline;
}
a.generalcontent:visited
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
text-decoration: underline;
}

.signup
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
}

a.signup:link
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
text-decoration: none;
}
a.signup:hover
{color: #762938;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
text-decoration: underline;
}
a.signup:active
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
text-decoration: none;
}
a.signup:visited
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: normal; 
text-decoration: none;
}

.clicklink
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
text-decoration:underline;}

a.clicklink:hover
{color: #762938;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
text-decoration:underline;
}

.btn
{
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
COLOR: #000000; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
BACKGROUND-COLOR: #CDCCDF; 
TEXT-ALIGN: center;
}

.btnh
{
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
COLOR: #000000; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
BACKGROUND-COLOR: #eaeaea; 
TEXT-ALIGN: center;
}

.imagelink
{
    border-left:2px solid #212e6e;
    border-right:2px solid #212e6e;
    border-top:2px solid #212e6e;
    border-bottom:2px solid #212e6e;
}


.button1
{ 
	background-color: #55A3FF; 
	font-weight: bold; 
	font-size: 12px; 
	color: white;
	width: 100;	
} 
.buttongrey
{ 
	background-color: gray; 
	font-weight: bold; 
	font-size: 12px; 
	color: black;
	width: 100;	
}
.buttonblue
{ 
	background-color: blue; 
	font-weight: bold; 
	font-size: 12px; 
	color: black;
	width: 100;	
}

.buttonRed
{ 
	background-color: red; 
	font-weight: bold; 
	font-size: 12px; 
	color: white;
	width: 100;		
} 
a.generalcontentlargerblue:link
{color: #003C74;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none;
}
a.generalcontentlargerblue:visited
{color: #003C74;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none;
}
a.generalcontentlargerblue:hover
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none;
}
a.generalcontentlargerblue:active
{color: #003C74;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none;
}



a.generalcontentlarger:link
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none;
}
a.generalcontentlarger:visited
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none;
}
a.generalcontentlarger:hover
{color: #003C74;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none;
}
a.generalcontentlarger:active
{color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-decoration: none;
}
.redinnercontent{
	FONT-SIZE: 10px;
	MARGIN: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3D4E63;
	background-color: #F8F8F8; 	
	text-decoration:none;
	}
.redinnercontenthighlight{
	FONT-SIZE: 10px;
	MARGIN: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #AA0202;
	background-color: #F8F8F8; 	
	text-decoration:none;
	}
A.redinnercontent:link {
		COLOR: red;
		text-decoration:none;
		FONT-SIZE: 10px;
		}
A.redinnercontent:visited {
		COLOR: red;
	text-decoration:none;
	FONT-SIZE: 10px;
		}
A.redinnercontent:hover {
		COLOR: red;
	text-decoration:underline;
	FONT-SIZE: 10px;
		}
A.redinnercontent:active {
		COLOR: red;
		FONT-SIZE: 10px;
	text-decoration:none;}	

.spiHeaderText 
{   font-family: Arial, Helvetica, sans-serif; 
    font-size: xx-large;
}
.spiHeader2Text
{   font-family: Arial, Helvetica, sans-serif; 
    font-size: x-large;
}
.spiSubHeaderText 
{   font-family: Arial, Helvetica, sans-serif; 
    font-size: large;
    font-weight: 700;
}
.spiSmallHeaderText 
{   font-family: Arial, Helvetica, sans-serif; 
    font-size: small;
    font-weight: 700;
    background-color:Silver;
}
.spiMediumHeadText
{   font-family: Arial, Helvetica, sans-serif; 
    font-size: small;
    font-weight:700;
}
.spiMediumStdText
{   font-family: Arial, Helvetica, sans-serif; 
    font-size: small;
}
.spiSmallStandardText
{   font-family: Arial, Helvetica, sans-serif; 
    font-size: x-small;    
}
.spiFormLabel
{   font-family: Arial, Helvetica, sans-serif; 
    font-size: medium;    
}
.spiGrayText
{   font-family: Arial, Helvetica, sans-serif; 
    font-size: small;
    color:GrayText;   
}
.spiWarningText
{   font-family: Arial, Helvetica, sans-serif; 
    font-size: small;
    color:red;
}
.spiValidationText
{   font-family: Arial, Helvetica, sans-serif; 
    font-size: x-small;
    color:red;
}
.spiConfirmation
{   font-family: Arial, Helvetica, sans-serif; 
    font-size: small;
    color: Blue;    
}
.bodybg
{
    background-image: url("images/blue-wave-bg2.jpg");
    background-repeat: repeat-y;
    background-position: center top;
    background-color: #132450;
    margin-top:0px;
}
a.spiCalArrivals:link
{
    font-family: Arial, Helvetica, sans-serif; 
    color: Green;
}
a.spiCalPickups:link
{
    font-family: Arial, Helvetica, sans-serif; 
    color: Blue;
}
a.spiCalArrivals:visited
{
    font-family: Arial, Helvetica, sans-serif; 
    color: Green;
}
a.spiCalPickups:visited
{
    font-family: Arial, Helvetica, sans-serif; 
    color: Blue;
}
    
    

/* Classes end here */


/* IDs are defined here */


/* IDs end here */
.header { color: #212e6e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; }
.mainheader { color: #660099; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; }
.miniheader {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #AA0202}

.selectedRow
{
    background-color:Yellow;
}