@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfontd41d.eot') format('embedded-opentype'),
    url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Regular-webfont.svg') format('svg');

    font-style: normal;
    font-weight: 400;
}
@font-face {
  font-family: 'Open Sans Light';
  src: url('../fonts/OpenSans-Light.eot');
  src: url('../fonts/OpenSans-Lightd41d.eot') format('embedded-opentype'),
       url('../fonts/OpenSans-Light.woff') format('woff'),
       url('../fonts/OpenSans-Light.ttf')  format('truetype'),
       url('../fonts/OpenSans-Light.svg') format('svg');
       
  font-style:   normal;
  font-weight:  200;
}



html, body {
    height: 100%;
}

a, a:hover, a:visited{
    color: rgb(66,127,237);
    cursor: pointer;
    text-decoration: none;

}
.maincenter {

    text-align: center;
}
.mainsearch{
    width:50%;
    max-width: 500px;
    min-width: 200px;
    margin: auto;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -220px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 300px; /* '.push' must be the same height as 'footer' */
}
.footer{

    padding: 10px;


    width: 100%;
    background-color: #f1f1f1;
    border-color: #e5e5e5;

}

.footernav a{ text-decoration: none; 
    margin: 10px 10px;
    color: rgb(119, 119, 119);}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin-heading {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 400;
    color: #555;
}
.form-signin .checkbox {
    margin-bottom: 10px;
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: 10px;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
}
.card {
    width: 304px;
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    background-color: #f7f7f7;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}
.card-signin {
    width: 354px;
    padding: 40px;
}
.card-signin .profile-img {
    display: block;
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
}


/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
.nav-sidebar > .active > a {
    color: #fff;
    background-color: #428bca;
}
.nav-sidebar > .active > a:hover {
    color: #428bca;

}

.sidebar {

    display: inline-table;
    position: relative;
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
    height: 100%;
    min-height:100%;
    padding: 20px 5px; 

}

.result-text{
    color: rgba(0,0,0,0.5);
    line-height: 43px;
    font-size: 13px;
    font-family: arial, sans-serif;
}

/* Side notes for calling out things
-------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}
.bs-callout h4 {
    margin-top: 0;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
    background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}
.bs-callout-warning {
    background-color: #fefbed;
    border-color: #f1e7bc;
}
.bs-callout-info {
    background-color: #f0f7fd;
    border-color: #d0e3f0;
}

.sbut
{

    margin: 16px 8px;
    padding: 0px 8px;
}
.sspan
{
    font:bold 11px/27px Arial,sans-serif!important;
    height: 15px;
    width:15px;
    margin: 0em;
}
.mstatusdiv{display:none ;}
.mstatus:hover + .mstatusdiv{display: block;}
.mstatusdiv:hover {display: block;}

.howtobut:hover + .howtodiv{display: block;}

.howtodiv{

    display:none ;  
    position:absolute;
    list-style: none;
    z-index: 999;

}
.howtodiv a{white-space:nowrap;}
.howtodiv:hover {display: block;}


.userbardiv a{white-space:nowrap;}
.userbardiv:hover {display: block;}
.userbarbut:hover + .userbardiv{display: block;}
.userbardiv{
    display:none ;  
    position:absolute;
    right:0px;
    overflow : auto;
    list-style: none;
    z-index: 999;
}

.captcha-img{
    text-align: center;
    margin: 5px 0;

}

.banner h2{
    font-family: 'Open Sans Light',arial;
    font-size: 18px;
    font-weight: 400;
    color: rgb(85,85,85);
    margin-bottom: 15px;


}

.header .logo
{
    height: 38px;
    width: 116px;
    float: none;
    display: block;
    margin: 25px auto 20px;
}

.infosidebar
{
    height: 75%; 
    overflow: auto;
    position: fixed;
    overflow-x:hidden;
    

    
  
}
button::-moz-focus-inner { border: 0; }
a:active, a:focus,input, input:active, input:focus{     outline: 0;     outline-style:none;     outline-width:0; }  
a:active, a:focus,button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner 
{     border: none; } 



.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: '★ ';
}
.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

span.stars {
            display: block;
            background: url('../img/stars.png') 0 -16px repeat-x;
            width: 80px;
            height: 16px;
         margin: 0 auto;
            
        }
    
span.star1 {
    display: block;
    background: url('../img/stars.png') 0 0px repeat-x;
    width: 16px;
    height: 16px;
}
span.star2 {
    display: block;
    background: url('../img/stars.png') 0 0px repeat-x;
    width: 32px;
    height: 16px;
}
span.star3 {
    display: block;
    background: url('../img/stars.png') 0 0px repeat-x;
    width: 48px;
    height: 16px;
}
span.star4 {
    display: block;
    background: url('../img/stars.png') 0 0px repeat-x;
    width: 64px;
    height: 16px;
}
span.star5 {
    display: block;
    background: url('../img/stars.png') 0 0px repeat-x;
    width: 80px;
    height: 16px;
}

/* Styling the Box */
.pgpbox{
    border: 2px solid #ccc;

    display:none /* By Default the box is hidden */        
}

/* This selector selects the box currently targeted */    
.pgpbox:target{
    display:block;
}

.advbox{
    display:none /* By Default the box is hidden */        
}

/* This selector selects the box currently targeted */    
.advbox:target{
    display:block;
}


.bottomb
{
 border-bottom: 2px solid rgb(238, 238, 238);
 border-left: 2px solid rgb(238, 238, 238);
 border-right: 2px solid rgb(238, 238, 238);
 border-top: 2px solid rgb(238, 238, 238);
  padding-left: 10px;
    
}

.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
  background-color:#f5f5f5 ;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a {
  color: #fff;
  background-color: #428bca;
}

.info p
{ font-size: 13px;
line-height: 1.4;
    
}
.info{
    padding-left: 20px;
    padding-right: 20px;
}

.bigbut{
    padding: 14px 24px;
    font-size: 21px;
}

.vmiddle td{ vertical-align: middle !important;}

.bordertext{
    background-color: white;
     margin-top: -23px;
     width: 100px;
}

.hlight-head{
    
    
    background-image:url('../img/bg-left.png'), url('../img/bg-right.png') ;
    background-repeat:no-repeat;
    background-position: left bottom,right top;
   background-size: contain,contain ;
    background-color: #f6f6f7;
 
    
    
}
.hlight-middle
{
    background-color: #d4d4d4;
    padding: 20px 8px;
}
.simple{
    font-family: 'Open Sans Light',arial;
    font-size: 30px;
    margin: 30px 0;
}
.Sans{
    font-family: 'Open Sans Light',arial;
}
.light-middlelabel{
      color:#545454;
    font-size: 22px;
}

.text-light{color: #009aff;}
.text-orange{color: #ff931e;}
.text-red{color: #ff1d25;}
.text-green{color: #7ac943;}
.text-superlight{color:#c1e8ff;} 


.btn-green {
  color: #fff;
  background-color: #7ac943;
  border-color: #20D723;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  color: #fff;
  background-color: #7ac943;
  border-color: #20D723;
}
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  background-image: none;
}
.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
  background-color: #7ac943;
  border-color: #20D723;
}



.btn-light {
  color: #fff;
  background-color: #009aff;
  border-color: #357ebd;
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.open .dropdown-toggle.btn-light {
  color: #fff;
  background-color: #009aff;
  border-color: #285e8e;
}
.btn-light:active,
.btn-light.active,
.open .dropdown-toggle.btn-light {
  background-image: none;
}
.btn-light.disabled,
.btn-light[disabled],
fieldset[disabled] .btn-light,
.btn-light.disabled:hover,
.btn-light[disabled]:hover,
fieldset[disabled] .btn-light:hover,
.btn-light.disabled:focus,
.btn-light[disabled]:focus,
fieldset[disabled] .btn-light:focus,
.btn-light.disabled:active,
.btn-light[disabled]:active,
fieldset[disabled] .btn-light:active,
.btn-light.disabled.active,
.btn-light[disabled].active,
fieldset[disabled] .btn-light.active {
  background-color: #009aff;
  border-color: #357ebd;
}
.bg-left{
    background-image:url('../img/bg-left.png');
    height: 100%;
}

.blocktext{
    padding: 5px 10px;
    margin-left: 20px;
    margin-top: 20px;
    font-family: Roboto, sans-serif;
}

.addrrow{
      color:white;
      padding: 20px;
      font-size: 18px;
}
.bg-light{background-color: #009aff; color: white;}
.bg-red{background-color: #ff5b34; color: white;}
.bg-green{background-color: #7ac943; color: white;}

.text-white{color: #2C2D2E;
 font-size: 16px;}

.vmid{ vertical-align: middle !important; }
textarea {color: black;}