body {
	background-color:#2e3436;
	margin:0px auto;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:16px; /* Set font size in specific container/element if needed */
	color:#d2d2d4;
	width: 98%;
}

* {
	box-sizing: border-box;
  }

a {
	color:#d2d2d4;
	text-decoration:none; 
}

b {
	color:#00ccbb;
}

li {
	margin-top: 10px;
}

textarea, input, select {
	margin: 2px 5px;
	white-space: pre-wrap;
	background-color: #d2d2d4;
}

table {
	display: block;
    overflow-x: auto;
    white-space: nowrap;
}

input[type=radio] {
	margin-right: 10px;
}

select, input[type=date] {
	width: 180px;
}

/* div id below */ 

#bodycontainer {
	width: 100%;
	margin: auto;
	border: 5px solid #77787e;
}

#header {
	padding:0px 15px;
	width:100%;
	overflow: hidden;
}

#divider {
	height: 5px;
	background-color: #77787e;
}

#midcontainer {
	max-width: 100%;
	margin: auto;
	overflow: hidden;
}

#leftnav {
	float:left;
	margin:0px;
	padding:20px;
	height: 100%;
	max-width: 20%;
	min-width: 8vw;
	
}

#rightmaincontent {
	float:left;
	padding:20px;
	width:80%;
	min-height: 1000px;
	border-left: 5px solid #77787e;
}

#footer {
	padding:15px;
	width:100%;
	overflow: hidden;
}

#tableinfo {
	border-collapse: collapse;
	color: #000000;
	margin-bottom: 50px;
	margin-right: 25px;
}
#tableinfo a {
	color: #b70e2b;
}
#tableinfo td:nth-child(even){background-color: #aaadb3;}
#tableinfo td:nth-child(odd){text-align: right;}
#tableinfo td:hover {background-color: #dddddd;}
#tableinfo td {
	border: 1px solid #000000;
	padding: 4px 8px;
	background-color: #93959b;
	min-width: 160px;
}
#tableinfo th {
	border: 1px solid #000000;
	padding: 4px 8px;
	color: #eeeeee;
	background-color: #77787e;
}

#linkstable {
	color: #d2d2d4;
	font-weight: bold;
	padding: 4px;
	margin: 25px auto;
	background-color: #2e3436;
	border-collapse: collapse;
	border-spacing: 0px;
}
#linkstable td, th {
	border: 2px solid #cc5500;
	padding: 8px 8px;
}

#addupdatetable table {
	padding: 4px;
	margin: 25px auto;
	border-collapse: collapse;
}
#addupdatetable td {
	padding: 2px 8px;
}

#readscriptwithform {
	padding: 10px;
	margin-right: 20px;
	font-size: 18px;
	width: 60%;
	float: left;
	border: #77787e 1px solid;
}
#readscriptnoform {
	padding: 10px;
	margin-right: 20px;
	font-size: 18px;
	float: left;
}

#searchtable table {
	color: #d2d2d4;
	font-weight: bold;
	padding: 4px;
	margin: 25px auto;
	background-color: #2e3436;
	border-collapse: collapse;
}
#searchtable td {
	padding: 4px 8px;	
	border: 2px #cc5500 solid;
}


/* div class below */ 

.sectionheader {
	font-size:17px;
	font-weight: bold;
	color: #cc5500;
}

.colorsectionheader {
	font-size:17px;
	font-weight: bold;
	color:#00ccbb;
}

.error {
	color:#d1e70a;
	font-weight:bold;
}

.msg {
	color:#00d600;
	font-weight:bold;
}

.welcome {
	float:left;
	width:25%;
	text-align:left;
	padding:20px 0px;
	font-size:19px;
	font-weight:bold;
}

.title {
	float:left;
	width:50%;
	text-align: center;
	font-size:24px;
	font-weight:bold;
	padding:20px 0px;
}
.title a {
	color: #cc5500;
}

.date {
	float:left;
	width:25%;
	text-align:right;
	padding:20px 0px;
	font-size:19px;
	font-weight:bold;
}

.navlink, a.navlink {
	color: #d2d2d4;
	font-weight: bold;
	text-decoration:none;
}

.navlink:hover {
	color: #00ccbb;
}

.footerleftempty {
	float:left;
	width:25%;
}

.copyright {
	float:left;
	width:50%;
	text-align: center;
}

.footerclock {
	float:left;
	width:25%;
	text-align:right;
	font-size:19px;
	font-weight:bold;
}