/* Navigation Bar */
 
ul#menu {
    font-size:20px; 
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    text-align:center;
    list-style:none;
    width:80%;
  
    margin: auto;
    border: 1px solid blue;
    margin-top: 20px;
    padding-top:5px;
    padding-bottom:10px;
    padding-right:28px;
     

}
 
ul#menu li {
   
    text-align:center;
    position:relative;
    
    
    margin-top:7px;
    border:none;
}
 

 
ul#menu li a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px; 
    color: black;
    display:block;
   
    text-decoration:none;
}
 
ul#menu li:hover a {
    color:#161616;
    text-shadow: 1px 1px 1px #FFFFFF;
}

 
/* Drop Down */
 

div.dropdown_5columns {
    margin:0 auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:center;
    padding:10px;
    border:1px solid #777777 !important;
    z-index:99999;
    background: #d3d3d3 url('http://www.statelocalgov.net/images/light-gray.png') repeat !important;
}
 

div.dropdown_5columns {width: 100%;}
 
ul#menu li:hover div.dropdown_5columns {
    left:-3.5%;
    top:auto;
    z-index:99999; 
}
 
/* Columns */
 
div.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display:inline;
    float: left;
    position: relative;
    
}
div.col_1 {width:20%;}

 
div.col_1 a{
    padding: 3px;
}
 
/* Drop Down Content Stylings */
 
ul#menu p, ul#menu h2, ul#menu h3, ul#menu ul li {
    line-height:21px;
    font-size:12px;
    text-align:center;
    text-shadow: 1px 1px 1px #FFFFFF;
}

ul#menu li:hover div a {
    font-size:12px;
    color:black;
}
ul#menu li:hover div a:hover {
    color:#029feb;
}

ul#menu li ul {
    list-style:none;
    padding:0;
    margin:0;
}
ul#menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    
}
ul#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}


/* CSS for drop down Structured Settlements */


li.drpdown {
    position: relative;
}

div.drpdown-content {
    position: absolute;
    left:-999em; 
    background-color: #e5e5e5;
    border:1px solid #777777 !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 10px;
    z-index:99999;
    background: #d3d3d3 url('http://www.statelocalgov.net/images/light-gray.png') repeat !important;
}

li.drpdown:hover div.drpdown-content {
    left: -1px;
}




/**** New Mega Menu **** 

ul#megaMenu {
    list-style:none;
    width:940px;
    margin:0 auto;
    height:43px;
    padding:0 10px;     
   }**/
ul#megaMenu li {
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:30px;
    margin-top:7px;
    border:none;}
ul#megaMenu li a {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:15px;
    display:block;
    outline:0;
    }
/* Drop Down */
.dropdown_onecolumn,
.dropdown_twocolumns,
.dropdown_threecolumns,
div.dropdown_fourcolumns,
.dropdown_fivecolumns {
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em;
    z-index: 99999;
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #000 !important;
   background: #d3d3d3 url('http://www.statelocalgov.net/images/light-gray.png') repeat !important;
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;}
.dropdown_onecolumn {width: 140px;}
.dropdown_twocolumns {width: 280px;}
.dropdown_threecolumns {width: 420px;}
div.dropdown_fourcolumns {width: 560px;}
.dropdown_fivecolumns {width: 700px;}
ul#megaMenu li:hover .dropdown_onecolumn,
ul#megaMenu li:hover .dropdown_twocolumns,
ul#megaMenu li:hover .dropdown_threecolumns,
ul#megaMenu li:hover div.dropdown_fourcolumns,
ul#megaMenu li:hover .dropdown_fivecolumns {left:-1px;top:auto}
/* Columns */
div.col_single {display:inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;}
div.col_single {width:130px;}
/* Right alignment 
ul#megaMenu .menu_right {float:right;margin-right:0px;}*/
ul#megaMenu li div.align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;}
ul#megaMenu li:hover div.align_right {left:auto;right:80%;top:auto;}
/* Drop Down Content */
ul#megaMenu p, ul#megaMenu h2, ul#megaMenu h3, ul#megaMenu ul li {
    font-family:Trebuchet MS, Helvetica, sans-serif;
    line-height:20px;
    text-align:left;}
ul#megaMenu h2{
font-size:18px;color:#000000;
font-weight:normal;margin:0;padding-bottom:5px;}
ul#megaMenu h3 {
font-size:16px;color:#000000;
text-decoration:underline;margin:0;padding-bottom:7px;}
ul#megaMenu p {font-size:15px;color:#000000;
line-height:18px;margin:0;padding:5px 0;}
ul#megaMenu li:hover div a {font-size:14px;color:#0000FF;}
ul#megaMenu li:hover div a:hover {color:#FF0000;}
ul#megaMenu li ul {list-style:none;padding:0;margin:0;}
ul#megaMenu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:130px;}
ul#megaMenu li ul li:hover {list-style:none; padding:0;margin:0;}



@media only screen and (max-width: 500px){

div.col_1 {width:50%;}
.drpdown:hover div.drpdown-content {
    left: -3%;
    }

div.dropdown_fourcolumns {width: 300px;}

div.col_single {width:60px;}

ul#megaMenu li ul li {width:65px;}

ul#megaMenu li:hover div.align_right {left:auto;right:-100%;top:auto;}

}

.glsr-percentage-bars {
  position: relative;
  width: 100%;
  max-width: 400px;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 1em;
}

.glsr-bar {
 display: table-row;
 white-space: nowrap;
}

.glsr-ltr .glsr-bar-label {
 padding-right: 10px;
}

.glsr-bar>span {
 display: table-cell;
 vertical-align: middle;
 padding-left: 6px;
}

.glsr-bar-background {
 position: relative;
 width: 100%;
}

.glsr-bar-background:before {
 display: block;
 position: absolute;
 width: 99%;
 height: 15px;
 content: "";
 background: rgba(0,0,0,.075);
 border-radius: 20px;
}

.glsr-bar-percent {
 position: relative;
 display: block;
 height: 15px;
 background-image: linear-gradient(to right, #ffb900, #fff000);
 border-radius: 20px;
}

.glsr-ltr .glsr-bar-count {
 padding-left: 10px;
}

.glsr-bar-count {
  text-align: right;
  font-size: 14px;
}

.stars-title {
font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
color: #950014;
font-size: 22px;
}

.empty-star {
background-image: url("../images/empty-star.svg");
width: 26px;
height: 26px;
background-size: 24px;
display: inline-block;
background-repeat: no-repeat;
}

.full-star {
background-image: url("../images/full-star.svg");
width: 26px;
height: 26px;
background-size: 24px;
display: inline-block;
background-repeat: no-repeat;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #4263C6;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}