@font-face {
	font-family: PtSans;
	src: url("/pt-sans.ttf");
}

@font-face {
	font-family: fonticons;
	src: url("/fonticons.ttf");
}

@font-face {
	font-family: 'sourcesans';
	src: url('/SourceSansPro-Regular.ttf');
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}

@font-face {
	font-family: 'sourcesans';
	src: url('/SourceSansPro-Bold.ttf');
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
}

@font-face {
	font-family: 'sourcesans';
	src: url('/SourceSansPro-SemiBold.ttf');
	font-weight: semibold;
	font-style: normal;
	font-variant: normal;
}

body {
	font-family: PtSans,Verdana,TimesNewRoman,serif;
	font-size: 11px;
	width:inherit;
	background:transparent;
	color: #34495e;
}

td {
	font-family: PtSans,Verdana,TimesNewRoman,serif;
	font-size: 11px;
	margin-top: 0;
}

th {
	font-family: PtSans,Verdana,TimesNewRoman,serif;
	font-size: 11px;
	margin-top: 0;
	text-align: left;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	/*margin-bottom: 0px;*/
}

h4 {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.background {
    padding-left: 1cm;
    padding-right: 1cm;
    padding-top: 9mm;
    padding-bottom: 1cm;
    margin-left:1cm;
    margin-right: 1cm;
    	margin-top:0;
	margin-bottom:0;
	width:inherit;
	color: #34495e;
}

.tabletitle {
	padding: 4 20 0 0;
	font-size: 16px;
	text-align: left;
	color: #34495e;
	margin-bottom: 10px;
	margin-left: 0;
}

.topleft{
	/*background-color: #A0A0A0;
	background-repeat: repeat;
	background-position: left center;*/
	margin: 0;
	font-size: 14px;
	/*color: #000000;*/
}

.tab {
	border:0;
	width:100%;
	border-spacing:0;
//	border-collapse: collapse;
}

.tabborder td:not(.noborder) {
	border-spacing: 1px;
	border-top: 1px solid #34495e;
	vertical-align:top;
	padding-top: 8px;
	padding-bottom: 5px;
}

.tabborder td:first-child:not(.noborder) {
	border-spacing: 1px;
	border-left: 1px solid #34495e;
	padding-left: 10px;
	vertical-align:top;
	padding-top: 8px;
	padding-bottom: 5px;
}

.tabborder td:last-child:not(.noborder) {
	border-spacing: 1px;
	border-right: 1px solid #34495e;
}

.tabborder .ssobuttd:last-child, .tabborder .ssobuttdleft:last-child {
	border-spacing: 1px;
	border-right: 1px solid #34495e;
	border-left: 1px solid #34495e;
}

.tabborder tr:last-child td:not(.noborder) {
	border-spacing: 1px;
	border-bottom: 1px solid #34495e;
}

.rstab td {
	border-spacing: 1px;
	border-top: 1px solid #34495e;
}

.rstab th {
	border-spacing: 1px;
	border-top: 1px solid #34495e;
}

.rstab .ssobuttd:last-child {
	border-spacing: 1px;
	border-left: 1px solid #34495e;
}

.lefttd {
	text-align: right;
	margin-top: 5px;
	color:#34495e;
	padding:0;
	padding-right: 5px;
	min-height: 32;
	border: 0;
	white-space: nowrap;
}

.centertd {
	text-align: center;
	margin-top: 5px;
	color:#34495e;
	padding:0;
	padding-right: 5px;
	min-height: 32;
	border: 0;
	white-space: nowrap;
}

.tcpdleft {
	padding-top: 2px;
	padding-bottom: 2px;
}
	
.admintab {
	padding-top: 2px;
	vertical-align: middle;
}
	
.tcpdright {
	padding-top: 4px;
	padding-bottom: 4px;
}
	

.clefttd {
	text-align: center;
	color:#34495e;
	padding-right: 5px;
	height: 32;
}

.lefttd + p {
	margin-top: 5px;
	margin-bottom: 0;
	line-height: 20px;
	color: #34495e;
	border: 1px solid grey;
	border-right:0;
}

.righttd {
	text-align: left;
	margin-top: 5px;
	color: #34495e;
	padding-left: 5px;
	min-height: 32;
	border: 0;
}

.righttd2 {
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	white-space: nowrap;
	width: 100%;
	color: #34495e;
//	border: 1px solid grey;
	border: 0;
	border-left:0;
}

.righttd3 {
	padding-top: 3px;
}

.crighttd {
	text-align: center;
	color: #34495e;
	padding-left: 2px;
	height: 32;
}

.righttd + p {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 20px;
	font-weight: bold;
	color:#34495e;
	text-align:left;
}

.righttd button {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
	margin-left: -4px;
}

input[type="button"]:not(.spbut),input[type="submit"],button,input[type="reset"] {
        color: white;
        background-color: #5d7e95;
        border: 0;
        margin: 0;
}

input[type="checkbox"], .chkbut {
        color: white;
        border: 0;
        margin: 0;
	margin-top:0px;
}

input[type="button"]:disabled,input[type="submit"]:disabled,button:disabled {
        background-color: #b0c7d7;
        color: white;
}

input[type="text"], input[type="password"], textarea {
	background-color: white;
	border: 1px solid #34495e;
	margin: 1px;
}

.redbox {
//	border-color: red !important;
//	border-style: dotted !important;
//	border-width: 2px !important;
	background-color: #f2f1b2 !important;
//	margin: 0 !important;
}

input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled {
	background-color: #b0c7d7;
	color: white;
}

select {
	color: #34495e;
	background-color: white;
	border: 1px solid #34495e;
	margin: 1px;
}

select:disabled:not(#ciph_mod) {
	background-color: #b0c7d7;
	color: white;
}

select object {
	border-right: 1px solid #34495e;
}


button:disabled {
        color: #b0c7d7;
        background-color: lightgrey;
        border: 0;
        margin: 0;
}

table {
	border-spacing: 0px;
}

form {
	margin-bottom:0px;
}

.leftth {
	text-align: left;
	font-size:14px;
	/*height: 32;*/
	padding: 4 0;
	color: #34495e;
}

.rightth {
	text-align: left;
	color: #34495e;
	font-size:14px;
	padding: 4 0;
	/*height: 32;*/
}

.helptext {
	font-size: 12px;
	text-align: left;
}

.statusbarinactive {
	height: 20px;
	background-color: #e6e6e6;
}

.statusbaractive {
	height: 20px;
	background-color: red;
}

.vlan {
	font-size: 9px;
	text-align: left;
}

.vxlan {
	font-size: 9px;
	text-align: left;
}

.hi{
	white-space:normal;
}
.sub A:link {color: #4b5f73; font-size: 11px; font-weight: normal; text-decoration: none;}
.sub A:visited {color: #4b5f73; font-size: 11px; font-weight: normal; text-decoration: none;}
.sub A:active {color: #2c3ef0; font-size: 11px; font-weight: normal; text-decoration: none;}
.sub:not(.nohover) A:hover {color: white; font-size: 11px; font-weight: normal; text-decoration: none; }
.sub:not(.nohover) p:hover {color: white; font-size: 11px; font-weight: normal; background-color: #2c3e50; text-decoration:none;
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
}
.sub:not(.nohover) p:hover A {color: white; font-size: 11px; font-weight: normal; background-color: #2c3e50; text-decoration:none;}
.sub:not(.nohover) A:focus { text-decoration:none;}

.sublist A:link {color: #4b5f73; font-size: 11px; font-weight: normal; text-decoration: none;}
.sublist A:visited {color: #4b5f73; font-size: 11px; font-weight: normal; text-decoration: none;}
.sublist A:active {color: #2c3ef0; font-size: 11px; font-weight: normal; text-decoration: none;}
.sublist A:hover {color: white; font-size: 11px; font-weight: normal; text-decoration: none;}
.sublist p:hover {color: white; font-size: 11px; font-weight: normal; background-color: #2c3e50; text-decoration:none;}

.parent p:not(.nohover):hover {color: white; background-color: #2c3e50; text-decoration:none;
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
}
.parent p a:hover {color: white; background-color: #2c3e50; text-decoration:none;}
.parent p:hover a {color: white; background-color: #2c3e50; text-decoration:none;}

/*.xlink {color: #006699; font-size:11px; text-decoration: none}*/
.xlink{
	color: #4b5f73;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.arrow{color:#4b5f73; font-weight:bolder; font-size:12; text-decoration:none;}
.bigarrow{color:#4b5f73;font-weight:bolder; font-size:16; text-decoration:none;}

.parent A:link, .parent A:visited{
	color: #4b5f73;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
	/*position: relative;*/
	top: 5px;
	text-decoration:none;
}

.statsheadercell A:link, .statsheadercell A:visited{
	color:white;
}

.statsheadercell A:hover{
	color:#00ADF3;
	text-decoration:underline;
}

.arrowgif{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);	
	-ms-transform:rotate(0deg);
}

.parent A:hover{
	color: white;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	/*position: relative;*/
	top: 5px;
	text-decoration:none;
}

p{margin:3px; margin-left:0; margin-right:0; vertical-align:bottom;}
li p{
	padding: 2px;
	padding-left: 0;
	padding-right: 0;
	margin: 0px;
	vertical-align: bottom;
}

ul.list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: 15px;
    text-align:left;
    vertical-align:middle;
	width:182px;
    }
ul.sublist {
    list-style-type: none;
    padding: 0;
    margin: 0 0 12px 5px;
    text-align:left;
    vertical-align:middle;
    }

ul.topentry {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    vertical-align:middle;
	width:199px;
}

ul.topentry li {
    /*background:#c0c0c0;*/
    height: 26;
    /*width: 178;*/
    vertical-align:middle;
    text-align:left;
    margin: 0;
    margin-left: 5px;
}

#menubody{
	background-color: #ecf0f1;
	margin-top:0;
}

.cellborders{
	border-bottom: 1px grey solid;
	border-right: 1px grey solid;
	border-left: 1px grey solid;
}

#vs, #rules, #certs, #admin, #geo{
	position: relative;
}

#interfacesli{
	margin-bottom: 12px;
}

#interfacesp {
	background-color: #ecf0f1;
	text-decoration: none;
}

#ifacearrow{
	-webkit-transform: rotate(90deg);
	display: inline-block;
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-transform:rotate(90deg);
}

.ifstyle {
	width:43px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.waiter {
	zindex: 500;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #c6c6c6;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.waitercenter {
	position: absolute;
	top: 50%;
	left:50%;
	zindex: 501;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: white;
	border: 1px solid #34495e;
	padding: 10px;
	font-size: 15px;
}

.loader {
	font-size: 10px;
	margin: 15px auto;
	width: 7em;
	height: 7em;
	border-radius: 50%;
	background: #b0c6d7;
	background: -moz-linear-gradient(left, #b0c6d7 10%, rgba(47, 141, 176, 0) 42%);
	background: -webkit-linear-gradient(left, #b0c6d7 10%, rgba(47, 141, 176, 0) 42%);
	background: -o-linear-gradient(left, #b0c6d7 10%, rgba(47, 141, 176, 0) 42%);
	background: -ms-linear-gradient(left, #b0c6d7 10%, rgba(47, 141, 176, 0) 42%);
	background: linear-gradient(to right, #b0c6d7 10%, rgba(47, 141, 176, 0) 42%);
	position: relative;
	-webkit-animation: load3 1.4s infinite linear;
	animation: load3 1.4s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	display: inline-block;
}

.loader:before {
	width: 50%;
	height: 50%;
	background: #b0c6d7;
	border-radius: 100% 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}

.loader:after {
	background: #ffffff;
	width: 75%;
	height: 75%;
	border-radius: 50%;
	content: '';
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

@-webkit-keyframes load3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

#ca{
	position: relative;
	top: 134px;
	text-align: center;
}

#cabut {
	font-size: 10px;
}

#activeitem{
	
}
#activelink a, #activelink .arrow, #activelink{
	color: #353233 !important;
	background-color: #00ADF3;
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	padding-right:1px;
	text-decoration:none;
}

.buttonspacetable{
	background-color: grey;
	margin-top: 4px;
}
.ethoption {
	padding-right:2px;
}
.ethoption:hover {
	padding-right:2px;
	color: white; font-size: 11px; font-weight: normal; background-color: #2c3e50;
}

#viewmodvsbody{
	/*margin-top: 12px;*/
}

.buttontable{
	margin-top: 0px;
}

.contenttitle{
	color: #353233;
	margin-top: 14px;
}

.modtab{
	
	padding: 4px 0 5px 0;
	margin: 0 auto 0px auto;
	background-color: #353233;
	color: white;
	width:388px;
}

.titletable{
	border-spacing: 0;
	border: 0;
	width: 100%;
}

.tabstyleheading{
	background-color: #DBDFe0;
	margin: 0;
	padding: 0;
	color: #2c3e50;
	text-align:left;
	vertical-align:bottom;
	font-weight:bold;
	font-size:14px;
	margin-left:20px;
}

.collapseimg{
	border: 0;
	vertical-align:middle;
}

.expandimg {
	border: 0;
	vertical-align:middle;
}

#add{
	position: relative;
	left: -3px;
}
.topleftborder{
	border-top:1px solid grey;
	border-left:1px solid grey;
	height: 32px;
}

#baseconfigcheck, #geoconfigcheck, #vsconfigcheck{
	vertical-align: middle;
}

.topbackbutton{
	margin-top:-28px;
}

.fqdnborder, .fqdnborder th, .fqdnborder tr,  .fqdnborder tr td{
	border:1px solid grey;
	border-collapse: collapse;
}

.packetradio{
	margin: auto auto 3 2;
	vertical-align: middle;
}

.changepassborders{
	border-right: 1px solid grey;
}

.license{
	filter:alpha(opacity=100);
}
.shadowbackground{
	margin-top:34px;
	background-color: rgba(169,169,169,0.6);
	-webkit-border-radius: 10;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px 0;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#AAA9A9A9', endColorstr='#AAA9A9A9');
}
.shadowbackground_new{
	margin-top:34px;
	background-color: rgba(169,169,169,0.6);
	-webkit-border-radius: 10;
	-moz-border-radius: 10px;
	border-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#AAA9A9A9', endColorstr='#AAA9A9A9');
}
.brightbluebackground{
	margin-top:15px;
	margin-bottom:20px;
	margin-left:-50px;
	background-color: #0C92D1;
	-webkit-border-radius: 10;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px 0;
	border: 2px solid #353233;
	text-align: left;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FED413', endColorstr='#FED413');
}
.brightblueboxcontent{
	text-align: left;
	padding: 0 30px 0 30px;
	font-size: 12px;
	color: white;
}
a.blueboxlink:link { color: yellow; }
a.blueboxlink:hover { color: yellow; }

#ESPLogACON img, #ESPLogASEC img, #ESPLogAUSR img, #ESPLogADEL img, #ESPLogASAV img, #logout img{
	text-decoration:none;
	border:none;
}

#outerbody {
	margin:0;
	padding:0;
	text-align:left;
}

#outertable {
	border:0;
	margin:0;
	width: 100%;
	height: 98%;
	border-collapse: collapse;
	border-spacing: 0;
}

#outertr {
//	height: 25px;
//	background-color: #1b75bb;
}

#toplinetd {
	background: #1b7fbb;
	height:25px;
	padding:0;
}

#logotd {
	background: #1b7fbb;
	padding:0;
	width:200px;
}

#lefttop {
	background-color: #1b7fbb;
	width: 200px;
	height: 60px;
	padding: 0;
}
	
#lefttop2tr {
//	background-color: #1b7fbb;
	height: 25px;
	width:200px;
}

#lefttop2 {
	width: 200px;
	background: #1b7fbb;
	padding: 0;
	height:30px;
}

#righttop {
	background: #1b7fbb;
	height: 25px;
	padding: 0;
	text-align: right;
	vertical-align: middle;
	float:right;
}

#rightstatus {
	background: #0c92d1;
	height: 30px;
	padding: 0;
}

#topline {
	font-size:12pt;
	text-align: left;
	color: white;
	padding-top: 3px;
	display: inline-block;
	line-height: 22px;
}

#toplinediv {
	margin-left: 20px;
	height: 30px;
	text-align: left;
	float:left;
}

#time {
	white-space:nowrap;
	text-align: right;
	margin-top: 8px;
	display:inline-block;
}

#hastatus {
	text-align:right;
	display: inline-block;
	margin-right: 5px;
}

#rightstatusright {
	text-align:right;
	float:right;
	margin-right: 10px;
	color: white;
	height: 30px;
	vertical-align: middle;
}

#menumain {
	width: 200px;
	padding: 0;
	height: 100%;
}

#menumaintd {
	padding: 0;
}

#rightpage {
	height: 100%;
	padding: 0;
}

.tabtab {
	border-top: 1px solid #5d7e95;
	border-bottom: 1px solid #5d7e95;
	padding-top: 10px;
	padding-bottom: 10px;
}

.domaintab .tabtab {
	border: none !important;
	padding: 0;
}

.tabtab .lefttd {
	width: 25%;
	white-space:nowrap;
	padding-bottom: 2px;
	padding-top: 2px;
}

.domaintab .lefttd, 
.domaintab .tabtab .lefttd {
	width: 30%;
}

.tabtab .righttd {
	padding-bottom: 2px;
	padding-top: 2px;
}

.lowerbuttons {
	margin-top: 5px;
	text-align: right;
}

.modvsaccordclosed {
	text-align:left;
	line-height:30px;
	vertical-align:middle;
	font-weight:bold;
	font-size:15px;
	background-color: #dbdfe0;
	margin-top: 2px;
	padding-left: 5px;
	padding-top: 1px;
}
.modvsaccordclosed a {
	text-decoration:none;
}

.Focus {
}

.limitaccordbox {
	border: 1px solid #34495e;
}

.limitaccordopen {
	text-align:left;
	line-height:30px;
	padding-top:1px;
	border:0;
	margin-top: 2px;
	padding-left: 5px;
	font-size: 15px;
	background-color: #dbdfe0;
}

.limitaccordopen a {
	text-decoration:none;
}

.limitaccordbox .lefttd {
	width: 25%;
	white-space:nowrap;
	padding-bottom: 2px;
	padding-top: 5px;
}

.modvsaccordopen {
	text-align:left;
	line-height:30px;
	padding-top:1px;
	border-top: 1px solid #24495e;
	border-left: 1px solid #24495e;
	border-right: 1px solid #24495e;
	margin-top: 2px;
	padding-left: 5px;
	font-size: 15px;
	background-color: #dbdfe0;
}

.modvsaccordopen a {
	text-decoration:none;
}

.modvsaccordlabel {
	line-height:30px;
	text-align:left;
	vertical-align:middle;
	font-size:14px;
	margin-left:6px;
	text-decoration: none;
	color: #34495e;
}

.modvsbasicprop{
	line-height:30px;
	text-align:left;
	vertical-align:middle;
	font-size:14px;
	text-decoration: none;
	color: #34495e;
	border-top: 1px solid #34495e;
	border-left: 1px solid #34495e;
	border-right: 1px solid #34495e;
	padding-left: 25px;
	margin-top: 5px;
}

#ciph_mod {
	color: #34495e;
	background-color: white;
}

.accordtable {
	border: 1px solid #34495e;
	border-top: 0;
}

.accordtable .lefttd {
	width: 25%;
	white-space:nowrap;
	padding-bottom: 2px;
	padding-top: 5px;
}

.topborder {
	border-top: 1px solid #344953;
}

.bottomborder {
	border-bottom: 1px solid #344953;
}

.underline {
	padding: 0;
	padding-bottom: 10px;
	border: 0;
	border-bottom: 1px solid #34495e;
	margin-bottom: 15px;
}

.overline {
	padding: 0;
	padding-top: 10px;
	border: 0;
	border-top: 1px solid #34495e;
	margin-top: 15px;
}

.minitabdiv {
	width: 600px;
}

.nowrap {
	white-space: nowrap;
}

.ssobuttd {
	padding: 4px;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	width: 1%;
}

.ssobuttdleft {
	padding: 3px;
	white-space: nowrap;
	text-align:left;
	vertical-align: middle;
	width: 1%;
}
.ssobuttdleft div {
	padding-bottom: 3px;
}

.metrictopbut {
	padding: 3px;
	white-space: nowrap;
	text-align:center;
	vertical-align: top;
}

.lefttdtop {
	vertical-align: top;
	margin-top: 5px;
}

.homepagelicensel {
	vertical-align: top;
	width: 25%;
	border-top: 1px solid #5d7e95;
	border-bottom: 1px solid #5d7e95;
	padding-top: 3px;
}
.homepagelicenser {
	vertical-align: top;
	border-top: 1px solid #5d7e95;
	border-bottom: 1px solid #5d7e95;
}

.divtitle {
	position:relative;
	top:8px;
	left:5px;
	background-color:white;
	;padding-left:5px;
	padding-right:5px;
}

.miniminitabdiv {
	width: 290px;
}

.vsdigits {
	font-size: 20pt;
	font-weight:darker;
}

#copyright {
	font-size: 7pt;
	font-weight:lighter;
	text-align:center;
	width: 600px;
}

#addrsdiv {
	position: relative;
	top: -25px;
	float: right;
	text-align: right;
	margin-right: 10px;
	height: 1px;
}

.createnewbut {
	text-align: right;
	margin-right: 10px;
	padding-top: 5px;
	float: right;
}

.datelength {
	width: 15em;
}

.minwidth {
	width: 1%;
}

input[type="hidden"] {
	height: 0;
	width: 0;
}

input[type="text"] + input[type="submit"] {
	margin-left: 4px;
}
input[type="password"] + input[type="submit"] {
	margin-left: 4px;
}

input + input[type="submit"] {
	margin-left: 4px;
}

select + input[type="submit"] {
	margin-left: 4px;
}

#ident {
	text-align: right;
	margin-right: 10px;
	padding-top: 5px;
	vertical-align:middle;
	height: 30px;
	color: white;
	display:inline-block;
}

#username {
	text-align: right;
	margin-right: 10px;
	padding-top: 5px;
	vertical-align:middle;
	height: 30px;
	color: white;
	display: inline-block;
}

#kemplogo {
	margin-left: 10px;
	margin-top: 19px;
}

#mcname {
	margin-left: 20px;
	color: white;
	height: 25px;
	display:inline-block;
	float:left;
	font-weight:400;
	font-size:20px;
}

.metricsbutselected {
	color: !important;
	color: white;
	/*background-color: grey;*/
	background-color: #00ADF3;
	border: 0;
	margin: 0;
}

.metricsbutunselected {
	color: white;
	background-color: #5d7e95;
	border: 0;
	margin: 0;
}
.metricsbutunselected:hover {
	color: white;
	background-color: #2c3e50;
}

.spbut {
}
.cpulink {
	padding:0;
	width:26px;
	text-align: center;
	color: white;
	background-color: #5d7e95;
	border: 0;
	margin: 0;
}
.cpulink:hover { color:white; background-color: #2c3e50; }

/* styles for the buy button */

.link-inner{
	font-size: 13px;
	padding:5px; /* FAB 3 */
	display:inline-block;
	text-shadow: 1px -1px rgba(0,0,0,0.2);
	*display:inline;
	zoom:1;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.8);
	/*border-radius:2px; FAB 2 */
	vertical-align:center;
	line-height:1em;
}
.link-inner:hover{
	box-shadow: 0px 0px 1px rgba(0,0,0,0.8);
}
link-inner:active{
	box-shadow: 0px 0px 3px rgba(255,255,255,0.5);
	padding:12px;
}
.wrapper{
	margin:100 auto;
	width:250px;
}
.buy a{
	text-decoration:none;
	font-size:2em;
	font-family: Arial, Helvetica, sans-serif;
	display:inline-block;
	text-transform: uppercase;
	background:#eee;
	*display:block;
	zoom:1;
	padding:3px;
	color: white;
	border:1px solid #ccc;
	box-shadow:  inset 0px 0px 1px rgba(0,0,0,0.5);
}
.buy a:active{
	padding-top:4px;
	padding-bottom:2px;
}
.gradient-green{
	color: #000000 !important;
	background: #ffff65; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffff65 0%, #a1c14f 50%, #80bf17 108%, #7cbc0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff65), color-stop(50%,#a1c14f), color-stop(108%,#80bf17), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffff65 0%,#a1c14f 50%,#80bf17 108%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffff65 0%,#a1c14f 50%,#80bf17 108%,#7cbc0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffff65 0%,#a1c14f 50%,#80bf17 108%,#7cbc0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffff65 0%,#a1c14f 50%,#80bf17 108%,#7cbc0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff65', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}
.faceup {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	display:inline-block;
	font-size:1.5em;
	*display:block;
	zoom:1;
	padding-right: 6px;	/* it was 10 */
}

.wafrules { 
	border:0;
	border-spacing:0;
}

.wafrules td {
  padding-left: 20px;	
}

.wafrulesetbox { 
	border:1px solid #34495e;
	height: 219px; 
	overflow-y: scroll; 
}

.wafrulesetbox nobr { 
    cursor:default;
}

.wafrulebox { 
	border:1px solid #34495e;
	height: 200px; 
	overflow-y: scroll; 
}

#tdwafleft {
	width: 35%;
	white-space:nowrap;
}

#tdwafright {
	width: 60%;
}

#tdwafbtns {
	width: 5%;
}

.cwafleft {
	vertical-align: middle
}

.cwafright {
	vertical-align: middle
}

.owasprulesetbox { 
	border:1px solid #34495e;
	height: 219px; 
	overflow-y: scroll; 
}

.owchkline {
	margin-left: 20px;
	line-height: 20px;
}

.owchklineexp {
	margin-left: 4px;
	line-height: 20px;
}

.owchkline2 {
	margin-left: 40px;
	line-height: 20px;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	white-space: nowrap !important;
}

.owchklinetxt {
	vertical-align: top;
	margin-left: 1em;
	overflow-x: hidden !important;
	white-space: nowrap !important;
}

.owchklinetxtexp {
	vertical-align: top;
	margin-left: 1em;
	overflow-x: hidden !important;
	white-space: nowrap !important;
	cursor: pointer;
}

.owrlabel {
	margin-left: 2px;
	font-weight: 700;
	padding: 1px;
}

.ownodelrule {
        font-size: 20px;
        font-weight:1000;
}

.fptext {
	vertical-align: top;
	overflow-x: hidden !important;
	white-space: nowrap !important;
	width: 30em !important;
	padding-right:2px;
}

.dscolumn {
	cursor:default;
	width: 12%;
	word-wrap:break-word;
	padding-right: 3px;
	padding-left: 3px;
}

.dscolumnlong {
	cursor:default;
	width: 25%;
	word-wrap:break-word;
	padding-right: 3px;
	padding-left: 3px;
}

.ecs {
	display: none;
}