@import "../../xms/css/reset.css";
@import "../../xms/css/basic.css";
@import "../../xms/css/lightbox.css";

html, body {background: #D4CEBE;}
body {overflow-y: scroll;}
hr {border: 0; height: 1px; color: #CCC; background-color: #CCC; }
table, th, td {border: none;}
input, select, textarea, input[type="text"], input[type="password"] {width: auto;}

div.loginwrap, div.errorwrap { /* see main-ie.css*/
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0; 
	margin: auto;
	background: #FFF;
	width: 46.15em;
	height: 11.53em;
	padding: 3.46em;
}

div.errorwrap {padding: 2em;}
div.errorwrap h1 {margin-top: 0;}

div.loginbox {
	float: left;
	margin-left: 5.77em;
	margin-top: 2.70em;
}

#logo_big {width: 9.89em; height: 7.72em; display: block; float: left; text-indent: -5000px; margin: 0; padding: 0; overflow: hidden;
background: url(../../images/logo_large.jpg) no-repeat;
}

div.loginbox label {float: left; width: 5.77em;}

div.main {
	margin: 0 auto;
	width: 65.38em;
	background: #FFF;
	padding: 1.92em;
	padding-top: 0.92em;
}

#logo {width: 7em; height: 4.66em; display: block; float: left; text-indent: -5000px; margin: 0; padding: 0; overflow: hidden;
background: url(../../images/logo.jpg) no-repeat;
}

div.cp_abs {position: absolute; padding: 20px; border: 1px solid #777; background: #FFF;}
div.cpicker {font-size: 11px; position: relative;}
div.cpicker label {float: left; width: 20px; margin-left: 5px;}
div.cp_margin {margin-left: 8px;}
div.cp_preview {background-color: #fff; width: 60px; height: 60px; padding: 0;margin: 0; border: solid 1px #000;}
div.cp_pad {padding-bottom: 3px;}

div.navbar {height: 7em;}
span.navitem {display: block; float: left; width: 10em; margin-top: 0.92em;}
a.navicon {height: 4.3em; width: 10em; background-repeat: no-repeat; background-position: center center; display: block; text-indent: -5000px; margin: 0; padding: 0; overflow: hidden;}
span.navlink {display: block; text-align: center; overflow: hidden; width: 10em;}
span.navpag {display: block; float: right; height: 4em; margin-top: 1.84em;}
#nav {display: block; float: left; margin-left: 2.3em;}
div.login {float: right;}

.thead {background-color: #CCC; font-weight: bold; padding:0.5em; height: 1.3em; line-height: 1.3em; margin: 0; overflow: hidden;}
span.thead {display: block; float: left;}
.tcol {display: block; float: left; padding:0.5em; margin: 0; height: 1.4em; line-height: 1.4em;}
.tcol a {color: #0000CC;}
.tcol img {vertical-align: middle;}
.trow {float: left; display: block; margin: 0;}
.tcola {height: auto;}

.ttab {display: block; float: left; width: 7.7em; height: 2em; text-align: center; background-color: #CCC; padding-top: 1em; margin-right: 0.5em; cursor: pointer;
-webkit-border-top-left-radius: 1em; -moz-border-radius-topleft: 1em;
-webkit-border-top-right-radius: 1em; -moz-border-radius-topright: 1em;
}
.ttab_sel {background-color: #EEE; font-weight: bold;}
.tab_content {height: 0; overflow: hidden;}

.tbutton {height: 2em; padding-top: 0.4em; width: 6.5em; margin-left: 0.5em; float: right;}
.tbutton input {height: 2em; width: 6.5em; border: 1px solid #CCC; background-color: #EEE; cursor: pointer;
-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em;}

.highlight {color: #FF0000; font-weight: bold;}
.tloading {display: block; float: right; padding-top: 0.7em; width: 6.5em; height: 2em; margin-left: 0.5em; text-align: center;}

div.list_block div {padding: 0.5em;}

div.contentbody {margin-top: 0.77em;}
.formbody {background-color: #EEE; padding: 1.92em; clear: both;}
.formbody label {display: block; font-weight: bold; float: left; width: 13.5em;}

/* (((Wpx*(%/100))-F)/F - 0.07) = em (round down) */

.ts5 {width: 2.19em;}
.ts10 {width: 5.43em;}
.ts15 {width: 8.73em;} 
.ts20 {width: 11.96em;}
.ts25 {width: 15.26em;}
.ts30 {width: 18.56em;}
.ts35 {width: 21.78em;} 
.ts40 {width: 25.08em;}
.ts75 {width: 48.03em;}

.row1 {background-color: #EEE;}
.row2 {background-color: #FFF;}
.row3 {background-color: #DDD;}
.rowb {border-bottom: 1px dotted #CCC;}

.buttonrow a {
	font-size: 0.6em;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
}

.buttonrow img {
	margin-left: 0.77em;
	width: 2.05em;
	height: 2.05em;
	vertical-align: middle;
}


div.graph_legend {line-height: 0.8em; margin-top: 0.5em}
div.graph_legend2 {font-size: 1em; line-height: 0.8em; margin-bottom: 1.5em;}
div.graph_circle {float: left; width: 0.8em; height: 0.8em; -webkit-border-radius: 0.4em; margin-left: 0.7em}
div.graph_text {float: left; margin-left: 0.3em}
div.statsbody {padding: 1.92em; float: left;}
div.statsbody label {display: block; font-weight: bold; float: left; width: 9em;}

.scale16 {width: 1.23em;}
.fie_move {cursor: move;}
.cat_move {cursor: move;}
.row2delete {background-color: #FFEEEE !important;}
.xerror {background-color: #FFCCCC;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.cfloat {float: none;}
.float {float: left;}
.floatr {float: right;}
.hide {display: none;}
.red {color: #FF0000;}
.fleft {padding-left: 0;}
.fright {padding-right: 0;}
.nopadding {padding: 0 !important;}
div.nofloat{clear: both;}
img.float {margin-right: 15px;}
img.floatr {margin-left: 15px;}