/* ----- [ Elements ] ----- */
body { background:#fff url(../images/content/bg.png) left top repeat-x; font-family: Tahoma, Verdana, Arial; }

html, body, form { height:100%; font-size:100%; }

div#wrapper {
	min-height: 100%;
    height: auto !important;
    height: 100%;
	margin: 0 auto -45px;
	width:900px;
	background:url("../images/home/nav.png") left top repeat-y;
}

body.reportViewer div#wrapper {
	background:transparent !important;
	background-image:none !important;
}

div#wrapper div#container { padding-bottom:5px;position:relative;width:900px; margin:0 auto; }

div#wrapper div#container div#main { margin-bottom:25px; }

/* ----- [ Header ] ----- */
div#wrapper div#header { 
	height:138px;
	background:url(../images/home/headerbg.png) left top repeat-x;
	position:relative;
}

div#wrapper div#header div#slogan {
	background:url(../images/home/slogan.png) 250px -10px no-repeat;
	height:64px;
	width:900px;
	position:absolute;
	top:0;
	left:0;
}

div#header div#logo {
	padding:5px 0 0 20px;
	position:relative;
	z-index:100;
	overflow:hidden;
}

div#header div#logo a { 
	position:relative; 
	display:block; 
	height:59px; 
	background:url(../images/home/logo.png) left top no-repeat; 
	text-indent:-9999px; 
	width:351px; 
}

div#header p.userstatus {
	color:#fff;
	position:absolute;
	right:10px;
	top:5px;
	font-weight:bold;
	font-size:80%;
}

div#wrapper div#globe {
	width:242px;
	height:202px;
	background:url(../images/home/globe.png) left top no-repeat;
	position:absolute;
	top:-64px; left:0;
}

div#wizard { margin:0 40px 0 275px; height:74px; }
div#wizard ul#controls { width:490px; height:74px; }
div#wizard ul#controls li {
	display:block;
	width:84px;
	height:60px;
	height:25px;
	background:url(../images/home/button.png) left top no-repeat;
	float:left;
	margin:8px 0 0 30px;
}

div#wizard ul#controls li a {
	font-weight:bold;
	font-size:70%;
	text-align:center;
	display:block;
	color:#000;
	padding-top:4px;
	height:21px;
}

/* ----- [ Left ] ----- */
div#left { width:161px; padding:0 9px 0 20px; float:left; }

div#left div.container { padding:5px; }

div#left label {
	font-size:75%;
	font-weight:bold;
	margin:5px 0;
	display:block;
}

div#left input {
	border:1px inset #000;
	padding:3px;
	font-size:60%;
	width:125px;
}

div#left .button { float:right; margin:7px 16px 0 0; }

/* ----- [ Navigation ] ----- */
div#nav { margin-bottom:15px;}
div#nav.nologin { margin-top:5px;}

div#nav ul { margin:0 5px; }

div#nav ul li {
	background:url(../../../CommonStyles/images/nav/btnl.gif) left top no-repeat;
	height:22px;
	margin-bottom:3px;
	padding:0 0 0 19px;
}

div#nav ul li.advanced {
	background:transparent;
	padding:0;
}

div#nav ul li.af {
	background:url(../../../CommonStyles/images/nav/btnl-af.gif) left top no-repeat;
	display:none;
}

div#nav ul li.green {
	background:url(../../../CommonStyles/images/nav/btnl-green.gif) left top no-repeat;
}

div#nav ul li.yellow {
	background:url(../../../CommonStyles/images/nav/btnl-yellow.gif) left top no-repeat;
}

div#nav ul li.red {
	background:url(../../../CommonStyles/images/nav/btnl-red.gif) left top no-repeat;
}

div#nav ul li.seperator {
	background:transparent !important;
}

div#nav ul li a:hover { color:#000; }

div#nav ul li a {
	display:block;
	background:url(../../../CommonStyles/images/nav/btnbg.gif) left top repeat-x;
	height:22px;
	color:#555;
	font-size:75%;
	font-weight:bold;
	cursor:pointer;
}

div#nav ul li.disabled a {
	color:#999;
}

div#nav ul li.af a {
	/* background:transparent; */
}

div#nav ul li.advanced a:hover {
	text-decoration:none;
}

div#nav ul li.advanced a {
	display:inline;
	background:url(../../../CommonStyles/images/icons/arrow_up.gif) right 3px no-repeat;
	padding-right:10px;
	font-size:85%;
	color:#176FB6;
	font-family:Trebuchet MS, Arial;
}

div#nav ul li.down {
	background:url(../../../CommonStyles/images/nav/btnl-down.gif) left top no-repeat;
}

div#nav ul li.down.advanced a {
	background:url(../../../CommonStyles/images/icons/arrow_down.gif) right 3px no-repeat;
}

div#nav ul li.green a {
	background:url(../../../CommonStyles/images/nav/btnbg-green.gif) left top repeat-x;
	color:#1c811c;
}

div#nav ul li.yellow a {
	background:url(../../../CommonStyles/images/nav/btnbg-yellow.gif) left top repeat-x;
	color:#1c811c;
}

div#nav ul li.red a {
	background:url(../../../CommonStyles/images/nav/btnbg-red.gif) left top repeat-x;
	color:#811c1c;
}

div#nav ul li a span {
	display:block;
	background:url(../../../CommonStyles/images/nav/btnr.gif) right top no-repeat;
	height:19px;
	padding:3px 10px 0 10px;
}

div#nav ul li.af a span {
	/* background:transparent; */
}

div#nav ul li.advanced a span {
	background:transparent;
	display:inline;
}

div#nav ul li.green a span {
	background:url(../../../CommonStyles/images/nav/btnr-green.gif) right top no-repeat;
}

div#nav ul li.yellow a span {
	background:url(../../../CommonStyles/images/nav/btnr-yellow.gif) right top no-repeat;
}

div#nav ul li.red a span {
	background:url(../../../CommonStyles/images/nav/btnr-red.gif) right top no-repeat;
}

div#right {
	float:right;
	width:705px;
	margin:5px 5px 0 0;
}

/* ----- [ Sandbox ] ----- */

div#sandbox { border:1px solid #506678; background:#fff; }

div#sandbox .header { background:url(../images/content/canvasheaderbg.png) left top repeat-x; height:12px; border-bottom:1px solid #a7b2bb; }

div#sandbox div#canvas { padding:15px; }

body.reportViewer div#sandbox { margin:5px 0;}
body.reportViewer div#sandbox div#canvas { padding:5px; }

/* ----- [ Footer ] ----- */
div#push { height:45px; }

div#footer { height:45px; background:url(../images/content/footerbg.png) left top repeat-x; }

div#footer div#footercntr { width:710px; padding-left:190px; margin:0 auto; }

div#footer div.links {
	height:19px;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	font-size:75%;
	padding-top:3px;
}

div#footer div.links a {
	color:#fff;
	text-decoration:none;
}

div#footer div.links a:hover {
	border-bottom:1px dotted #fff;
}

div#footer div.copyright {
	text-align:center;
	font-size:70%;
	padding-top:3px;
	height:20px;
}

/* ----- [ Canvas ] ----- */
div#canvas h1 {
	font-family:Arial !important;
	color:#fff;
	font-size:70%;
	background:#166eb4 url(../images/content/h1bg.png) right top no-repeat;
	padding:2px 0 2px 5px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:15px;
	position:relative;
	display:block;
}