body {
	background-color: #DCDCDC;
	font-family:Tahoma, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: black;
}

#pagediv {
	padding:0px;
}

.label {
	color: #000000;
	text-align: right;
}

textarea:focus, input:focus{
    outline: none;
}

#headerusername {
	display: inline-block;
	text-align: center;
}

input, select, textarea {
	background-color: #A1A1A1;
	border: solid 1px black;
	color: #FFFFFF;
	font-size: 100%;
	padding: 2px 8px 2px 8px;
	font-weight: normal;
	font-family:Tahoma, Geneva, sans-serif;
	border-radius: 5px;
	width: 180px;
}

input::placeholder {
	color: #000000;
}

select {
	--webkit-appearance: none;
	appearance: none;
	padding-right: 20px;
	background-image:
		linear-gradient(45deg, transparent 50%, #d5160c 50%),
		linear-gradient(135deg, #d5160c 50%, transparent 50%);
	background-position:
		calc(100% - 8px) calc(50%),
		calc(100% - 4px) calc(50%),
		100% 0;
	background-size:
		5px 5px,
		5px 5px,
		5px 5px;
	background-repeat: no-repeat;
	width: 220px;
}

input:focus {
	background-color: #656565;
}

input:disabled {
	background-color:#E3E3E3;
	color: #A1A1A1;
}

textarea {
	width: 100%;
	resize: none;
}

#loginbox {
	width: 500px;
	position:relative;
	margin:auto;
	float:center;
	margin-top:15px;
	margin-bottom: 45px;
	border-radius: 5px;
}

#logintable {
	width: 100%;
	border-collapse: collapse;
	margin:0px;
	padding: 0px;
	margin-bottom: 5px;
}

#logintable td {
	padding:5px;
}

.pwtoggle {
	width: 19px;
	height: 14px;
	display: absolute;
	top: 6px;
	left: 175px;
}

.pwhide {
	background-image: url("/img/password-hide.png");
}

.pwshow {
	background-image: url("/img/password-show.png");
}

.pwfieldbox { position: relative; }

.pwfieldbox input {
	padding-right: 30px;
	width: 160px;
}

.pwfieldbox div { position: absolute; }

#errordiv {
	text-align:center;
	color: red;
	font-weight: bold;
	font-size: 110%;
	padding-top:10px;
}

#errordiv.errorsuccess {
	color: green;
}

#pagediv {
	width: 100%;
	height: 100%;
	position:absolute;
}

#siteheader {
	position:relative;
	width: 92%;
	background: #FFFFFF;
	top:10px;
	margin:auto;
	float:center;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom:20px;
	border:solid 1px gray;
	box-shadow: 5px 5px 5px #888888;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	border-radius: 5px;
}

#siteheader table {
	width:100%;
}

#siteheader td:first-child, #siteheader td:last-child{
	width: 150px;
}

#sitetitle { 
	text-align:center; 
	margin:auto; 
	float:center; 
	position:relative; 
	width:100%; 
	font-size: 150%; 
	font-weight: bold;
}
#siteheader img { 
	width: 84px; 
	height: 35px; 
}

#logobox { 
	text-align: left; 
}

#logobox img {
	display:block;
}
	
#info {
	margin:auto;
	float:right;
	position:relative;
	font-size:80%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#info .logoutlink {
	color:blue;
	margin-left:20px;
	margin-right:10px;
	font-size:80%;
	display:inline-block;
}

#info .logoutlink:hover {
	color:green;
	text-decoration:underline;
	cursor: pointer;
}

#usernamelink {
	cursor: pointer;
}

#usernamelink:hover {
	border-bottom: 1px dashed blue;
	color: blue;
}

#contentdiv {
	width:98%;
	position:relative;
	float:center;
	margin:auto;
	background: #FFFFFF;
	border:solid 1px gray;
	box-shadow: 5px 5px 5px #888888;
	border-radius: 5px
}

.infobox {
	padding-top: 5px;
	overflow: auto;
	white-space: nowrap;
}

.infobox-scrollable {
	overflow: auto;
}

#buttondiv, .buttondiv, .buttondiv2 {
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px; 
	border-top: solid 1px black;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	width:100%;
	position:absolute;
	bottom: 0px;
	display:block;
	height: 38px;
}

.buttonwrapper {
	display:inline;
	border:solid 1px black;
}

button {
	border:solid 2px black;
	background: #d5160c;
	border-radius: 5px;
	padding:5px;
	color: white;
	box-shadow: 3px 3px 3px #888888;
	margin-top: 5px;
	margin-bottom:3px;
}

button:disabled {
	opacity: .50;	
}

button:hover:not(:disabled) {
	background: #6e0c07;
	cursor:pointer;
}

button:active:hover:not(:disabled) {
	background: black;
}

#buttondiv {
	width:100%;
}

#buttondiv button {
	margin-left: 40px;
	margin-right: 40px;
	width:150px;
}

.buttondiv button {
	margin-left: 40px;
	margin-right: 40px;
	width:100px;
}

.buttondiv2 button {
	margin-left: 20px;
	margin-right: 20px;
	width:100px;
}

.textbutton {
	display:inline;
	width: 100px;
}

#pagetitle, .pagetitle {
	width: 100%;
	border-bottom: solid 1px grey;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-align:center;
	font-size: 150%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#pagetitlewithsearch {
	width: 100%;
	border-bottom: solid 1px grey;
	margin-bottom: 5px;
	text-align:center;
	font-size: 150%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#pagetitlewithsearch table {
	margin:none;
	padding:none;
}

#pagetitlewithsearch TD {
	width: 33%;
}

#pagetitlesearchbox {
	float:right;
	font-size:80%;
}

#searchicon {
	height:20px;
	cursor:pointer;
	padding:none;
	margin:none;
}

#clearicon {
	height:20px;
	cursor:pointer;
	padding:none;
	margin:none;
}

.header {
	width: 100%;
	border-bottom: solid 1px grey;
	margin-bottom: 5px;
	text-align:center;
	font-size: 150%;
}

#displayclientselect, #networkselector {
	font-size: 100%;
}

.defaulttable {
	width:99%;
	border-collapse: collapse;
	margin:auto;
	border: solid black;
	border-width: 1px 1px 0px 1px;
}

#userinputtablebox {
	margin-bottom:50px;
}

#userinputtable {
	width:100%;
	border-collapse: collapse;
	margin:5px;
	border: none;
}

#userinputtable td {
	padding: 5px;
}

.standardtable {
	width:99.4%;
	border-collapse: collapse;
	border: solid black;
	border-width: 1px 1px 0px 1px;
	table-layout: fixed;
}

.standardtable th {
	border-bottom: solid 2px black;
	font-size:14px;
	font-weight:bold;
	text-align: center;
	padding: 0px 5px 0px 5px;
	height: 28px;
}

.standardtable tr {
	height: 28px;
}

.standardtable tr:nth-child(even) {
	background:#CCCCCC;
}

.standardtable td {
	font-size:14px;
	border: solid 1px grey;
	padding: 0px 5px 0px 5px;
	height: 28px;	
	overflow: hidden;
}

.tablefield {
	padding-left:2px;
	padding-right:2px;
}

.editable {
	color: #000000;
	text-decoration: none;
}

#editbox {
	margin:none;
	padding:none;
}

.paddeddiv {
	width: 100%;
	padding: 5px;
}

.fullwidth {
	width:100%;
}

.centered {
	text-align:center;
}

.editable input {
	font-size:15px;
	padding:2px;
}

#editinput {
	position:relative;
	float:left;
}

#editbuttons {
	position:relative;
	float:right;
}


#editok, #editcancel {
	width:18px;
	height:18px;
	cursor: pointer;
	margin:none;
	padding:none;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.headerleft {
	text-align: left;
	padding-left: 5px;
}

.floating {
	position:relative;
	margin: auto;
	float: center;
}

.floatleft {
	float:left;
}

#menu {
	position:relative;
	width: 95%;
	background: #FFFFFF;
	margin:auto;
	float:center;
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom:10px;
	border:solid 1px gray;
	box-shadow: 5px 5px 5px #888888;
	height: 44px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	border-radius: 5px;
}

#menutable {
	width:100%;
	border-collapse: collapse;
	border: none;
}

#menutable tr {
	border: none;
	height: 44px;
}

#menutable td:nth-child(1) {
	width:30px;
}
#menutable td:nth-child(2) {
	text-align:center;
	padding: 0px;
	border: none;
}
#menutable td:nth-child(3) {
	width:30px;
}

#menunavtable {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

#menutable td {
	text-align: center;
}

#menunavtable .menulink, #menunavtable .menulink2 {
	margin-left:5px;
	margin-right: 5px;
	cursor:pointer;
	color: black;
	font-weight: bold;
	font-size: 14px;
}

#menunavtable .menulink:hover, #menunavtable .menulink2:hover{
	font-size: 14px;
	background-color: #E3E3E3;
}

#menu .menuselected, #menu .menuselected:hover {
	font-size: 14px;
	color: black;
	font-weight: bold;
	background-color: #CCCCCC;
	text-align: center;
}

#menu-spacer {
	width: 33px;
}

#menu-refresh {
	display:inline-block;
	width: 32px;
	text-align: right;
}

.submenu {
	position: absolute;
	border-left: solid 1px grey;
	border-right: solid 1px grey;
	border-bottom: solid 1px grey;
	background-color: white;
	text-align: center;
	font-size: 14px;
	padding: 0px;
}

.submenuitem {
	height: 28px;
	color: black;
	padding-top: 10px;
	font-weight: bold;
}

.submenuitem:hover {
	font-size: 14px;
	background-color: #E3E3E3;
}

.menuhover {
	color: white;
	font-size: 14px;
	background-color: #E3E3E3;
}

.menuline1 {
	border-bottom: solid 1px black;
}

.menucaret {
	padding-left: 5px;
}

.menuline2 {
	border-top: solid 1px black;
}

#tablerefresh {
	width:23px;
	height:23px;
	cursor: pointer;
	margin:none;
	padding-right:5px;
	padding-top: 2px;
}

.scrollable {
	overflow: auto;
	white-space: nowrap;
	width: 100%;
}

.nooverflow {
	overflow: hidden;
}

.noscrollbar {
	overflow: auto;
}

#greyoutboundingbox, #greyoutboundingbox2, #greyoutboundingbox3, #superselectboundingbox {
	position: absolute;
	width: 100%;
	height: 100%;
}

#greyout, #greyout2, #greyout3 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #BABABA;
	opacity: 0.7;
}

#greyout2 {
	opacity: 0.75;
}

#userinputbox {
	position:relative;
	top: 25%;
	margin:auto;
	border:solid 2px black;
	box-shadow: 5px 5px 5px #888888;
	background: #FFFFFF;
	width: 400px;
	border-radius: 5px;
}

#forgotpwbox {
	position:relative;
	top: 25%;
	margin:auto;
	border:solid 1px gray;
	box-shadow: 5px 5px 5px #888888;
	background: #FFFFFF;
	width: 400px;
	border-radius: 5px;
}

#pwresettable {
	width:100%;
	margin-bottom: 5px;
}

#pwresettable td {
	padding: 2px;
}

#forgotpwresponse {
	position:relative;
	width: 99%;
	text-align: center;
	padding-bottom: 50px;
	margin:auto;
}

#pwresettablediv {
	position:relative;
	width: 320px;
	margin:auto;
	margin-bottom:45px;
}

.subtitlediv {
	width: 100%;
	text-align: center;
	font-size: 120%;
}

#validationicon {
	display:inline-block;
}

#validationimg1, #validationimg2 {
	width: 23px;
	height: 23px;
	margin: 0px;
}

.fixedsize {
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
}

.noscroll {
	overflow: hidden;
}

.bordered {
	border: solid 1px green;
}

.tableheaderwrapper, .tablewrapper {
	text-align: left;
	width:100%;
	margin: 0px 5px 0px 5px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.tableheader {
	border-collapse: collapse;
}

.tableheadermid {
	border-style: solid;
	border-color: black;
	border-width: 1px 0px 1px 0px;
	padding: 0px 5px 0px 5px;
	height: 28px;
	text-align: center;
	margin: 0px;
	overflow: none;
	border-left: solid 1px white;
	border-right: solid 1px white;
}

.tableheaderfirst {
	border-style: solid;
	border-color: black;
	border-width: 1px 0px 1px 1px;
	padding: 0px 5px 0px 5px;
	height: 28px;
	text-align: center;
	margin: 0px;
	overflow: none;
	border-right: solid 1px white;
}

.tableheaderlast {
	border-style: solid;
	border-color: black;
	border-width: 1px 1px 1px 0px;
	padding: 0px 5px 0px 5px;
	height: 28px;
	text-align: center;
	margin: 0px;
	overflow: none;
	border-left: solid 1px white;
}

#bottominfodiv {
	position: relative;
	border-top: solid 1px black;
	padding: 5px;
	text-align: center;
}

#highlightlegend {
	float: center;
	border-collapse: collapse;
}

#highlightlegend td {
	padding: 2px;
	border: solid 1px black;
}

.highlightcolor {
	border:solid 1px black;
	width: 20px;
}

.greytext {
	color: #656565;
}

.pagebutton {
	width:50px;
	margin-top: 10px;
}

#pagenumberbounding {
	display:inline-block;
	padding: 0px 10px 0px 10px;
	height: 18px;
	top: -5px;
}

#pagenumber {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}

#iphostassignbox, #networkassignbox, #superselectboxcontainer {
	position:relative;
	top:25%;
	margin:auto;
	border:solid 2px black;
	box-shadow: 5px 5px 5px #888888;
	background: #FFFFFF;
	width: 600px;
	border-radius: 5px;
}

#superselectbox  {
	height: 200px;
	width: 300px;
	overflow: auto;
	border: solid 1px black;
	margin-top: 5px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}

.superselect {
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}

#fieldentry {
	position: relative;
	height: 200px;
	width: 300px;
	overflow: auto;
	float: auto;
	border: solid 1px black;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

.hostselect, .networkselect, .notselectable {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
 }

.markselected  {
	background-color: green;
	color: white;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}

.hostassign {
	overflow: hidden;
}

.pagechangelink {
	display: inline-block;
	padding: 2px;
	margin: 0px 2px 2px 2px;
	background-color: #d5160c;
	color: white;
	border: none;
	border-radius: 5px;
	width: 30px;
	height: 22px;
	text-align: center;
	font-size: 16px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:pointer;
}

.pagecurrentlink {
	display: inline-block;
	padding: 2px;
	margin: 0px 2px 2px 2px;
	background-color: #d5160c;
	color: white;
	border: none;
	border-radius: 5px;
	width: 30px;
	height: 22px;
	background-color: black;
	text-align: center;
	font-size: 16px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:default;
}

.pageblanklink {
	display: inline-block;
	width: 32px;
	height: 24px;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
	font-size: 16px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:default;
}

.pagenavseparator {
	display:inline-block;
	height: 24px;
	width: 24px;
	text-align: center;
}

.pagenavicons {
	display:inline-block;
}

#pageselector {
	width:310px;
}

.navbutton {
	width: 22px;
	height: 22px;
	background: #ACACAC;
	cursor:pointer;
	border:none;
	border-radius: 5px;
}

.navbutton:disabled {
	cursor:default;
	opacity: .75;
}

.infoicon {
	width: 24px;
	height: 24px;
	display: block;
	cursor:pointer;
}

.infotd {
	padding: 0px;
	width: 24px;
}

#infopopup {
	position: relative;
	top: 25%;
	width: 350px;
	overflow: auto;
	border: solid 2px black;
	margin: auto;
	box-shadow: 5px 5px 5px #888888;
	background: #FFFFFF;
	border-radius: 5px;
}

.infopopup {
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
	width: fit-content;
	height: fit-content;
	overflow: auto;
	border: solid 2px black;
	margin: auto;
	box-shadow: 5px 5px 5px #888888;
/*	background: #CDCDCD; */
	background: white;
	border-radius: 10px;
}


#infopopup table tr {
	height: 28px;
}

#infopopup table td {
	font-size: 14px;
	text-align: left;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#infopopupcontent {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 50px;
}

.alwaysscroll {
	overflow-y:scroll;
	overflow-x:hidden
}

#hostinfopopuptable {
	border-collapse: collapse;
	width: 340px;
	margin-bottom: 5px;
}

#hostinfopopuptable td {
	border: solid 1px grey;
	padding-left: 5px;
	padding-right: 5px;
}

#hostinfopopuptable .tdfirst {
	width: 100px;
}

#certassignpopup {
	position: relative;
	top: 10%;
/*	height: 500px; */
	width: 600px;
	overflow: auto;
	border: solid 2px black;
	margin: auto;
	box-shadow: 5px 5px 5px #888888;
	background: #FFFFFF;
	border-radius: 5px;
}

#certassignpopup table tr {
	height: 28px;
}

#certassignpopup table td {
	font-size: 14px;
	text-align: left;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#certassignpopupcontent {
	padding: 5px;
}

#certassigntabledata {
	margin-bottom: 50px;
}

#uploadprogress {
	position: relative;
	width: 300px;
	background-color: white;
	border: solid 2px black;
	text-align: left;
	margin: auto;
	padding: 10px;
	box-shadow: 5px 5px 5px #888888;
	background: #FFFFFF;
}

#uploadprogresstext {
	width: 100%;
	text-align: center;
}

#uploadprogressbar {
	display: inline-block;
	height: 10px;
	background-color: blue;
}

#uploadinstructtable {
	border-collapse: collapse;
	width: 95%;
}

#mihostinfo, #miipaddrinfo {
	padding-top: 5px;
	padding-bottom: 10px;
	display: none;
}

#mihostinfo div , #miipaddrinfo div {
	overflow: auto;
}

#uploadinstructdiv {
	text-align: center;
}

#uploadinstructtop {
	padding-bottom: 10px;
}

.infosample {
	text-align: left;
	margin: auto;
	margin-top: 5px;
	width: 300px;
}

.samplefile {
	font-family: "Courier New", monospace;
	text-align: left;
	margin: auto;
	display:inline-block;
}

.infobutton {
	font-size: 10px;
	width:76px;
}

#switchname { 
	font-size: 150%;
	margin-bottom: 0px;
}

#switch {
	padding-left: 10px;
	margin:auto;
	margin-top: 10px;
	width: fit-content;
	text-align:center;
}

#switchdiv {
	text-align:center;
}

.switchport {
	width: 35px;
	max-width: 35px;
	height: 25px;
	line-height:25px;
	display: inline-block;
	border: solid 1px black;
	text-align:center; 
}

.spselected {
	background-color: green;
}

#hostportpopup  {
	position: relative;
	top: 27%;
	width: 330px;
	overflow: none;
	border: solid 2px black;
	margin: auto;
	box-shadow: 5px 5px 5px #888888;
	background: #FFFFFF;
	text-align:center;
	border-radius: 5px;
}

#hostportpopup table {
	border-collapse: collapse;
}

#hostportpopup table tr {
	height: 28px;
}

#hostportpopup table td th{
	font-size: 14px;
	text-align: left;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#hostportpopuptable {
	border-collapse: collapse;
	width: 320px;
	margin-bottom: 5px
}

#hostportpopuptablethead {
	width:320px
}

.hostportpopuptabletbody {
	display:block;
	height: 180px;
	overflow-x:hidden;
	overflow-y:auto;
	width:320px;
}

#hostportpopuptable td {
	border: solid 1px grey;
	padding-left: 5px;
	padding-right: 5px;
}

#hostportpopuptablethead th {
	border-bottom: solid 1px black;
	border-collapse: collapse;
}

#hostportpopuptable .tdfirst {
	width: 100px;
}

#hostportinfo {
}

#hostporttablediv {
	margin-left:5px;
	margin-bottom: 50px;
}

#hostporttable tbody {
	height: 100px;
	overflow:auto;
}

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

#switch {
	border:solid 2px black;
	padding: 5px;
}

#addswitchtablediv {
	width:100%;
	text-align: center;
}

#addswitchtablediv table tr td:first-child {
	text-align: right;
}

#addswitchtablediv table tr td:last-child {
	text-align: left;
}

#switchsamplecontainer {
	border-top: solid 1px black;
	padding-top:5px;
	text-align:center;
	width:100%;
	margin-top:5px;
	margin-bottom:50px;
}

#switchsample {
	border:solid 2px black;
	padding:3px 5px 5px 5px;
	width: fit-content;
	margin:auto;
}

.switchsampleport {
	width: 13px;
	max-width: 13px;
	height: 14px;
	line-height:14px;
	display: inline-block;
	border: solid 1px black;
	margin: 0px;
	text-align:center; 
	font-size: 9px;
}

.switchsamplerow {
	padding: 0px;
	margin: 0px;
}

.switchsampleportspacer {
	display: inline-block;
	width: 4px;
	height:4px;
}

.popupmenu {
	position: absolute;
	border-left: solid 2px grey;
	border-right: solid 2px grey;
	border-bottom: solid 2px grey;
	background-color: white;
	text-align: center;
	font-size: 14px;
	padding: 0px;
}

.popupmenuitem {
	padding:2px 0px 2px 0px;
}

.popupmenuitem:hover {
	color: blue;
	background-color: #E3E3E3;
	cursor: pointer;
}

.porthover {
	background-color:yellow;
}

.hoverdiv {
	border:solid 1px black;
	background-color: #E3E3E3;
	padding: 5px;
	font-size: 11px;
	white-space:nowrap;
}

.portname {
	font-size: 12px;
	font-weight: bold;
}

.hidden {
	visibility:hidden;
}

#portassigndiv {
    position: relative;
    top: 25%;
    width: 500px;
    overflow: auto;
    border: solid 2px black;
    margin: auto;
    box-shadow: 5px 5px 5px #888888;
    background: #FFFFFF;
	padding: 5px;
	border-radius: 5px;
}

.boxtitle {
	font-weight:bold;
	font-size: 12px;
	border-bottom: solid 1px black;
	text-align:center;
}

#switchname2 { 
	font-size: 150%;
	margin-bottom: 0px;
	text-align:center;
	border-bottom: solid 1px black;
}

#portname {
	text-align:center;
	border:none;
}

#hostselectdiv {
	position: relative;
	border:solid 1px black;
	float:left;
	display:block;
	width: 48%;
	margin-bottom:50px;
}

#hostselectlistdiv {
	width: 100%;
	height: 170px;
	overflow-x:hidden;
	overflow-y:auto;
}

#portselectdiv {
	position: relative;
	border:solid 1px black;
	border:solid 1px black;
	float:right;
	display:block;
	width:48%;
}

#portselectlistdiv {
	width: 100%;
	height: 170px;
	overflow-x:hidden;
	overflow-y:auto;
	margin-bottom: 10px;
}

#selectframe {
	display:block;
}

.switchhostselect:hover, .hostportselect:hover {
	background-color: #E3E3E3;
}

.switchhostselected, .hostportselected {
	background-color: green;
}

#hostselecttable, #portselecttable {
	width:100%
}

#switchadddiv {
    position: relative;
    top: 25%;
    width: 450px;
    overflow: auto;
    border: solid 2px black;
    margin: auto;
    box-shadow: 5px 5px 5px #888888;
    background: #FFFFFF;
	padding: 5px;
	border-radius: 5px;
}

.moreinfomark {
	color: blue;
	font-size: 8px,
}

.moreinfomark:hover {
	color: green;
	cursor: pointer;
}

#untaggedselecttable, #taggedselecttable {
	width:100%
}

#untaggedselectdiv {
	position: relative;
	margin-bottom: 50px;
	border:solid 1px black;
	float:left;
	display:block;
	width: 48%;
	height: 190px;
	max-height: 190px;
}

#untaggedselectlistdiv {
	width: 100%;
	height: 170px;
	overflow-x:hidden;
	overflow-y:auto;
}

#taggedselectdiv {
	position: relative;
	margin-bottom: 50px;
	border:solid 1px black;
	float:right;
	display:block;
	width:48%;
	height: 190px;
	max-height:190px;
}

#taggedselectlistdiv {
	width: 100%;
	height: 170px;
	overflow-x:hidden;
	overflow-y:auto;
}

.taggedselect, .untaggedselect {
	cursor:pointer;
}

.taggedselect:hover, .untaggedselect:hover {
	background: #E3E3E3
}

.taggedselect.selected, .untaggedselect.selected {
	background:green
}

div[assignedhostname].spselected, div[assignedhostport].spselected {
	background: #0d98ba;
	color:black;
}

div[assignedhostname], div[assignedhostport] {
	background:blue;
	color:white;
}

div[tagged].spselected, div[untagged].spselected {
	background: #0d98ba;
	color:black;
}

div[tagged], div[untagged] {
	background:blue;
	color:white;
}


#hostportlistpopup  {
	position: relative;
	top: 27%;
	width: 600px;
	overflow: none;
	border: solid 2px black;
	margin: auto;
	box-shadow: 5px 5px 5px #888888;
	background: #FFFFFF;
	text-align:center;
	border-radius: 5px;
}

#hostportlistpopupcontent {
	position: relative;
	height: 180px;
    width: 590px;
	margin-bottom: 50px;
	margin-left: 5px;
	overflow-x:hidden;
	overflow-y:scroll;
}

#hostportlistpopup .buttondiv2 {
	position: absolute;
	width: 600px;
	bottom: 0px;
}

#hostportlistpopuptableheader {
	margin-left: 5px;
/*	width:98% */
}

#hostportlistpopuptableheader tr th:first-child, #hostportlistpopuptableheader tr th:last-child{
	width: 25%;
}

#hostportlistpopuptable {
	border-collapse: collapse;
	width: 100%;
}

#hostportlistpopuptable td{
	border: solid 1px black;
}

#hostportlistpopuptable tr td:first-child, #hostportlistpopuptable tr td:last-child {
	width: 25%;
}

.hostportlistpopuptablehostname {
text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
    max-width: 60%;
    overflow: hidden;
}

.nowrap {
	white-space: nowrap;
}

.nowrap-ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
}

#portassigndiv .buttondiv2 {
	position: absolute;
	width: 500px;
	bottom: 0px;
}

#switchadddiv .buttondiv2 {
	position: absolute;
	width: 450px;
	bottom: 0px;
}

.searchdiv {
	border-bottom: solid 1px black;
}

.searchdiv {
	text-align:center;
}

.searchdiv table {
	width:100%;
}

.searchdiv input {
	width:150px;
	height:16px;
}

#searchicon {
	width:40px;
}

#clearicon {
	width:20px;
}

#userconfigbox {
	position:relative;
	margin:auto;
	float:center;
	margin-bottom: 45px;
}

#pwchangetable, #configtable {
	margin:auto;
}

#configbox {
	margin-bottom:20px;
}

#configtable tr td:first-child {
	width: 20px;
}

/*#pwchangetable tr td {
	border:solid 1px gray;
}*/

#configheaderusername {
	font-weight: bold;
}

#passcheckicon {
	width: 16px;
	height: 16px;
}

#newpassstrength, #newpassmatch {
	font-size:8px;
	line-height: 16px;
	background-color:white;
	color:white;
	font-weight:bold;
	border:solid 1px white;
	text-align:center;
	width: 176px;
}

#newpassstrength.Great, #newpassmatch.Match {
	background-color:#00a600;
	color:white;
	border:solid 1px #004200;
}

#newpassstrength.Good {
	background-color:yellow;
	color:black;
	border:solid 1px #4d4d00;
}

#newpassstrength.Bad, #newpassmatch.Mismatch {
	background-color:red;
	color:white;
	border:solid 1px #5c0000;
}

#passwordhelp {
	color:blue;
	cursor: pointer;
	border: solid 1px blue;
	padding: 0px 2px 0px 2px;
}

#passwordhelp:hover {
	border-bottom: dashed 1px blue;
}

#passwordpopupcontent {
	margin-bottom: 45px;
}

.leftjustify {
	text-align: left;
}

.pad-5 {
	padding:5px;
}

.pad-10 {
	padding:10px;
}

.padlr-5 {
	padding-left: 5px;
	padding-right: 5px;
}

#modalpopup {
	padding-bottom: 45px;
}


#spncpopup  {
	position: relative;
	top: 27%;
	width: 400px;
	overflow: none;
	border: solid 2px black;
	margin: auto;
	box-shadow: 5px 5px 5px #888888;
	background: #FFFFFF;
	text-align:center;
	border-radius: 5px;
}

#spnctable {
	border-collapse: collapse;
	width: 320px;
	margin: auto;
	margin-bottom: 50px	
}

#spnctable tr td:first-child {
	text-align: right;
	padding-right: 5px;
}