/* style for global_base.html */
html, body, form, .full-height, #list-colum, #message-column, #main-content, #wrap, #content-container{
    height: 100%;
}

body{
    #background-color: #f5f5f5;
    height: 100%;
    padding-top: 0px;
}

#form{
    height: 0px;
}

#main-content{
    padding-top: 10px;
}

.
ul {
    list-style: none;
    padding: 0;
}
#header a {
    margin: 0;
    padding-top: 5px;
    font-size: .8em;
}

#logo {
  width: 140px;
    margin-top: 10px;
}

#left > ul {
    list-style: none;
    padding-left: 0;
}
#content {
    padding-bottom: 10px;
}
a img {
    border: 0;
}
ul.messages {
    width: 760px;
    margin: 0;
    padding: 0;
}
ul.messages li {
    text-align: center;
}
a {
    color: #065599;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
#left a {
    font-weight: bold;
    font-size: .75em;
}
#content a {
    color: #1d85cd;
}
ul.localnav a {
    padding: 0px;
}
ul.localnav a:hover {
    color: #1d85cd;
    text-decoration: none;
}
ul.list-horizontal {
    padding-top: 5px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    font-size: .75em;
}
.list-horizontal a { 
    color: blue; 
}
ul.list-horizontal .edit {
    float:right;
}
#content button, #content input[type=submit] {
    font-weight: bold;
    font-size: .75em;
}
#content button, .contentnav a, #content input[type=submit] {
    font-size-adjust: 0.5;
    width: 138px;
}
#content a.inactive {
    text-decoration: line-through;
}
h1.content-title {
    font-size: 1.15em;
}
h2.content-title {
    font-size: .85em;
}
h3.content-title {
    font-size: .75em;
}
.content-title > a {
    margin-left: 10px;
}
a.username {
    padding-left: 10px;
    padding-right: 10px;
}
.cert-alert {
    position: absolute;
    width: 100%;
    padding: 2px 0px 2px 0px;
    font-size: 10pt;
    text-align: center;
}
.pw-alert {
    position: absolute;
    width: 100%;
    padding: 2px 0px 2px 0px;
    font-size: 10pt;
    text-align: center;
    margin-top: 25px;
}

/* All Form */
label {
    font-size: .85em;
}
select {
    display: block;
}
form input[type|='text'] {
    display: block;
}
form input[type='password'] {
    display: block;
}
.column > input[type='checkbox'] {
    width: auto;
}
.grid_1 > select{
    width: 60px;
}
.grid_2 > input{
    width: 134px;
}
.grid_2 > select{
    width: 140px;
}
.grid_3 > input{
    width: 214px;
}
.grid_3 > select{
    width: 220px;
}
.grid_4 > input{
    width: 294px;
}
form div.row {
    padding-top: 5px;
    padding-bottom: 5px;
}
.errorlist {
    list-style: none;
    margin: 0 0 0 0;
    color: red;
    font-size: 14px;
}
.errorlist > li {
    font-size: .75em;
}
label.required:after {
    color: red;
    content: ' *';
}
/* Quick search */
form.quicksearch input {
    width: 134px;
    font-size: .75em;
}

.loginnav a {
    float: right;
}

/*Icons Styling */
dd.column .true {
    vertical-align: middle;
}
dd.column .false {
    vertical-align: middle;
}
.sorting {
    vertical-align: middle;
    padding-left: 2.5px;
} 



/*Compatibility Fixes for IE7*/

/*Set default styles to standarize
 *dimensions across browsers*/
ul {
    margin-left: 0px;
}
/* CSS hack to force repeat-x by enabling the haslayout CSS property
 * Allows Jquery highlight backgrouds to display in IE7
 * Microsoft Spec for haslayout and zoom:
 * * <http://msdn.microsoft.com/en-us/library/ms533776(v=vs.85).aspx>
 */
.ui-widget-content .ui-state-active {
    zoom: 1;
}

/*dataTables*/
div#table_id_length.dataTables_length > label > select {
    width: 57px;
}

div#table1_id_length.dataTables_length > label > select {
    width: 57px;
}

div#table_id_filter > label {
    text-align: left;
}

/* Quick search */
input.span2 {
    width: 163px;
}

/*Bootstrap Styling*/
body {
     background-color: #FDFDFD;
     height: 100%;
     padding-top: 0px;
     color: #012347; 
     color: #012347;
 }

 html, body, form, .full-height, #list-column, #message-column, #main-content, #wrap, #content-container{
     height: 100%;
 }

h3 {
     margin: 0;
 }

h4 {
     margin: 0;
 }

.btn {   
    background-image: none;
}

.btn-primary {
    background-color: #065599;
}

a.btn.btn-primary {
    width: 150px;
}

#contentcontainer {
     padding-top: 10px;
 }

 #form{
     height: 0px;
 }

 #main-content {
     padding-top: 10px;
 }

#middle {
   padding-top: 50px;
  
}

.breadcrumb {
    background-color: #F5F5F5;
    margin-bottom: 10px;
}


.pagination{
      margin-top: 0;
      margin-bottom: 5px;
}

/*---Navbar Styling---*/
 a.brand img {
    position: relative;
      z-index: 2;
  }

.navbar-inner {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
 }

 .navbar-inverse .navbar-inner {
     background-color: #012347; /* fallback color, place your own */

     /* Gradients for modern browsers, replace as you see fit */
     /* background-image: -moz-linear-gradient(top, #333333, #222222);
     background-image: -ms-linear-gradient(top, #333333, #222222);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
     background-image: -webkit-linear-gradient(top, #333333, #222222);
     background-image: -o-linear-gradient(top, #333333, #222222);
     background-image: linear-gradient(top, #333333, #222222); */
     background-image: none;
     background-repeat: repeat-x;

     /* IE8-9 gradient filter */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
 }

 .navbar .divider-vertical {
     margin-left: 4px;
     margin-right: 4px;
 }

 .navbar-inverse .divider-vertical {
     border-right-color: #3f3f3f;
     border-left-color: #3d3d3d;
 }

 .navbar-inverse .brand {
     color:#fff;
 }

 .navbar .brand {
     max-height: 40px;
     overflow: visible;
     padding-top: 0;
     padding-bottom: 0;
 }


 .nav-list .divider {
     width: 170px;
}

.navbar .globalnav > li > a{
    color: #ffffff;
    margin-right: 10px
} 

.navbar-inverse .nav>li>a:focus,
.navbar-inverse .nav>li>a:hover {
    color:#0088CC;
    background-color:transparent
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    color:#fff;
    background-color:#012347;
}

.navbar .nav.pull-right {
}

 .navbar .nav>li>a {
     padding: 10px 4px 10px;
 }

 .nav-list{
     padding-top: 10px;
 }

.nav-list>.active>a,
.nav-list>.active>a:hover,
.nav-list>.active>a:focus {
   background-color:#1e98d2;
}

 hr.dotted-line {
     width: 100%;
     height: 1px;
     border-top: 1px dotted #000000;
     border-bottom:0px;
     margin: 0px;
 }

 .span2.bs-docs-sidebar {
     background-color: #e8e8e8;
     width: 200px;
     padding: 0px;
     padding-top: 50px;
     margin-top: -50px;
     min-height: 100%;
 }

.dropdown-menu.logout > li > a {
    text-align: center;
    width: 125px;
}

 /*---Messages---*/


.messages.top-center {
    position: absolute;
    top:40px;
    }

.messages.top-center>div {
        margin:5px auto;
        text-align:center;
}

 .description {
     border: 1px solid #ddd;
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 20px;
     border-radius: 5px;
 
 /*background-color: #EDEFF4;*/
 }

#unlockForm {
    padding-top: 10px;
}

/*----Placeholder/Hintify----*/
 input.watermark {
     color: #999999;
 }

input.span2.watermark {
    color: #999999;
}

input#id_certificationdate.watermark {
    color: #999999;
}

 /*----Link----*/
 #agency_link {
     color: #0088cc;
 }
 /*----Address form----*/
#id_address {
    width: 403px;
}

#id_city {
    width: 140px;
    margin-right: 30px;
}

#id_state {
    width: 120px;
}

#id_state>label {
    margin-left:20px;
}

#id_zip_ {
    width: 93px;
}


/*----Search Results----*/

#t1 {
    width: 385px;
}

#t2 {
    width: 380px;
}

#t3 {
    width: 245px;
}

#t4 {
    width: 100px;
}

#t5 {
    width: 20px;
}

#t6 {
    width: 350px;
}

#t7 {
    width: 300px;
}

#t8 {
    width: 245px;
}

#t9 {
    width: 100px;
}

#t10 {
    width: 20px;
}

#t11 {
    width: 300px;
}

#t12 {
    width: 300px;
}

#t13 {
    width: 245px;
}

#t14 {
    width: 15px;
}

/*----Table Styling----*/

#agency_edit {
    width: 30px;
}

#broadcast_edit {
    width: 10px;
}

#connection_edit {
    width: 30px;
}

#device_edit {
    width: 15px;
}

#mke_check {
    width: 25px;
}

#mke_edit {
    width: 30px;
}

#mnemonic_edit {
    width: 30px;
}

#orimne_edit {
    width: 30px;
}

#origroup_edit {
    width: 30px;
}

#origroup_check {
    width: 25px;
}


#route_edit {
    width: 15px;
}

#route_form_edit {
    width: 15px;
}

#user_edit {
    width: 15px;
}



#footer {
     text-align: center;
     padding: 30px 0;
     margin-top: 70px;
     border-top: 1px solid #e5e5e5;
     background-color: #f5f5f5;
     display: block;
 }