/***************************
        Decorators
 ***************************/
.BlueBorder
{  
   border: 5px solid #84c1e0 !important;
}
.Centered
{
    margin: 0 auto;
}

.Flex
{
    display:flex;
    flex-direction:row;
    align-items: center;
    flex-wrap: wrap;
}
.Flex.Column
{
    flex-direction:column !important;
    flex-wrap: nowrap;
    justify-content:center !important;
}
.GreyBorderNoHeight{
    border:1px solid #ccc !important;
}
.GreyBorder
{
    border:1px solid #ccc !important;
    height:32px !important;
}
.Opaque
{
    /*background: #000;
	z-index: 0;
	opacity: 0.85;*/
    	z-index: 0;
     background:rgba(0,0,0,0.85);
}

.Captcha input[type='text']{
   border:1px solid #ccc !important;
}

/***************************
     Refactored Header 
***************************/
header
{
    background: #000;
    position:absolute;/*fixed;*/
    z-index:99;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    width:100%;
    
}

header #logo {
	border-right: 1px dotted #fff;
	display: block;
	line-height: 0;
	padding: 24px 20px 0 0;
}

header nav ul
{
    display:flex;
    flex-direction:row;
}
header #userNav li 
{ 
    /*border-left: 1px dotted #fff;*/ 
    border-right: none !important;
    cursor:pointer;
}
header nav li 
{
    border-right: 1px dotted #fff;
}

header nav li a
 {
	display: block;
	width: 90px;
	/*padding: 40px 15px;*/
    padding-left:15px;
    padding-bottom:20px;
    padding-right: 20px;
    padding-top: 40px;
	color: #fff;
	background-position: 15px 15px;
	background-repeat: no-repeat;
    text-decoration:none !important;
}

header nav li:hover
{
   background-color:#0a84c1;
   cursor: pointer !important;
}

header nav li.reservations a { background-image: url('../images/car.png'); }
header nav li.locations a { background-image: url('../images/airplane.png'); }
header nav li.service a { background-image: url('../images/info.png'); }
header nav li.blog a { background-image: url('../images/blog.png'); }
header nav li.login a { background-image: url('../images/lock.png'); height:40px !important;  } /*)*/

#SearchRightInfo{
    height:400px !important;
}
@media only screen and (max-width: 800px) {
    #resultsMapPane {
        display:none;
    }
    a#logo {
       display:none;
    }
    
    #SearchRightInfo 
    { 
        float:left;
        width:120px;
    }
    #search
    {
        position: absolute !important;
        left:10px !important;
        top: 190px !important;
    }
    
    .left .hideOnDevice{
        display:none;
    }
}

/**************************
          Buttons 
 **************************/

.SelectLink
{
    color:#fff !important;
    background-color:#ec6d20;
    display:block;
    float:left;
    text-align:center;
    text-decoration: none;
    font-size:medium;
    padding:.2em 1em .2em 1em;
}

.BlueButton {
	border: 0;
	padding: 14px 0;
	font-size: 16px;
	background: #0a84c1;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 16px;
	text-decoration: none;
    padding-top:.5em;
    padding-bottom:.5em;
    padding-left:.5em;
    padding-right:.5em;
     cursor: pointer !important;
} 

.NiceButton 
{
    text-align:center;
    text-decoration: none;
    font-size:medium;
    padding:.2em 1em .2em 1em;
}

a.NiceButton {
    background-color:#ec6d20;
    color:white;
}

.TimePicker{
    display:block !important;
    height:32px !important;
    padding: 0px 0px 0px 0px !important;
}

/**************************
          Modal 
 **************************/

.ModalCenter
{
    z-index:10000;
    padding:10px 10px 10px 10px !important;
    background:white !important;
     box-shadow: 3px 3px 5px #333 !important;
	-moz-box-shadow: -3px 3px 5px #333;
	-webkit-box-shadow: -3px 3px 5px #333;   
     display: flex;
     align-items: center;
     justify-content: center;
}

.ModalCenter.Wider{
    width:800px !important;
}

.ParkerLoginModal
{ 
    width:240px !important;
    z-index:10000;
    padding:2em 2em 2em 2em;
    background:white !important;
    border:4px solid #0a84c1 !important;
    box-shadow: 3px 3px 5px #333 !important;
	-moz-box-shadow: -3px 3px 5px #333;
	-webkit-box-shadow: -3px 3px 5px #333;
    position:fixed !important;
    top:10% !important;
}
/* this is for overriding jquery dialog background */
.ui-dialog {
    background: white !important;
}
.ModalCenter a, .ParkerLoginModal a
{
    text-decoration: none;
    width:100px;
}

/**************************
          Login 
 **************************/
.ParkerLoginModal .formItem label
{
	font-weight: normal;
	display: block;
}
.ParkerLoginModal .Cell{
    margin-left: 1em;
}
.ParkerLoginModal .NiceButton
{
    border: 0 !important;
    padding: .5em .5em .5em .5em !important;
	font-size: 16px !important;
	background: #0a84c1 !important;
	color: #fff !important;
	display: block !important;
	text-align: center !important;
	line-height: 16px !important;
	text-decoration: none !important;
    margin-left: .2em;
    float:left;
    cursor: pointer !important;
}


@media only screen and (max-width: 800px) {
  .ModalCenter.Wider{
        width:400px !important;
  }
}

/***************************
     Containers
 *************************/
#contentRegion
{ 
    margin-top: 80px; 
}

.FormEntry
{ 
    position:relative;
    width:1020px !important;
    display:flex;
    flex-direction:row;
    justify-content: flex-start;
    align-items:center;
    flex-wrap: wrap;
    width: 100%;
    background:white;
    padding:10px 25px 10px 10px !important;
    margin-top:10px !important;
    margin-left: 10px !important;
    margin-bottom:10px !important;
}


/* Small Search Row*/
.SmallInputRow 
{
    display:flex;
    width:100%;
    flex-direction:row;
    align-items: center;
    flex-wrap: wrap;
    padding:5px;
}

/* .SearchFormRow */
.InputRow
{
    display:flex;
    flex-direction:row;
    align-items: flex-start;  /*center; */ 
    flex-wrap: wrap;
    padding-top:10px;
}

.ContentFlex 
{
    margin: 1em 1.5em 1em 1.5em;
    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding-top:1.2em;
    /*height:150px;*/
}

/* .SmallInfo*/
.SmallInformationBlock
{
    width:350px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
/* .MediumInfo */
.MediumInformationBlock
{
    width:700px !important;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    padding-bottom: 10px !important;
}

#searchPane.topPanel{

    height:150px;
    /*margin-top:110px;*/
}
#bottomContent 
{ 
	background: url('../images/footer-bg.jpg') repeat;
	padding: 15px 0;
}
#bottomContent footer{
    margin: 0 auto;
}
.BottomBlock
{
    width: 350px;
    height:230px;
    border-right:1px solid #2b2b2b;
    border-bottom: 1px solid #2b2b2b;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    color:#666;
    padding:1em 1em 1em 1em;
}

/***************************
    Container Cells
 *************************/
/* These are for inputs only */
.SmallInputCellFixedHeight
{
    height:30px;
    width:120px;
}
/*.SearchFormRow .SmallCell */
.SmallInputCell
{
    width:120px;
    margin-right:10px;
    margin-top:10px;
}
.SmallInputCell.ExtraRoom
{
    width:120px;
    margin-right:10px;
    margin-top:10px;
}

/*.MediumInfo .Cell*/
.BoxBorderCell
{
    width:200px !important;
    padding: 10px 10px 10px 10px;
    border:1px solid #eee;    
    margin:-1px 0 0 -1px;
}
/*.SearchFormRow .Cell*/
.MediumInputCell
{
   width:220px;
   margin-right:20px !important;
   margin-top:10px;
}
/*SearchFormRow .MultiCell*/
.MediumCell
{
    width: 260px;
    /* combine with .Flex*/
}
.LongInputCell
{
    width: 430px;
    padding:.5em .5em .5em .5em;
    margin-left: 1em;
}
.BigCell
{
    width:500px;
}

.LongInputCell.Double
{
    width:800px;
}

/***************************
        Inputs
 *************************/
.AirportPicker
{
    width:100px;
    float:left;
}
.AirportPicker .DropdownPicker
{
     border:0px solid white !important;
     height:32px;
}
.DateJquery
{
    height:16px;
}
.DateTimePicker 
{
    width:80px;
    float:left;
}   
.DateTimePicker input 
{
    width:70px;
}
/*.SmallInfo .Cell*/
.MiniCell
{
   width:80px !important;
}
.MiniCellSmaller
{
    width:40px !important;  
}
.InputRow input, .SmallInputRow input
{
    font-size: 12px;
}

.NiceButton.Standard
{
    border: 0 !important;
    padding: .5em .5em .5em .5em !important;
	font-size: 16px !important;
	background: #0a84c1 !important;
	color: #fff !important;
	display: block !important;
	text-align: center !important;
	line-height: 16px !important;
	text-decoration: none !important;
    margin-left: .2em;
    float:left;
    cursor: pointer !important;
}

.FormEntry .MediumSize
{
    width:280px;
    border: 1px solid #ccc !important;
    font-size:14px;
    padding:8px;
    font-size:13px;
}

li.TwitterIcon a,
li.FacebookIcon a,
li.RSSIcon a,
li.GPlusIcon a 
{
    height:30px;    
    display:block;
}

li.TwitterIcon a { background: url('../images/twitter.gif') no-repeat; }
li.FacebookIcon a { background: url('../images/facebook.gif') no-repeat; }
li.RSSIcon a { background: url('../images/rss.gif') no-repeat; }
li.GPlusIcon a { background: url('../images/gplus-24.png') no-repeat; }


/***************************
        Labels
 *************************/
.SmallSearchRow span 
{ 
    font-size:12px !important;
    font-style:normal !important;
    color:deeppink !important;
}
/* .SmallInfo .Cell span*/
.MiniCell span, .MiniCell label
{
    font-weight:bold;
}
.FormEntry .MediumSizeLabel
{
    width:120px;
    font-weight:bold;
    font-size:13px;
    display:block;
    float:left;
}
.FormEntry .MediumSizeInfo
{
    width:260px;
    font-weight:normal;
    font-size:13px;
    margin-left: 10px;
    display:block;
    float:left;
}
.FormEntry h1 
{
    color: #555; 
}

.FormEntry h2 {
    font-weight: normal;
    font-size: 18px;
	margin-bottom: 20px;
}

div .StrongMessage 
{
    color: #a60017;
}
label.MediumSize{
    border:none !important;
}

/***********************
     Media Queries
 **********************/


@media only screen and (max-width: 800px) {

    /***
        CONTAINERS MEDIA QUERIES
        ***/
    
    .ContentFlex {
        height: 230px !important;
        flex-wrap: wrap !important;
    }

    .FormEntry {
        width: 300px !important; /*500 normal*/
        margin-right: 0px !important;
        margin: unset;
    }

    .InputRow {
        align-items: flex-start;
    }

    .MediumInformationBlock, .MediumInputCell, .LongInputCell.Double, .LongInputCell {
        width: 300px !important;
    }

    .FlowCell {
        width: 250px !important;
    }

    .MediumCell div {
        margin-top: 3px;
    }

    .container {
        width: 300px;
        margin: 10px 10px 10px 10px;
    }

    .MediumSize {
        width: 220px !important;
    }

    /***
        DECORATORS MEDIA QUERIES
        ***/

    .Flex.Column {
        flex-direction: column !important;
        flex-wrap: wrap;
        align-items: flex-start;
        /*justify-content:center !important;*/
    }

    /***
        HEADER MEDIA QUERIES
        ***/

    header nav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center !important;
    }

    header {
        height: 80px;
        background-color: black !important;
    }

    header nav li a:hover {
        cursor: pointer !important;
        height: 30px !important;
        background-color: none;
    }

    header nav li.reservations a {
        background-image: none !important;
    }

    header nav li.locations a {
        background-image: none !important;
    }

    header nav li.service a {
        background-image: none !important;
    }

    header nav li.login a {
        background-image: none !important;
        height: 30px !important;
    }

    header nav li 
    {
        border-right: none !important;
    }

    header nav li a
    {
        padding-top: 10px;
        width: 66px;
        text-align: left;
        /*height:110px !important;*/
        display: block !important;
    }

    li.login a
    {
        color: white !important;
    }

    /***
        SEARCH PANEL
        ***/

    #searchPane.topPanel 
    {
        height: 500px;
    }

    #slides 
    {
        height: 100%;
        background-size: auto 100% !important;
    }

    #contentRegion 
    {
        margin-top: 30px;
    }

    #searchPane.topPanel 
    {
        margin-top: 80px;
    }
    
    /***
        BOTTOM
        ***/

    .BottomBlock {
        width: 350px;
        height: auto;
    }

    /*.LongInputCell.Double.GreyBorderNoHeight{
        border:none !important;
    }*/

    .LongInputCell.Double .LongInputCell{
        width:260px !important;
    }
}

#slides {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-image: url("/images/_slider/apc_header_1.jpg");
    background-size: 100% auto;
}

/* background image cycles between...
        src="/images/_slider/apc_header_2.jpg"
        src="/images/_slider/apc_header_3.jpg" 
        src="/images/_slider/apc_header_4.jpg" 
*/


/***********************
     Tables
 **********************/
table.ResponsiveTable
{
    table-layout:fixed;
    border-top: none !important;
    padding:1em 2em 1em 2em;
   
}
table.ResponsiveTable td {
     border-bottom: none !important;
}
@media only screen and (max-width: 800px) {
    table.ResponsiveTable tr 
    {
        width:300px;
    }
    table.ResponsiveTable td 
    {
          padding:.5em 1em .5em 1em !important;
        width:80px;
    }
    table.ResponsiveTable {
   
    }
}