/* SECOND LEVEL OF NAVIGATION */

.navbar {  width: 100%; height: 63px; text-align: left; position: relative; float: left; clear: both; z-index: 0; padding-bottom: 20px;  }
.navbar-left {background: url(../images/navbar_left.jpg) top right no-repeat; min-width: 70px;  height: 63px;  display: table-cell;}
.navbar-tabs {background: url(../images/navbar_tile.jpg) top right repeat-x; width: 100%; height: 63px; display: table-cell;  padding-left: 20px; padding-top: 16px}
.navbar-tab {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d01723), color-stop(1, #8f040b) );
    background:-moz-linear-gradient( center top, #d01723 5%, #8f040b 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d01723', endColorstr='#8f040b');
    background-color:#d01723;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #b23e35;
}.navbar-tab:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8f040b), color-stop(1, #d01723) );
    background:-moz-linear-gradient( center top, #8f040b 5%, #d01723 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f040b', endColorstr='#d01723');
    background-color:#8f040b;
}.navbar-tab:active {
    position:relative;
    top:1px;
    background-color:#000000;
}.navbar-tab a {
    color:#fff;
    text-decoration:none;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

/* BUTTONS */
.red-round-button {

    background-color:#d01723;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    display:inline-block;
    padding: 5px 15px 5px 15px;
    color: #ffffff;
    cursor: pointer;
}.red-round-button:hover {
    background-color:#8f040b;
}.red-round-button:active {
    background-color:#000000;
}.red-round-button a {
    color:#fff;
    text-decoration:none;
}


/* LOADER */
.loader { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;  display: none; background: #fff url(../images/red-loading.gif) no-repeat center; opacity: 0.8;  }

/* MAIN CONTENT AREA */
#copy {  position: relative;  background: rgba(255, 255, 255, 0.5); min-width: 100px; width:100%; overflow: hidden; color: #000; padding: 10px;  border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow: 0px 0px 8px 0px #000; }
#copy_left { position: relative; width: 200px; border: 1px #ccc solid; color: #000; margin-right: 10px; padding: 10px; }
#copy_right {  position: relative; background: rgba(255, 255, 255, 0.5); min-width: 100px; width:100%; overflow: hidden; border: 1px #ccc solid; color: #000; padding: 10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow: 0px 0px 8px 0px #000; }
#copy .hidden { display: none; }
#copy_blank { float: left; width: 99%; color: #000; margin: 0 0 35px 0; } *:first-child+html #copy{ margin: 0 0 15px 0; } * html #copy_blank { width: 88%; margin: 0 0 10px 0; }
#copy_header { float: left;  background: #fff; } * html #copy_header { margin: 6px 0 0 6px; }
#copy_intro { float: left; height: 125px; margin: 10px 10px 0 10px; background: url(../images/bg_city.gif) no-repeat bottom left; } * html #copy_intro { width: 100%; }
#copy_main { float: left; width: 100%;  margin: 0px;}
#copy_main_tabs { float: left; width: 95%; }
#copy_main_tab { float: right; height: 34px; margin: 0 2px 0 0; background: #cecece; font-size: 12px; padding: 8px 12px 0 12px; }
#copy_main_tab a { color: #3d3d3d; text-decoration: none; font-weight: bold; }
#copy_main_tab a:hover { color: #187ed4; text-decoration: none; font-weight: bold; }
#copy_main_tab_on { float: right; height: 34px; margin: 0 2px 0 0; background: #efefef; font-size: 13px; padding: 8px 12px 0 12px; font-weight: bold; }
#copy_main_tab_on a { color: #000; text-decoration: none; }
#copy_grey { position: relative; float: left; background: #efefef; border-top: 2px #cecece solid; width: 100%; }
#copy_textblock { padding: 5px; }
#table_scrolling { width:100%; overflow:auto; height: 150px; overflow-y: scroll; overflow-x: hidden; }
#table_scrolling_small { width:100%; overflow:auto; height: 100px; overflow-y: scroll; overflow-x: hidden; }
#table_scrolling_big { width:100%; overflow:auto; height: 475px; overflow-y: scroll; overflow-x: hidden; }
#copy_alerts { float: left; width: 98%; margin: 18px 10px 0 10px; }
#copy_graph { float: left; width: 98%; margin: 18px 10px 0 10px; }
#copy_form { float: left; width: 98%; margin: 18px 10px 0 10px; padding: 0 0 25px 0; }
#copy_utilities { float: left; padding-top: 20px; }

.download_tab  { float: left; height: 24px; margin: 0 2px 0 0; background: #efefef; font-size: 13px; padding: 8px 12px 0 12px; font-weight: bold; }
.download_tab a { color: #000; text-decoration: none; }


/* HOVER DIVS */
.resulthover { position: absolute; font-weight: bold; width: 100%; padding: 3px; }
.resulthover p { padding-left: 10px;}

.graph-container {
  box-sizing: border-box;
  width: 960px;
  height: 480px;
  border-radius: 10px;
  position: fixed;
  top: 5%;
  display: none;
  padding: 20px 15px 15px 15px;
  margin: 15px auto 30px auto;
  border: 1px solid #ddd;
  background: #fff;
  background: linear-gradient(#f6f6f6 0, #fff 50px);
  background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
  background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
  background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
  background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

#salesTypeSelect {
  position: absolute;
  top: 5px;
  width: 20%;
  right: 25%;
}