﻿/* ----- [ Elements ] ----- */
html, body, form { height:100%; font-size:100%; color:#fff; }
a { color:#99CCCC; }
#imageTooltip { z-index:10000;}
body, div#wrapper { font-family: Tahoma, Verdana, Arial; background:url(../images/content/body-bg.png) left bottom repeat-x; }

div#wrapper {min-height: 100%;height: auto !important;height: 100%; margin: 0 auto -50px;}
body.reportViewer div#wrapper { background:transparent !important; background-image:none !important; }
div#wrapper div#container {}
div#wrapper div#container div#main { background:url(../images/content/content-bg.png) left top repeat-y; position:relative;}

div#wrapper div#headerinner, div#main, div#footer div#footercntr { padding:0 19px; width:906px; margin: 0 auto; }
.loading-small, .loading { height:16px; width:16px; background:url(../../../CommonStyles/images/loading/gray.gif) top left no-repeat; }

/* ----- [ Header ] ----- */
div#wrapper div#header, div#wrapper div#headerinner { height:128px; background:url(../images/content/header-bg.png) left top repeat-x;}
div#wrapper div#headerinner { position:relative; }
div#wrapper div#header div#slogan { position:absolute; width:1201px; bottom:3px; left:-146px; height:36px; background:url(../images/content/header-comb-bg.png) center top no-repeat;}
div#header div#logo { }
div#header div#logo a { width:416px; height:92px; background:url(../images/content/logo.png) left top no-repeat; text-indent:-9000px; display:block; float:left; }
div#header div.userstatus { text-align:right; font-weight:bold; color:#fff;}
div#header div.userstatus .logged { color:#eee; }

div#wrapper div#globe {}

div#wizard { }
div#wizard ul#controls { }
div#wizard ul#controls li {}
div#wizard ul#controls li a {}

/* ----- [ Left ] ----- */
div#left { }
div#left div.container { }
div#left label {}
div#left input {}
div#left .button {}

/* ----- [ Navigation ] ----- */
div#nav {}
div#nav.nologin {}
div#nav ul { }
div#nav ul li {}
div#nav ul li.advanced {}
div#nav ul li.af {}
div#nav ul li.green {}
div#nav ul li.yellow {}
div#nav ul li.red {}
div#nav ul li.seperator {}
div#nav ul li a:hover { color:#000; }
div#nav ul li a {}
div#nav ul li.disabled a {}
div#nav ul li.af a {}
div#nav ul li.advanced a:hover {}
div#nav ul li.advanced a {}
div#nav ul li.down {}
div#nav ul li.down.advanced a {}
div#nav ul li.green a {}
div#nav ul li.yellow a {}
div#nav ul li.red a {}
div#nav ul li a span {}
div#nav ul li.af a span {}
div#nav ul li.advanced a span {}
div#nav ul li.green a span {}
div#nav ul li.yellow a span {}
div#nav ul li.red a span {}

/* ----- [ Sandbox ] ----- */
div.contentPage { }
div#right { clear:both; }
div#sandbox  {
	overflow:auto; 
	*overflow-x:hidden;
    position:relative; 
}

div#content-container { /*background:url(../images/content/sandbox-bg.png) left top repeat-x;*/ }
div#sandbox .header {}
div#sandbox div#canvas { }
form.inner div#sandbox {
	padding:15px; 
	/* add padding in IE (which supports expressions) to make room for the scroll bar.  The * in front of the property targets IE7- */
    *padding-right: expression(this.scrollHeight > this.offsetHeight ? "31px" : "15px");

}

body.reportViewer div#sandbox {}
body.reportViewer div#sandbox div#canvas { }

/* ----- [ Footer ] ----- */
div#push { height:50px; }
div#footer, div#footer div#footercntr { height:50px; background:url(../images/content/footer-bg.png) left top repeat-x; }
div#footer div#footercntr { text-align:center; color:#fff; }
div#footer div.links { padding-top:7px; font-weight:bold; font-family:Arial, Verdana, Tahoma; font-size:12px;}
div#footer div.links a { color:#fff;}
div#footer div.links a:hover { border-bottom:1px dotted #fff; text-decoration:none;}
div#footer div.copyright { padding-top:3px; font-family:Arial, Verdana, Tahoma; font-size:12px; }

/* ----- [ Canvas ] ----- */
div#canvas { }
div#canvas h1 {color:#000; font-size:18px; padding:10px; margin-bottom:10px; background:url(../images/content/h1-bg.png) left top repeat;}

/* ----- Rounded Box Gray ----- */
table.roundedbox-gray { width:100%; }
table.roundedbox-gray thead tr { height:18px; background:url(../images/home/roundedbox/gray-top-left.png) left top no-repeat; }
table.roundedbox-gray thead tr th { height:18px; background:url(../images/home/roundedbox/gray-top-right.png) right top no-repeat; }
table.roundedbox-gray tfoot tr { height:18px; background:url(../images/home/roundedbox/gray-bottom-left.png) left top no-repeat; }
table.roundedbox-gray tfoot tr td { height:18px; background:url(../images/home/roundedbox/gray-bottom-right.png) right top no-repeat; }
table.roundedbox-gray thead td, table.roundedbox-gray tfoot td { height:19px; }
table.roundedbox-gray tbody tr { background:url(../images/home/roundedbox/gray-middle-left.png) left top repeat-y; }
table.roundedbox-gray tbody tr td { background:url(../images/home/roundedbox/gray-middle-right.png) right top repeat-y; }
table.roundedbox-gray tbody td { padding:0 18px; vertical-align:top; }
table.roundedbox-gray h1 { margin:0; }
table.roundedbox-gray p { margin:0; padding:0; line-height:1.5em;}

/* ----- Rounded Box Dark ----- */
form.inner div.roundedbox-gray-dark { width:100%; color:#000; }
form.inner div.roundedbox-gray-dark a { color:#256ca4; }
form.inner div.roundedbox-gray-dark div.top-container { height:18px; background:url(../images/content/roundedbox/dark-top-left.png) left top no-repeat; }
form.inner div.roundedbox-gray-dark div.top-container div.top { height:18px; background:url(../images/content/roundedbox/dark-top-right.png) right top no-repeat; }
form.inner div.roundedbox-gray-dark div.bottom-container { height:18px; background:url(../images/content/roundedbox/dark-bottom-left.png) left top no-repeat; }
form.inner div.roundedbox-gray-dark div.bottom-container div.bottom { height:18px; background:url(../images/content/roundedbox/dark-bottom-right.png) right top no-repeat; }
form.inner div.roundedbox-gray-dark div.middle-container { background:url(../images/content/roundedbox/dark-middle-left.png) left top repeat-y; }
form.inner div.roundedbox-gray-dark div.middle-container div.middle { padding:0 18px; vertical-align:top; background:url(../images/content/roundedbox/dark-middle-right.png) right top repeat-y; }
form.inner div.roundedbox-gray-dark h1 { margin:0; }
form.inner div.roundedbox-gray-dark p { margin:0; padding:0; line-height:1.5em;}

/* ----- Inner Page Specific ----- */
.popup { color:#000; }
form.inner div#wrapper div#container div#main { background:url(../images/content/content-inner-bg.png) left top repeat-y; position:relative;}
form.inner div#wrapper.popup div#container div#main { background:url(../images/content/content-inner-bg-left.png) left top repeat-y; width:auto; margin:0; padding-left:0; }
.popup div#main-inner { padding-right:19px; height:100%; background:url(../images/content/content-inner-bg-right.png) right top repeat-y; position:relative; margin-left:19px; }
.popup div#main { padding-right:0; }

/* ----- Form ----- */
div.form { background:transparent; background-image:none; }
fieldset.tasks { background:#eee; border:0; /*3px double #7CB2FF;*/ }
fieldset.tasks.wizard ul { float:right; }
fieldset.tasks.wizard li { float:left; margin-left:20px; }
fieldset#tasks a, fieldset.tasks a { color:#99CCCC; }
fieldset#tasks legend, fieldset.tasks legend { color:#000 !important; }
div.form div.row p span.Vista, div.form div.row div.p span.Vista { font-size:100%; color:#626262; }

/* ----- Horizontal Menu ----- */
div#nav ul { height:43px; background:url(../images/menu/horizontal-bg.png) left top repeat-x; }
div#nav ul li { display:block; height:43px; float:left; }
div#nav ul li a { font-family:Trebuchet MS, Arial, Verdana; font-size:12px; font-weight:bold; display:block; color:#fff; height:31px; padding:12px 10px 0 10px; }
div#nav ul li a:hover { color:#978D6F; text-decoration:none; }

/* ----- Telerik ------ */
.RadGrid_Black .rgRow a, 
.RadGrid_Black .rgAltRow a, 
.RadGrid_Black .rgEditRow a, 
.RadGrid_Black .rgFooter a, 
.Black .reEditorModes a,
.RadGrid_Black .rgEditForm a { color:#FFFFFF !important; }
.ribbonGroupText .name { color:#000; }

/* ----- [ Telerik Fixes ] ----- */
.RadTreeView_Default, .RadTreeView_Default a.rtIn, .RadTreeView_Default .rtEdit .rtIn input {
	color:#000 !important;
}