@charset "utf-8";
/* CSS Document */

body {
	background-color:#FFFFFF;
	margin:0;
	font: 9pt/11pt "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	}

h3 {
	font: 700 10pt/12pt "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	}

h4 {
	font: 700 9pt/12pt "Segoe UI", Verdana, Arial, Helvetica, sans-serif;;
	color:#4e6787;
	margin:0;
	}

a {
	text-decoration:none;
	}

/*form {
	background-color:#CCCCCC;
	}*/

input.btn {
  color:#000;
  font: bold 100% "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
  background-color:#b4c7df;
  border:1px solid;
  border-color: #696 #363 #363 #696;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#b4c7df',EndColorStr='#8394aa');
  margin-bottom:4px;
}

input.btnhov {
  background-color:#69bfd1;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#b1ebf7',EndColorStr='#69bfd1');
  margin-bottom:4px;
}

.small {
	font-size:8pt;
	}

a:focus, a:hover {
	text-decoration:underline;
	}
	
#content {
	width:990px;
	margin:0 auto;
	position:relative;
	}

#myaccount {
	width:530px;
	float:left;
	margin-left:10px;
	}

#devoptions {
	width:440px;
	float:right;
	margin-right:10px;
	margin-bottom:10px;
	font-size:8pt;
	}

#cmdlog {
	width:440px;
	float:right;
	margin-right:10px;
	font-size:8pt;
	}

#cmdlogs,#devopts {
	margin:0 0 0 16px;
	}

#cmdlog .colwrap, #devoptions .colwrap {
	position:relative;
	}

#devoptions .col1 {
	position:relative;
	left:0px;
	width:100px;
	}

#devoptions .col2 {
	position:absolute;
	left:105px;
	width:80px;
	top:0px;
	text-align:center;
	}

#devoptions .col3 {
	position:absolute;
	left:190px;
	width:80px;
	top:0px;
	text-align:center;
	}

#devoptions .col4 {
	position:absolute;
	left:275px;
	width:100px;
	top:0px;
	}

#cmdlog .ttl, #devoptions .ttl {
	font-weight:700;
	}

#cmdlog .col1 {
	position:relative;
	left:0px;
	width:150px;
	}

#cmdlog .col2 {
	position:absolute;
	left:155px;
	width:120px;
	top:0px;
	}

#cmdlog .col3 {
	position:absolute;
	left:280px;
	width:150px;
	top:0px;
	}
	
#deviceUsers {
	}
	
#head-wrap {
	position:relative;
	width:100%;
	top:0;
	height:57px;
	}

#head-wrap #head-lt {
	position:relative;
	float:left;
	width:12px;
	height:57px;
	background-image:url(../imgs/header-lt-trans.png);
	background-repeat:no-repeat;
	}
	
#head-wrap #head-mid {
	position:absolute;
	top:0px;
	height:57px;
	width:966px;
	left:12px;
	background-image:url(../imgs/header-mid-trans.png);
	background-repeat:repeat-x;
	}

#head-wrap #head-mid .logout {
	margin:4px 0 0 896px;
	}

#head-wrap #head-mid .logout a {
	font: 700 9pt/9t Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
	}

#head-wrap #head-mid .logout a:hover, #head-wrap #head-mid .logout a:focus {
	text-decoration:underline;
	}

#head-wrap #head-rt {
	position:absolute;
	top:0px;
	height:57px;
	right:0px;
	width:12px;
	background-image:url(../imgs/header-rt-trans.png);
	background-repeat:no-repeat;
	}

#main-nav {
	margin:2px 0 10px;
	width:100%;
	}

#main-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	}
	

#main-nav li {
	float:left;
	text-align:center;
	padding:0;
	margin:0 5px;
	padding:0;
	height:18px;
	display:inline;
	}


/*#main-nav li a:before {
	content: url(../imgs/navbtn-lt-trans.png);
	}*/
	
#main-nav li a {
	display:block;
	height:18px;
	color:#FFFFFF;
	font-weight:700;
	width:140px;
	background:#ffffff url(../imgs/navbtn-trans.png) repeat-x;
	}
/*	
#main-nav li a:after {
	content: url(../imgs/navbtn-rt-trans.png);
	}


#main-nav li a.current:before, #main-nav li a:hover:before, #main-nav li a:focus:before {
	content: url(../imgs/navbtn-lt-over-trans.png);
	}
*/
#main-nav li a.current, #main-nav li a:hover, #main-nav li a:focus {
	display:block;
	height:18px;
	color:#292929;
	background:#ffffff url(../imgs/navbtn-over-trans.png) repeat-x; 
	}

/*#main-nav li a.current:after, #main-nav li a:hover:after, #main-nav li a:focus:after {
	content: url(../imgs/navbtn-rt-over-trans.png);
	}*/


#addUser {
    visibility: hidden;
	position:fixed;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    z-index: 1000;
	background:url(../imgs/trans-bg.png) repeat;
}

#main-wrap {
	position:relative;
	margin:10px 0 0;
	}
	
.col-700-rt {
	position:relative;
	margin:0 0 0 280px;
	}
	
.col-700-rt .abovemap {
	position:relative;
	width:95%;
	margin:0 auto 10px;
	}
	
.col-700-rt .abovemap .ltcol {
	position:relative;
	left:0;
	width:59%;
	top:0;
	}
	
.col-700-rt .abovemap .rtcol {
	position:absolute;
	left:61%;
	width:39%;
	top:0;
	}


.col-700-rt #history-data, .col-700-rt #post-map {
	margin-bottom:10px;
	}
.col-700-rt #history-data {
	overflow:auto;
	font-size:8pt;
	}
	
.col-700-rt #history-data .wrap {
	position:relative;
	}

.col-700-rt #history-data .wrap .col1 {
	position:relative;
	left:0;
	top:0;
	width:5%;
	}
	
.col-700-rt #history-data .wrap .col2 {
	position:absolute;
	left:9%;
	width:32%;
	top:0;
	}
	
.col-700-rt #history-data .wrap .col3, .col-700-rt #history-data .wrap .col4 {
	position:absolute;
	width:15%;
	top:0;
	}
	
.col-700-rt #history-data .wrap .col3 {
	left:41%;
	}
	
.col-700-rt #history-data .wrap .col4 {
	left:56%;
	}

.col-700-rt #history-data .wrap .col5 {
	position:absolute;
	top:0;
	left:71%;
	width:8%;
	text-align:center;
	}

.col-700-rt #history-data .wrap .col6 {
	position:absolute;
	top:0;
	left:79%;
	width:21%;
	text-align:center;
	}

.col-260-lt {
	position:absolute;
	left:10px;
	top:0px;
	width:260px;
	}

.devbox {
	margin:10px 0;
	}

.devbox-top {
	height:11px;
	margin:0;
	background:url(../imgs/dev-box-top-trans.png) no-repeat;
	}

.devbox-mid {
	margin:0;
	background:url(../imgs/dev-box-mid-trans.png) repeat-y;
	padding:0 5px;
	}

.devbox-btm {
	height:16px;
	margin:0;
	background:url(../imgs/dev-box-btm-trans.png) no-repeat;
	}

.cmd {
	margin:0 5px;
	}

.cmdmsg {
	color:#FF0000;
	font-weight:700;
	margin:0 5px;
	}
	
.zonelist, .speedsettings {
	margin-left:10px;
	}

.edithide {
	display:none;
	}
	
.msg p, p .msg {
	font-weight:700;
	color:#990000;
	}
	
#currentUsers, #currentUsersHead {
	font-size:9pt;
	margin:20px 10px 0;
	}
	
#currentUsers .ttl, #currentUsersHead .ttl {
	font-weight:700;
	}

#currentUsers .colwrap {
	position:relative;
	margin:0px 0 4px;
	}

#currentUsersHead .colwrap {
	position:relative;
	margin:0px 0;
	}
	
#currentUsers .col1, #currentUsersHead .col1 {
	position:relative;
	width:90px;
	min-height:13px;
	}
	
#currentUsers .col2, #currentUsersHead .col2 {
	position:absolute;
	top:0;
	width:200px;
	left:95px;
	}
	
#currentUsers .col3, #currentUsersHead .col3 {
	position:absolute;
	top:0;
	width:50px;
	left:300px;
	}
	
#currentUsers .col4, #currentUsersHead .col4 {
	position:absolute;
	top:0;
	width:50px;
	left:355px;
	}
	
#currentUsers .col5, #currentUsersHead .col5 {
	position:absolute;
	top:0;
	width:40px;
	left:410px;
	}
	
.toggle {
	display:inline-block;
	width:16px;
	height:14px;
	background-image:url(../imgs/ui-icons_2e83ff_256x240.png);
	}

.e { background-position: -32px -16px; }
.s { background-position: -64px -16px; }