ad/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Rock+Salt|Shadows+Into+Light|Cedarville+Cursive');

html { 
     height: 100%;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
//	padding: 0;
//	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

@media screen {
   .img_print{
   display: none;
   margin:0 auto !important;
   text-align:center;
   }
}

@media print
{    
::-webkit-input-placeholder { /* WebKit browsers */
//      color: transparent;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
//      color: transparent;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
//      color: transparent;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
//      color: transparent;
  }   
    .no-print, .no-print *
    {
    display: none !important;
    }
    #lottosalespoa{
    background-image:url('/images/grey.png') !important;
    }
    #pb{
    page-break-after:always;
    }
    #table-top-billing-0 {
    page-break-after:always;
    }
    #table-top-billing-3 {
    page-break-after:always;
    }
    #table-top-billing-6 {
    page-break-after:always;
    }
    #table-top-billing-9 {
    page-break-after:always;
    }
    #table-top-billing-12 {
    page-break-after:always;
    }
    #table-top-billing-15 {
    page-break-after:always;
    }
    #table-top-billing-18 {
    page-break-after:always;
    }
    #table-top-billing-21 {
    page-break-after:always;
    }
    #table-top-billing-24 {
    page-break-after:always;
    }
    #table-top-billing-27 {
    page-break-after:always;
    }
    #table-top-billing-30 {
    page-break-after:always;
    }
    #table-top-billing-33 {
    page-break-after:always;
    }
    #table-top-billing-36 {
    page-break-after:always;
    }
    #table-top-billing-39 {
    page-break-after:always;
    }
    #table-top-billing-42 {
    page-break-after:always;
    }
    #table-top-billing-45 {
    page-break-after:always;
    }
    #table-top-billing-48 {
    page-break-after:always;
    }
    #table-top-billing-51 {
    page-break-after:always;
    }
    #table-top-billing-54 {
    page-break-after:always;
    }
    #table-top-billing-57 {
    page-break-after:always;
    }
    #table-top-billing-60 {
    page-break-after:always;
    }
    #table-top-billing-63 {
    page-break-after:always;
    }

    body {
        background: #fff !important;
    }
   
   .header-print {
      display: block !important;
      transform: scale(.8);
     }
    .header-print img{
      padding-left:20px;
      width:715px;
      height:auto;
      margin-top: 3px;  /* this affects the margin in the printer settings */
     }
     @page :first 
     {
      size:  auto;   /* auto is the initial value */
      margin-top: 15px;  /* this affects the margin in the printer settings */
     }
     .print_only{
        text-align:right;
        border:0 !important;
        outline:0 !important;
        font-size:10px !important;
        height:10px;
     }
}

table{
    border:1px black solid;
}

table, td, th, tr{
    border:1px black solid;
    text-align:center;
}

.header-print {
    display:none

}

.lp_page{
    width: 700px;
}


.blink_text {

    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;

     color: red;
    }


body {
    padding:5px 0px 0px 30px;
    margin: 0 auto;
    max-width: 1500px;
    font-family:Tahoma, Geneva, sans-serif;
    background-color: #ddd;
//    font-weight: 700;
    font-size: 14px;
    color: black;
//    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}

#boxThis {
        margin: 0 auto;
        padding: 5px;
        background-color: red;
        font-size: 1em;
        width: 1000px;
        text-align: center;
        font-weight: bold;
        color: white;
        -webkit-border-radius: 10px;
        border-radius: 10px;
      }
      #boxThis.box {
        margin: 25px 0 0 70px;
        position: fixed;
        top: 0;
        z-index: 9999;
        -webkit-border-radius: 10px;
        border-radius: 10px;
      }

//Style for Page selection
.pages{
    text-align:center;
}

.pages ul{
    display:inline-block;
    margin:0
    padding-top:5px;
    list-style:none;
}
.pages li{
    float:left;
    padding-right:15px;
}


/* Menu Buttons; */
.btn-primary {
    background-color: #0067ab !important;
}

.btn-primary:visited{
    background-color: #247cb7 !important;
}

.btn-primary:hover{
    background-color: #024978 !important;
}

.btn:active, btn:focus, btn:target, btn:active:focus{
    background-color: #ffffff !important;
}

.btn-secondary {
    background-color: #1c9e00 !important;
}

.btn-secondary:visited{
    background-color: #1c9e00 !important;
}

.btn-secondary:hover{
    background-color: #024978 !important;
}

.btn-secondary:active{
    background-color: #4284af !important;
}

.button {
padding: 2px 4px 2px 4px;
color: #fff;
background-color: #e8000d;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
text-decoration:none;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin: 0 auto !important;
cursor:pointer;
}


a.button {
width: 100px;
border-radius: 2px;
border: 1px solid #000;
padding: 6px;
color: #fff;
font-size: 14px;
margin: 2px;
}


input[type='text'], input[type='password'], input[type='email'] {
//width: 200px;
border-radius: 2px;
border: 1px solid #000;
padding: 2px;
color: #333;
font-size: 14px;
margin: 4px;
}

input[type='submit']{
padding: 3px 5px 3px 5px;
color: #fff;
background-color: #0067ab;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin-right: 2px;
cursor:pointer;
}

input[type='submit']:hover {
background-color: #024978;
}

table{
    margin: 0 auto;
    Width:100%;
}

td{
    color:black;
}


.select{
padding: 3px 5px 3px 5px;
color: #000000;
//background-color: #0067ab;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin-right: 2px;
//cursor:pointer;
}

.select1{
padding: 3px 5px 3px 5px;
color: #fff;
background-color: #0067ab;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin: 0 auto !important;
cursor:pointer;}

.select1:hover{
    color: #fff;
	text-decoration: none;
    background-color: #024978;
}

.select2{
padding: 3px 5px 3px 5px;
color: #000;
background-color: #00FFFF;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin: 0 auto !important;
cursor:pointer;}

.select2:hover{
    color: #000;
	text-decoration: none;
    background-color: #E0FFFF;
}


.header{
    margin: 0 auto;
    max-width:850px;
    width:100%;

    padding-bottom: 3px;
    margin-bottom: 10px;
}

#header_pos {
    margin: 0 auto;
    width:800px;
//    border-bottom: 2px solid black;
    padding: 10px 10px 0px 10px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 25px;
}


a {
	color: blue;
	text-decoration: none;
}

#payment{
    margin: 0 auto;
    width: 420px;
    padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 1px solid black;
    color: #000;
}

#payment td{
    padding: 5px 15px 5px 5px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}



.lead{
font-size: 25px;
}

.clr {
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}

//Hide Spinners
input[type=number] {
  -moz-appearance: textfield;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.main {
	width: 90%;
	margin: 0 auto;
	position: relative;
    border:none;
}

.main td{
  border:none !important;
}

.main {
  border:none !important;
}

#header1 {
//    display:none;
    margin: 0 auto;
    margin-bottom:15px;
    max-width:1000px;
	width:100%;
    border-bottom: 2px solid black;
    padding: 0px 0px 5px 0px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

.btn-sm{
    padding: .25rem .25rem !important;
}

#header2 {
    margin: 0 auto;
    margin-bottom:15px;
    max-width:1400px;
	width:100%;
    border-bottom: 2px solid black;
    padding-bottom:5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
;
}


#header_mon {
    margin: 0 auto;
    max-width:1300px;
	width:1300px;
    border-bottom: 2px solid black;
    padding: 7px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dbe9f4;
}

#header_hh_meter {
    margin: 0 auto;
	width:1100px;
    border-bottom: 2px solid black;
    padding: 7px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dbe9f4;
}


#header_hh_mon {
    margin: 0 auto;
    max-width:600px;
	width:100%;
    border-bottom: 2px solid black;
    padding: 7px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dbe9f4;
}


#header_mon_driver {
    margin: 0 auto;
    max-width:1100px;
	width:1200px;
    border-bottom: 2px solid black;
    padding: 7px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dbe9f4;
}

#header_ccreports {
    margin: 0 auto;
    max-width:800px;
	width:100%;
    border-bottom: 2px solid black;
    padding: 7px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dbe9f4;
}


#header_mon_add {
    margin: 0 auto;
    max-width:400px;
	width:100%;
    border-bottom: 2px solid black;
    padding: 7px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dbe9f4;
}

#header_dispatch {
    margin: 0 auto;
    max-width:600px;
	width:100%;
    border-bottom: 2px solid black;
    padding: 7px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dbe9f4;
}

#header_dispatch2 {
    margin: 0 auto;
    max-width:800px;
	width:100%;
    border-bottom: 2px solid black;
    padding: 7px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dbe9f4;
}

#header_calls {
    margin: 0 auto;
    max-width:1200px;
	width:100%;
    text-align: center;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 7px;
    background-color: #dbe9f4;
}

#header_calls_div{
    width: 50%;
    float: left;
    text-align: center;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 7px;
    background-color: #dbe9f4;
}

.gallons{
    background-color:inherit;    
    border: 0px solid;
    text-align:center;
    font-weight:normal;
}

#footer {
  max-width:550px;
  border: none;
}

#footer td {
  border: none;
}

#working_mon{
    margin: 0 auto;
    max-width: 1200px;
    width:100%;
    border: 1px solid black;
    color: #000;
    font-size: 13px;
}

#working_mon_add{
    margin: 0 auto;
    max-width: 400px;
    width:100%;
    border: 1px solid black;
    color: #000;
    font-size: 13px;
}

#working_mon_view{
    margin: 0 auto;
    max-width: 300px;
    width:100%;
    border: 1px solid black;
    color: #000;
    font-size: 13px;
}


#working_mon th{
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 2px;
    text-align:center;
}

.percent_bar{
    float:left;
    background-color: green;
    color: #ffffff !important;
    margin-right: 1px;
    border-bottom: 1px solid black;
}

.percent_outer{
    height:22px;
    width:100%;
    background-color: #90ee90;
    color: #000000 !important;

    border: 1px solid black;
//    text-align:right;
}

.percent_outer_tank{
    height:22px;
    width:100px;
    background-color: #90ee90;
    color: #000000 !important;
    border: 1px solid black;
    text-align:center;
}

.percent_bar_zero{
    float:left;
    background-color: #FF0000;
    color: #ffffff;
    border-bottom: 1px solid black;
//    text-align:center;
}

.percent_outer_zero{
    height:22px;
    width:100%;
    background-color: #FF0000;
    color: #FFFFFF;
    border: 1px solid black;
//    text-align:right;
}

.percent_bar_low{
    float:left;
    background-color: red;
    color: #ffffff;
    margin-right: 3px;
    border-bottom: 1px solid black;
//    text-align:center;
}

.percent_outer_low{
    height:22px;
    width:100%;
    background-color: #f0e130;
    color: #000000;
    border: 1px solid black;
//    text-align:right;
}


.form{
width: 400px;
margin: 0 auto;
}

.form1{
width: 600px;
margin: 0 auto;
text-align: left;
}

.sig2 {
  font-family: Dr Sugiyama;
  font-size: 2.0em;
}

.sig1{
    font-family:Tahoma, Geneva, sans-serif;
    font-size: 14px;
//    display:inline;
    text-align:left;
}

#menu-top {
  margin: 0 auto;
  width:550px;
//	border-bottom: 2px solid black;
}

#menu-top-prepay {
  margin: 0 auto;
  width:800px;
//	border-bottom: 2px solid black;
}

#menu-top-prepay td {
    border:none
}

#menu-prepay {
    margin: 0 auto;
    width:700px;
    padding: 5px;
	border: 0px solid black;
}


.list{
  width:750px;
}


#menu-top-navigation {
  margin: 0 auto;
  width:100%;
//	border-bottom: 2px solid black;
}


#menu {
  margin: 0 auto;
  width: 80%;
  padding: 2px 5px 2px 60px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
}

#datecolor {
  font-size:20px;
  color:red;
}
#custmenutop {
  margin: 0 auto;
  width: 700px;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
}

#custmenutotal {
  margin: 0 auto;
  width: 550px;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
}


#custlookuptop {
  margin: 0 auto;
  width: 350px;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
}

#custlookuptop1 {
  margin: 0 auto;
  width: 100%;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
}


#custmenu {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
//  text-align: center;
}

#custmenult {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #000;
  background-color: #ffffcc;
  text-align: right;
}

#custmenultname {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #000;
  background-color: #ffffcc;
  text-align: left;
}



#custmenurt {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: red;
  text-align: right;
}

#custmenurtlt {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  background-color: #ffffcc;
  color: red;
  text-align: right;
}



#custmenugreen {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
  background-color: #00ff00;
}

#custmenured {
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
  background-color: #ffff00;
}

#custmenudate {
//  border: 2px solid black;
  padding: 2px 5px 2px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
  text-align: center;
}


#custmenuworksheet {
  border: 2px solid black;
  padding: 5px 5px 5px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #333;
  text-align: center;
}

.box{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:16px;
  color:#333;
  padding:5px;
  background-color:#fff;
  border:2px solid #999;
}

.boxlink{
  margin: 0 auto;
  font-family:Tahoma, Geneva, sans-serif;
  width:200px;
  font-size:16px;
  color:#333;
  padding:5px;
  background-color:#fff;
  border:2px solid #999;
  text-align:center;
}


.boxlookup{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#fff;
  padding:5px;
  background-color: #0080ff;
  border:2px solid #999;
}

.boxlookup-rack{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:black;
  padding:5px;
  background-color: lightgrey;
  border:2px solid #999;
  text-align:center;
}


.boxcust{
  padding: 8px 0 8px 0 !important;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#fff;
  padding:5px;
  background-color: red !important;
  border:2px solid #999;
  text-align:center;
}

.boxcustred{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  color:#fff;
  padding:3px;
  background-color: red;
  border:2px solid #999;
  text-align:center;
}

.boxcustwhite{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  color:#000;
  padding:2px;
  background-color: white;
  border:2px solid #999;
  text-align:center;
}

.boxcustwhite-rack{
  font-family:Arial, Geneva, sans-serif;
  font-size:1em;
  color:#000;
  padding:2px;
  background-color: white;
  border:0px solid #999;
  text-align:center;
  max-width: 40px;
}


.boxcustwhite, input[type=text]{
  font-size:1em;
  font-weight:bold;
}

.boxcustwhiteshade{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  color:#000;
  padding:3px;
  background-color: yellow;
  border:2px solid #999;
  text-align:center;
}

.boxcustwhiteleft{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  color:#000;
  padding:3px;
  background-color: white;
  border:2px solid #999;
  text-align:left;
}

#custmenubox, boxcust{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:16px;
  color:#fff;
  padding:5px;
  background-color: red;
  border:2px solid #999;
}

#custmenubox {
  background-color: #fff;
  border: 2px solid black;
  padding: 6px 5px 6px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #000;
  text-align: center;
  font-weight: 800;
}

#custmenubox1 {
  border: 2px solid black;
  padding: 6px 5px 6px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #000;
  text-align: center;
  font-weight: 800;
}


.ux-nav-item {
  width:800px;
}
/* HPC Inventory */

#banner {
  font-family:Tahoma, Geneva, sans-serif;
  font-size:16px;
  color: #000;
  text-align: center;
  font-weight: 800;
  padding: 6px 5px 6px 5px;
}

#working{
    margin: 0 auto;
    max-width: 1100px;
//    padding: 2px 2px 2px 2px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 1px solid black;
    color: #000;
    font-size: 14px;
}

#working_pos{
    margin: 0 auto;
    width: 800px;
    padding: 2px 2px 2px 2px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 1px solid black;
    color: #000;

}


#working th, {
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
    text-align:center;
}

#working_dispatch{
    margin: 0 auto;
    max-width: 450px;
//    padding: 2px 2px 2px 2px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 1px solid black;
    color: #000;
    font-size: 14px;
}

.word_back{
    padding:6px 4px 6px 4px;
    border-left:1px solid;
    border-right:1px solid;
    background-color:#DCDCDC;
    background-size:auto 100%;
}

.word_back1{
    padding:9px 4px 9px 4px;
    border-left:1px solid;
    border-right:1px solid;
    background-color:#DCDCDC;
    background-size:auto 100%;
}

.word_back2{
    text-align:right;
    padding:13px 4px 13px 4px;
    border-left:1px solid;
    border-right:1px solid;
    background-color:#DCDCDC;
    background-size:auto 100%;
}


#color{
    background-color: #F5F5F5;
//    padding-bottom: 10px;
    text-align:center;
    border:1px solid;
}

#color1{
    background-color: #DCDCDC;
    text-align:right;
    font-weight:bold;
    padding-right:5px;
}

#color2{
    background-color: #F5F5F5;
    text-align:left;
    padding-left:5px;
}

#color_red{
    background-color: red;
    color: #ffffff;
    text-align:left;
}

#color_red td{
    color: #ffffff;
}

#color_red a{
    color: #ffffff;
}

#color_green{
    background-color: green;
    color: #ffffff;
//    text-align:left;
}

#color_green td{
    color: #ffffff;
}

#color_green a{
    color: #ffffff; !important;
    text-decoration: underline;
}

#color_yellow{
    background-color: #fdfd96;
    color: #000000;
//    text-align:left;
}

#color_yellow td{
    background-color: #fdfd96;
    color: #000000;
//    text-align:left;
}

#color_yellow a{
    text-decoration: underline;
}


#color_notify{
    background-color: #D3D3D3;
    color: red;
    text-align:left;
}

#color_notify a{
    color: red;
}

#color_notify td{
    color: red;
}

#color_grey{
    background-color: #D3D3D3;
    color: #000000;
    text-align:left;
}

#color_grey a{
    color: blue;
    text-decoration: underline;
}

#color_blue{
    background-color: #ADD8E6;
    color: #000000;
    text-align:left;
}

#color_blue a{
    color: blue;
    text-decoration: underline;
}

#color_orange, th:nth-child(even){
    background-color: #FFA500;
    color: #000000;
    text-align:center;
}

#color_blue a{
    color: blue;
    text-decoration: underline;
}


#table-top  {
  margin: 0 auto;
  width:750px;
  border: 2px solid black;
  text-align: center;
}

#table-top-hills  {
  margin: 0 auto;
  width:880px;
  border: 2px solid black;
  text-align: center;
}

#table-top-rack  {
  margin: 0 auto;
  width:625px;
  border: 1px solid black;
  text-align: center;
}

#table-top-print  {
  margin: 0 auto;
  width:625px;
  text-align: center;
}


#table-top-rack td  {
  border: 1px solid black;
}

#table-top-noborder {
  margin: 0 auto;
  width:750px;
}


#table-topsm {
  margin: 0 auto;
  width:600px;
  border: 2px solid black;
  padding: 2px 5px 2px 5px;
}

#table-topsm1 {
  margin: 0 auto;
  width:600px;
  border: 2px solid black;
  padding: 2px 2px 2px 2px;
}

#table-topsm1 td {
  border: 2px solid black;
}

#table-top-propane {
  margin: 0 auto;
  width:100%;
  border: 1px solid black;
  padding: 2px 5px 2px 5px;
  text-align: center;
}

#table-top-propane td {
  border: 2px solid black;
}


#table-top-degree {
  margin: 0 auto;
  width:400px;
  border: 1px solid black;
  padding: 2px 5px 2px 5px;
  text-align: center;
}

#table-top-degree td {
//  margin: 0 auto;
//  width:400px;
  border: 1px solid black;
  padding: 2px 5px 2px 5px;
  text-align: center;
}

//Weather info
div.Home_Weather_Hourly {
	background-color: #87CEEB;
  border-style: solid;
  border-width: 1px;
  margin: 0 auto;
  padding: 10px;
}


div.Home_Weather_Day {
  background-color: #87CEEB;
  height: 239px;
  width: 120px;
  border-style: solid;
  border-width: 1px;
  margin: 0 auto;
}

div.Home_Weather_Night {
  background-color: #323232;
  height: 239px;
  width: 120px;
  color: #FFFFFF;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  margin: 0 auto;
}

.Home_Weather1 {
  font-family: 'interstatebold';
  font-size: 16px;
  font-weight:bold;
  color: #00000;
//	background-color: #87CEEB;
  text-align: Center;
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 5px;

}

.Home_Weather_Current {
  font-family: 'interstatebold';
  font-size: 14px;
  color: #00000;
  text-align: Left;
  margin: 0 auto;
  padding-left: 4px;
}

.Home_Weather_Current1 {
  font-family: 'interstatebold';
	font-size: 14px;
	color: #00000;
	text-align: Left;
  margin: 0 auto;
}


.Home_Weather_Icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  max-width: 70px;
}

td.Home_Hourly {
  Height: 35px;
  padding-left: 5px;
//  border-bottom: 1px solid black;
}

td.Home_Hourly1 {
  height:18px;
  Text-align:center;
  background-color: #87CEEB;
  border-bottom: 1px solid black;
}

td.Home_Hourly2 {
  font-family: 'interstatebold';
	font-size: 12px;
  Width: 40px;
  border-bottom: 1px solid black;
	text-align: Center;
}

td.Home_Hourly3 {
  font-family: 'interstatebold';
	font-size: 16px;
  Width: 40px;
  padding-left: 0px;
  border-bottom: 1px solid black;
	text-align: Center;
}

.Home_Temp_Text {
//  width:80px;
  font-family: 'interstatebold';
	font-size: 14px;
	text-align: center;
}


#weatherlink {
  text-decoration:none;
  color:red;
}

.Home_TitleBar3 {
  font-family: 'interstatebold';
	font-size: 20px;
	color: #000000;
	background-color: #00000;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}



#table-weather1{
  width: 300px;
//margin-right:10px
}

#table-weather{
  margin: 0 auto;

}


#box-degree {
  background-color: #fff;
  border: 2px solid black;
  padding: 6px 5px 6px 5px;
//	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  color: #000;
  text-align: center;
  font-weight: 800;
}

#box-addnew{
  background-color:#FF0000;
  background-size:360px 25px; 
  background-repeat: no-repeat;
  color:#FFFFFF;
  font-size:16px;
  padding:0px 10px 0px 10px;
  border-radius: 25px
}

#box-back{
  background-color:#FF0000;
  background-size:360px 25px; 
  background-repeat: no-repeat;
  color:#FFFFFF;
  font-size:16px;
  padding:0px 10px 0px 10px;
  border-radius: 10px
}

/* Header Style */
.codrops-top {
	line-height: 24px;
	font-size: 11px;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	font-family: Cambria, Georgia, serif;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

.codrops-top a {
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.6);
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

/* Demo Buttons Style */
.codrops-demos {
padding: 3px 5px 3px 5px;
color: #fff;
background-color: #0067ab;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin: 0 auto !important;
cursor:pointer;
}

.buttons {
padding: 3px 5px 3px 5px;
color: #fff;
//width:225px;
background-color: #247cb7;
//text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 3px;
margin: 0 auto !important;
cursor:pointer;
}

.buttons:hover {
color: #000;
background: #fff;
}

.codrops-demos a {
    display: inline-block;
	margin: 0px 4px;
	padding: 0px 6px;
	color: #8c8c8c;
	line-height: 20px;	
	font-size: 12px;
	font-weight: 700;
	text-shadow: 1px 1px 1px #fff;
	border: 1px solid #fff;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.codrops-demos a:hover {
	color: #333;
	background: #fff;
}

.codrops-demos a:active {
	background: #fff;
}

.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	background: #555;
	border-color: #555;
	color: #ddd;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 1px rgba(0,0,0,0.5);
}

input[type='submit'] {
padding: 3px 5px 3px 5px;
color: #fff;
background-color: #0067ab;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin: 0 auto !important;
cursor:pointer;
}

.cancel_button {
padding: 3px 5px 3px 5px;
color: #fff;
background-color: #0067ab;
text-shadow: rgba(0,0,0,0.24) 0 1px 0;
font-size: 14px;
//font-weight: bold;
box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
border: 1px solid #0164a5;
border-radius: 2px;
margin: 0 auto !important;
cursor:pointer;
}



//Billing
.bill-heading{
  font-weight:bold;
  font-size:18px;
}

.bill-name{
  text-align:left;
  width:300px;
}

.bill-box{
  border: 2px solid
}

.spacer{
  height:0px;
}

.spacer1{
  height:100px;
}

#table-top-billing  {
//  border-collapse: separate;
  margin-bottom: 0px;
  margin-top:2px;
  width:550px;
  text-align: center;
}