#logo
{

  display: block;
  /*max-width:1171px;*/
  max-height:115px;
  width: auto;
  height: auto;

} 

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.jumbotron {

     background-color: #EDF3FA;

}

#ContainerID {

    max-width: 100%;

}

.NavLinks {

  color: #275c8a;
  font-weight: bold; 

}

a.NavLinks:focus {

    outline-style: none;
    text-decoration-color: black;
}

a.NavLinks:hover {

    outline-style: none;
    text-decoration-color: black;
}


a.TableLinks {

  color: #275c8a;
  font-weight: bold; 

}

a.TableLinks:focus {

    outline-style: solid;
    outline-width: 2px;
    outline-offset:1px;
}

a.TableLinks:hover {

    outline-style: solid;
    outline-width: 2px;
    outline-offset:1px;
}

a.ServiceCode:focus {

    outline-style: solid;
    outline-width: 2px;
    outline-offset:1px;
}

a.ServiceCode:hover {

    outline-style: solid;
    outline-width: 2px;
    outline-offset:1px;
}

a.ExportLink:focus {

    outline-style: solid;
    outline-width: 2px;
    outline-offset:1px;
}

a.ExportLink:hover {

    outline-style: solid;
    outline-width: 2px;
    outline-offset:1px;
}



.skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
        color: rgb(0,62,126);
        font-weight:bold;
    }
    
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        left: 5px; 
        top: 5px;
        width: auto; 
        height: auto; 
        overflow: visible; 
        outline-style: none;

    }

.navbar-default {

    background-color:rgb(0,40,104);
   
}  

.navbar-default .navbar-nav > li > a {
    color:#ffffff;
    font-weight:bold; font-size:16px; 

}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  outline: solid;
  outline-color: black;
  color:#ffffff;
  background-color: rgb(45,123,186);
  outline-width: 3px;
}

@media all and (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
}

@media all and (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color:#ffffff;
        background-color: rgb(45,123,186);

    }
}
.btn {

    border-color: black;
    color: white;

}

.btn:hover,
.btn:focus {

  outline: solid;
  outline-color: black;
  outline-width: 3px;
  background-color: rgb(45,123,186);
  

}


#SystemNameHeading {

    font-size: 35px;
    text-align: center;
    color: rgb(0,62,126);

}

#SrchResltsHeading {

    font-size: 25px;
    text-align: center;
    color: rgb(0,62,126);

}

#SrchResltsHeading:focus {

     outline: solid;
     outline-color: black;
     outline-width: 2px;
     display:inline-block;

}

#PgHeading {

    font-size: 25px;
    color: rgb(0,62,126);

}

#PgHeading:focus {

     outline: solid;
     outline-color: black;
     outline-width: 2px;
     display:inline-block;


}

#RequiredFieldInd {

    color:firebrick;
    font-weight:bold;

}

h1 {

    color: rgb(0,62,126);
    font-size: 35px;

}

h3 {

    color: black;
    font-size: 17px;
    font-weight: bold; 

}


h1:focus {


  outline: solid;
  outline-color: black;
  outline-width: 2px;
  display:inline-block;

}


h2:focus {

     outline: solid;
     outline-color: black;
     outline-width: 2px;
     display:inline-block;

}

.btn {

    font-size: 12px;
    font-weight: bold;
    background-color: #275c8a;

}

p {

font-size: 16px;
color:black;

}

label {

font-size: 16px;

}

.form-control {

    font-size: 16px;
    border-color: black;
}

.form-control:focus {

    border-color: black;
    outline-color: black;
    outline-width: 2px;
    outline-style: solid;

}

#panelPrimary {

    border-color: #275c8a;
}

#panelHeading {

    
    background-color: #275c8a;
    
}

#panelHeadingCR {

    
    background-color: #275c8a;
    
}


.tooltip {

    font-size: 14px;

}

#FormHeading {

     font-size: 16px;
     color: #ffffff;
     font-weight:bold;
     margin-top:5px;
     margin-bottom:5px;

}


#FormHeading:focus {

    
  outline: solid;
  outline-color: black;
  outline-width: 3px;
  display:inline-block;

}

#GoTopPageNavigation {

    font-weight:bold;
    font-size: 20px;
    color: rgb(0,62,126);
}


#LogOff {

    font-weight:bold;
    font-size:20px;
    color: rgb(0,62,126);
    margin-right: 25px;
    position: relative;
    float:right;
    background-color: #ffffff;
    
}

#LogOff:focus {

  outline: solid;
  outline-color: black;
  outline-width: 3px;
    
}

#FormInstructions {

 font-weight:bold
    
}

#FormInstructions:focus {

  outline: solid;
  outline-color: black;
  outline-width: 3px;
    
}

#WelcomeMessage {

    color: black;
    font-size: 25px;

}


#WelcomeMessage:focus {

  outline: solid;
  outline-color: black;
  outline-width: 3px;
  display:inline-block;

}

#ResultsMessage {

    font-weight:bold;
    font-size: 20px;
    color:rgb(0,62,126);

}

#ResultsMessage:focus {

     outline: solid;
     outline-color: black;
     outline-width: 2px;
     display:inline-block;

}

/* Set padding to keep content from hitting the edges 
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

th {

    background-color: rgb(235,237,245);
    font-size: 16px;
}

td {

    font-size: 16px;

}


#xpndSearchResult, #clpsSearchResult
{
    font-style:  italic;
    text-decoration: none; 
    font-size: 12px; 
    float: right; 
    margin-right: 10px;
    display:inline; 
    color: white;    
}

#wait
{

    display: none;  


}

#wait:focus
{

     outline: solid;
     outline-color: black;
     outline-width: 3px;
     display:inline-block;

}


#ResultsDiv
{

    display: none;

}


.modal-backdrop {
  z-index: -1;
}

/*For the alert dialog only - START*/
.dialog-template {
    display: none;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

button, .ui-dialog .ui-dialog-buttonpane button {
    border-radius: 5px;
}

.ui-dialog-titlebar {
    /*background-color: #033769;*/
    background-color: #003e7e;
    color: #fff;
    font-size: large;
    font-weight: 300;
}

.ui-front {
    z-index: 10000 !important;
}

.ui-dialog {
    z-index: 10001 !important;
    font-size: medium;
    font-weight: 300;
    color: #003e7e;
}

.ui-button:not(.custom-combobox-toggle), .ui-widget-content .ui-state-active, .ui-dialog .ui-dialog-buttonpane button {
    background: #003e7e;
    border: 1px solid gray;
    vertical-align: middle;
    color: #ffffff;
    font-size: large;
    font-weight: 600;
}

.ui-button:not(.custom-combobox-toggle):hover, .ui-widget-content .ui-state-active:hover, .ui-dialog .ui-dialog-buttonpane button:hover,
.ui-button:not(.custom-combobox-toggle):active, .ui-widget-content .ui-state-active:active, .ui-dialog .ui-dialog-buttonpane button:active,
.ui-button:not(.custom-combobox-toggle):focus, .ui-widget-content .ui-state-active:focus, .ui-dialog .ui-dialog-buttonpane button:focus {
    color: #ffffff;
}
/*For the alert dialog only - END*/