BODY{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
TBODY{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
A:link {
		color: #43A5DB;	
		text-decoration: none;
}

A:visited {
	text-decoration: none;
	color: #000000;
}

A:hover {
	color: #F38932;
	text-decoration: underline;
}

A:active {
	text-decoration: none;
}

SELECT {
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        background-color: #F1F9FF;
	width: 220px;
}

INPUT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 200;
	color: #000000;
	background-color: #F1F9FF;
	border: solid 1px black;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #2486C3;
	border-bottom: solid 1px #2486C3;
}

.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.inputbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	background-color: #2694D5;
    border-top: 2px solid #2487C4;
    /*border-right: 2px solid #4689D7;
    border-bottom: 2px solid #4689D7;*/
    border-left: 2px solid #2487C4; 
	width: 120px;
}

.mainbox {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.inputbox {
	text-align: center;
	border:  1px solid #BBBBAA;
	padding: 5px;
}

.inputbox table {
	text-align: left;
}

.inputbox td {
}

.inputbox th {
	font-weight: bold;
	vertical-align: top;
}

.inputbox td.buttoncell {
	padding: 5px;
}

.options {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
}

.options th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 300px;	
	font-weight: 200;
	font-size: 14px;
	padding: 3px;
	text-align: left;
}

.options td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	font-size: 12px;
}

.optiontop {
	border-top: 1px solid #3679C7;
	padding: 5px 0px;
}

.main {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0px;
}

.main th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.main td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.passtable {
	width: 60%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0px 20%;
}

.passtable td {
	text-align: left;
}

.header {
	background-color: #2694D5;
}

.header td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	padding-left: 5px;
	font-weight: bold;
	color: white;
}

.header th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	padding-left: 5px;
	font-weight: bold;
	color: white;
}

.header-actions {
	text-align: right;
}

.adv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #282627;
	text-align: right;
	text-decoration: none
}



.adv a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #43A5DB;
	text-align: right;
	text-decoration: none;
	background-color: #F5F9FE;
	padding: 1px;
	border: 1px solid #BBBBAA;
	padding-left: 2px;
	padding-right: 2px;
}

.adv a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #F38932;
	text-align: right;
	text-decoration: none;
	background-color: white
}

.mitem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #43A5DB;
	text-align: right;
	text-decoration: none
}

.mitem a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #43A5DB;
	text-align: right;
	text-decoration: none;
	background-color: white
}

	
.mitem a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009AE8;
	text-align: right;
	text-decoration: none;
	background-color: white;
}

.mitem a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	text-decoration: none;
	background-color: white;
}

.content {
	background-color: white;
	margin: 20px 50px 50px 50px;
}

.tit {
	background-color: #F5F9FE;
	padding: 3px;
	border: 1px dotted #BBBBAA;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18;
	font-weight: bold;
	color: #134A6A;
	text-align: left;
	text-decoration: none;
}

.errortit {
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: red;
	text-align: left;
	text-decoration: none;
}

.errormsg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
	height: 100px;
	padding-top: 10px;
	padding-left: 5px;
}

.headparam {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 18%;
	font-weight: bold;
}

.bottombuttonbox {
	text-align: center;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.buttonbox {
	text-align: center;
}

.buttoncell {
	text-align: right;
}

.legend {
	float: right;
	padding: 20px;
	font-size: 12px;
}

.graphbox {
	text-align: center;
	padding: 5px;

}

.graphstatus {
	clear:both;
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0;
	margin: 1px;	
}

.graphstatus td {
	border-bottom:  1px solid #BBBBAA;
	font-size: 12px;
}

.graphstatus th {
	border-bottom:  1px solid #BBBBAA;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.graphstatus th.type {
	font-size: 14px;
	font-weight: bold;
}

.graphstatus tr.input {
	color: green;
}

.graphstatus tr.output {
	color: blue;
}

.status,
.forwardingstatus,
.ecmptable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1px;
}

.status,
.forwardingstatus,
.ecmptable td {
	border-bottom: 1px solid #3679C7;
	font-size: 10px;
}

.label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: smaller;	*/
	font-size: 12px;
	color: #1971A1;
	font-style: italic;
}

.wan-admin-down {
	color: red;
	font-style: italic;
	font-weight: bold;
}

.wan-link-down {
	color: red;
	font-style: italic;
}

.wan-connecting {
	color: yellow;
	font-style: italic;
}

.wan-connected {
	color: green;
	font-style: italic;
}

.remote-access-state {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
}

.center, .left, .right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.imagetable {
	width: 80%;
	border-collapse: collapse;
}

.imagetable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

.actions {
	text-align: right;
	right-padding: 5px;
}

div.emp_note {
	border: 1px solid #BBBBAA;
	padding: 5px;
	background-color: #EEEEDD;
}

hr.menusep {
	border: 1px solid #2694D5;
}

SELECT.protocol {
	width: 80px;
}

SELECT.ip {
	width: 120px;
}

.connection-ip,
.connection-port,
.connection-count,
.connection-protocol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}

.connection-protocol {
	text-align: center;
}
.connection-count {
	text-align: right;
}