html
{
    background-repeat: repeat-x;
    background-color: #224777;
    background-image: url(Images/bg_body.gif);
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

body
{
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
}

div#main
{
    margin-top: 25px;
    border: 2px solid #333333;
    width: 100%;
}

div#mainContent
{
    background-color: White;
    padding: 10px 10px 30px 10px;
    min-height: 500px;
}

div#mainFooter
{
    background-color: #333333;
    height: 10px;
    padding: 0;
    clear: both;
}
div#leftPane
{
    float: left;
    vertical-align: top;
    padding: 10px;
    width: 478px;
}
div#rightPane
{
    float: right;
    vertical-align: top;
    padding: 10px;
    width: 478px;
}
div#navLeftPane
{
    overflow: hidden;
    display: block;
    border: 2px solid #000000;
    float: left;
    vertical-align: top;
    padding: 0;
    margin: 0;
    width: 160px;
    height: 480px;
    background-color: #CCCCCC;
}
div#navRightPane
{
    display: block;
    float: right;
    vertical-align: top;
    padding: 0;
    width: 820px;
}
div#title
{
    border-bottom: dashed 1px #CCCCCC;
    margin-bottom: 20px;
}
div#reportCriteria
{
    padding: 10px 0 0 0;
}
div#report
{
    padding: 10px 0 10px 0;
}
div#dashboardContent
{
    min-height: 480px;
    padding: 0 auto 0 auto;
    position: relative;
    background: #333333;
    overflow: hidden;
}
div#topInfo
{
    text-align: right;
    color: #A5B2C6;
    vertical-align: bottom;
}
.logo
{
    background-repeat: no-repeat;
    background-image: url('Images/keyper_logo_smaller.png');
    color: red;
    width: 1024px;
    height: 45px;
    margin-left: 0px;
}
h1
{
    font: bold 20px Arial, Helvetica, sans-serif;
    color: #000;
    margin: 0 0 0 20px;
    padding: 10px 0px 15px 0px;
}
h2
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #000;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    height: 16px;
}
img
{
    border-style: none;
	border-color: inherit;
	border-width: medium;
	/*height: 16px;*/
}
.logoutLink
{
    color: #A5B2C6;
    text-decoration: underline;
}
.grid
{
    border: solid 1px #333333;
}
.pageMessage
{
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    color: Red;
}

.pageTitle
{
    font-size: 16px;
    font-weight: bold;
    border-bottom: solid 1px white;
    padding-bottom: 10px;
}
.pageTitleInformation
{
    font-weight: bold;
    color: Gray;
    text-align: right;
    border-bottom: solid 1px white;
    padding-bottom: 10px;
}
.heading
{
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
    white-space: nowrap;
}

.data
{
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    width: 650px;
    padding-top: 10px;
}
.buttons
{
    text-align: left;
    padding-top: 10px;
}
a
{
    font-weight: bold;
}
a:visited
{
    text-decoration: none;
}

a:link
{
    text-decoration: none;
}

a:active
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}
.title
{
    font-weight: bold;
    font-size: 14px;
}
.menuRow
{
    height: 50px;
    border-bottom: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
}

.footerRow
{
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
}

.rightBorder
{
    border-right: solid 1px #FFFFFF;
}
.contentPain
{
    border-right: solid 1px #FFFFFF;
    height: 600px;
    vertical-align: top;
    padding: 8px;
}
.contentPainRight
{
    height: 600px;
    vertical-align: top;
    padding: 8px;
}
.popupBackground
{
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.4; /*-ms-filter: alpha(opacity=60);     -ms-opacity: 0.4; */
}
.popupContainer
{
    background-color: White;
    width: 700px;
    min-height: 400px;
    border: 2px solid #333333;
}
.popupConfirmation
{
    width: 300px;
    height: 200px;
}
.TitlebarLeft
{
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
}
.TitlebarRight
{
    background: url(Images/cross_icon_normal.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 15px;
    width: 16px;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
}

.popup_Buttons
{
    margin: 10px;
}

.ReportTitle
{
    font-size: 18pt;
    font-weight: bold;
    padding-bottom: 15px;
}
.LeftMargin
{
    padding-left: 10px;
    padding-right: 10px;
}
.Spacer
{
    padding-bottom: 5px;
}
.hyperlink
{
    text-decoration: underline;
    color: Blue;
}
.lists
{
    width: 100%;
    overflow: auto;
    max-height: 400px;
}
.filter
{
    min-width: 1px;
    display: block;
}
/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white; /*background: #2E4d7B;*/
    background: #333333;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #183562;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.LotTableStyle
{
    font-family: Arial, Sans-Serif;
    font-size: small;
    table-layout: auto;
    border-collapse: collapse;
    border: #C9C9C9 0px solid; /* border: #1d1d1d 5px solid; */
}

/* Parking Lot Map */
.PS_All
{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    position: absolute;
    border: solid 1px black;
    vertical-align: middle;
}

.PS_Labels
{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    border: solid 1px black;
    vertical-align: middle;
}

.PS_Container
{
    background-color: White;
}

.PS_TooMany
{
    background-image: url(Images/ParkingSpaceBackground_Red.png);
    color: white;
}

.PS_Single
{
    background-image: url(Images/ParkingSpaceBackground_White.png);
    color: Black;
}

.PS_Empty
{
    background-image: url(Images/ParkingSpaceBackground_Empty.png);
    color: Black;
}

.PS_TooManyAllOut
{
    background-image: url(Images/ParkingSpaceBackgroundMultiple_Yellow.png);
    color: black;
}
.PS_TooManySomeOut
{
    background-image: url(Images/ParkingSpaceBackgroundMultiple_YellowRed.png);
    color: black;
}
.PS_SingleOut
{
    background-image: url(Images/ParkingSpaceBackground_Yellow.png);
    color: black;
}
.ParkingTitle
{
    font-size: 14px;
    font-weight: bold;
}
/* End Parking Lot Map */