﻿body { 
    margin:0;
    padding: 0 0 10px;
    color:#000;
    font: 14px arial, helvetica, sans-serif;
    text-align:left;
    background: #ECECEC;
 }

a { text-decoration: none; color: #0FB2B3; }
img { border-style:none; vertical-align: middle;}
hr { margin-top: 10px; }
h1 { font-size: 1.6em; font-weight: bold; margin: 10px 0; }
h2 { font-size: 1.4em; font-weight: bold; margin: 10px 0; }
h3 { font-size: 1.2em; font-weight: bold; margin: 10px 0;}
h4 { font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0;}
.pageHeader { font-size: 1.5em; font-weight: bold; border-bottom: 1px solid #005A84; padding: 5px; color: #005A84; width: 99%; margin-bottom: 10px;}
.secHeader { font-size: 1.3em; font-weight: bold; color: #D94327;}
li { padding: 3px 0; }

th {text-align: center; font-weight: bold; background: #005A84; font-size: 12px; padding: 5px; color: #fff;}

label { color: #005A84; font-weight: bold;}

.hide { display: none; }

.bigtext { font-size: 18px; font-weight: bold; }
.button { background-color: #d14327; color: #fff; padding: 3px; border: 1px solid #BDC7D8;}
.bigGreenButton { background-color: #016028; color: #fff; font-weight: bold; padding: 5px; }
.blueButton { background: #005A84; color: #fff; font-weight: bold; padding: 5px; }
.orangeButton { background-color: #D94327; padding: 5px 10px; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; }
.orangeLink:link{ color: #D94327; }
.red {color: red;}
.black { color: #000; }
.bgcell {background:  #005A84; color: #fff;}

select, input { padding: 2px; }
input, submit { margin-top: 2px; padding: 5px; }
input, select, textarea { border: 1px solid #CCC; }
input.date { background: url('Images/icons/calendar.png') 110px no-repeat #fff; width: 120px; }
input.smallDate { background: url('Images/icons/calendar.png')80px no-repeat #fff; width: 90px; padding: 5px 5px 5px 10px;}
input.smallTime { background: url('Images/icons/clock.png')70px no-repeat #fff; width: 80px; padding: 5px 5px 5px 10px; }

.white { color: #fff; }

.pad3 { padding: 3px; }
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }

.text10 { font-size: 10px; }
.text11 { font-size: 11px; } 
.text12 { font-size: 12px; }
.text13 { font-size: 13px; }
.text14 { font-size: 14px; }
.text18 { font-size: 18px; }

.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.alignTop { vertical-align:top; }
.alignMiddle {vertical-align: middle; }
.biggerText { font-size: 1.2em; }
.bold { font-weight: bold; }
.noBold { font-weight: normal; }
.currencyField { width: 50px; text-align: right; }
.floatRight { float: right; }
.noBorder { border: none; }
.errorBox { color: red; width: 100%; }
.warning { color: red; }
table { width: 100%; }
table, td, th { border: none; margin: 0;}
table.allBorder {
    border-width: 1px;
    border-spacing: 0px;
    border-style: inset;
    border-color: #969696;
    border-collapse: separate;
    background-color: white;
}
table.allBorder th {
    border-width: 1px;
    padding: 5px;
    border-style: outset;
    border-color: #969696;
    background-color: white;
    -moz-border-radius: 0px;
}
table.allBorder td {
    border-width: 1px;
    padding: 5px;
    border-style: outset;
    border-color: #969696;
    background-color: white;
    -moz-border-radius: 0px;
}

.paginationBox {  background: #005A84; color: #fff; padding: 5px; border: 1px solid #114966; margin-bottom: 5px; text-align:center; }
.paginationBox a { color: #fff; }
.ui-tabs-panel a { text-decoration: none; color: #2087de; }
.ui-tabs-panel a:hover { text-decoration: underline; }
.ui-tabs .ui-tabs-panel { font-size:13px; }
.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

#connectBox 
{
    font-weight: bold;
    font-size: 14px;
}

#connectBox img { padding: 5px 10px; }

.specialList { margin-bottom: 1em; }
br { clear: left; }
ul.special { list-style: none; float: left; width: 560px; margin: 10px 0; padding: 0;}
li.special { float: left;  margin: 0; background: url(/Content/Images/icons/accept.png) 0 5px no-repeat; padding: .3em 1.5em; }

 /** Main layout elements **/
#wrapper { width: 960px; margin: 0 auto;  background: url(/Content/Images/page-shadow.png) repeat-y; }
#header { width: 960px;  float: left; }
#body, #main { width: 960px; float: left; min-height: 600px; background-color: #fff; padding: 20px 0; overflow: hidden;}
#footerWrapper { width: 100%; background: #005A84; float: left; margin: 0; z-index: 1000;}
#footer {  color: #fff; width: 940px; padding: 10px; float: left; margin: 0 auto; font-size:12px; text-align: center;}
#footer a { color: #fff; }

/** End main layout elements **/

/** Header elements **/
#logoBox { width: 300px; float: left; }
#headerNav { float: left; margin: 70px 0 20px 0; width: 660px; height: 35px; border-bottom: 5px solid #223494; }
#headerNav li { display: inline; }
.navItem {font-size:16px; margin: 0 10px; }
.navItem a { color: #223494; font-weight: bold; }
.navItem a:hover { text-decoration: none; color: #f46521; }
#loginOptions { text-align: right; position: relative; width: 250px; left: 700px; top: -110px; color: #f46521; }
/** End header elements **/

#contactForm { padding: 10px; width: 300px; background: #edeff4; border: 1px solid #BDC7D8; float: left; margin-top: 50px; margin-left: 50px; }


.homemaincontent {
    float: left;
    width: 605px;
    font-size: 1.2em;
    padding-right: 20px;
}
.homesidebar {
    float: left;
    width: 300px;
}

/* Homepage  */
.homeHeader 
{
    font-size: 24px;
    font-family: Arial;
    font-weight: bold;
    margin: 10px 120px;
}

input.homeForm, select.homeForm
{
    padding: 5px;
    font-size: 14px;
}

input.locationSearch { width: 350px; }

#topSplashBox {
    width: 940px;
    height: 380px;
    background: #fff url('/Content/Images/parking.jpg') no-repeat;
    color: #fff;
    padding: 50px 0 0 0;
    z-index: 10;
    margin-left: 15px;
}
#topSearchBox  
{
    width: 650px; 
    margin: 70px 70px 0; 
    color: #fff; 
    z-index: 30; 
    float: none;
    display: block;
    position: relative;
    padding: 0px;
}


.fanbox {
    margin-top: 20px;
}

.fanbox ul {
    list-style-type: none;
    height: 7em;
}
.fanbox ul li {
    margin: 0 0 20px 0;
    padding: 10px 0;
    font-size: 1.1em;
    font-weight: bold;
}

.homePopularBox {
    padding: 5px;
    margin: 20px 5px;
    border-right: 1px solid #4f6396;
    font-size: 12px;
}

.homePopularBox ul {
    list-style-type: none;
}

.homePopularBox li {
    margin: 5px 0;
}

.divHeader {
    color: #c34002;
    font-weight: bold;
    font-size: 1.2em;
    padding-left:10px;
}
/*  Search Page */
.searchPageHeader {
    padding: 10px;
    font-weight: bold;
    font-size: 1.3em;
    color: #114966;
}

#searchLeftSidebar { float: left; width: 250px; margin-left: 10px;}
#searchLeftSidebarHeader 
{
    font-size: 12px;
    font-weight: bold;
    width: 230px;
    padding: 0 6px;
    background: #114966;
    color: #fff;
    width: 238px;
    height: 30px;
    margin-top: -12px;
}
#searchLeftSidebarHeader a { color: #fff; }

#searchLeftSidebarHeader img { padding: 5px; }
.searchOptionsItem { padding: 0 15px 10px; margin: 10px 0;   background: #EFF6F8; border: 1px solid #005A84;}
.searchOptionsHeader { font-size:1.1em; font-weight: 900; margin: 10px 0 20px; background: #005A84; color: #fff; padding: 5px 10px; margin: 0 -15px;}
.searchOptionsSubHeader { font-size:.95em; margin-top: 10px; font-weight: 500; }

#searchResults {
    width: 620px;    
    margin: 0 10px;
    background:#fff;
}
.searchResultsItem { width: 610px; margin: 5px 0; display: block; border-bottom: 1px solid #DFE5D8; padding: 10px 5px; }
.searchResultsItem:hover { background: #FDF5CE; border: 1px solid #FBD850; }

.searchResultsHeader { background: #005A84; padding: 5px; border: 1px solid #005A84; margin-bottom: 5px; color: #fff;}
.searchResultsHeader a { color: #fff; }

#searchPageHeader {
    margin: 0 0 10px 10px;
    padding: 5px 10px;
    height: 30px;
}

.searchResultActions {
    font-size: .85em;
    text-align: center;
    background-color: #E0E0E0;
    padding: 3px;
}

.searchLink a {
	font-weight: bold;
	text-decoration: underline;
}

#searchRightSidebar { width: 250px; float: left; }
#searchMap { height: 610px; border: 1px solid #ddd; width: 620px; border: 1px solid #005A84;}
#viewTabs { margin-left: 10px; }
#modifySearch { display: none; z-index: 2; }

/* Signup Page */
.signupBox {
    text-align: right;
    padding-right: 100px;
    line-height: 1.5em;
}
.signupBox h2 {
    text-align: left;
}

.signupBox input, .signupBox select {
    margin: 10px;
    padding: 5px 10px;
    border: 1px solid #0054A6;
}

.signupBox label {
    font-size: 1.1em;
}

.disclaimer {
    margin: 20px 0;
    width: 100%;
    font-style: italic;
}

.jBox { 
	font-size: 12px;
	line-height: 1.5em;
}

.jBox a {
	text-decoration: underline;
	color: #2087de;
}

#locationSidebar {
	float: left;
	width: 300px;
}

.locationSidebarHeaderItem
{
    color: #fff; 
    margin: 30px 0 10px;
    background: #005a84;
    padding: 5px 10px;
    font-size: 12px;
}

.locationSidebarHeaderItem a
{
    color: #fff;
    font-weight: bold;
}

.locationSidebarItem 
{
    padding: 5px 10px;
    background: #EFF6F8;
    border: 1px solid #005A84;
    margin: 10px 0;
}

#locationInfo {
    font-size: 14px;
    width: 260px;
    padding: 10px 0;
    border: 1px solid #3b5998;
    background: #eeeeee;
}

#leftSidebar{
    float: left;
    width: 300px;
    margin: 20px 10px;
}

#leftSidebarHeader {
    font-size: 14px;
    width: 280px;
    padding: 10px;
    border: 1px solid #3b5998;
    background: #eeeeee;
}

.poi
{
    margin: 10px 0;
}

.poi a 
{
    color: #005A84;
}

#mainContent {
    float: left;
    width: 620px;
}

#eventList {
    float: left;
    width: 620px;
    border: 1px solid #3b5998;
    padding: 5px;
    margin: 20px 0;
}

#locationAdvertisement { text-align: center; margin: 10px 0; }

#locationTools { margin-top: 20px; }
#locationTabs {
   float: left;
   width: 600px;
   padding: 10px;
}

.locationInfo { padding:10px; width: 600px; float: left; margin: 0 10px; }
#locationDetails { margin: 10px 0 20px; }

.detailBlock
{
    float: none;
    margin: 10px 0;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
}

#locationReservationBox {
    width: 280px;
    padding: 10px;
    border: 1px solid #F26822;
    background: #F3E485;
    margin-top: 20px;
    display: block;
    font-weight: 800;
}

#locationReservationBox td {
    font-size: .8em;
}

#locationReservationBox td{
    font-size: 18px;
    font-weight: bold;
}

.nearbyResult { margin: 5px 0; border-bottom: 1px solid #F6F1E6; padding: 5px;}
.noBorder { border: none; }

.alertBox { padding: 10px; border: 1px solid #f46521; background: #ffffaa;}

#airportSidebar {
    width: 300px;
    margin: 20px 10px;
    float: left;
}
#airportInfo {
    font-size: 14px;
    width: 280px;
    padding: 10px;
    border: 1px solid #3b5998;
    background: #eeeeee;
}

#airportContents {
    float: left;
    width: 620px;
}

#airportSearchResults {
    float: left;
    width: 600px;
    padding: 10px;

}

#eventListHeader {
    font-weight: bold;
    font-size: 12px;
    margin: 10px 0;
}

.eventDetails {
    margin: 10px 0;
    border-top: 1px solid #000;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0;
    overflow:hidden;
}

.userReviewBox {    
    border: 1px solid #aaaaaa;
    margin: 10px 0;
}

.userReviewHeader {
    padding: 10px;
    border-bottom: 1px solid #aaaaaa;
    background: #eeeeee;
}

.infoSection 
{
    padding: 10px 20px;
    border: 1px solid #000;
    margin: 10px;
}

#rateOptionsHeader { background: #DFE5D8; border-bottom: 5px solid #005A84; padding: 10px; }

.rateOptionsBlock { padding: 10px; border-bottom: 2px solid #005A84; display: none; }

.accountMainContent { width: 700px; float: left; padding: 10px;}
.accountSidebar { width: 200px; float: left; margin-left: 10px; padding: 10px; }
.accountControlBox { width: 200px; float: left; border: 1px solid #005A84; margin-bottom: 20px; }
.accountNavHeader { background: #005A84; padding: 10px; color: #fff; font-size: 1.2em; font-weight: bold;}
.accountNavItem { background: #DFE5D8; width: 180px; padding: 5px 10px;}
.accountNavItem a {font-weight: bold;}
.accountNavItem:hover,  .accountNavItem:hover a{ background: #C63513;  color: #fff;}
.accountNavItem img { padding: 0px 10px 0 5px; }

ul#locationOptionsNav { margin-bottom: 10px; margin-left: -35px; }
ul#locationOptionsNav li  
{
    display: inline; 
    list-style: none; 
    padding: 5px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2em;
    color: #fff;
    background-color: #005A84;
}

ul#locationOptionsNav li.active { background-color: #C63513; }

.adminMainContent { width: 700px; float: left; padding: 10px; }
.adminSidebar { width: 200px; float: left; margin-left: 10px; padding: 10px; background: #DFE5D8; border: 1px solid #005a84; }
.adminSidebarItem { font-size: 14px; font-weight: 800; margin-bottom: 10px; padding: 10px 0; color: #005A84; }

.adminLocationDetailBlock 
{
    border: 1px solid #696969; 
    padding: 0 10px;
    margin: 10px 0;
}
.adminLocationHeadBox { width: 699px; margin: 0 -10px 20px -10px; background:#696969; float: left;}
.adminLocationSectionHeader 
{
    height: 18px; float: left; width: 340px; color: #fff; font-size: 15px; font-weight: 700; text-align: left; padding: 5px;
}

.adminLocationToolbar { text-align: right;  padding: 5px; font-weight: 700;  color: #fff; width: 330px; float: left; }
.adminLocationToolbar a, .adminLocationToolbar a:hover { color: #fff; }