﻿body {
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}

html, body, #ae_body { height: 100%; }

h1{
    border-bottom: 1px solid #b1b3b3;
    padding: 10px 0px;
}

.hide{display:none!important}


input::-ms-clear {
    display: none;
}

/* Overwrite theme.css
-----------------------------------------------------------*/

.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget-header {
	background: none;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget.ui-widget-content {
	border: 1px solid white;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid white;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid red;
	background: #fffa90;
	color: #777620;
}

/* Overwrite bootstrap
-----------------------------------------------------------*/
.navbar{
  background-color: #0060ae;
  color: white;
  /**border-color: #e7e7e7;*/
}
.navbar-default {
  background-color: #0060ae;
  color: white;
  /**border-color: #e7e7e7;*/
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  background-color: #0060ae;
}

.navbar-default .navbar-nav > li > a {
    color: white;
}
    .navbar-default .navbar-nav > li > a:hover {
        background-color: white;
        color: #0060ae;
    }

/* Overwrite Tabs.css
-----------------------------------------------------------*/
.ui-tabs .ui-tabs-nav li { 
    list-style: none; 
    float: left; /*position: relative; top: 1px; left:10px;*/
    /*margin: 0.6em 1px; /* border-bottom: 0 !important; */
    margin: 0em 0.6em 1em -0.2em;
    padding: 0; 
    white-space: 
    nowrap; 
    width: 19%;
    text-align: center;
    background: #636363;}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
	width: 100%;
	color: white;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
    background: #0060ae
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: #F5F5F5;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.letter-portal {
  font-size: 18.5px;
  font-weight: 300;
  line-height: 25px;
  float: left;
  margin-top: 46px;
  margin-left: -15px;
  color:#06a6d9;
}

#ae_header_logo{
    height: 90px;
    position: relative;
}

#ae_page_title{
    font-size:25px;
    line-height: 30px;
    margin:10px 40px 10px -200px;
}

.header_logo{
    margin: 35px 40px 35px 40px;
    /*box-shadow: rgba(79, 79, 79, 0.7) 3px 3px;*/
    float:left;
}

#ae_body{
    height: auto; /*min-height: 100%;*/
    margin: 20px 40px;
}

.paginationContent{
    position: absolute;
    bottom:10px;
    right: 40px;
}

#content {
    padding-bottom: 30px;
    min-height: 500px; 
    margin: 0px 40px;
    position: relative;
    /*margin: 0px 0px;*/
    /*background-image: url('/content/images/pncs-master-bus.jpg');*/
}

.ae-home-container {
    position: relative;
    top: 100px;
}

.form-login{
    max-width:400px;
    padding: 15px;
    margin: 50px auto;
    /*border: 2px solid red;
    border-radius: 10px;*/
}

.form-login > #login_header{
    margin-bottom:20px;
    font-size: 22px;
    font-weight: bold;
}

.form-login > #login_footer{
    margin-top:10px;
    display:block;
    padding-top: 10px;
}

#userbox {
    position: absolute;
    right: 40px;
    top: -25px;
    color: black;
}

.searchBox{ width: 100%; }

.searchFooter{ margin-top: 15px; }

.searchHeader{
    margin-bottom:15px;
    font-size:1.5em;
}

#searchResults{
    margin-top:20px;
}

#reportTable{
    font-size:12px; 
    table-layout: fixed;

}
.glyphicon.glyphicon-circle-arrow-left, .glyphicon.glyphicon-ok {
    font-size: 19px;
}

.pointer:hover{ cursor: pointer!important; }

.ae-small-text{color: #0060ae; line-height:25px;}

.ae_link{
    color: #06a6d9;
    text-decoration: none;
}

.ae_link_black{
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
}

.ae_link_white{
    color: #ffff;
    text-decoration: underline;
    cursor: pointer;
}

.ae_link:hover {
    color: #0060ae;
    text-decoration: underline;
}

.ae_link_black:hover { color: #000000; }

.ae_link_white:hover { color: #fff; }

.ae-footerlink{
    color: white;
    text-decoration: none;
}

.ae-footerlink:hover{
    color: white;
    text-decoration: underline;
}

.ae-footerlink:visited{
    color: white;
    text-decoration: none;
}

.ae-form-panel{
    padding: 30px;
    max-width: 500px;
    margin: 40px auto;
}

/*Ajax loading overlay*/
#overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index:1000;
}
#loading {
    align-content:center;
    text-align:center;
    width: 100px;
    height: 87px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

#ae_body{
    width:100%;
    max-width:1300px;
    margin: 0px auto;
}

#ae_header{
    width:100%;
    max-width:1300px;
    margin: 0px auto;
    /*background: #fff url('images/header-bg.gif') 50% 0% repeat-y;*/
}

#ae_footer{
    max-width:1300px;
    width:100%;
    margin: 0px auto;
    background-color:#646464;
    color: white;
    height: 50px;
    padding:20px;
    font-size:10px;
}


.btn-ae-standard {
  background: #636363;
  margin-right: 5px;
  color:white;
}
.btn-ae-standard:hover,
.btn-ae-standard:focus {
  background-color: #0060ae;
  background-position: 54px;
  background-image: none;
  color:white;
}
.btn-ae-standard:active,
.btn-ae-standard.active {
  /*background-color: #75787b;
  border-color: #75787b;*/
}

.btn-ae-sm{
  height:25px;
  padding: 0px 0px;
  line-height: 1.5em;
  font-size: 10px;
  min-width:50px;
  background: #636363;
  margin-right: 5px;
  color:white;
}
.btn-ae-sm:focus {
  background-color: #0060ae;
  background-position: 54px;
  background-image: none;
}

.vertical-space-after{
    margin-bottom: 20px;
}

.vertical-space-before{
    margin-top: 20px;
}

.ae_error_panel{
    float: left;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    height: 40px;
    color: #a94442;
    background-color: #f2dede;
    width: 100%;
    margin:-15px 0px 5px 0px;
     
}

.ae_success_panel{
    float: left;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    height:30px;
    color: #3c763d;
    background-color: #dff0d8;
    width: 100%;
    /*line-height:30px;*/
    margin:-15px 0px 5px 0px;
}

.ae_empty_panel{
    display: inline-block;
     margin:-19px 0px 0px -40px;

}

.ae_info_icon {
    width:30px; 
    height:30px;
    margin:0px 10px 0px -8px

}

.ae-icon-button{
    cursor:pointer;
}

.ae-icon-button:hover{
    color: #0060ae;
}

.ae-label{
    color: #636363;
}

.ae-label_large{
    color: #0060ae;
    font-size: 15px;
}

.ae-label_sml{
    color: #636363;
    font-size: 12px;
}

.ae-text{
    
   padding: 0px 0px 15px 0px;
       color: #636363;


}


.ae-tab-panel{
    /*background-color: #eee!important;*/
    min-height: 500px;
}



.ae-tab-panel-actions{
    position:absolute;
    right:20px; bottom:20px;

}

.ae-record-container{
      height: 30px;
      padding: 5px 10px;
      font-size: 12px;
      margin-top:5px;
      margin-left:5px;
      width:308px;
      border: solid 1px; 
      border-color: #c4c0c0;


}

.selected
{
     background-color:white;   
}

.ae-pagination-panel {
   padding: 7px 0px 2px 0px;
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: black;
 }


/* How to */
.ae-panel-heading{
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background: #636363;
  background-repeat: repeat-x;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ae-panel-heading h4:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: white;
}

.ae-panel-heading a.collapsed h4:after {
    content:"\e080";
}


.ae-panel-title{
    color: white
}
.ae-panel-title:hover{
    text-decoration: none!important;
}

.ae-help-image {
      width: 65%;    
}

.iframe_loading {
    background:url(../Content/images/loading_gif.gif) center center no-repeat;
    /*background-color: white;*/
    /*opacity: 0;*/
    
}

/******* PDF Preview Page *******/
.header_logo_sml{
    margin: 5px 15px 0px 15px;
    /*box-shadow: rgba(79, 79, 79, 0.7) 3px 3px;*/
    float: left;
}

#pdf_title{
    font-size: 20px;
    line-height: 20px;
    float: left;
    margin-top: 20px;
}

#bgc_pdf_body{
    max-width:1300px;
    margin:20px auto;
    width: 100%;
}

#bgc_pdf_header{
    width:100%;
    max-width:1300px;
    margin: 0px auto;
    background: #fff url('images/header-bg.gif') 50% 0% repeat-y;
}

#bgc_pdf_header_logo{
    height: 60px; position:relative
}

#bgc_pdf_divider{
    max-width:1300px;
    min-height:10px;

    background-image: -webkit-linear-gradient(top, #004690 0%, #0060ae 100%);
    background-image:      -o-linear-gradient(top, #004690 0%, #0060ae 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#004690), to(#0060ae));
    background-image:         linear-gradient(to bottom, #004690 0%, #0060ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    /*border-radius: 4px;*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}

.pdf_icon {
    font-size: 20px;
    color: #0060ae;
    cursor: pointer;
    margin-left: 10px;
}

.pdf_icon:hover{
    color:#febe10;
}





