html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;   
}


::-webkit-input-placeholder {
   color: #8e7e6b; 
   font-style:italic;
   font-weight:normal;
   font-size:1rem;   
   padding-top:3px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #8e7e6b; 
   font-style:italic;
   font-weight:normal;
   font-size:0.9rem;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #8e7e6b; 
   font-style:italic;
   font-weight:normal;
   font-size:0.9rem;
}

:-ms-input-placeholder {  
   color: #8e7e6b; 
   font-style:italic;
   font-weight:normal;   
   font-size:0.9rem;
}

body {
line-height: 1.25; font-family: "Gotham 4r", "Gotham A", "Gotham B", Verdana, Arial, Helvetica, sans-serif; font-size: 14px !important; font-weight: 400;
}

table {
    width: 100%;
    border-collapse: collapse;    
}

    table td, table td th {
        vertical-align: top;
    }
table th {
    text-align: left;
}


img {
border:none;
}

.btn {
-webkit-appearance: none;
-moz-appearance: none;
  background: #0069b6;
  color: white;
  border: none;  
  font-family:Gotham, Verdana, Arial, Helvetica, sans-serif;
}
.btn:disabled, input[disabled].btn:hover {
        background: #B2BFCC;
        color: black;        
    }
.btn:hover {
  background: #009ED5;
  text-decoration: none;
  color: white;
}

/*css tooltip*/

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
    
a.tooltip:link, a.tooltip:visited {
        color: #1B4E82;
    }
    a.tooltip span {
        z-index: 10;
        display: none;
        padding: 4px 5px;
        margin-top: 20px;
        margin-left: 0px;       
        line-height: 10px;
        width:190px;
    }
    a.tooltip:hover span {
        display: inline;
        position: absolute;        
        left: 5px;
        color: #003265;
        border: 1px solid #333333;
        background: #fffAF0;
        font-weight:normal;
        font-size:x-small;
    }
.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}
a.tooltip span {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    -moz-box-shadow: 5px 5px 8px #CCC;
}



.toggle {
    color:#00609C;
    font-size:.9em;
}

 h1 {   
     padding:0;
     margin:0;    
}
 
#dTop {    
    background-color:#009ED5; 
    height:50px;  
    width:100%;    

    background-image: url('img/swc_mislogo_121x22.png');
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: right 15px center;    
    float: right;
    
}

#lnkNavMobi, #navMobi {
display:none;
}

#dvImgHeader {
    background-image: url('img/swe_banner_890x140.png');
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: center top;
    width:100%;  
    height:155px;
    z-index:999;   
    background-size:contain;
     cursor: pointer;
}

    #tblLNav td, #tblRNav td {
        vertical-align: middle;
    }
    
#tblLNav a, #tblLNav td {
    font-size: 1.0rem;    
    color: #0069b6;    
}
    #tblLNav a:hover, #tblRNav a:hover {
        text-decoration: underline;
    }
    #tblLNav .mnuDiv {
    background-image: url('img/swc_menu_divider.png');
    background-repeat: no-repeat;
    background-position: center center;
    width:7px;
    height:11px;
}

#tblLNav .mnuInactive {
    color: gray;
}

 #tblRNav {    
    text-align:right;    
}
#tblRNav a {
    font-size: 1rem;    
    color: #0069b6;
    text-decoration: none;    
}
#lnkPrint {
    background-image: url('img/swc_print_22x20.png');
        background-repeat: no-repeat;
        background-attachment: inherit;
}

.CompletionList {
    border: solid 1px #0069B6;
    margin: 0px;
    padding: 3px;
    max-height: 120px;
    height:auto;
    overflow:auto;
    background-color: #FFFFFF;
    line-height:36px;
    font-size:medium;
    cursor:pointer;        
}
.CompletionListItem {
    color:#0069B6;
}
.CompletionListHighlightedItem {
    background-color: #CAE6F6;
}

#pnlSearch, #pnlResults {
font-size:0.9rem;
}

#pnlSearch .input {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-style: none;    
    font-size: 1.3rem;    
    background-color: #CAE6F6;    
}

#pnlSearch .input:disabled {
    background-color:lightgray;
}

#tblSearch .label {
font-weight:bold;
color:#0069b6;
font-size:1.4rem;
}

#tblSearch thead td, #tblResults thead td {
    color: #009ED5;
    font-size: 1.6rem;    
    font-weight: bold;
    text-align:left;    
    height:50px;   
}

#lnkToggleCalcDetails {
    color: black;
    font-size: 1rem;    
}

#tblResults_Summary .td {
    font-weight:normal;
    font-size:.8rem;
}


#tblCalcDetails {
font-size:.8rem
}
    .tblChargeCalc th {
        text-align:right;       
        font-weight:normal;     
    }
    .tblChargeCalc td {
        text-align:right;  
        vertical-align:middle;   
    }

  #tblCalcDetails a {
    
    color: #0069b6;    
}

    .tblChargeCalc .BorderBottom {
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

#pnlHidden {
font-size:.9rem;
}
#pnlHidden a:link {
    font-weight: bold;
    color: black;
    text-decoration: none;
}
#pnlHidden a:visited {
    color: black;
}

#btnNewSearch {    
    text-align:left;
    font-size:1.3rem;        
    font-family:Gotham;
}

#pnlMsg {
    line-break:loose;
    padding-top:92px;
    padding-left:150px;
    width: 100%;
    height: 100%;
    font-size: 1.8rem;
    color: red;
    text-align: left;
    display: none;
}

#pnlMsg2 {
    line-break: loose;
    padding-top: 10px;
    padding-left: 10px;
    width: 100%;
    height: 100%;
    font-size:0.6rem;
    color: black;
    text-align: left;
    display: none;
}

#footer {    
    text-align: right;
    background-color: #009ED5;
    font-size: 1rem;
    color: white;
    display: block;
    position: relative;
}
    #footer a {
    color:white;   
    font-weight: bold;
    text-decoration: none;
}

    

/*GEOMETRY*/
html
{
    height: 100%;        
}

body {
min-height:100vh;
padding:0;
margin:0;
}

#wrapper {
    max-width: 980px;
    min-width: 800px;
    padding: 0;
    margin: 0 auto;
    width:100%;  
    min-height:100vh;
}

#imgHeader {
    width: 100%;
    margin: 0;
    padding: 0;
}

#hdr {    
    width:100%;
}
    #topNav table {
     margin: 0 20px 10px 10px;
     padding: 0;                 
    }


#tblLNav {
    width:320px;
    text-align:center;    
}
  
  #tblLNav, #tblRNav {
    height:30px;
    }
#tblRNav {
    width: auto;
    float:right;
    text-align:right;
}
#tblRNav a {
    padding-left: 25px;
    padding-right: 20px;
}
#lnkPrint {
        background-position: left top;        
        float: right; 
        padding:5px 0 0 25px;
}

#content {
    padding: 0;
    margin: 0;        
}

#column-sidebar {
    width: 340px;        
    float: left;  
    min-height:calc(100vh - 340px);     
}

#column-main {
  margin: 0 0 0 340px; 
  padding:0 0 0 10px;    
  width:auto;  
  height:auto;    
}

#pnlSearch, #pnlResults {
    padding:0 10px 0 30px;    
    margin: 0;    
    height:100%;
      position: relative;        
}

#pnlSearch .btn {
    width: 1px;
    height:1px;
    padding:0;
    margin:0;
    display:none;
}

#pnlSearch .input {
    height: 40px;
    width: 100%;
    margin: 3px 0 3px 0;
    padding: 0 0 0 10px;
}

#tblSearch .label {
    padding:20px 0 0 0;
}
#tblSearch thead td, #tblResults thead td {
    padding: 0 0 15px 0;
}
#tblResults {
    min-height:400px;
    height:100%;
    padding: 0;
    margin: 0;
}


#tblResults_Summary tbody {
    padding:5px 3px 0 3px;

}
#tblResults_Summary tbody th {    
    padding:5px 0 0 5px;    
}
#tblResults_Summary tbody td {    
    padding:5px 0 0 3px;
}

#dvCalcDetails {
    padding: 10px 0 10px 0;
    margin: 0;
}
.calcDetailsShow {
height:auto;
}

#pnlRES, #pnlOTH {
margin-top:10px;
}

.tblChargeCalc th {
 padding-right:5px;   
}
.tblChargeCalc td {
 padding-right:5px;  
}
  #dvCalcDetails p {
    padding:0;
    margin:0;
    }

#btnNewSearch {
    width: 100%;
    height: 35px;
    margin: 30px 0 0 0;
    padding: 0 0 0 15px;
}

#imgMap, #imgLoading {
    margin: 0;
    padding: 0;
        height: 400px;
    width: 600px;     
   /* height: 320px;
    width: 480px;*/
}
#footer {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 15px 30px 0 0;
    height: 50px;
}
    #footer img {
        margin-bottom: -4px;
    }
/*/GEOMETRY*/

/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
	content: "";
  display: table;
  clear: both;
}


#errorsPanel {    
    border-style: solid;
    border-color: #FF0000;
    color:#FF0000;
    border-width: 2px;    
    min-width:200px;
    width:30%;
    min-height:180px;
    height:7%;
    margin:auto;
    background-color:#FFEFEB;
    box-shadow: 3px 3px 5px #333333;
    -webkit-box-shadow: 3px 3px 5px #333333;
    -moz-box-shadow: 3px 3px 5px #333333;
    opacity:0.8;
    margin-top:-50px;
}

#valSummary {
    width: 100%;
    height: 100%;
    padding: 30px;
    margin: auto;
    text-align: center;    
    vertical-align:central;
}

#btnErrorOK {
    margin:-2px -2px;
    display:block;
    float:right;
    top:0;
    position:relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-style: solid;
    border-color: #FF0000;
    color:#00609C;
    border-width: 2px;        
}

#example {display: table; width: 100%; }
 #block-1 {display: table-footer-group; } /* Will be displayed at the bottom of the pseudo-table */
 #block-2 {display: table-row-group;    } /* Will be displayed in the middle */
 #block-3 {display: table-header-group; } /* Will be displayed at the top */