html,body{
      margin:0;
      padding:0;
      height:100%;
      border:none
}

body {
	text-align: center;
	color: #444;
	/* font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; */
	/* font-family: 'lucida grande','lucida sans unicode', Verdana, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #E5E6E6;
}

#mainwrapper {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	background-image: url(/images/di20/di20-bg.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

#maincontainer {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	background: #ffffff;
}

/* --- TYPOGRAPHY ---- */

a, * a:link, * a:visited {
	color: #3AA0C7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #222;
}

h1,h2,h3,h4 {
	text-transform: uppercase;
}

h4 { font-size: 12px; }

h4.nospace { margin: 2px 0; padding: 0px; }

h4.inblock { margin-bottom:0px; margin-top: 5px; border-top: 1px solid #aaa; padding-top: 1px; font-size:11px !important; }
.smallmargins { margin: 5px; }

/* ---- JQGRID ---- */

tr.ui-widget-content { background: #dfeffc url(/images/jqgrid/ui-bg_glass_85_dfeffc_1x400_desat.png) 50% 50% repeat-x; }

.ui-jqgrid-title { padding-left: 2px; }
.ui-jqgrid-bdiv { background-color: #f4f4f4; }
/*- .ui-jqgrid-btable td { background-color: #f4f4f4; border-color: #f4f4f4; } */
/*- .ui-jqgrid .selected-row, .ui-jqgrid .selected-row td {font-style : normal;border: 0px none; background-yellow;} */



/* ---- LOGO BAR ---- */

#logobar {
	height:  45px;
	line-height: 45px;
	background: #3c3c3c url(/images/di20/logobarbg.jpg) repeat-x;
	color: #F1DB55;
	text-align: left;
	padding: 0px 4px;
	text-transform: uppercase;
	display: block;
	border-bottom: 1px solid #333;
}

.logobaritem {
	display: inline;
	float: left;
	margin: 0px 0px;
	text-transform: uppercase;
	/* background-color: #F1DB55; */
	color: black;
	background: #F1DB55; /*url(/images/di20/logobarbg_on.jpg) repeat-x;*/

}
div.logobaritem:hover {
	color: #F1DB55;
	/* background: #000000 !important; */
	background: #000000;/* url(/images/di20/logobarbg_hover.jpg) repeat-x; */
}

div.logobaritem a,div.logobaritem a:link, div.logobaritem a:visited {
	color: #f4f4f4 !important; /* #E8E8E8; */
	background: #3c3c3c url(/images/di20/logobarbg.jpg) repeat-x;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
	
	background-color: #3c3c3c;
}
div.logobaritem a:hover {
	color: #F1DB55 !important;
	/* background: #000000 !important; */
	background: #000000; /* url(/images/di20/logobarbg_hover.jpg) repeat-x;*/
}

#logoimage {
	float:left;
	padding-right: 20px;;
}

#userlogout {
	color:white;
	padding-top:8px;
	line-height:14px;
	font-size: 10px;
	padding-right: 8px;
	text-transform:none;
	display:inline;
	float:right;
	text-align:right;
	font-weight: normal;
}

#userlogout a:hover {
	color:white;
}

/* ---- MINI BAR ---- */

#minibarwrapper {
	background:#292929;height:18px;line-height:18px;text-align:right;color:silver;font-size:10px;
}

#minibar {
padding:2px 0;height:12px;line-height:12px;display:block;
background-color:black;
font-size:10px;
border-bottom: 1px solid #484848;
}

#userlogout-mini {
	color:white;
	text-transform:none;
	display:inline;
	padding-right: 8px;
	float:right;
	text-align:right;
	font-weight: normal;
}

#userlogout-mini a:hover {
	color:white;
}


.minibaritem {
	display: inline;
	float: right;
	margin: 0px 0px;
	text-transform: uppercase;
	color: silver;
	background-color: #000000;

}
div.minibaritem:hover {
	color: #F1DB55;
}

div.minibaritem a,div.logobaritem a:link, div.logobaritem a:visited {
	color: silver;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
	
}
div.minibaritem a:hover {
	color: #F1DB55;
	background-color: #000000;
}


/* ---- MENU BAR ---- */

#menubar {
	height:  38px;
	line-height: 38px;
	background-color: #BBBFBE;
	color: #2d2d2d;
	text-align: left;
	padding: 0px;
	display: block;
	border-bottom: 1px solid #aaa;
}

.mainmenuitem {
	display: inline;
	float: left;
	padding: 0px;
	font-size: 12px;
	text-transform: uppercase;
	
	background-color: #F1DB55;
	color: black;

}

div.mainmenuitem a,div.mainmenuitem a:link, div.mainmenuitem a:visited {
	color: #E8E8E8;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
	
	background-color: #BBBFBE;
	color: #292929;
}

div.mainmenuitem a:hover {
	color: #F1DB55;
	background-color: #000000;
}


.mainmenuitem#menuactive {
	background-color: #F1DB55;
}

.menuactive {
	background-color: #F1DB55;
}

.menuprimaryactive {
	background-color: #F1DB55;
	font-weight: bold;
}

.menuprimary {
	font-weight: bold;
	color: #313131;
	background-color: #9e9e9e;
}


div.menuprimary:hover, div.mainmenuitem:hover, #configbtn a:hover, #pcpbtn a:hover, #designbtn a:hover, #mgrbtn a:hover {
	color: #F1DB55;
	background-color: #000000;
}

#pcpbtn, #configbtn, #designbtn {
	background-color: #F1DB55;
	color: #292929;

}

#mgrbtn {
	background-color: #F19955;
	color: #292929;

}

#designbtn a {
	background-color: #9e9e9e;
	color: #292929;
}

#configbtn {
	float: right;
	display: inline;
}

#configbtn a {
	background-color: #9e9e9e;
	color: #292929;
	float: right;
}

#pcpbtn a {
	color: #cccccc;
	background-color: #545857;
}


/* ---- FLASH CONTAINER ---- */

#flashcontainer {
	margin: 0 10px;
}

/* ---- CONTENT FRAME ---- */

#contentcontainer {
	text-align: left;
	padding: 4px 8px;
	margin: 0px;
	background-color: white;
	position: relative;
}

#yield {
	padding:8px;font-size:12px;
	width: 940px;
}

/* ---- FOOTER ---- */

#footercontainer {
	height:  14px;
	line-height: 14px;
	color: #777;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	font-size: 10px;
	position: relative;
	bottom: 8px;
	padding-top: 8px;
}

#footercontainer a {
	text-decoration: none;
}

#footercontainer a:hover {
	text-decoration: underline;
}

/* ---- BASIC ELEMENTS (that apply to the layout and/or many views) ---- */

hr {
	border: none;
	border-bottom: 1px solid #ccc;
}

hr.padded {
	margin: 16px 4px;
}

hr.padded-top {
	border-bottom: 1px dotted #999;
	margin: 16px 0px 0px 0px;
}


hr.hr2 {
	border: none;
	border-bottom: 2px solid #bbb;
	border-bottom: 1px solid #aaa;
}


div.s-p-wrapper {
	border: 1px solid #777;
	height:auto;
}

h1#pagetitle {
	color: #3AA0C7;
	font-weight: normal;
	font-size:20px;
	text-align: left;
	margin: 8px 0px 0px 8px;
	padding: 8px 0px 0px 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'lucida-sans', arial, helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/

	letter-spacing: 1px;
	
	height: 42px; line-height: 42px;
}

div.wrap500 {
	width:500px;
	margin: 25px;
	display: block;
}

div.wrap320 {
	width:320px;
	margin: 25px;
	display: block;
}

.leftside { float: left !important; }
.rightside { float: right !important; }

table.innerwrap {
	margin: 0px;
	padding: 0px;
	border: none;
	width: 940px;
}

table.innerwrap td {
	vertical-align: top;
	padding: 10px 20px;
}

table.innerwrap td.nohpad {
	padding: 0 0px;
}

.ui-widget-header {
	text-transform: uppercase;
	text-align: left;
	font-weight: normal;
	padding-left: 6px; 
	/*font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;*/
		font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;
	/* background: #3c3c3c url(/images/di20/logobarbg.jpg) repeat-x !important; */
	
	background: #484848 !important;

}

.explain {
	font-size: 10px;
	font-style: italic;
	color: #999;
}

span.diblock {
	line-height: 23px;
	height: 23px;
}

.blueblock { background-color: #00A0C6 !important; border-color: #069 !important; }
.bluewidget { background-color: #eef !important; }

.di-ui-widget-content {
	border: 1px solid #a6c9e2; /* YANK THIS BORDER!! */
	border-color: #ddd;
	border-top: none; /* assume header above */
	background-color: #f4f4f4;
	padding: 3px;
}

.di-ui-widget-content p { margin: 0px; padding: 0px; }

div.desat-header {
	/*background-image: url(/images/jqgrid/ui-bg_gloss-wave_55_5c9ccc_500x100_desat.png); */
	background-color: #444; /* #292929 */
	background-image: none;
	border-color: #ccc;
}

.light-header {
	/*background-image: url(/images/jqgrid/ui-bg_gloss-wave_55_5c9ccc_500x100_desat.png); */
	background-image: none;
	border-top: none;
	background-color: #bbb !important;
	border-color: #999 !important;
}

div.desat-border {
	border-color: #ccc;
	background-color: #f4f4f4;
}

div.di-light {
	background-color: #f4f4f4;
	color: #888;
}

div.di-dark {
	background-color: #888880;
	color: #f4f4f4;
}

.float_right {
	float: right;
}

.float_left {
	float: left;
}

.clear_both {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

.width_auto {
	width: auto;
}

.scroll_container {
	padding:0px;border-top:0px;overflow:auto;height:400px;
}

ul.indent {
padding:2px 5px;margin:2px 5px;
}

table.indent, div.indent {
	margin-left: 10px;
}

ul.indent-bullets {
padding:2px 10px;margin:2px 10px;
}

.infodiv {
	border-top:none;
}

.allcaps {
	text-transform: uppercase;
}

table.datatable td {
	font-size: 10px;
	height: 12px;
	line-height: 12px;
	padding: 4px;
	margin: 0px;
}

table.datatable th {
	text-align: center;
	padding: 2px 8px;
	background: #ccc;
	border-left: 1px solid #eee;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #999;
	/* border-top: none; */
}

table.datatable tr {
	height: 12px;
}


table.formtable td {
	font-size: 10px;
	height: 12px;
	line-height: 12px;
	padding: 4px;
	margin: 0px;
}

table.formtable td p {
	padding: 2px 0;
	line-height: 14px;
}

table.formtable th {
	text-align: center;
	padding: 2px 8px;
	background: #ccc;
	border-left: 1px solid #eee;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #999;
}

table.formtable tr {
	height: 12px;
}

table.formtable h4 {
	/* font-size: 14px; */
}


.dtodd {
	background-color:#f0f0f0;
	}
.dteven {
	background-color:#f8f8f8;
	}

span.subhead {
	color:  #666;
	font-weight: lighter;
}

.tagbox {
border:1px solid #9cf;color:#69c;background-color:white;padding:0px 2px;font-size:10px;white-space: nowrap;
}

.bigtagbox { font-size: 10px; padding: 2px 4px; line-height: 16px;}

.tagbox a { font-weight:normal; border-left:1px solid #9cf;padding-left:2px; color: #777 !important;}
.tagbox a:hover { color:#000 !important}

/* ---- FORMS ---- */

input, input.di20 {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #666;
	padding: 2px;
	background-color: white;
	font-size: 10px;
	padding: 0 8px; /* IE */
	width: auto;
}

fieldset.di20 {
	margin-left: 0px;
	border:8px solid #ddd;
	background: #f8f8f8;
	padding: 8px;
	font-size: 10px;
}

fieldset.di20 legend {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

textarea {
	border: 1px dotted #666;
	padding: 4px;
	background-color: white;
	font-size: 10px;
	width: auto;
}

input.submit_button {
	border: none; /* 1px solid #666; */
	background-color: lightblue;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 8px ;
	font-size: 11px;
	cursor: pointer; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.submit_button:hover {
	background-color: sandybrown;
}

input.greybox, select.greybox, select { border: 1px dotted #666; padding: 2px; background-color: #fff; }

select.taglist { 
font-size: 10px; 
text-transform: none;
padding: 0px;
}
	
/* ---- buttons ---- */

.viewbuttons {
	float:right;
	margin-top: -45px;
	/*margin-right: 16px;*/
}


.viewbuttonstoo {
	float:right;
	margin-top: -15px;
}


div.shortbtn, a.shortbtn {
	height: 18px;
	line-height: 18px;
	width: auto;
	display: block;
	font-size: 10px;
	text-align:center;
	text-transform: uppercase;
	float: right;
	margin-left: 12px;
	cursor: pointer; 
}

div.shortbtn-m, a.shortbtn-m {
	height: 28px;
	line-height: 28px;
	width: auto;
	display: inline;
	font-size: 10px;
	text-align:center;
	text-transform: none;
	margin-left: 12px;
	cursor: pointer; 
	padding: 4px 8px;
	font-weight: bold;
	/*border: 1px solid #669;*/
}

div.shortbtn-m-sel, a.shortbtn-m-sel {
	height: 28px;
	line-height: 28px;
	width: auto;
	display: inline;
	font-size: 10px;
	text-align:center;
	text-transform: none;
	margin-left: 12px;
	padding: 4px 8px;
	font-weight: bold;
	background: #F1DB55;
	color: #222;
	/*border: 1px solid #aaa;*/
	border:2px solid white;
}

.no-bottom-border { border-bottom: none !important; }

div.minibtn, a.minibtn, input.minibtn {
	height: 12px;
	line-height: 12px;
	width: auto;
	display: inline;
	font-size: 9px;
	text-align:center;
	vertical-align: middle;
	text-transform: uppercase;
	margin: 0px 6px;
	padding: 0px 3px;
	cursor: pointer; 
	font-weight: normal;
	border: none;
}

input.minibtn {
	height: 12px;
	line-height: 12px;
	vertical-align: middle;
}

input.nomargin { margin: 0px; padding-bottom: 1px; }

.inlinebtn { display: inline; float: none; margin-left: 0px !important; margin-right: 4px !important; padding: 1px 2px !important; white-space: nowrap; }

.minipadded { padding: 1px 4px !important; line-height !important: 14px; height: 14px !important; margin-botton: 2px; }

input.minipadded { padding: 1px 4px 3px 4px !important; line-height !important: 16px; height: 16px !important; height: 100%; }


div.smalltxt, a.smalltxt, b.smalltxt, input.smalltxt, .smalltxt { font-size: 10px; }

input.shortbtn {
	border: none;
	height: 19px;
	line-height: 19px;
	width: auto;
	display: block;
	font-size: 11px;
	text-align:center;
	float: right;
	text-transform: uppercase;
	padding-right: 8px;
	padding-left:  8px;
	cursor: pointer; 
}

a.shortbtn-w {
	width: 100px;
}

a.shortbtn-2w {
	width: 160px;
}

a.greybtn, input.greybtn {
	background-color: #778; /* #686868; */
	color: #eee;
}

a.dkgreybtn, input.dkgreybtn {
	background-color: #334; /* #686868; */
	color: #eee;
}

a.blackbtn, input.blackbtn {
	background-color: #111; /* #686868; */
	color: #eee;
}

a.bluebtn, input.bluebtn {
	background-color: #00A0C6;
	color: #eee;
}

a.libbtn, input.libbtn {
	border:2px solid white;
	background: #3c3c3c; /* url(/images/di20/libbtn-bg.jpg); */
	color: #eee;
}

a.orngbtn, input.orngbtn {
	background-color: #c33;
	color: #eee;
}

a.padded {
	padding: 2px 16px;
}
a.bluebtn:hover, a.greybtn:hover, a.orngbtn:hover, a.dkgreybtn:hover, a.libbtn:hover, input.libbtn:hover,
input.bluebtn:hover, input.greybtn:hover, input.orngbtn:hover, input.dkgreybtn:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}

a.dkgreybtn:hover, input.dkgreybtn:hover {
	color: red;
}


span.btngfx {
	float: left;
	padding: 0px 7px;
	background-color: black;
	height: 100%;
	
	cursor: pointer; 

}

span.btnred { color:#f66; font-weight: bold; }

span.btngreen { color:#0f9; font-weight: bold; }

span.btntxt {
	padding-right: 8px;
	padding-left:  8px;
	white-space: nowrap;
	cursor: pointer; 
}

td.minval {
	background-color: #fcc;
	background-color: #f99;
}

td.maxval {
	background-color: #cfc;
	border: 1px solid #9f9;
}

/*
.viewbuttons .greybtn {
	background: #778 url(/images/jqgrid/ui-bg_glass_75_d0e5f5_1x400_dark_desat.png) 50% 50% repeat-x;
}

.viewbuttons .bluebtn {
	background: #778 url(/images/jqgrid/ui-bg_glass_75_d0e5f5_1x400_dark.png) 50% 50% repeat-x;
}

.viewbuttons .orngbtn {
	background: #778 url(/images/jqgrid/ui-bg_glass_75_d0e5f5_1x400_dark_red.png) 50% 50% repeat-x;
}

.viewbuttons * .btngfx {
	background: #111 url(/images/jqgrid/ui-bg_glass_75_d0e5f5_1x400_black.png) 50% 50% repeat-x;
}
*/

/* ---- stackmenu ---- */

ul.stackmenu {
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	padding-top: 0px;
	width: 100%;
	text-transform: uppercase;
}

ul.stackmenu li {
	display: block;
	background-color: #F1DB55;
	color: #222;
	margin: 2px;
}

ul.stackmenu li a {
	display: block;
	/* background-color: #BDBEC1; */
	background-color: #ccc;
	color: #333;
	width: 100%;
	height: 100%;
}

ul.stackmenu li a:hover {
	background-color: #667;
	color: #eee;
	text-decoration: none;
}

span.stackmenuitem {
	padding: 0 4px;
	height: 20px;
	line-height: 20px;
}

li.whitespacer { background-color:white !important; line-height: 4px !important; height:4px !important; margin: 0px; padding: 0px; font-size: 1px; }

/* ---- help ---- */

/* Kuler:Why Quit | 261414,262626,413E2D,F2F0C3,CDC687 */

.helpslider {
	/*
	border: 4px solid #dee;
	background: #eff;
	color: #655;
	*/
	
	/*border: 1px dotted #CDC687;
	background: #F2F0C3;
	color: #413E2D;*/

	/* background: #444; */
	background: #484848 url(/images/di20/logobarbg.jpg) repeat-x;
	color: #eee;

	padding: 8px;
	/* margin: 0px 4px 16px 6px; */
	margin: 0px 36px 16px 28px;
	width: 880px; /* 944px; */
	text-align: left;
	
	letter-spacing: 0.025em;
	
	border: 1px solid #222;
}

.helpslider p { margin: 0px 0 4px 0; }

.helpslider li {
	margin-left: 20px;
	padding-left: 0px;
}

.helpsliderhandle {
	padding:2px 6px;
	background: #dee;
	border:1px solid #aaa;
	border-bottom:1px solid #777;
	border-right: none;
	color: white;
	
	font-size:12px;
	font-weight: bold;
	
	position: relative;
	top: -4px;
	line-height: 52px;
	
	background: #dfeffc url(/images/jqgrid/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	
	-moz-border-radius-topleft: 5px; -webkit-border-top-left: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right: 5px;
	
	cursor: help; 

}

a.helpsliderhandle { color: white; }

.helpsliderhandle:hover {
	text-decoration: none;
	
	background: #dfeffc url(/images/jqgrid/ui-bg_glass_75_d0e5f5_1x400_dark.png) 50% 50% repeat-x;

}

div#hs { display: block; border: 1px solid red; margin-top: -10px;}

.helptext {
	color: #987;
	font-style: italic;
	font-size: 10px;
	margin-left: 18px;
}

/* ==== jQuery UI Overrides ==== */

.ui-jqgrid-titlebar { margin-left: -1px !important; margin-right: -1px !important;  }

.ui-jqgrid-htable th {
	text-align: left !important;  
	border-left: none !important; border-right: none !important;
	padding-left:2px;
	vertical-align: bottom;
}

.ui-jqgrid-btable td {
	vertical-align: top;
	white-space: normal !important;
	overflow: visible !important;

}
/*
.ui-widget-header { border: none !important; border-bottom: 1px solid #aaa !important; }

.di-ui-widget-content {
	border: none !important;
}
*/

.inlinesparkline { float: right; }
p.sparkholder { height: 26px line-height: 26px; padding: 4px 0; }