html,body {
/*	font-family: Arial, sans-serif; */
	font-family: 'Helvetica Neue', Helvetica, Arial; 
	margin:0px 0px 0px 0px;
	height: 100%;
	color: #000;
	background: #fff;
	-webkit-font-smoothing: antialiased
	font-smoothing: antialiased
}

A                       { color:#121D24; text-decoration:none; }
A:link          { color: #121D24; text-decoration:none; }
A:visited       { color:#121D24; text-decoration:none; }
A:active        { color:#F04D22; }
A:hover         { color: #121D24; }


h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}

#banner {
	font-family: Arial, sans-serif;
	color:#FFF;
	font-size:large;
	font-weight:bold;
	background:#141414;
	padding:0px;
	text-transform:uppercase;
	height:40px;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
	font-family: Arial, sans-serif;

	font-size: x-large;
	color: #FFF;
	text-decoration: none;
}
hr {
	color: #141414;
	background-color: #141414;
	border: 0px;
	height: 1px;
}

#login
{ /* controls the look of the login elements */
	position: absolute;
	padding: 4px;
	margin: 50px 50px 50px 50px;
	font-size:140%;
}


#customer
{ /* controls the look of the login elements */
	position: absolute;
	padding: 4px;
	margin: 15px 50px 50px 50px;
}

#content {
	font-family: Arial, sans-serif;
	/*		margin-right:5px; */
	padding-bottom:20px;
	width:100%;
}

.blog {
	padding-left:35px;
	padding-top:0px;
	padding-right:5px;
	width:95%;
	float:left;
}

.blogbody {
	font-family: Arial, sans-serif;
	color:#333333;
	font-size:15px;
	font-weight:normal;
}

table.blogbody {border-spacing:0px;}

table.blogbody td {padding:8px 5px 8px 5px;}

.month {
	font-family: Arial, sans-serif;
	color:#333333;
	font-size:13px;
	font-weight:bold;
}
table.month td {padding:0;}

input,
textarea,
select { 
	border: #333 1px solid; 
	color: #333;
}

#mainsearch {
	position:absolute;
	top:4px;
	right:10px;	
	padding:0;
	border-top: 0px;
	background: #141414;
}
#mainsearch input {
	border: #AEAEAE 1px solid; 
	color: #AEAEAE;
	background-color: #0F0F0F;
	font:  bold 11px/13px Arial, sans-serif;
} 
#mainsearch .txt {
	font-family: Arial, sans-serif;
	top:20px;
	height:17px;
	font-size: 0.6em;
	color:#fff;
}

.admin_table { 
	border: #000 1px solid; 
	background-color: #CCCCCC; 
	font-size: 13px; 
}

.row.header {
  font-weight: 900;
  color: #ffffff;
  background: #ea6153;
}
.row.green {
  background: #27ae60;
}

.row.blue {
  background: #2980b9;
}

.row.dark {
  background: #2b2b2b;
}

.sitetitle {
	/*		background: #50b848; */

	background-color: #AEAEAE;
	color: #333333;
	font-weight:bold;
}

tr.sitetitle td{
	border-bottom: 1px solid #707070;}




#shadow {
	background-color: #AEAEAE;
	height: 50px;
	width:100%;
	box-shadow: 0 4px 4px -2px #232323;
	-moz-box-shadow: 0 4px 4px -2px #232323;
	-webkit-box-shadow: 0 4px 4px -2px #232323;
} 

.printsite {
	background: #EBEBEB;
	font-size: 14px;
	color: #000;
}

.sitelist {
	background: #EBEBEB;
	color: #333333;
}

tr.sitelist td {
	white-space: pre-wrap;
	border-bottom: 1px solid #AEAEAE;}

	tr.sitelist:hover {
		/*                background-color: #c4e1b7; */
		/*		background:#C2C2C2; */
		background:#c2c2c2;
	}
	.newentry {
		background: #cf4747;
		color: #000000;
		border-bottom:1px solid #666;
	}

	.sitelisttoday {
		background: #cfebba;
		color: #333333;
	}

	tr.sitelisttoday td {
		white-space: pre-wrap;
		border-bottom: 1px solid #AEAEAE;}

		tr.sitelisttoday:hover {
			/*                background-color: #c4e1b7; */
			/*		background:#C2C2C2; */
			background:#afc79e;
			/* border-bottom:12px solid #AEAEAE; */
		}


		.newentry {
			background: #cf4747;
			color: #000000;
			border-bottom:1px solid #666;
		}                

		#centered {
			text-align: center;
			padding-top: 90px;
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background-color: #cfebba;
			height: 200px;
			width:50%;
			-webkit-box-shadow: 10px 10px 20px 0px rgba(48,48,48,1);
			-moz-box-shadow: 10px 10px 20px 0px rgba(48,48,48,1);
			box-shadow: 10px 10px 20px 0px rgba(48,48,48,1);

		}

		#charts {
			background: #3e3e40;
		}
		#clickchart {
			font-size: x-small;
			font-family: Arial, sans-serif;
			/*		border-bottom:1px solid #F4A359;   */
			background-image:url('../images/top-grad.png');
			background-repeat:repeat-x;
			padding:0px;

			/*                background:#F4A359; */
		}
		.containchart {
			width: 99.99%;
			padding:0px;
			margin: 0;
			background-color:  #141414; 
		}



		#left,#right {
			width: 50%;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
		}

		#tot {font-size: 25px;
			font-weight: bold;
			line-height: 25px;
			color: #333333;
			padding: 0px 0px 0px 80px;
		}
		#bt {padding: 10px 0px 0px 80px;}	

		#mm {width:100%;}
		.todoinfo {
			font-size: 10px;
		}	


		.notelist {
			/* for IE only */
		}



		.note ul {
			padding:0px;
		}


		.note li {
			list-style:none;
			background-color: #ebebeb;
			border: 1px dotted;
			width: 91%;
			margin-bottom: 2px;
			vertical-align: middle;
		}

		#blockwrapper {
			margin-top: 20px;
			color:#333;
			padding-left:25px;
		}	

		.block {
			overflow:hidden;
		}


		.block label {
			width:150px;
			float:left;
			text-align:right;
			padding-top: 8px;
		}

		.block .input {
			margin-left: 14px;
			float: left;
			padding:8px 2px 4px 2px;
		}

		.block input[type=text], input[type=password], textarea {
			-webkit-transition: all 0.10s ease-in-out;
			-moz-transition: all 0.10s ease-in-out;
			-ms-transition: all 0.10s ease-in-out;
			-o-transition: all 0.10s ease-in-out;
			outline: none;
			border: 1px solid #333;

			width:500px;
		}


		.block input[type=text]:focus, input[type=password]:focus {
			box-shadow: 0 0 5px rgba(81, 203, 238, 1);
			border: 1px solid rgba(81, 203, 238, 1);
		}

		.block textarea:focus {
			box-shadow: 0 0 5px rgba(81, 203, 238, 1);
			border: 1px solid rgba(81, 203, 238, 1);
		} 

		.grid {
			width: 100%;
			max-width: 1250px;
			min-width: 755px;
			margin: 0 auto;
			overflow: hidden;
		}

		.grid-pad {
			padding: 20px 0px 40px 20px;
		}

		.col-1-2 {
			width: 49%;
			float:left;
			padding:0 0 0 0;
		}

		.col-1-3 {
			width: 33%;
			float:left;
			padding:0 0 0 0;
		}

		.col-1-4 {
			width: 25%;
			float:left;
			padding:0 0 0 0;
		}

		.col-head,
		.col-subhead {
			font-family: Arial, sans-serif;
			color:#333333;
			margin:0;
		}

		.col-head {
			float:left;
			min-height:25px;
			line-height:23px;
			font-size:18px;
			margin:0;
			padding:4px 0 4px 4px;
		}

		.col-subhead {
			font-size: 15px;
			font-weight:bold;
			padding-bottom:6px;
		}

		.col-subhead p {
			width:90%;
			background:#AEAEAE;
			padding: 6px 0px 6px 6px;
			margin:0;
			box-shadow: 0 4px 4px -2px #232323;
			-moz-box-shadow: 0 4px 4px -2px #232323;
			-webkit-box-shadow: 0 4px 4px -2px #232323;
		}

		.col-subhead.red p {
                        width:90%;
			color:#fff;
                        background:#ea6153;
                        padding: 6px 0px 6px 6px;
                        margin:0;
                        box-shadow: 0 4px 4px -2px #232323;
                        -moz-box-shadow: 0 4px 4px -2px #232323;
                        -webkit-box-shadow: 0 4px 4px -2px #232323;
                }

                .col-subhead.green p {
                        width:90%;
			color:#fff;
                        background:#27ae60;
                        padding: 6px 0px 6px 6px;
                        margin:0;
                        box-shadow: 0 4px 4px -2px #232323;
                        -moz-box-shadow: 0 4px 4px -2px #232323;
                        -webkit-box-shadow: 0 4px 4px -2px #232323;
                }
                .col-subhead.blue p {
                        width:90%;
			color:#fff;
                        background:#2980b9;
                        padding: 6px 0px 6px 6px;
                        margin:0;
                        box-shadow: 0 4px 4px -2px #232323;
                        -moz-box-shadow: 0 4px 4px -2px #232323;
                        -webkit-box-shadow: 0 4px 4px -2px #232323;
                }

                .col-subhead.dark p {
                        width:90%;
			color:#fff;
                        background:#2B2B2B;
                        padding: 6px 0px 6px 6px;
                        margin:0;
                        box-shadow: 0 4px 4px -2px #232323;
                        -moz-box-shadow: 0 4px 4px -2px #232323;
                        -webkit-box-shadow: 0 4px 4px -2px #232323;
                }

	         .col-subhead.orange p {
                        width:90%;
			color:#fff;
                        background:#FF8F00;
                        padding: 6px 0px 6px 6px;
                        margin:0;
                        box-shadow: 0 4px 4px -2px #232323;
                        -moz-box-shadow: 0 4px 4px -2px #232323;
                        -webkit-box-shadow: 0 4px 4px -2px #232323;
                }

	         .col-subhead.darkgreen p {
                        width:90%;
			color:#fff;
                        background:#5A8F29;
                        padding: 6px 0px 6px 6px;
                        margin:0;
                        box-shadow: 0 4px 4px -2px #232323;
                        -moz-box-shadow: 0 4px 4px -2px #232323;
                        -webkit-box-shadow: 0 4px 4px -2px #232323;
                }
	         .col-subhead.blue2 p {
                        width:90%;
			color:#fff;
                        background:#3C7DC4;
                        padding: 6px 0px 6px 6px;
                        margin:0;
                        box-shadow: 0 4px 4px -2px #232323;
                        -moz-box-shadow: 0 4px 4px -2px #232323;
                        -webkit-box-shadow: 0 4px 4px -2px #232323;
                }


		.col1,
		.col2,
		.colfull {
			min-height:25px;
			line-height:23px;
			font-family: Arial, sans-serif;
			font-size:15px;
			color:#333333;
			margin:0;
		}

		.col1 {
			float:left;
			margin:0;
		}

		.col1 p {
			margin:0;
			background: #EBEBEB;
			padding: 2px 0 2px 6px;
			border-bottom: 1px solid #AEAEAE;
		}

		.col1 p:hover {
			background:#c2c2c2;	
		}

		.col1 span {
			padding-left: 10px;
			width:100%;
		}

		.col1 a {
			display:block;
		}
		.col2 {
			float:left;
			margin:0;
		}

		.col2 p {
			width:33%;
			margin:0;
			background: #EBEBEB;
			padding: 2px 0px 2px 6px;
			border-bottom: 1px solid #AEAEAE;
			text-align:center;
		}

		.col2 p:hover {
			background:#c2c2c2;
		}	

		.col2 span {
			padding-left:10px;
			width:100%;
		}

		.col2 a {
			display:block;
		}

		.colfull {

		}

		.colfull p {
			width:90%;
			margin:0;
			background: #EBEBEB;
			padding: 2px 0 2px 6px;
			border-bottom: 1px solid #AEAEAE;
		}

		.colfull p:hover {
			background:#c2c2c2;
		}

		.colfull a {
			display:block;
		}

		#footer {
			font-family: Arial, sans-serif;
			color:#FFF;
			background:#141414;
			padding:0px;
			height:20px;
		}