/* Fix navbar overlap - add padding for fixed navbar at top */
 body {
   padding-top: 70px;
 }

 P { page-break-before: always; }
 .entry2 { color: #EEEEEE; text-decoration: none; }
 .entry8 {
   color: #000000;
   font-style: normal;
   font-family: Arial;
   font-weight: normal;
   font-size: 8px;
   text-decoration: none; }
 .entry {
   font-size: 11px;
   /*  height: 10px; */
   font-family: Arial; 
   color: #000000; 
 } 
 .colored_rows:nth-child(odd){ background:#cffef0; }
 .colored_rows:nth-child(even){ background:#f7fffd; }

 .entry td {
   font-size: 11px;
   height: 10px; 
   font-family: Arial;
   color: #000000; }

 .entry input, .entry select, .entry textarea {
   font-size: 11px;
   background: #D9DBE1;
   font-family: Arial; }
  .entry input:hover, .entry input:focus, .entry select:hover, .entry select:focus, .entry textarea:hover, .entry textarea:focus { 
   background: #ffffff; }
 .pagebreak {page-break-before: always}
/* BODY, P, DIV, TD, TH, TR, FORM, OL, UL, LI, INPUT, TEXTAREA, SELECT, A {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px; } */

/* tooltips */
  a.tips {
    border-bottom: 1px dashed brown;
    text-decoration: none;
    position: relative;
    width: auto;
  }
  a.tips:hover {
    position: relative;
    text-decoration: none;
    color: black;
    width: 400px;
  }
  a.tips span {
    display: none;
  }
  a.tips:hover span {
    display: block;
    position: absolute; top: 10px; left: 0;
    font-weight: normal;
  }
  a.tips:hover span, a.tips span{
    width: 400px;
    color:#000;
    padding: 5px; margin: 10px; z-index: 100;
    text-decoration:none;
    background: #f0f0f0; border: 1px dotted #c0c0c0;
    opacity: 0.9;
    font-size: 10px;
    font-family: Helvetica, Arial;
    font-weight: normal;

    cursor: text;
    -o-border-radius: 10px;
    -icab-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #449BC7;

  }
  /* IE 6 Fix */
  *html #tips li:hover .tips{
    visibility:visible;
  }


 CODE, TT {
   font-family: Courier New, Courier, monospaced;
   font-size: 11px; }
 td { vertical-align: top; }
 A { text-decoration: none; }
 A:hover {
   text-decoration: underline;
   color: #CC0000; }
 B { color: #000000; }
 TD.shadow-right {
   background-image: url(images/shade-right.gif);
   background-repeat: repeat-y; }
 TD.shadow-bottom {
   background-image: url(images/shade-bottom.gif);
   background-repeat: repeat-x; }  
 .aboutinfo {
   color: #000000;
   text-decoration: none; }
 .layerentry {
   color: #006060;
   text-decoration: none; }
 .tooltip {
   cursor: help;
   color: #000000 ;
   text-decoration: none; }
.button_greenbox {
   float:right;
   padding:3px 6px; 
   font: 10px Verdana, Arial, Helvetica, sans-serif; 
   color: #566c11;
   background-color: #F3F500;
   border: 1px solid #AEBE00; 
   white-space: nowrap;}
.button_greenbox a {
   text-decoration: none; 
   text-transform: uppercase; }
.text_entry {
  padding     : 0 2px;
  font-family : arial, sans-serif;
  font-size   : 9px;
  border      : #A0A8A0 1px solid;
  background  : #ffffff;
  color       : black; }
 A.hashelp {
  border-bottom: 1px  dotted purple;
  text-decoration: none; }
 .hashelp {
  border-bottom: 1px  dotted purple;
  text-decoration: none;
  color: #4D4DA3;}
 #dhtmltooltip{
  position: absolute;
  left: -10px;
  width: 350px;
  border: 1px solid black;
  padding: 2px;
  background-color: lightyellow;
  visibility: hidden;
  z-index: 100;
  /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  /*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/ }
 #dhtmlpointer{
  position:absolute;
  left: -300px;
  z-index: 101;
  visibility: hidden; }
#LoginBox {
position: absolute;
top: 0px;
left: 0px;
width: 200px;
visibility: hidden;
border: 1px solid;
background-color: #ffffff;
}
#blanket {
  background-color:#111;
  opacity: 0.65;
  position:absolute;
  z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
  top:0px;
  left:0px;
  width:100%;
}
#popUpDiv {
  position:absolute;
  background-color:#eeeeee;
  width:300px;
  height:300px;
  z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}
@font-face {
 font-family: "HeadlineSerif";
 src: url("../images/Headline_Serif.ttf");
}

.rounded_button, .rounded_button:link {
 font-family: helvetica neue, helvetica, arial; font-size: 15px; font-weight: bold; letter-spacing: 1px; float: left; margin-left: 20px;
 position: relative; color: #ffffff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.898); border: 1px solid #696; padding: 5px 10px 5px 10px;
 text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: white;
 -webkit-box-shadow: #666 5px 5px 5px; -moz-box-shadow: #666 5px 5px 5px; box-shadow: #666 5px 5px 5px; background: #BCE9F5;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BCE9F5), to(#008074)); background: -webkit-linear-gradient(#BCE9F5, #008074); 
 background: -moz-linear-gradient(#BCE9F5, #008074); background: -ms-linear-gradient(#BCE9F5, #008074); background: -o-linear-gradient(#BCE9F5, #008074);
 background: linear-gradient(#BCE9F5, #008074); -pie-background: linear-gradient(#BCE9F5, #008074); 
 behavior: url(../css/PIE.htc);
}
a.rounded_button:hover, a.rounded_button:active {
 font-family: helvetica neue, helvetica, arial; font-size: 15px; font-weight: bold; letter-spacing: 1px; float: left; margin-left: 20px;
 position: relative; color: #ffffff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.898); border: 1px solid #696; padding: 5px 10px 5px 10px;
 text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
 -webkit-box-shadow: #666 5px 5px 5px; -moz-box-shadow: #666 5px 5px 5px; box-shadow: #666 5px 5px 5px; background: #28ebd4;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#28ebd4), to(#22b3a2)); background: -webkit-linear-gradient(
 #28ebd4, #22b3a2); background: -moz-linear-gradient(#28ebd4, #22b3a2); text-decoration: none;
 background: -ms-linear-gradient(#28ebd4, #22b3a2); background: -o-linear-gradient(#28ebd4, #22b3a2);
 background: linear-gradient(#28ebd4, #22b3a2); -pie-background: linear-gradient(#28ebd4, #22b3a2); 
 behavior: url(../css/PIE.htc);
}

/* begin css tabs */

ul#tabnav { /* general settings */
  text-align: left; /* set to left, right or center */
  margin: 1em 0 1em 0; /* set margins as desired */
  font: bold 11px helvetica neue, helvetica, arial; /* set font as desired */
  border-bottom: 1px solid #6c6; /* set border COLOR as desired */
  list-style-type: none;
  letter-spacing: 1px;
  padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.898);
}

ul#tabnav li { /* do not change */
 display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
  border-bottom: 1px solid #FFFFFF; /* set border color to page background color */
  background-color: #FFFFFF; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
  background-color: #FFFFFF; /* set selected tab background color as desired */
  color: #000; /* set selected tab link color as desired */
  position: relative;
  top: 1px;
  padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
  padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
  border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
  background-color: #cfc; /* set unselected tab background color as desired */
  color: #666; /* set unselected tab link color as desired */
  margin-right: 0px; /* set additional spacing between tabs as desired */
  text-decoration: none;
  border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
  background: #FFFFFF; /* set desired hover color */
}

/* end css tabs */


/* ------------------------------------------
CSS3 FACEBOOK-STYLE BUTTONS (Nicolas Gallagher)
Licensed under Unlicense
http://github.com/necolas/css3-facebook-buttons
------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------- BUTTON */

.uibutton { 
    position: relative; 
    z-index: 1;
    overflow: visible; 
    display: inline-block; 
    padding: 0.3em 0.6em 0.375em; 
    border: 1px solid #999; 
    border-bottom-color: #888;
    margin: 0;
    text-decoration: none; 
    text-align: center;
    font: bold 11px/normal 'lucida grande', tahoma, verdana, arial, sans-serif; 
    white-space: nowrap; 
    cursor: pointer; 
    /* outline: none; */
    color: #333; 
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f6f6), to(#e4e4e3));
    background-image: -moz-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: -o-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: linear-gradient(#f5f6f6, #e4e4e3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f6f6', EndColorStr='#e4e4e3'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    /* IE hacks */
    zoom: 1; 
    *display: inline; 
}

.uibutton:hover,
.uibutton:focus,
.uibutton:active {
    border-color: #777 #777 #666;
}

.uibutton:active {
    border-color: #aaa;
    background: #ddd;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* overrides extra padding on button elements in Firefox */
.uibutton::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* ............................................................................................................. Icons */

.uibutton.icon:before {
    content: "";
    position: relative; 
    top: 1px; 
    float:left;
    width: 10px; 
    height: 12px; 
    margin: 0 0.5em 0 0; 
    background: url(../img/fb-icons.png) 99px 99px no-repeat;
}

.uibutton.edit:before  { background-position: 0 0; }
.uibutton.add:before  { background-position: -10px 0; }
.uibutton.secure:before  { background-position: -20px 0; }
.uibutton.prev:before  { background-position: -30px 0; }
.uibutton.next:before  { float:right; margin: 0 -0.25em 0 0.5em; background-position: -40px 0; }

/* ------------------------------------------------------------------------------------------------------------- BUTTON EXTENSIONS */

/* ............................................................................................................. Large */

.uibutton.large {
    font-size: 13px;
}

/* ............................................................................................................. Submit, etc */

.uibutton.confirm {
    border-color: #29447e #29447e #1a356e;
    color: #fff;
    background-color: #5B74A8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background-image: -moz-linear-gradient(#637bad, #5872a7);
    background-image: -o-linear-gradient(#637bad, #5872a7);
    background-image: linear-gradient(#637bad, #5872a7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad', EndColorStr='#5872a7'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
}

.uibutton.confirm:active {
    border-color: #29447E;
    background: #4F6AA3;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* ............................................................................................................. Special */

.uibutton.special {
    border-color: #3b6e22 #3b6e22 #2c5115;
    color: #fff;
    background-color: #69a74e;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75ae5c), to(#67a54b));
    background-image: -moz-linear-gradient(#75ae5c, #67a54b);
    background-image: -o-linear-gradient(#75ae5c, #67a54b);
    background-image: linear-gradient(#75ae5c, #67a54b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#75ae5c', EndColorStr='#67a54b'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
}

.uibutton.special:active {
    border-color: #3b6e22;
    background: #609946;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* ............................................................................................................. Disable */

.uibutton.disable {
    z-index: 0;
    border-color: #c8c8c8;
    color: #b8b8b8;
    background: #f2f2f2;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.uibutton.confirm.disable {
    color: #fff;
    border-color: #94a2bf;
    background: #adbad4;
}

.uibutton.special.disable {
    color: #fff;
    border-color: #9db791;
    background: #b4d3a7;
}

.uibutton.disable.icon:before,
.uibutton.disable.icon:after {
    opacity: 0.5;
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON GROUPS */

.uibutton-group {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    /* IE hacks */
    zoom: 1; 
    *display: inline; 
}

.uibutton + .uibutton,
.uibutton + .uibutton-group,
.uibutton-group + .uibutton,
.uibutton-group + .uibutton-group {
    margin-left: 3px;
}

.uibutton-group li {
    float: left;
    padding: 0;
    margin: 0;
}

.uibutton-group .uibutton {
    float: left;
    margin-left: -1px; 
}

.uibutton-group .uibutton:hover,
.uibutton-group .uibutton:focus,
.uibutton-group .uibutton:active {
    z-index:2;
}

.uibutton-group > .uibutton:first-child,
.uibutton-group li:first-child .uibutton { 
    margin-left: 0; 
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON CONTAINER */
/* For mixing buttons and button groups, e.g., in a navigation bar */

.uibutton-toolbar {
    padding: 6px;
    border-top: 1px solid #ccc;
    background: #f2f2f2;
}

.uibutton-toolbar .uibutton,
.uibutton-toolbar .uibutton-group {
    vertical-align: bottom;
}




/* login form */
.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.account-wall
{
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    background-color: #f7f7f7;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.login-title
{
    color: #555;
    font-size: 18px;
    font-weight: 400;
    display: block;
}
.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.need-help
{
    margin-top: 10px;
}
.new-account
{
    display: block;
    margin-top: 10px;
}

/* range slider */
.slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
    height: 15px;
    border-radius: 5px;   
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    background: #ff3004; /* Red background */
    cursor: pointer; /* Cursor on hover */
    height: 25px;
    border-radius: 50%; 
}

.slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #ff3004; /* Red background */
    cursor: pointer; /* Cursor on hover */
    border-radius: 50%;
}

.price-slider { 
  -webkit-appearance: none;
    appearance: none;
  position: relative; 
  width: 100%; 
  margin: 0 auto 20px; 
  opacity: 1;
  border-radius: 5px;
  height: 15px; 
  text-align: center; } 
.price-slider:hover {
    opacity: 1; 
}
.price-slider input { 
  pointer-events: none; 
  position: absolute; 
  left: 0; 
  top: 15px; 
  width: 100%; 
  outline: none; 
  height: 18px; 
  margin: 0; 
  padding: 0; 
  border-radius: 8px; } 
.price-slider input::-webkit-slider-thumb { 
  pointer-events: all; 
  position: relative; 
  outline: 0; 
  -webkit-appearance: none; 
  height: 24px; 
  width: 24px; 
  border-radius: 12px; 
  /*background-color: white;  */
  background: #ff3004; 
  opacity: 1;
  border: 2px solid #ff3004; } 




.height-slider {
  -webkit-appearance: none;
    appearance: none;
  position: relative;
  width: 100%;
  margin: 0 auto 20px;
  opacity: 1;
  border-radius: 5px;
  height: 15px;
  text-align: center; }
.height-slider:hover {
    opacity: 1;
}
.height-slider input {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 15px;
  width: 100%;
  outline: none;
  height: 18px;
  margin: 0;
  padding: 0;
  border-radius: 8px; }
.height-slider input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  outline: 0;
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  /*background-color: white;  */
  background: #ff3004;
  opacity: 1;
  border: 2px solid #ff3004; }