﻿@charset "utf-8";
/* CSS Document */


/* --- Global --- */
 
body {
    /*background: url(images/background.jpg) repeat;*/
    background-color: #F1E9DE !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    word-spacing: 1px;
    line-height: 1.5;

}

form {
    margin: 0 !important;
}

b, strong {
    font-weight: 700;
}

i, em {
    font-style: italic;
}

p, table, ul, ol, .Normal {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 1.25em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700;
    margin-bottom: 1.25em;
}

a, a:active, a:link, a:visited {
    color: #0F316E;
    text-decoration: underline;
}
a:hover {
    color: #0F316E;
    text-decoration: none;
}

#siteWrapper {
    margin: 25px 0 0;
}

#siteInner {
   /* background: url(images/planeBackground.jpg) right top no-repeat;*/
    background: url(/Portals/0/Images/ame-stl-bg-img.png) 1050px 200px no-repeat;
    margin: 0 auto;
    position: relative;
    width: 1600px;
}

.inner {
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 960px;
}

.clear {
    clear: both;
}

.TitleText {
    color: #0F316E !important;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.SubTitleText {
    color: #0F316E;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
}
.AlertText {
    color: #0F316E;
    font-weight: 700;
}
.SmallText {
    color: #000;
    font-size: 0.85em;
    font-weight: 400;
}

.mobileShow {
    display: none;
}

 /* --- Header --- */

 #header {}

 #headerInner {
    padding: 0;
    width: 1000px;
 }

 #logo {
    float: left;
    margin: 0;
 }


 /* --- Nav --- */

#header #nav {
    float: right;
    height: 35px;
    margin-top: 45px;
    max-width: 835px;
    position: relative;
}
#header #nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#header #nav ul li {
    float: left;
}
#header #nav ul li a {
    color: #1E1E1F;
    display: block;
    font-size: 21px;
    font-weight: 700;
    line-height: 35px;
    padding: 0 18px;
    text-decoration: none;
    text-transform: uppercase;
}
#header #nav ul li a:hover {
background-color: none;
    color:#0F316E;
}

#header #nav ul li.selected a {
    background-color: none;
    color:#0F316E;

}

#content .inst-hdr-btn {
    position:absolute;
    top:0px;
    right:0;
    background-color: #0F316E;
    padding:13px 30px;
}


/* --- Content --- */

#content {}

#contentInner {
    min-height: 150px;
    padding: 0 20px 20px;
}

#content .contentPane {
    margin: 30px 0;
}

#content .twoColumn {
    clear:both;
}

#content .twoColumn .leftLargePane {
    float:left;
    margin-right: 20px;
    width:655px;
}
#content .twoColumn .leftLargePane img {
    box-shadow: 0px 5px 30px #0F316E26;
}

#content .twoColumn .rightSmallPane {
    float:right;
    width:285px;
}

#content .twoColumn .leftSmallPane {
    float:left;
    width:285px;
}

#content .twoColumn .rightLargePane {
    float:right;
    margin-left: 20px;
    width:655px;
}

#content .leftPane {
    float: left;
    margin-right: 15px;
    width: 310px;
}
#content .centerPane {
    float: left;
    margin-right: 15px;
    width: 310px;
}
#content .rightPane {
    float: left;
    width: 310px;
}

#content .twoColumn .leftHalfPane {
    float: left;
    margin-right: 10px;
    width: 470px;
}

#content .twoColumn .rightHalfPane {
    float: right;
    margin-left: 10px;
    width: 470px;
}

.DnnModule-DNN_HTML .C_Container .C_Header .TitleText, .C_Container .C_Header h1, .C_Container .C_Header h2 {
    color: #1E1E1F;
}


/* --- Color Legend --- */

#colorLegend {
    text-align: center;
}
#colorLegend #genevaOffice, 
#colorLegend #oHareOffice {
    display: inline-block;
    margin: 0 15px;
}
#colorLegend #genevaOffice div, 
#colorLegend #oHareOffice div {
    border: solid 1px #000;
    float: left;
    height: 30px;
    width: 30px;
}

#colorLegend #genevaOffice div.available {
    background-color: #bb2f14;
}
#colorLegend #genevaOffice div.reserved {
    background-color: #dc8672;
}

#colorLegend p {
    float: left;
    height: 32px;
    line-height: 32px;
    margin: 0 0 0 10px;
}

#colorLegend div.reserved {
    background-image: url(images/reservedPattern.png);
    background-repeat: repeat;
    border-left-width: 0px !important;
}


/* --- Full Calendar --- */

.public-calendar, 
.admin-scheduler {
    text-align: center;
}

.btn {
    background-color: #0F316E !important;
    background-image:none !important;
    /*background-image: linear-gradient(to bottom, #9e1c1d, #6b1313) !important;*/
    border-color: #0F316E !important;
    color: #FFF !important;    
    font-weight: 500 !important;
    text-decoration: none !important;
    text-shadow: none !important;    
}

.btn:not(.btn-appointments) {
    padding: 12px 42px !important;
}
.btn:hover, 
.btn:focus, 
.btn:active {
    background-color: #1B57C5 !important;
    color: #FFF !important;
}

.btnTestNotifications {
    margin: 20px 0;
}

.modal-header h3 {
    letter-spacing: 2px;
}

.modal-body label {
    font-size: 16px;
}

.modal-body input[type='text'] {
    height: 30px;
    height: 20px\9;
}

a.btn-cancel-appointment span,
a.btn-add-confirmation span {
   display:none;
}

#dnn_rightSmallPane .C_Container {
    padding-bottom:0;
}

div.add-confirmation {
    text-align: right;
}

/* --- Footer --- */

#footer {background-color:#0F316E}

#footerInner {
    background: url(images/footerTop.png) center top no-repeat;
    padding-top: 30px;
    position: relative;
}

#footer #footerMenu {
    text-align: center;
    border-bottom:1px solid #828285;
    margin-bottom:30px;
}
#footer #footerMenu ul {
    display:inline-block;
    list-style: none;
    padding: 0;
    text-align: center;
}
#footer #footerMenu ul li {
    float: left;
    padding:0 30px;
    font-family:'Roboto', sans-serif !important;
}
#footer #footerMenu a, #footer #footerMenu ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
#footer #footerMenu ul li a:hover {
    text-decoration: underline;
}

#footer .leftPane {
    float:left;
    margin-right:15px;
}

#footer .leftPane img {margin-right:80px;}

#footer .centerPane {
    float:left;
    margin-right:15px;
}

#footer .address p {color:#fff; font-size:1.2em; line-height: 1.8em; font-family:'Roboto', sans-serif;}

#footer .phone p {font-family:'Roboto', sans-serif;}
#footer .phone h2 {letter-spacing:.1em;}
#footer .phone p, #footer .phone h2 {color:#fff; text-align:right;}
#footer .phone a:link, #footer .phone a:focus { color: #fff; }

#footer #footerAddresses {border-bottom:1px solid #828285; margin-bottom:15px;}

#footer #SteadyRain {
    clear: left;
    float: left;
}
#footer #SteadyRain, #footer #SteadyRain a {
    color: #fff;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
}
#footer #SteadyRain a:hover {
    text-decoration: underline;
}

#footer #copyright {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    float: left;
    font-size: 14px;
    text-align: left;
    margin-bottom:15px;
}

#footer #footerSecondaryMenu {
    clear: right;
    float: right;
}
#footer #footerSecondaryMenu a {
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
    text-align: right;
    text-decoration: none;
}
#footer #footerSecondaryMenu a:hover {
    text-decoration: underline;
}

/* --- DNN Overrides --- */
.DynamicForms_MainPanel table
{
    margin-bottom:0px;
}

.DynamicForms_SaveFormDiv
{
    margin-left:10px;
}

.DnnModule {
    margin-bottom: 20px;
}

.dnnPrimaryAction, 
.dnnFormItem input[type="submit"], 
a.dnnPrimaryAction {
    background: -moz-linear-gradient(center top , #9e1c1d 0%, #6b1313 100%) repeat scroll 0 0 transparent;
    border-color: #3D0A0C;
    color: #FFF;
    text-decoration: none;
    text-shadow: none;
}

.dnnPrimaryAction:active, 
.dnnFormItem input[type="submit"]:active, 
a.dnnPrimaryAction:active, 
.dnnPrimaryAction:hover, 
.dnnFormItem input[type="submit"]:hover, 
a.dnnPrimaryAction:hover {
    background: -moz-linear-gradient(center top , #6b1313 0%, #9e1c1d 100%) repeat scroll 0 0 transparent;
    border-color: #3D0A0C;
}

.dnnFormItem button, 
.dnnFormItem input[type="button"], 
.dnnFormItem input[type="reset"], 
.dnnSecondaryAction, 
a.dnnSecondaryAction, 
ul.dnnAdminTabNav li a, 
.dnnLogin .LoginTabGroup span {
    color: #333;
    text-decoration: none;
}

.DNNEmptyPane {
    width: 0 !important;
}