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

abbr {
	border-bottom			: 1px dotted #666;
	cursor					: help;
	font-variant			: normal;
}

body {
	background-attachment	: fixed;
	background-image		: url('images/bg.png');
	color					: #868686;
	font-family				: Arial;
	padding-top				: 25px;
}

button, input[type=button], input[type=reset], input[type=submit] {
	background				: transparent url('images/button.png');
	border					: 0px;
	color					: #DDDDDD;
	height					: 31px;
	text-shadow				: #000000 1px 1px;
	width					: 104px;
}

button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	background-position		: center;
}

button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active {
	background-position		: bottom;
}

h1 {
	border-bottom			: 1px solid #C9C9C9;
	color					: #C9C9C9;
	font-family				: "trebuchet ms";
	font-size				: 20px;
	font-weight				: bold;
	margin					: 2px 0px 15px 0px;
	text-shadow				: 1px 1px #000000;
}

h2 {
	border-bottom			: 1px solid #C9C9C9;
	color					: #C9C9C9;
	font-family				: "trebuchet ms";
	font-size				: 20px;
	font-weight				: bold;
	margin					: 35px 0px 15px 0px;
	text-shadow				: 1px 1px #000000;
}

hr {
	border-bottom			: 1px solid #3F3A3E;
	border-left				: none;
	border-right			: none;
	border-top				: 1px solid #000000;
	clear					: both;
	margin-top				: 35px;
}

img {
	border					: 0px;
}

input[type=checkbox], input[type=radio] {
	display					: none;
}

input[type=checkbox] + label, input[type=radio] + label {
	background-repeat		: no-repeat;
	background-position		: 0 0;
	cursor					: pointer;
	display					: inline-block;
	font-size				: 12px;
	height					: 15px;
	line-height				: 15px;
	padding-left			: 20px;
	vertical-align			: middle;
}

input[type=checkbox]:checked + label, input[type=radio]:checked + label {
	background-position		: 0 -15px;
}

input[type=checkbox]:checked + label:hover, input[type=radio]:checked + label:hover {
	background-position		: 0 -45px;
}

input[type=checkbox] + label:hover, input[type=radio] + label:hover {
	background-position		: 0 -30px;
}

input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label {
	background-position		: 0 -60px;
	color					: #505050;
	cursor					: default;
}

input[type=checkbox] + label {
	background-image		: url('images/checkbox.png');
}

input[type=radio] + label {
	background-image		: url('images/radiobtn.png');
}

input[type=password], input[type=text] {
	background-color		: #2B2B2B;
	border					: 1px solid #191919;
	box-shadow				: inset 0px 2px 1px #242424, 0 1px 0 #303030;
	color					: #919191;
	font-family				: arial;
	font-size				: 12px;
	height					: 16px;
	margin					: -1px 0px -1px 0px;
	padding					: 0px 3px 0px 3px;
	width					: 278px;
}

input[type=password]:focus, input[type=text]:focus, input[type=password]:hover, input[type=text]:hover {
	background-color		: #383838;
	box-shadow				: inset 0px 2px 1px #292929, 0 1px 0 #303030;
}

input[type=password]:disabled, input[type=text]:disabled {
	background-color		: #1E1E1E;
	box-shadow				: inset 0px 2px 1px #1B1B1B, 0 1px 0 #303030;
	color					: #505050;
}

input.clogout {
	background				: transparent url('images/clogout.png');
	border					: 0px;
	color					: #DDDDDD;
	font-family				: Arial;
	font-size				: 12px;
	height					: 81px;
	padding-top				: 41px;
	text-shadow				: #000000 1px 1px;
	width					: 80px;
}

input.creboot {
	background				: transparent url('images/creboot.png');
	border					: 0px;
	color					: #DDDDDD;
	font-family				: Arial;
	font-size				: 12px;
	height					: 81px;
	padding-top				: 41px;
	text-shadow				: #000000 1px 1px;
	width					: 80px;
}

input.creboot:hover, input.clogout:hover {
	background-position		: center;
}

input.creboot:active, input.clogout:active {
	background-position		: bottom;
}

option {
	cursor					: default;
}

p {
	margin-bottom			: 10px;
	text-align				: justify;
}

p a {
	border-bottom			: 1px dotted #666;
}

pre {
	color					: #B9B9B9;
	font-size				: 12px;
	margin					: 2px 2px 2px 2px;
}

select {
	-moz-appearance			: none;
	-webkit-appearance		: none;
	appearance				: none;
	background-color		: #2B2B2B;
	border					: 1px solid #191919;
	box-shadow				: inset 0px 2px 1px #242424, 0 1px 0 #303030;
	color					: #919191;
	cursor					: pointer;
	display					: inline-block;
	font-family				: arial;
	font-size				: 12px;
	height					: 17px;
	margin					: -1px 0px -1px 0px;
	outline					: none;
	padding					: 0px 3px 0px 0px;
	width					: 285px;
}

select:hover {
	background-color		: #383838;
	box-shadow				: inset 0px 2px 1px #292929, 0 1px 0 #303030;
}

select:disabled {
	background-color		: #1E1E1E;
	box-shadow				: inset 0px 2px 1px #1B1B1B, 0 1px 0 #303030;
	color					: #505050;
	cursor					: default;
}

small {
	font-size				: 11px;
}

table {
	border-collapse			: collapse;
	border-spacing			: 0px;
}

textarea {
	background-color		: #2B2B2B;
	border					: 1px solid #191919;
	box-shadow				: inset 0px 2px 1px #242424, 0 1px 0 #303030;
	color					: #919191;
	font-size				: 12px;
	height					: 300px;
	padding					: 2px 2px 2px 2px;
	overflow				: auto;
	resize					: vertical;
	white-space				: pre;
	width					: 766px;
	word-wrap				: normal;
}

textarea:focus, textarea:hover {
	background-color		: #383838;
	box-shadow				: inset 0px 2px 1px #292929, 0 1px 0 #303030;
}

textarea:disabled, textarea:disabled {
	background-color		: #1E1E1E;
	box-shadow				: inset 0px 2px 1px #1B1B1B, 0 1px 0 #303030;
	color					: #505050;
}

.body {
	background-image		: url('images/body.png');
	clear					: both;
	float					: left;
	width					: 1006px;
}

.code {
	background-color		: #1D1D1D;
	border					: 1px solid #141414;
	box-shadow				: inset 0px 2px 1px #1B1B1B, 0 1px 0 #303030;
	height					: 500px;
	overflow				: auto;
	width					: 770px;
}

.collapsed {
	margin-bottom			: 20px;
	margin-top				: 7px;
	overflow				: hidden;
	height					: 40px;
}

.collapsed .navbody a.active {
	border-top				: none;
	margin-top				: 0px;
}

.collapsed .navheader {
	background-image		: url('images/navhead2.png');
	background-repeat		: no-repeat;
}

#content {
	color					: #919191;
	float					: right;
	font-family				: Arial;
	font-size				: 14px;
	margin-bottom			: 7px;
	margin-right			: 20px;
	margin-top				: 7px;
	padding-left			: 7px;
	width					: 771px;
}

.controls {
	float					: right;
	margin-right			: 15px;
	margin-top				: 17px;
	text-align				: right;
}

.confdata {
	line-height				: 18px;
	width					: 772px;
}

.confdata .name {
	background-color		: #1D1D1D;
	border					: 1px solid #141414;
	padding					: 5px 30px 5px 5px;
	width					: 40%;
}

.confdata .spacer {
	height					: 15px;
	padding					: 5px 5px 5px 5px;
}

.confdata .title {
	background-color		: #1D1D1D;
	border					: 1px solid #141414;
	color					: #C9C9C9;
	font-weight				: bold;
	height					: 25px;
	text-align				: center;
}

.confdata .value {
	background-color		: #262626;
	border					: 1px solid #141414;
	padding					: 5px 5px 5px 5px;
}

#dim {
	-moz-opacity			: 0.8;
	background-color		: #000000;
	display					: none;
	filter					: alpha(opacity=80);
	height					: 200%;
	left					: 0px;
	opacity					: 0.8;
	position				: absolute;
	top						: 0px;
	width					: 100%;
	z-index					: 20;
}

.footer {
	background-image		: url('images/footer.png');
	background-repeat		: no-repeat;
	clear					: both;
	font-size				: 10px;
	padding-right			: 10px;
	padding-top				: 7px;
	text-align				: right;
	width					: 996px;
}

.formctrl {
	text-align				: right;
	width					: 100%;
}

.header {
	background-image		: url('images/header.png');
	height					: 107px;
	width					: 1006px;
}

.hidden {
	display					: none;
}

.hidden .code {
	height					: 250px;
}

.loginbox {
	background				: transparent url('images/loginbox.png') no-repeat;
	font-size				: 14px;
	height					: 191px;
	left					: 50%;
	margin					: -150px 0px 0px -224px;
	padding					: 22px 0px 0px 25px;
	position				: absolute;
	top						: 50%;
	width					: 448px;
}

.loginbox input[type=password], .loginbox input[type=text] {
	margin-bottom			: 12px;
	float					: left;
	width					: 205px;
}

.loginbox label {
	float					: left;
	margin-right			: 5px;
	text-align				: right;
	width					: 180px;
}

.loginbox .body {
	background				: none;
	width					: 398px;
}

.logo {
	color					: #6C6C6C;
	float					: left;
	font-size				: 10px;
	padding-top				: 83px;
	text-align				: right;
	width					: 428px;
}

#mainmenu {
	float					: left;
	font-family				: Arial, sans-serif;
	padding-left			: 12px;
	width					: 190px;
}

#msg {
	background				: url('images/msg.png');
	color					: #FFFFFF;
	display					: none;
	font-size				: 16px;
	font-weight				: bold;
	height					: 38px;
	left					: 50%;
	margin					: -23px 0px 0px -247px;
	padding					: 8px 0px 0px 8px;
	position				: absolute;
	text-shadow				: #000000 1px 1px;
	top						: 50%;
	width					: 487px;
	z-index					: 21;
}

#msg img {
	vertical-align			: middle;
}

.navbody {
	border					: none;
	display					: block;
	list-style				: none;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

.navbody a {
	color					: #C9C9C9;
	display					: block;
	font-family				: verdana;
	font-size				: 13px;
	font-weight				: bold;
	padding					: 6px 9px 6px 9px;
	text-decoration			: none;
	text-shadow				: #000000 1px 1px;
}

.navbody a:hover {
	background-color		: #2F2F2F;
	border-bottom			: 1px solid #161616;
	border-top				: 1px solid #161616;
	margin-top				: -1px;
	padding					: 6px 9px 5px 9px;
}

.navbody a.active {
	color					: #FE8013;
	background-color		: #2F2F2F;
	border-bottom			: 1px solid #161616;
	border-top				: 1px solid #161616;
	margin-top				: -1px;
	padding					: 6px 9px 5px 9px;
}

.navbody li {
	background-image		: url('images/navbody.png');
	padding					: 0px 4px 0px 4px;
}

.navbox {
	margin-top				: 7px;
	overflow				: hidden;
}

.navfooter {
	background-image		: url('images/navfoot.png');
	display					: block;
	height					: 4px;
	margin					: -1px 0px 10px 0px;
}

.navheader {
	background-image		: url('images/navhead1.png');
	color					: #FFFFFF;
	cursor					: default;
	display					: block;
	font-family				: arial;
	font-size				: 14px;
	font-weight				: bold;
	height					: 26px;
	padding-left			: 12px;
	padding-top				: 14px;
	text-shadow				: #000000 1px 1px;
	width					: 190px;
}

.portno {
	font-weight				: bold;
}

.portspeed {
	font-size				: 10px;
}

.portstate td {
	text-align				: center;
	width					: 80px;
}

.select {
	position				: relative;
	font-size				: 16px;
}

.select:after {
	background-image		: url('images/arrow.png');
	content					: '';
	height					: 4px;
	pointer-events			: none;
	position				: absolute;
	right					: 7px;
	top						: 8px;
	width					: 8px;
}

.select:before {
	background-color		: #2E2E2E;
	box-shadow				: inset 0px 5px 4px #3E3E3E;
	border					: 1px solid #191919;
	content					: '';
	height					: 15px;
	pointer-events			: none;
	position				: absolute;
	right					: 0px;
	top						: 1px;
	width					: 20px;
}

.tips div {
	background-color		: #FFFFAA;
	border					: 1px solid #FE8013;
	color					: #000000;
	font-family				: verdana;
	font-size				: 12px;
	padding					: 3px;
	position				: absolute;
	visibility				: hidden;
	z-index					: 10;
}

.webui {
	background-image		: url('images/stripes.png');
	background-repeat		: no-repeat;
	margin-left				: auto;
	margin-right			: auto;
	width					: 1006px;
}