@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto');

body {background-color:#ffffff; margin:0; font-family:'Roboto', sans-serif; font-size:12px; color:#8f8172; }

#container {width:100%; max-width:1020px; min-width:600px; margin-left:auto; margin-right:auto;}

p {font-size:12px; }

a:link, a:active, a:visited {color:#4b8932; font-weight:bold; text-decoration:none; }
a:hover {color:#6bb845; font-weight:bold; text-decoration:none; }

#header {height:120px; }
#header a {color:#8f8172; margin:0px 10px; font-size:14px; font-weight:normal; }
#header a:hover {color:#4b8932; margin:0px 10px; font-size:14px; }

#main {margin:10px 0; }
#sidenav {float:left; width:18%;}
#sidenav h3.green {background:#4b8932; color:#ffffff; padding:10px 20px; margin:0px; display:block; text-transform:uppercase; }
#sidenav ul {background:#6bb845; margin:0px; padding:0px; list-style:none; }
#sidenav ul li {background-image:url(image/plus-icon.png); background-repeat:no-repeat; background-position:left center; position:relative; background-size: 14px auto; left:20px; max-width:85%; }
#sidenav ul li a {color:#ffffff; margin:0px; padding:10px 20px; list-style:none; display:block; font-size:16px; font-weight:normal;}
#sidenav h3.brown {background:#72685c; color:#ffffff; padding:10px 20px; margin:0px; display:block; text-transform:uppercase; }
#sidenav #search {background:#8f8172; }
#search .expands {background-image:url(image/search-icon.png); background-repeat:no-repeat; background-position:left center; position:relative; background-size: 14px auto; left:20px; max-width:75%; }
.expands{ display:block; cursor:hand; cursor:pointer; color:#ffffff; margin-top:0px; padding:10px 20px; }
.exp-font {font-weight:bold; font-size:16px; font-weight:normal; margin:0px; padding:0;}
#search form {color:#ffffff; }

#mainbody {float:left; width:80%; margin-left:2%; }

#toprow {background:#6bb845; color:#ffffff; }
#toprow h3 {margin:0px; padding:10px 20px; text-transform:uppercase; width:60%; }
#toprow #configs {float:right; width:30%; padding-right:20px; position:relative; text-align:right; top-20px; text-transform:uppercase; background-image:url(image/settings-icon.png); background-repeat:no-repeat; background-position:right center; background-size: 14px auto; top:-25px; right:12px;}
#toprow #configs a {color:#ffffff; }

#column1 {width:68%; margin-right:2%; float:left; }
#column2 {width:30%; margin:0px; float:left; }

#column3 {float:left; width:47%; margin-right:3%; }
#column3 #configs {width:auto; text-transform:uppercase; background-image:url(image/settings-icon.png); background-repeat:no-repeat; background-position:right center; background-size: 10px auto; padding-right:14px; }
#column3 #configs a {color:#ffffff; text-transform:uppercase; font-size:10px; }
th {background-color:#6bb845; color:#fff; font-size:16px; text-align:left; font-weight:bold; padding:8px 20px; }
table.border td { padding:2px 0px 0px 4px; }
table.border {border:#6bb845 solid 1px; background-color:#FFF; margin-bottom:20px;  }

#column1 table.border select {max-width:400px; }

#columnwide { width:97%; margin-right:3%; float:left; }
#columnwide #configs {width:auto; text-transform:uppercase; background-image:url(image/settings-icon.png); background-repeat:no-repeat; background-position:right center; background-size: 10px auto; padding-right:14px; }
#columnwide #configs a {color:#ffffff; text-transform:uppercase; font-size:10px; }

table.borderlist td {padding:2px 0px 0px 4px; }
table.borderlist {border:#6bb845 solid 1px; background-color:#fff; }
table.borderlist tr:nth-child(odd) { background-color:#eee; }
table.borderlist tr:nth-child(even) { background-color:#fff; }
tr.1 {font-weight:bold; }
tr.database {height:25px; }

.buttons { font-size:10px; color:#5f2e91; font-weight:bold; cursor:hand; cursor:pointer; }
input[type="button"], input[type="submit"] { border:solid 1px #72685c; background:none; color:#72685c; text-transform:uppercase; font-size:10px; font-weight:bold; }
input[type="button"]:hover { border:solid 1px #72685c; background:#72685c; color:#ffffff; }
input[type="submit"] {margin-bottom:5px; }
input[type="submit"]:hover { border:solid 1px #72685c; background:#72685c; color:#ffffff; }
#sidenav input[type="submit"] { border:solid 1px #ffffff; background:none; color:#ffffff; text-transform:uppercase; font-size:10px; font-weight:bold; }
#sidenav input[type="submit"]:hover { border:solid 1px #72685c; background:#ffffff; color:#72685c; }

select#selectdropdown[name="location"] {max-width:400px; }
select#selectdropdown[name="location"] option {max-width:100%; overflow:visible; }

/***** menu start *****/
.menu{background:none; font-weight: bold; color: #8f8172; height:30px; width:100%; max-width:650px; }
.menu ul{list-style:none; margin:0px; padding:0px; height:30px;}
	.menu li{ font-size:14px; font-weight:bold; line-height:30px; float:left; padding:0px; margin:0px; }
	.menu li a{color:#8f8172; display:block; font-size:16px; font-weight:normal; line-height:30px; margin:0px; padding:0 30px 0 0; text-align:left; text-decoration:none; width:auto; }
	.menu li a:hover, .menu ul li:hover a{color:#72685c; text-decoration:none; }
	.menu li ul{color:#000; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; z-index:1000;}
	.menu li:hover ul{display:block; }
	.menu li li {display:block; float:none; margin:0px; padding:0px; text-decoration:none;}
	.menu li:hover li a{background:#8f8172; color:#ffffff; }
	.menu li ul a{display:block; background-color:#8f8172; font-size:12px; font-style:normal; margin:0px; padding:4px 10px 4px 10px; text-align:left; line-height:20px; }
		.menu li ul a:hover, .menu li ul li:hover a{background-color:#72685c; border:0px; color:#ffffff; text-decoration:none; padding:4px 10px 4px 10px; margin:0px; }

	.menu li ul li ul{background-color:#8f8172; color:#fff; display:none; height:auto; padding:0px; margin-left:108px; margin-top:-28px; border:0px; position:absolute; z-index:1000; visibility:hidden;}
	.menu li li:hover li a{background-color:#8f8172; color:#fff; visibility:visible;}
	.menu li li ul a{display:block; font-size:12px; font-style:normal; margin:0px; padding:4px 10px 4px 10px; text-align:left; line-height:20px; width:80px;}
		.menu li li ul a:hover, .menu li li ul li:hover a{background-color:#72685c; border:0px; color:#ffffff; text-decoration:none; padding:4px 10px 4px 10px; margin:0px; width:80px;}

	.menu p{clear:left; }	
/***** menu end *****/

#footer {color:#8f8172; text-align:center; }
#footer p {font-size:14px; }