@charset "utf-8";
/* CSS Document */

#APCContainer {width:500px;}

/* BEGIN FORM CSS */
#APCFormDiv{background-color:#E2EAF0;width:500px;border:3px solid #A7BECD;margin:0 auto;font-family:Verdana, Arial, Helvetica, sans-serif;color:#102534;}

.APCPriceParkHeader{width:100%;height:32px;background:#748B9A;border-bottom:1px solid #A7BECD;}
.APCPriceParkFooter{width:100%;height:23px;background:#748B9A;clear:both;padding:5px 0;}
.APCPriceParkRow{clear:both;}
.headCols{clear:both;font-size:10px;color:#FFF;font-weight:bold;font-variant:small-caps;text-transform:uppercase;line-height:22px;float:left;}
.customPad{line-height:20px;}
.APCPriPHead{padding:5px 23px 5px 10px;text-align:left;}
.col1{width:175px;float:left;padding:5px 23px 5px 0;text-align:right;font-size:14px;}
.col3{width:150px;float:left;padding:5px 3px 5px 0;text-align:center;font-size:14px;border-right:1px solid #A7BECD;border-left:1px solid #A7BECD;}
.col4{width:145px;float:left;padding:5px 0 5px 0;text-align:center;font-size:14px;}
	.col1 span{line-height:21px;}
	.col4 input[type="button"]{padding:0;margin:0;}
.helpButton{position:relative;top:3px;right:-12px;float:right;}
.checkbox{position:relative;font-size:20px;color:#333399;top:3px;}
#buttonDiv{float:left;position:relative;left:4px;}
#pageCounter{float:right;position:relative;right:10px;line-height:25px;font-size:12px;color:#FFF;font-variant:small-caps;text-transform:uppercase;}
.ticketPrice{width:50px;border:1px solid #102534;background:#FFFFFF;}
	.ticketPriceError{width:50px;border:1px solid #FF9999;background:#FFEEEE;}
.textBox{border:1px solid #102534;background:#FFFFFF;}
.textBoxError{border:1px solid #FF9999;background:#FFEEEE;}
.parking{background:transparent url(images/help.gif);border:0;}

.APCFinishFormHeader{width:100%;height:32px;background:#748B9A;text-align:center;border-bottom:1px solid #A7BECD}
.APCFinishFormDataRow{width:100%;height:30px;line-height:30px;font-size:14px;}
.APCAdrCol1{float:left;width:230px;text-align:center;}
.APCAdrCol2{float:left;width:120px;text-align:center;}
.APCAdrCol3{float:left;width:150px;text-align:center;}
.APCTimCol1{float:left;width:160px;text-align:center;}
.APCTimCol2{float:left;width:160px;text-align:center;}
.APCTimCol3{float:left;width:180px;text-align:center;}
.APCGasCol1{float:left;width:210px;text-align:center;}
.APCGasCol2{float:left;width:65px;text-align:center;}
	.APCGasCol2 span{font-size:16px;font-weight:bold;text-transform:uppercase;}
.APCGasCol3{float:left;width:220px;text-align:center;}
.APCGasCol4{float:left;width:195px;text-align:right;font-size:12px;padding-right:10px;}
	.APCGasCol4 input{width:50px;} /* Current Gas Price */
.APCGasCol5{float:left;width:285px;text-align:left;font-size:12px;padding-left:10px;}
	.APCGasCol5 input{width:40px;} /* Vehicle's MPG */
.GasOptionText{float:left;position:relative;left:20px;cursor:pointer;}
.GasOptionChkBox{float:left;margin:0 auto;position:relative;top:5px;left:25px;}
.GasOption{background:#EFF4F8;width:100%;border-top:1px solid #A7BECD}
.mileageOption{text-align:center;font-size:11px;}
.col2{padding:5px 23px 5px 10px;text-align:left;}
#VISCity {width:150px;}
#VISState{width:25px;}
#VISZip{width:50px;}
#LeavingOn{width:75px;}
#ReturningOn{width:75px;}
#VISHourlyWorth{width:45px;}

.ResTable{border:3px solid #EFF4F8;}
.ResRowHead{background:#748B9A;font-size:16px;height:50px;color:#FFFFFF;}
	.ResRowHead span{font-variant:small-caps;font-weight:bold;}
.ResRowFoot{background:#748B9A;height:50px;color:#FFFFFF;}
	tr.ResRowFoot td.ResColData{font-size:24px;font-weight:bold;}
.ResRowData{height:40px;}
	tr.ResRowData td.ResColData{background:#E2EAF0;font-size:20px;border-top:1px solid #A7BECD;}
.ResColHead{background:#748B9A;font-size:18px;width:250px;text-align:right;border-top:1px solid #A7BECD;color:#FFFFFF;}
	.ResColHead span{padding:0 20px;font-size:16px;font-variant:small-caps;font-weight:bold;}
.ResColData{text-align:center;width:150px;border-left:1px solid #A7BECD;}
	.ResTotalPrice{position:relative;z-index:10;font-size:30px;}
.ResTopRow{border:0;}
.resLinkBlack a:link, .resLinkBlack a:visited, .resLinkBlack a:active{color:#000;}
.resLinkBlack a:hover{text-decoration:none;}
.resLinkWhite a:link, .resLinkWhite a:visited, .resLinkWhite a:active{color:#FFF;}
.resLinkWhite a:hover{text-decoration:none;}

/* 'Lightbox-like' styles */
.SpResTitle{margin:-15px -15px 0 -15px;}
#APCResDiv{width:700px;margin:0 -15px -15px -15px;}
.APCStepsDiv{color:#102534;margin-top:-10px;}
	.APCStepsDiv div{text-align:left;margin:0 10px;}
	.APCStepsDiv div h1{width:100%;border-bottom:1px solid #102534;font-size:15px;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
	.APCStepsDiv div p{margin-top:0;margin-left:8px;margin-right:8px;padding:0;}
/* 'Lightbox-like' styles */

.NextButton{border:0;background:transparent url(images/next.gif) no-repeat;width:80px;height:25px;cursor:pointer;}
.FinishButton{border:0;background:transparent url(images/finish.gif) no-repeat;width:90px;height:25px;cursor:pointer;}
.BackButton{border:0;background:transparent url(images/back.gif) no-repeat;width:80px;height:25px;cursor:pointer;}
/* END FORM CSS */

/* BEGIN CALENDAR CSS */
#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 99;
  margin-left: -226px;
}

#CalendarControl {
  position:absolute;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  position:relative;
  left: -226px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10pt;
  border:1px solid #000;
}

#CalendarControl th {
  font-weight: normal;
  background: #A7BECD;
  color: #FFF;
  border-top: 1px solid #;
}

#CalendarControl th.CalendarFooter {
	background: #748B9A;
}

#CalendarControl th.CalendarFooter a:hover {
	text-decoration:underline;
}

#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .previousDate{
  background-color: #EAEFF4;
  text-align: center;
}

#CalendarControl .previousDate a{
  display: block;
  text-decoration: none;
  text-decoration:line-through;
  border: 1px solid #FFF;
  width: 25px;
}

#CalendarControl .header {
  background-color: #748B9A; /*EFF4F8*/
}

#CalendarControl .weekday {
  background-color: #C2D3E0;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #D8E2EB;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #339;
  background-color: #748B9A;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 25px;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #748B9A;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}

#CalendarControl .empty {
  background-color: #EAEFF4;
  border: 1px solid #FFF;
}
/* END CALENDAR CSS */