BODY { }

/* CONTAINER */

table.ospl { font-size:0.8em; }
table.ospl tr.header { background: url(../../images/header_datatableth.gif) top left repeat-x; }
table.ospl tr.header th { text-align: left; }
table.ospl tr.header a { color: #000000; }
table.ospl td { vertical-align: top; }
table.ospl td input, table.ospl td select { font-size: 1em; }

/* END container */

/* EDIT GARAGE */

#editGarage {}
#editGarage td { padding-bottom: 5px; }
#editGarage td.closed { width: 150px; }
#editGarage h1 { font-size: 16px; }
#editGarage h2 { font-size: 14px; }
#editGarage h3 { font-size: 12px; }

/* END EDIT GARAGE */



/* GENERAL STYLES */

.left { float: left;  }
.right { float: right; }
.clear { clear: both; }
.clearright { clear: right; }

.btn { display:inline; }

h2 {font-size:125%; font-weight:bold; color:#111844}
h3 { font-size: 110%; margin-top:15px; margin-bottom: 0px; }
.requiredFieldMarker { color:blue; font-size:12pt; font-weight:bold; vertical-align:middle;}
.highlighted { color: #FF0000; font-weight: bold; }
.disclaimer { font-style: italic; font-size: 10px; margin-bottom: 0px; }

table.osplhead #findParking { vertical-align: text-bottom; }

/* END general styles */



/* SEARCH BOX */

div#searchbox {
text-align: right; }
div#searchbox * {
margin-left: 10px;
font-size: 0.8em; }

/* END search box */



/* PREVIEW */

div#editpreview { float: right; margin: 0; padding: 0; }

/* END preview */



/* PAGINATION */

div#pagination { margin: 15px 0; text-align: right; }
div#pagination p { float: left; margin: 0; }
div#pagination ul { list-style: none; }
div#pagination li { display: inline; margin-left: 10px; }

/* END pagination */



/* OSPL Locator Header */

table.osplhead td h1, table.osplhead td p { margin: 0 0 10px 0; }
table.osplhead td ul { list-style: none; }

/* END ospl locator header */



/* QUICK PROFILE VIEW */

td#quickprofile {
padding-left: 10px;
text-align: right;
vertical-align: middle; }
td#quickprofile td.content {
padding: 5px;
border-width: 0 2px;
border-style: solid;
border-color: #111844; }
td#quickprofile td.footer {
height: 15px;
background: url(../../images/bucket_table_footer.gif) no-repeat center top; }

td#quickprofile table#quickinfo th { padding-right: 10px; text-align: right; }

/* END quick profile view */



/* MAP VIEWER */
table#mapviewer { }
table#mapviewer td#topleft{ background: url(../../images/map_corner_tl.gif) bottom right no-repeat; }
table#mapviewer td#topright { background: url(../../images/map_corner_tr.gif) bottom left no-repeat; }
table#mapviewer td#bottomleft { background: url(../../images/map_corner_bl.gif) top right no-repeat; }
table#mapviewer td#bottomright { background: url(../../images/map_corner_br.gif) top left no-repeat; }

table#mapviewer td#mapImage #mapViewer_map { border: 3px solid #f2cb10; }

table#mapviewer td#location {
padding-bottom: 10px;
background:url(../../images/map_border_top.gif) bottom center repeat-x; }
table#mapviewer td#location img { vertical-align: bottom; }

table#mapviewer td#zoom {
padding-top: 10px;
background: url(../../images/map_border_bottom.gif) top center repeat-x; }

table#mapviewer td#north {
background: url(../../images/map_border_top.gif) bottom center repeat-x;
vertical-align: bottom; }
table#mapviewer td#west {
background: url(../../images/map_border_left.gif) center right repeat-y;
text-align: right;
vertical-align: middle; }
table#mapviewer td#east {
background: url(../../images/map_border_right.gif) center left repeat-y;
text-align:left;
vertical-align: middle; }
table#mapviewer td#south {
background: url(../../images/map_border_bottom.gif) top center repeat-x;
vertical-align: top; }

/* END map viewer */



/* GARAGE LIST */

span.garagenamePPA { color: #da1429; font-weight: bold; }
span.garagenamePrivate { color: #003892; font-weight: bold; }

span.locationnumber {
display: inline;
width: 2em;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
font-weight: bold;
text-align: center; margin-top: 4px; padding: 0px 2px; }
span.locationnumber.ppa { background: #da1429; }
span.locationnumber.private { background: #003892; }
th span.locationnumber { float: left; margin-right: 0.3em; }

table#garagelist h2 { margin: 0; font-size: 1.5em; }

table#garagelistdata tr.even { background: #e9f1f9; }

table#garagelistdata th { padding: 2px 10px; border-right: 1px solid #111844; }
table#garagelistdata th.empty, table#garagelistdata th.last { border: none; }
table#garagelistdata th select { font-size: 1em; }
table#garagelistdata td { padding: 2px 10px; }
table#garagelistdata th.empty { padding: 0; }
table#garagelistdata td.empty { padding: 0px; }
table#garagelistdata td input { margin: 0; padding: 0; border: none; }

/* END garage list */



/* GARAGE DETAILS */

h1#garagenametitle { margin: 0; padding: 0; font-size: 2em; }

table#garageOverview { font-size: 12px; }

table#garagedetails {
border: 1px solid #D5D7DE;
border-top: none; font-size: 12px; }
table#garagedetails th, table#garagedetails td { padding: 5px; }
table#garagedetails td#photo { width: 260px; }

table.garageinfo { font-size:0.8em; }
table.garageinfo tr.header, table.garageinfo table tr.header {
background: url(../../images/header_datatableth.gif) top left repeat-x; font-size: 12px; }
table.garageinfo tr.header th, table.garageinfo table tr.header th { text-align: left; padding: 5px; }
table.garageinfo table td { text-align: left; padding: 5px; padding-right: 0px; }
table.garageinfo tr.header a, table.garageinfo table tr.header a { color: #000000; }
table.garageinfo td { vertical-align: top; }

table.garageinfo table td.title {
padding-right: 5px;
border-right: 1px solid #D5D7DE;
text-align: right; }
table.garageinfo td#hours td.title { width: 70px; }
table.garageinfo td#features td.title { width: 110px; }
table.garageinfo td#hourrates td.title { width: 125px; }
table.garageinfo td#dailyrates td.title { width: 100px; }
table.garageinfo td#otherrates td.title { width: 50px; }

table.garageinfo table tr.even td.description { background: #E9F1F9; }

table.garageinfo td#hours { padding: 0 5px 0 0; }

table.garageinfo td#features table, table.garageinfo td#hours table, table.garageinfo tr#rates table {
border: 1px solid #D5D7DE; border-top: 0; padding-right: 0px; }

table.garageinfo tr#rates table table { border: 0; }
table.garageinfo tr#rates table table td { padding: 0 0 5px 0; }

table.garageinfo tr#rates td#hourrates { width: 200px; }
table.garageinfo tr#rates td#dailyrates { padding: 0 5px; }
table.garageinfo tr#rates td#otherrates { width: 200px; }

table.garageinfo tr#rates table table.facilityRates { padding-right: 0px; }
table.garageinfo tr#rates table table.facilityRates td {border: none; vertical-align: top; width: 65%; }
table.garageinfo tr#rates table table.facilityRates td.amount {text-align: right;  }

td#othergarages { vertical-align: top; padding-top:20px; }
td#othergarages ul { list-style: none; margin: 0; }
td#othergarages li { padding-bottom: 10px; }

/* END garage details */



/* GARAGE COMPARE LIST */

table.CompareTable { border: 1px solid #D5D7DE; border-left: none; border-top: none; font-size: 0.8em; margin-bottom: 10px; }
table.CompareTable tr.header td { background: url(../../images/header_datatableth.gif) top left repeat-x; font-weight: bold;  padding: 10px, 5px; }
table.CompareTable tr.header span.locationnumber { display: inline; }
table.CompareTable tr.header a, table#compareTable tr.header a:visited { color: #000000; }

table.CompareTable td { vertical-align: top; padding: 2px 5px; width: 200px; border-left: 1px solid #D5D7DE; }
table.CompareTable td.label { text-align: right; font-weight: bold; width: 165px; }
table.CompareTable tr td.even { background: #E9F1F9;  }

table.CompareTable table.facilityRates td { border: none; vertical-align: top; }
table.CompareTable table.facilityRates { padding-right:0px; }
table.CompareTable table.facilityRates td.amount { text-align: right;  }

/* END garage compare list */



/* ADMIN SELECT */

ul#selectadmin {
margin: 10px 0;
list-style: none;
text-align: right; }
ul#selectadmin li {
display: inline; }
li#editProfile{ margin-right: 5px;border-right: 1px solid #000; }
li#selectfacilities { margin-right: 2px; }
li#selectoperators { padding-left: 5px; border-left: 1px solid #000; }

/* END admin select */



/* ADMIN FACILITIES LIST */
/*
/*
/* THESE STYLES REPLACED WITH portalGrid CLASS
/*
/*
div.datatablewrapper h3 { margin: 0px; padding: 0px; }
table#facilitieslist {
border: 1px solid #d5d7dE;
border-top:0; font-size:0.8em; }
table#facilitieslist tr.even { background: #E9F1F9;}
table#facilitieslist tr.header { background: url(../../images/header_datatableth.gif) top left repeat-x; }
table#facilitieslist tr.header td { padding: 2px 5px; border-right: 1px solid #111844; }
table#facilitieslist tr.header td a { color: #000000; text-decoration: none; }
table#facilitieslist tr.header td.last { border: none; }
table#facilitieslist td { padding: 2px 5px; }
table#facilitieslist td.create { text-align: right; }
table#facilitieslist input { font-size: 1em; }
*/
/* END admin facilities list */

/* ADMIN OPERATORS LIST */
/*
table#operatorslist {
border: 1px solid #d5d7dE;
border-top:0; font-size:0.8em; }
table#operatorslist tr.even { background: #E9F1F9;}
table#operatorslist tr.header { background: url(../../images/header_datatableth.gif) top left repeat-x; }
table#operatorslist tr.header td { padding: 2px 5px; border-right: 1px solid #111844; }
table#operatorslist tr.header td a { color: #000000; text-decoration: none; }
table#operatorslist tr.header td.last { border: none; }
table#operatorslist td { padding: 2px 5px; }
table#operatorslist td.create { text-align: right; }
table#operatorslist input { font-size: 1em; }
*/
/* END admin operators list */


/* ADMIN FACILITIES LIST */
div.datatablewrapper h3 { margin: 0px; padding: 0px; }
table.portalGrid {
border: 1px solid #d5d7dE;
border-top:0; font-size:0.8em; }
table.portalGrid tr.even { background: #E9F1F9;}
table.portalGrid tr.header { background: url(../../images/header_datatableth.gif) top left repeat-x; }
table.portalGrid tr.header td { padding: 2px 5px; border-right: 1px solid #111844; font-weight:bold; }
table.portalGrid tr.header td a { color: #000000; text-decoration: underline; }
table.portalGrid tr.header td.last { border: none; }
table.portalGrid td { padding: 2px 5px; }
table.portalGrid td.create { text-align: right; }
table.portalGrid input { font-size: 1em; }

/* END admin facilities list */

/* ADMIN EDIT/CHANGE GARAGE */

table.editinfo th { text-align: right; }
table.editinfo th, table.editinfo td {
padding: 2px 5px;
}
table.editinfo td.textbox, table.editinfo td.selectbox { padding: 0; }
table.editinfo td input { vertical-align: middle; }
table.editinfo tr.header th, table.editinfo tr.header td { background: none; }

/* END admin edit/change garage */

/* ADMIN EDIT/CHANGE GARAGE RATE*/

table.rateeditinfo th { }
table.rateeditinfo th, table.rateeditinfo td { vertical-align: middle; }
table.rateeditinfo td.textbox, table.rateeditinfo td.selectbox { padding: 0; }
table.rateeditinfo td input { vertical-align: middle; }
table.rateeditinfo tr.header th { background: none; }

/* END admin edit/change garage */



/* ADMIN EDIT/CHANGE OPERATOR */

div.editWrapper { border: solid 1px #111844; width: 100%; background: #e9f1f9; text-align: left; }
table.editoperator { font-size:0.8em; text-align: left; width: 75%; }
table.editoperator th, table.editoperator td { padding: 5px 5px;  }
table.editoperator th { text-align: right; }

table.editoperator span.txtBoxLabel { font-weight: bold; }

/* END admin edit/change operator */



/* ADMIN APPROVE UPDATES */

table.changes { border: 1px solid #111844; margin-top: 10px; font-size: 80%; }
table.changes th, table.changes td { padding: 2px 5px; vertical-align: top; }
table.changes th { width: 125px; text-align: right; }
table.changes td {  }
table.changes td.first { width: 200px; }
table.changes td.middle { width: 250px; }
table.changes td.labelColumn { background-color: #FFFFFF; text-align: right; }
table.changes tr.header {  background: url(../../images/header_datatableth.gif) top left repeat-x; height: 30px; font-weight: bold; vertical-align: middle; font-size: 110%; }
table.changes td.updates { color:#FF0000; font-weight: bold; }
table.changes tr.odd { background-color: #FFFFFF; }
table.changes tr.even { background-color: #E9F1F9; }

table.changes td.updates table { margin: -2px -5px; }
table.changes td.updates th { font-weight: normal; text-align: left; }
table.changes td.updates td { border: none; text-align: right; }

div.updatebuttons { padding-left: 0px; }

/* END admin approve updates */

ul#udm li ul.greenMenu ul#childMenu { border: solid 2px #008D25; }
ul#udm li ul.greenMenu { border-top: solid 3px #111844; border-bottom: solid 3px #111844; }
ul.udm li { background:url(../../images/btn_popdest.gif) top left no-repeat; }