/* ================= UNDO DEFAULT ================= */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;font-weight: normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,legend,input,select { margin:0; padding:0 }
a img,:link img,:visited img, fieldset { border:none }
address { font-style:normal }
table {border:none;padding:0;margin:0;}

/* ================= FIXES ================= */
body { filter:alpha(opacity=100); } /* fixes Ext modal backgrounds in IE. No idea why. */

/* ================= BASIC ================= */

object { outline:none; }
 
.red {
	color: #CB2928 !important;
}
.bold {
	font-weight: bold !important;
}

body {
	font-family: arial, sans-serif;
	color: #000;
	background: #fff url(../images/page_bg.gif) repeat-x scroll top left;
}
body#modal {
	padding: 16px;
	background: #FFF/* url(../images/content_back.gif) repeat-x 100% 100%*/;
	}

#header {
	height: 69px;
	background: #030303 url(../images/header_bg.jpg) no-repeat scroll top right;
	position: relative;
	border-bottom: 1px solid #FFF;
	}

#header.noNav {
	background: #030303 url(../images/header_bg2.jpg) no-repeat scroll top right;
	}

h1 {
	position: absolute;
	top: 30px;
	left: 17px;
	width: 209px;
	height: 0px;
	padding-top: 23px;
	overflow: hidden;
	background: transparent url(../images/control_logo.gif) no-repeat 0 0;
	}


/* ================= BASIC UTILITIES ================= */

.bottommargin {
	margin-bottom: 20px;
	}

.topmargin {
	margin-top: 20px;
	}

.percent-5 {width: 5%;}
.percent-10 {width: 10%;}
.percent-15 {width: 15%;}
.percent-20 {width: 20%;}
.percent-25 {width: 25%;}
.percent-30 {width: 30%;}
.percent-35 {width: 35%;}
.percent-40 {width: 40%;}
.percent-45 {width: 45%;}
.percent-50 {width: 50%;}
.percent-55 {width: 55%;}
.percent-60 {width: 60%;}
.percent-65 {width: 65%;}
.percent-70 {width: 70%;}
.percent-75 {width: 75%;}

select {
	color: #666;
	border: 1px solid #bbb;
	padding: 0;
	}

.right {
	text-align: right;
	}

.center {
	text-align: center;
	}

/* ================= MAIN SECTION ================= */

.mainPadding {
	position: relative;
	padding-right: 17px;
}

#main {
	background: #fff;
	position: relative;
	margin: 12px 17px 0 150px;
	border: 1px solid #e1e3e7;
	border-bottom: 0;
	}

#main2 {
	background: #fff;
	position: relative;
	margin: 12px 17px 0 225px;
	border: 1px solid #e1e3e7;
	border-bottom: 0;
	}

#main3 {
	background: #fff;
	position: relative;
	margin: 12px 17px 0 200px;
	border: 1px solid #e1e3e7;
	border-bottom: 0px;
	}

#mainShadow {
	height: 16px;
	position: relative;
	margin: 0px 17px 0 150px;
	background-image: url(../images/content_shadow.gif);
	background-repeat: repeat-x;
	}
#mainShadow2 {
	height: 16px;
	position: relative;
	margin: 0px 17px 0 225px;
	background-image: url(../images/content_shadow.gif);
	background-repeat: repeat-x;
	}
#mainShadow3 {
	height: 16px;
	position: relative;
	margin: 0px 17px 0 200px;
	background-image: url(../images/content_shadow.gif);
	background-repeat: repeat-x;
	}

#nosidebar #main {
	margin: 12px 17px 0 17px;
	}
#nosidebar #main2 {
	margin: 12px 17px 0 17px;
	}
#nosidebar #mainShadow {
	margin: 0px 17px 0 17px;
	}

h2 {
	background: #cceb04 url(../images/titlebar_bg.jpg) no-repeat top left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #b7b7b7;
	padding: 8px;
	color: #273f00;
	}

h2 span {
	background: transparent url(../images/arrow.gif) no-repeat 4px 4px;
	padding-left: 15px;
	color: #000;
	}

.company {
	position: absolute;
	display: block;
	top: 10px;
	right: 11px;
	padding: 3px 10px;
	background: #48592a url(../images/company_back.gif) repeat-x 0 0;
	color: #fff;
	font-size: .7em;
	}

#content {
	position: relative;
	padding: 16px;
	padding-bottom: 65px;
	min-height: 484px;
	background: #FFF url(../images/content_bg.gif) repeat-x bottom right;
	}

#content p {
	font-size: 12px;
}

/* ================= SIDEBAR ================= */



#sidebar {
	clear: both;
	width: 150px;
	position: absolute;
	top: 90px;
	left: 0;
	}

#sidebar h3 {
	margin: 0 0 5px 14px;
	color: #5b646e;
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	}

#sidebar ul.nav {
	border: 1px solid #bababa;
	background: #8d99a7 url(../images/sidebar_bg.jpg) no-repeat top left;
	width: 98px;
	margin: 0 0 20px 14px;
	padding: 4px 10px 10px 10px;
	}

#sidebar ul.nav li a {
	color: #000;
	font-size: 12px;
	font-family: arial;
	line-height: 1.4em;
	}

#sidebar ul.nav li a:hover,
#sidebar ul.nav li a.selected {
	color: #e76f00;
	font-size: 12px;
	font-family: arial;
	line-height: 1.4em;
	}

#sidebar .container {
	position: relative;
	border: 1px solid #bababa;
	background: #8d99a7 url(../images/sidebar_bg.jpg) no-repeat top right;
	padding: 4px 0px 2px 10px;
	margin: 0px 14px 20px 14px;
}

/* ================= SIDEBAR ================= */



#sidebar2 {
	clear: both;
	width: 225px;
	position: absolute;
	top: 90px;
	left: 0;
	}

#sidebar2 h3 {
	margin: 0 0 5px 18px;
	color: #5b646e;
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	}

#sidebar2 ul.nav {
	border: 1px solid #bababa;
	background: transparent url(../images/sidebar_bg2.jpg) no-repeat top left;
	width: 174px;
	margin: 0 0 20px 14px;
	padding: 4px 10px 10px 10px;
	}

#sidebar2 ul.nav li a {
	color: #000;
	font-size: 12px;
	font-family: arial;
	line-height: 1.4em;
	}

#sidebar2 ul.nav li a:hover,
#sidebar2 ul.nav li a.selected {
	color: #e76f00;
	font-size: 12px;
	font-family: arial;
	line-height: 1.4em;
	}

#sidebar2 .container {
	position: relative;
	border: 1px solid #bababa;
	background: transparent url(../images/sidebar_bg2.jpg) no-repeat top left;
	padding: 4px 0px 2px 10px;
	margin: 0px 14px 20px 14px;
}

/* ================= SIDEBAR ================= */

#sidebar3 {
	clear: both;
	width: 200px;
	position: absolute;
	top: 90px;
	left: 0;
	}

#sidebar3 h3 {
	margin: 0 0 5px 18px;
	color: #c6d784;
	font-size: 10px;
	text-transform: uppercase;
	}

#sidebar3 ul.nav {
	border: 1px solid #1d2f00;
	border-top: none;
	background: #4a5b2c url(../images/sidebar_back.gif) repeat-x bottom left;
	width: 149px;
	margin: 0 0 20px 14px;
	padding: 4px 10px 10px 10px;
	}

#sidebar3 ul.nav li a {
	color: #FFF;
	font-size: 11px;
	line-height: 1.4em;
	}

#sidebar3 ul.nav li a:hover,
#sidebar3 ul.nav li a.selected {
	color: #9fe21c;
	font-size: 11px;
	line-height: 1.4em;
	}

#footer {
	margin: 6px auto 8px 6px;
	font-size: .6em;
	color: #5D7500;
	padding: 0 18px;
	}

/*---------*/

#sidebar ul.nav li a.bigger, #sidebar2 ul.nav li a.bigger, #sidebar3 ul.nav li a.bigger {
	color: #FFF;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: bold;
	}

#sidebar ul.nav li a.bigger:hover, #sidebar2 ul.nav li a.bigger:hover, #sidebar3 ul.nav li a.bigger:hover,
#sidebar ul.nav li a.selectedBigger, #sidebar2 ul.nav li a.selectedBigger, #sidebar3 ul.nav li a.selectedBigger {
	color: #9fe21c;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: bold;
	}

/* ================= Deluxe Menu Styles ================= */

/* Need to have SOMETHING in dmMenu in order for Opera to load dmSubmenu correctly */
.dmMenu {
	padding: 2px; 
	}

.dmSubmenu {
	position: absolute;
	border: 1px solid #bababa;
	background-color: #c7cfd8;
	padding: 5px 5px 5px 5px;
	}

.dmItemText {
	cursor: pointer;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	}
.dmItemTextOver {
	cursor: pointer;
	color: #e76f00;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	}

.dmIndentItemText {
    padding-left: 5px;
    cursor: pointer;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4em;
}
.dmIndentItemTextOver {
    padding-left: 5px;
    cursor: pointer;
    color: #e76f00;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4em;
}
.dmLinklessItemText {
    cursor: default;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4em;
}
.dmLinklessItemTextOver {
    cursor: default;
    color: #e76f00;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4em;
}

.dmHomepageItemText {
    cursor: pointer;
    color: #000088;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4em;
}
.dmHomepageItemTextOver {
    cursor: pointer;
    color: #e76f00;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4em;
}

/* ================= DATA TABLE DESIGN ================= */

.datatable {
	clear: both;
	border: 1px solid #bdc0b0;
	width: 100%;
	border-left: none;
	/*font-size: .66em;*/
	}

.datatable thead th {
	background: #FFF url(../images/tableheader_bg.gif) repeat-x left bottom;
	padding: 7px 10px 6px 10px;
	text-align: left;
	border-left: 1px solid #BBB;
	border-bottom: 1px solid #9D9D9D;
	color: #495632;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-shadow: #999 0px 1px 2px;
	}

.datatable thead th.sorted {
	background: #FFF url(../images/tableheader_bg_selected.gif) repeat-x left bottom;
	}

.datatable th a {
	color: #495632;
	display: block;
	}

.datatable th a:hover {
	color: #000;
	}
.datatable th a:active {
	color: #666;
	}
.datatable th a.down {
	padding-left: 12px;
	background: transparent url(../images/table_sort_down.gif) no-repeat 0 50%;
	}
.datatable th a.up {
	padding-left: 12px;
	background: transparent url(../images/table_sort_up.gif) no-repeat 0 50%;
	}

.datatable th.edit {
	background: #fcf7ea url(../images/table_header_back_edit.gif) repeat-x left bottom;
	}
.datatable th.edit a {
	text-decoration: underline;
	}

.datatable tbody td,
.datatable tbody th,
.datatable tfoot th,
.datatable tfoot td {
	font-size: 11px;
	border-left: 1px solid #bdc0b0;
	border-top: 1px solid #e3e4da;
	padding: 6px 10px;
	text-align: left;
	font-weight: normal;
	line-height: 1.3em;
	color: #515543;
	}

.datatable tbody th {
	font-weight: bold;
	background: #F3FBD9;
	color: #495632;
	}

.datatable tbody tr.odd td {
	background: #fbffef;
	}

.datatable .rowselect {
	width: 1px;
	padding: 6px;
	}

.datatable tbody tr.selected td,
.datatable tbody tr.selected th {
	background: #f3fbd6;
	font-weight: bold;
	}

.datatable tbody td a,
.datatable tbody th a {
	color: #515543;
	display: inline;
	text-decoration: underline;
	}

.datatable tr.inactive td a,
.datatable tr.inactive td {
	color: #9D9D9D;
	}

.datatable td.inactive a,
.datatable td.inactive {
	color: #9D9D9D;
	}

.datatable td a:hover {
	color: #000;
	}

.datatable td.right,
.datatable th.right {
	text-align: right;
	}

.datatable td.center,
.datatable th.center {
	text-align: center;
	}

.datatable .integer {
	width: 60px;
	}

.datatable tfoot td,
.datatable tfoot th {
	font-weight: bold;
	background: #f3fbd6;
	}



/* ================= TOOLBAR DESIGN ================= */

.toolbar {
	position: relative;
	margin: 0 0;
	z-index: 1;
/*	clear: both;*/
	color: #54574a;
	height: 1.7em;
	overflow: visible;
	}

.toolbar .tabletitle {
	border: 1px solid #BBB;
	border-bottom: none;
	border-collapse: collapse;
	position: absolute;
	bottom: 0;
	left: 1px;
	}

.toolbar .tabletitle td {
	padding: 3px 8px;
	font-size: 13px;
	color: #000;
	background: #fefefe url(../images/caption_bg.gif) repeat-x left bottom;
	}

.toolbar .buttons {
	border-collapse: collapse;
	position: absolute;
	top: 0px;
	right: 4px;
	}

.toolbar .buttons2 {
	border-collapse: collapse;
	position: relative;
	top: 0px;
	right: 4px;
	}


.toolbar .buttons a {
	font-size: .7em;
	color: #54574a;
	padding-left: 16px;
	margin-left: 10px;
}

.toolbar .buttons a:hover, .toolbar .buttons a:active, .toolbar .buttons a:visited:hover {
	color: #000000;
}

.details .toolbar .buttons a {
	font-size: 100%;
	}

.toolbar .buttons input {
	font-size: .7em;
	color: #54574a;
	border: 1px solid #BDC0B0;
	margin-right: -10px;
	padding: 2px 3px;
	background: #fff url(../javascript/ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;
	}

.toolbar .buttons select {
	font-size: .7em;
	color: #54574a;
	border: 1px solid #BDC0B0;
	padding: 2px 3px;
	background: #fff url(../javascript/ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;
	}

.toolbar .buttons a.add {
	background: transparent url(../images/button_add.gif) no-repeat 0 0;
	}
.toolbar .buttons a.delete {
	background: transparent url(../images/button_delete.gif) no-repeat 0 0;
	}
.toolbar .buttons a.search {
	background: transparent url(../images/button_search.gif) no-repeat 0 0;
	}

.toolbar .buttons a.startButtonImg {
        background: transparent url(../images/play_icon.png) no-repeat 0 0;
        }
.toolbar .buttons a.stopButtonImg {
        background: transparent url(../images/stop_icon.png) no-repeat 0 0;
        }
.toolbar .buttons a.undeployButtonImg {
        background: transparent url(../images/undeploy.gif) no-repeat 0 0;
        }
.toolbar .buttons a.modifyButtonImg {
        background: transparent url(../images/modify.gif) no-repeat 0 0;
        }

.toolbar .search {
	padding: 0 0px 0 30px;
	}

.browser .toolbar .tabletitle td {
	font-size: 3em;
	}

/* ================= PAGINATION DESIGN ================= */

.pagination {
	border: 1px solid #BBB;
	border-top: none;
	height: 2.3em;
	position: relative;
	margin: 0 auto;
	z-index: 1;
	clear: both;
	background: #f3fbd6;
	color: #54574a;
	font-size: .7em;
	}

.pagination .left {
	border-collapse: collapse;
	position: absolute;
	top: .4em;
	left: .7em;
	}

.pagination .right {
	border-collapse: collapse;
	position: absolute;
	top: .4em;
	right: .8em;
	}

.pagination .left img {
	margin-bottom: -2px;
	}

.pagination .left input {
	height: 1em;
	position: relative;
	top: 1px;
	font-size: 90%;
	color: #666;
	border: 1px solid #bbb;
	padding: 1px 2px 2px 2px;
	}

.pagination .right select {
	font-size: 90%;
	padding: 0;
	color: #666;
	padding: 0;
	width: 47px;
	}


/* ================= UTLITIES DESIGN ================= */

#utilities {
	position: absolute;
	top: 3px;
	right: 50px;
	font-size: 11px;
	color: #fff;
	font-family: Verdana;
	}

#utilities a {
	color: #cceb05;
	}


/* ================= FORM LAYOUT ================= */

form.layout {
	margin: 20px auto;
	clear: both;
	font-family: Arial, sans-serif;
	}

fieldset {
	font-size: 12px;
	}

.browser fieldset {
	font-size: 112%;
	}

form.layout h4 {
	margin-bottom: 10px;
	}

form.layout fieldset {
	padding: 5px 20px 15px 20px;
	margin: 0;
	}

form.layout fieldset.nomargin {
	padding: 5px 10px 0 10px;
	}

form.layout .formwrapper {
	margin: 0 auto;
	}

fieldset legend {
	text-align: left;
	color: #546905;
	padding-bottom: 2px;
	font-weight: bold;
	}

.formtable {
	border-top: 0;
	margin-bottom: 20px;
	}

.layout .line fieldset {
	margin-top: 40px;
	margin-bottom: 20px;
	}

.asterisk {
	font-family: georgia, sans-serif;
	font-size: 1.6em;
	line-height: .25em;
	color: #CB2928;
	font-weight: 700;
	vertical-align: -.3em;
	}

label.failed {
	background: transparent url(../images/error.gif) no-repeat 100% 8px;
	color: #CB2928;
	padding: 8px 22px 6px 2px;
	font-weight: bold;
	}

.formtable th,
.formtable td {
	border-bottom: 0;
	padding: 8px 5px;
	vertical-align: middle;
	}

.formtable td.padded {
	padding-left: 10px;
	}

.formtable th,
.formtable .verify {
	text-align: right;
	padding: 6px 10px 6px 2px;
	font-weight: normal;
	white-space: nowrap;
	}

.formtable .verify {
	text-align: left;
	font-weight: bold;
	}

.formtable .center {
	text-align: center;
	}

.formtable .right {
	text-align: right;
	}

.formtable label {
	font-size: 100%;
	}

.formtable .input,
.formtable .required,
.formtable .failed {
	vertical-align: middle;
	}

.formtable td.readonly {
	/*font-size: 90%;*/
	color: #666;
	padding-top: 7px;
}
.formtable td.readonly a:link, .formtable td.readonly a:visited {
	color: #666;
	text-decoration: underline;
}
.formtable td.readonly a:hover, .formtable td.readonly a:active, .formtable td.readonly a:visited:hover {
	color: #000000;
	text-decoration: underline;
}

.formtable .input .greybutton {
	width: inherit;
	}

.formtable .input input {
	width: 180px;
	}

.formtable .input .fixed-5 { width: 5px; }
.formtable .input .fixed-10 { width: 10px; }
.formtable .input .fixed-15 { width: 15px; }
.formtable .input .fixed-20 { width: 20px; }
.formtable .input .fixed-25 { width: 25px; }
.formtable .input .fixed-30 { width: 30px; }
.formtable .input .fixed-35 { width: 35px; }
.formtable .input .fixed-40 { width: 40px; }
.formtable .input .fixed-45 { width: 45px; }
.formtable .input .fixed-50 { width: 50px; }
.formtable .input .fixed-55 { width: 55px; }
.formtable .input .fixed-60 { width: 60px; }
.formtable .input .fixed-65 { width: 65px; }
.formtable .input .fixed-70 { width: 70px; }
.formtable .input .fixed-75 { width: 75px; }
.formtable .input .fixed-80 { width: 80px; }
.formtable .input .fixed-85 { width: 85px; }
.formtable .input .fixed-90 { width: 90px; }
.formtable .input .fixed-95 { width: 95px; }
.formtable .input .fixed-100 { width: 100px; }

th.adjacent {
	padding-left: 20px;
	}

.formtable .checkbox,
.formtable .radio {
	padding-top: 4px;
	}

.formtable .checkbox input,
.formtable .radio input,
#wizard .formtable .checkbox input,
#wizard .formtable .radio input {
	width: 13px;
	height: 13px;
	margin: 2.5px 4px 2px 0;
	vertical-align: middle;
	}

.formtable .checkbox label,
.formtable .radio label {
	padding: 0 10px 0 0;
	cursor: pointer;
	vertical-align: middle;
	}

.formtable .text {
	vertical-align: middle;
	/*font-size: 105%;*/
	padding-top: 7px;
	text-align: left;
}

.formtable INPUT.txt, INPUT.txt, TEXTAREA.txt {
	padding: 1px 3px;
	background: #fff url(../javascript/ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;
	border:1px solid #bdc0b0;
	font-family: Arial;
	font-size: 12px;
}

.groupheader {
	margin: 4px 0 5px 0;
	}

.formtable textarea {
	width: 180px;
	height: 6em;
	}

.groupheader input {
	vertical-align: middle;
	cursor: pointer;
	}

.groupheader label {
	vertical-align: middle;
	margin-left: 4px;
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
	}

/* ================= PAGE ACTIONS ================= */

.actions {
	clear: both;
	position: relative;
	height: 30px;
	margin-bottom: -8px;
	}

.actions .center {
	text-align: center;
	}

.actions .left {
	position: absolute;
	top: 0;
	left: 5px;
	}

.actions .right {
	position: absolute;
	top: 0;
	right: 5px;
	}

.actions input, .standardButton {
	color: #000;
	background: #eceef0 url(../images/button_bg.gif) repeat-x bottom left;
	padding: 5px 12px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	border: 0;
	}

.actions .center input {
	margin: 0 6px;
	}

.actions .left input {
	margin-right: 12px;
	}

.actions .right input {
	margin-left: 12px;
	}

.actions input.default, .standardButton {
	border: 1px solid #8391a1;
	cursor: pointer;
}

/* ================= NOTIFICATIONS ================= */

.notification {
	padding: 3px 10px;
	margin-bottom: 30px;
	font-size: 75%;
	line-height: 150%;
	font-family: Arial, sans-serif;
	}

.notification h4 {
	font-weight: bold;
	font-size: 110%;
	padding: 1px 0 0 24px;
	clear: both;
	margin: 6px 0;
	position: relative;
	}

.notification ul {
	list-style-type: square;
	margin: 6px 0 6px 35px;
	clear: both;
	}

.notification ol {
	list-style-type: decimal;
	margin: 6px 0 6px 35px;
	clear: both;
	}

.notification a {
	text-decoration: underline;
	}

.error {
	background: #EFFACB;
	color: #CB2928;
	border: 1px solid #BFE940;
	}

.error h4 {
	background: transparent url(../images/error.gif) no-repeat 0 2px;
	}

/* ================= DASHBOARD WIDGET ================= */

.report {
	clear: both;
	border: 1px solid #bdc0b0;
	font-size: .7em;
	margin: 0 auto 30px auto;
	width: 100%;
	}

.report h3 {
	font-weight: bold;
	font-size: 110%;
	color: #546905;
	}

.report thead th {
	background: #FFF url(../images/tableheader_bg.gif) repeat-x left bottom;
	padding: 7px 10px 6px 10px;
	text-align: left;
	border-bottom: 1px solid #9D9D9D;
	color: #495632;
	text-transform: uppercase;
	text-shadow: #999 0px 1px 2px;
	}

.report .info,
.report .graph {
	padding: 20px;
	vertical-align: top;
	background: #FFF;
	}

.report .info {
	padding-right: 0;
	}

.report .info legend,
.report .info .formtable {
	font-size: 120%;
	}

.report .info .textbutton {
	font-size: 100%;
	}

.tinytable td {
	padding: 2px;
	font-weight: bold;
	}

.tinytable th {
	padding: 2px;
	font-weight: normal;
	color: #546905;
	text-align: right;
	white-space: nowrap;
	}

.report .right {
	text-align: right;
	}

.report fieldset {
	margin-top: 20px;
	}

.report p {
	margin-top: 20px;
	}

.report select {
	font-size: 90%;
	padding: 2px;
	}

/* ================= TEXTBUTTON ================= */


.textbutton {
	border-top: 1px solid #adc353;
	border-left: 1px solid #859a30;
	border-right: 1px solid #859a30;
	border-bottom: 1px solid #546905;
	padding: 2px 6px;
	background: #bfe422 url(../images/button_inline_back.gif) repeat-x bottom left;
	color: #FFf !important;
	font-size: .8em;
	}

.details .textbutton {
	font-size: 105%;
	}

fieldset .textbutton {
	font-size: 105%;
	}

a:hover.textbutton {
	color: #000 !important;
	}


/* ================= CALENDAR ================= */

.calendar {
	width: 80px;
	border: 1px solid #BDC0B0;
	padding: 2px;
	font-size: 90%;
	}

.calendar_trigger {
	cursor: pointer;
	position: relative;
	top: -1px;
	}


/* ================= MULTI COLUMN BROWSER DESIGN ================= */

.browser {
	width: 100%;
	padding: 0;
	border-top: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	position: relative;
	font-size: .7em;
	overflow: auto;
	}

.browser .header th {
	background: #FFF url(../images/tableheader_bg.gif) repeat-x left bottom;
	padding: 7px 10px 6px 10px;
	text-align: left;
	border-bottom: 1px solid #9D9D9D;
	color: #495632;
	text-transform: uppercase;
	text-shadow: #999 0px 1px 2px;
	border-left: 1px solid #BBB;
	}

.browser td.cell {
	margin: 0;
	padding: 0;
	border-left: 1px solid #BBB;
	vertical-align: top;
	}

.browser .options {
	padding: 4px 4px 3px 4px;
	text-align: left;
	border-bottom: 1px solid #9D9D9D;
	color: #666;
	background-color: #F2F2F2;
	font-weight: normal;
	text-transform: none;
	text-shadow: none;
	position: relative;
	height: 1.7em;
	}

.browser .options .right {
	position: absolute;
	top:  4px;
	right: 3px;
	}

.browser .options .textbutton {
	font-size: 100%;
	}

.browser .options select {
	font-size: 90%;
	padding: 1px;
	width: 10em;
	}

.browser .options select.datetype {
	font-size: 90%;
	padding: 1px;
	width: 14em;
	}

.browser .options select.timezone {
	font-size: 90%;
	padding: 1px;
	width: auto;
	}

.browser .options select.week {
	font-size: 90%;
	padding: 1px;
	width: auto;
	}
.browser .options select.month {
	font-size: 90%;
	padding: 1px;
	width: auto;
	}

.browser .scroller {
	height: 296px;
	overflow: auto;
	margin-bottom: 0;
	position: relative;
	}

.browser .short {
	height: 133px;
	}

.browser .tall {
	height: 397px;
	}

.browser .details {
	background: #FFF;
	padding: 10px;
	}

.browser .details select {
	padding: 1px;
	font-size: 90%;
	width: 9em;
	}

.browser .details h3 {
	font-weight: bold;
	font-size: 110%;
	color: #546905;
	margin-bottom: 10px;
	display: none;
	}

.browser .section {
	border: 1px solid #BDC0B0;
	margin-bottom: 10px;
	position: relative;
	text-align: right;
	padding: 4px;
	background: #DDEEA0;
	}

.browser .section h4 {
	font-weight: bold;
	font-size: 120%;
	position: absolute;
	top: 5px;
	left: 6px;
	}

browser .details a {
	text-decoration: underline;
	}

.detailgrid {
	margin: 8px 9px 8px 9px;
	}

.detailgrid th {
	border: none;
	text-align: right;
	padding: 0 6px 5px 0;
	color: #AAA;
	}

.detailgrid td {
	border: none;
	padding: 0 0 5px 0;
	}

.browser .datatable {
	font-size: .9em;
	}

.browser .tabletitle {
	font-size: .4em;
	}

.browser .begin {
	font-size: 1.8em;
	color: #DDD;
	font-weight: bold;
	padding: 20px;
	}



/* ================= TEXT ONLY ================= */

.text {
	/*font-size: .8em;*/
	color: #333;
	line-height: 1.5em;
	margin: 0 30px 30px 30px;
	}

.instructions{
	margin: 0;
	}

.text p {
	margin-bottom: 1em;
	}

.text .callout {
	background: #F3FBD9;
	padding: 1em 2em 0 2em;
	border: 1px solid #BDC0B0;
	margin: 2em auto 2em auto;
	width: 50%;
	}

.text a {
	color: #273F00;
	text-decoration: underline;
	}

.text a.textbutton {
	color: inherit;
	text-decoration: none;
	}

.text h3 {
	/*font-size: 120%;*/
	text-transform: uppercase;
	color: #34A918;
	margin-bottom: .2em;
	padding-top: 1em;
	}

.text h4 {
	/*font-size: 130%;*/
	text-transform: uppercase;
	color: #34A918;
	margin-bottom: .2em;
	padding-top: 1em;
	}






/* ================= LIST DESIGN ================= */

ul.list {
	margin-bottom: 20px;
	/*font-size: .7em;*/
	}

.list .selected {
	background: #fff7c5;
	}

ul.list li input {
	z-index: 900;
	margin: 0 0 0 5px;
	}

ul.list li span {
	color: #333;
	display: block;
	border: 1px solid #BBB;
	margin-top: -1px;
	height: inherit;
	}

ul.list li span {
	padding: 6px;
	}

ul.list li.odd {
	background: #fbfbfb;
	}

ul.list li.selected {
	font-weight: bold;
	background: #f2f2f2 url(../images/arrow.gif) no-repeat 95% 45%;
	}

ul.list a {
	color: #666;
	}

ul.list a:hover {
	color: #000;
	}

/* ================= MULTI COLUMN BROWSER LIST CHANGES ================= */

.browser .list {
	margin-bottom: -2px;
	}

.browser .details ul.list {
	margin-bottom: 20px;
	}

.browser .list span {
	border-right: 0;
	}

.browser .list li {
	position: relative;
	}

.browser ul.list li {
	margin-left: -1px;
	}

.browser ul.list li ul li {
	margin-left: 0;
	}

.browser .list li .greybutton {
	position: absolute;
	top: 8px;
	right: 8px;
	}

.browser .details .list span {
	border-right: 1px solid #bbb;
	}

.browser .details .list li {
	position: relative;
	}

.browser .details ul.list li {
	margin-left: 0;
	}

.browser .details ul.list li ul li {
	margin-left: 0;
	}



.cell .list {
	/*font-size: 1em;*/
	}

.details .list {
	font-size: 100%;
	}

.details .list span {
	padding: 3px 3px;
	}

.details ul.list img {
	position: relative;
	top: 2px;
	}

.browser ul.list input {
	margin: 0 4px -1px 0;
	}

.browser .details ul.list input {
	margin: 0 5px;
	}

.browser .details ul.list img {
	margin: 2px 3px 2px 4px;
	}



.browser .simpletable th,
.browser .simpletable td {
	border-left: 0;
	padding: 5px;
	}

.browser .simpletable td a {
	color: #333;
	text-decoration: none;
	}

.browser .simpletable td a:hover {
	color: #880000;
	text-decoration: underline;
	}


strikethrough {
	text-decoration: line-through;
	color: #ccc;
	}


/* ============
   extra styles */

a.gridLink:link, a.gridLink:visited {
	color: #666;
	text-decoration: underline;
}
a.gridLink:active, a.gridLink:hover, a.gridLink:visited:hover {
	color: #000;
	text-decoration: underline;
}

.page {}
.page .sectionHeader { background: #cceb04 url(../images/titlebar_bg.jpg) no-repeat top left; font-size: 14px; font-weight: bold; padding: 2px 2px 2px 10px; color: #273f00; margin-bottom: 10px; }
.page .sectionSubheader { background: #DDEEA0; font-size: 14px; font-weight: 400; padding: 2px 2px 2px 10px; color: #273f00; margin-bottom: 10px; }
.page .section { position: relative; margin-left: 10px; margin-right: 10px; font-size: 12px; }
.page .section a { text-decoration: underline; font-weight: 700; }
.page .section p { margin-top: 0px; margin-bottom: 10px; }
.page .section label { font-size: 12px; font-weight: bold; color: #333333; }
.page .section .indent { margin-left: 20px; }
.page .section ul { margin-bottom: 10px; }
.page .section ul.points { list-style-type: disc; list-style-position: inside; }
.page .section li { }
.page .section ul.spaced li { line-height: 18px; }
.page .section .formWidth { width: 610px; }
.page .formColumnSection { position: relative; overflow: auto; width: 600px; margin-left: 10px; }
.page .formColumnSection p { margin-top: 0px; margin-bottom: 10px; }
.page .formColumnSection label { font-size: 12px; font-weight: bold; color: #333333; }
.page .formColumnSection label.failed { background: transparent url(../images/error.gif) no-repeat 100% 8px; color: #CB2928; padding: 8px 18px 6px 2px; font-weight: bold; }
.page .formColumnSection .scroll { border: 1px solid black; width: 100%; height: 200px; overflow: scroll; }
.page .formColumnSection .formColumn1of2 { position: relative; float: left; width: 270px; padding-right: 25px; }
.page .formColumnSection .formColumn2of2 { position: relative; float: left; width: 270px; padding-left: 25px; }
.page .formColumnSection .formColumn1of3 { position: relative; float: left; width: 180px; padding-right: 25px; }
.page .formColumnSection .formColumn2of3 { position: relative; float: left; width: 180px; padding-right: 25px; }
.page .formColumnSection .formColumn3of3 { position: relative; float: left; width: 180px; }
.page .formColumnSection .formColumn2    { position: relative; float: left; width: 590px; }
.page .formColumnSection .formColumn1of2 .txt { width: 270px; }
.page .formColumnSection .formColumn2of2 .txt { width: 270px; }
.page .formColumnSection .formColumn1of2 .txt1 { width: 65px; }
.page .formColumnSection .formColumn2of2 .txt1 { width: 65px; }
.page .formColumnSection .formColumn1of2 .txt2 { width: 130px; }
.page .formColumnSection .formColumn2of2 .txt2 { width: 130px; }
.page .formColumnSection .formColumn1of2 .txt3 { width: 195px; }
.page .formColumnSection .formColumn2of2 .txt3 { width: 195px; }
.page .formColumnSection .formColumn1of3 .txt { width: 170px; }
.page .formColumnSection .formColumn2of3 .txt { width: 170px; }
.page .formColumnSection .formColumn3of3 .txt { width: 170px; }
.page .formColumnSection .formColumn1of3 .txt1 { width: 40px; }
.page .formColumnSection .formColumn2of3 .txt1 { width: 40px; }
.page .formColumnSection .formColumn3of3 .txt1 { width: 40px; }
.page .formColumnSection .formColumn1of3 .txt2 { width: 80px; }
.page .formColumnSection .formColumn2of3 .txt2 { width: 80px; }
.page .formColumnSection .formColumn3of3 .txt2 { width: 80px; }
.page .formColumnSection .formColumn1of3 .txt3 { width: 120px; }
.page .formColumnSection .formColumn2of3 .txt3 { width: 120px; }
.page .formColumnSection .formColumn3of3 .txt3 { width: 120px; }
.page .formColumnSection .formColumn2    .txt { width: 590px; }
.page .formColumnSection .formColumn2    .txt1 { width: 145px; }
.page .formColumnSection .formColumn2    .txt2 { width: 290px; }
.page .formColumnSection .formColumn2    .txt3 { width: 435px; }
.page .formColumnSection .formColumn1of2 .sel { width: 270px; }
.page .formColumnSection .formColumn2of2 .sel { width: 270px; }
.page .formColumnSection .formColumn1of2 .sel1 { width: 65px; }
.page .formColumnSection .formColumn2of2 .sel1 { width: 65px; }
.page .formColumnSection .formColumn1of2 .sel2 { width: 130px; }
.page .formColumnSection .formColumn2of2 .sel2 { width: 130px; }
.page .formColumnSection .formColumn1of2 .sel3 { width: 195px; }
.page .formColumnSection .formColumn2of2 .sel3 { width: 195px; }
.page .formColumnSection .formColumn1of3 .sel { width: 170px; }
.page .formColumnSection .formColumn2of3 .sel { width: 170px; }
.page .formColumnSection .formColumn3of3 .sel { width: 170px; }
.page .formColumnSection .formColumn1of3 .sel1 { width: 40px; }
.page .formColumnSection .formColumn2of3 .sel1 { width: 40px; }
.page .formColumnSection .formColumn3of3 .sel1 { width: 40px; }
.page .formColumnSection .formColumn1of3 .sel2 { width: 80px; }
.page .formColumnSection .formColumn2of3 .sel2 { width: 80px; }
.page .formColumnSection .formColumn3of3 .sel2 { width: 80px; }
.page .formColumnSection .formColumn1of3 .sel3 { width: 120px; }
.page .formColumnSection .formColumn2of3 .sel3 { width: 120px; }
.page .formColumnSection .formColumn3of3 .sel3 { width: 120px; }
.page .formColumnSection .formColumn2    .sel { width: 590px; }
.page .formColumnSection .formColumn2    .sel1 { width: 145px; }
.page .formColumnSection .formColumn2    .sel2 { width: 290px; }
.page .formColumnSection .formColumn2    .sel3 { width: 435px; }
.page .formColumnSection .formColumn2    textarea.txt { width: 590px; height: 200px; }
.page .formColumnSection .formColumn1of2 .txtDisabled { width: 270px; }
.page .formColumnSection .formColumn2of2 .txtDisabled { width: 270px; }
.page .formColumnSection .formColumn1of3 .txtDisabled { width: 170px; }
.page .formColumnSection .formColumn2of3 .txtDisabled { width: 170px; }
.page .formColumnSection .formColumn3of3 .txtDisabled { width: 170px; }
.page .formColumnSection .formColumn2    .txtDisabled { width: 590px; }
.page .formColumnSection .formColumn1of2 .selDisabled { width: 270px; }
.page .formColumnSection .formColumn2of2 .selDisabled { width: 270px; }
.page .formColumnSection .formColumn1of2 .selDisabled { width: 170px; }
.page .formColumnSection .formColumn2of3 .selDisabled { width: 170px; }
.page .formColumnSection .formColumn3of3 .selDisabled { width: 170px; }
.page .formColumnSection .formColumn2    .selDisabled { width: 590px; }
.page .formColumnSection .formColumn2    textarea.txtDisabled { width: 590px; height: 200px; }

.page .formColumnSection .indent .formColumnSection { position: relative; overflow: auto; width: 570px; margin-left: 30px; }
.page .formColumnSection .indent .formColumn1of2 { position: relative; float: left; width: 255px; padding-right: 20px; }
.page .formColumnSection .indent .formColumn2of2 { position: relative; float: left; width: 255px; padding-left: 20px; }
.page .formColumnSection .indent .formColumn1of3 { position: relative; float: left; width: 180px; padding-right: 5px; }
.page .formColumnSection .indent .formColumn2of3 { position: relative; float: left; width: 180px; padding-right: 5px; }
.page .formColumnSection .indent .formColumn3of3 { position: relative; float: left; width: 180px; }
.page .formColumnSection .indent .formColumn2    { position: relative; float: left; width: 560px; }
.page .formColumnSection .indent .formColumn1of2 .txt { width: 230px; }
.page .formColumnSection .indent .formColumn2of2 .txt { width: 230px; }
.page .formColumnSection .indent .formColumn1of3 .txt { width: 170px; }
.page .formColumnSection .indent .formColumn2of3 .txt { width: 170px; }
.page .formColumnSection .indent .formColumn3of3 .txt { width: 170px; }
.page .formColumnSection .indent .formColumn1of3 .txt1 { width: 40px; }
.page .formColumnSection .indent .formColumn2of3 .txt1 { width: 40px; }
.page .formColumnSection .indent .formColumn3of3 .txt1 { width: 40px; }
.page .formColumnSection .indent .formColumn1of3 .txt2 { width: 82px; }
.page .formColumnSection .indent .formColumn2of3 .txt2 { width: 82px; }
.page .formColumnSection .indent .formColumn3of3 .txt2 { width: 82px; }
.page .formColumnSection .indent .formColumn1of3 .txt3 { width: 122px; }
.page .formColumnSection .indent .formColumn2of3 .txt3 { width: 122px; }
.page .formColumnSection .indent .formColumn3of3 .txt3 { width: 122px; }
.page .formColumnSection .indent .formColumn2    .txt { width: 550px; }
.page .formColumnSection .indent .formColumn1of2 .sel { width: 230px; }
.page .formColumnSection .indent .formColumn2of2 .sel { width: 230px; }
.page .formColumnSection .indent .formColumn1of3 .sel { width: 170px; }
.page .formColumnSection .indent .formColumn2of3 .sel { width: 170px; }
.page .formColumnSection .indent .formColumn3of3 .sel { width: 170px; }
.page .formColumnSection .indent .formColumn2    .sel { width: 550px; }
.page .formColumnSection .indent .formColumn2    textarea.txt { width: 550px; height: 200px; }
.page .formColumnSection .indent .formColumn1of2 .txtDisabled { width: 230px; }
.page .formColumnSection .indent .formColumn2of2 .txtDisabled { width: 230px; }
.page .formColumnSection .indent .formColumn1of3 .txtDisabled { width: 170px; }
.page .formColumnSection .indent .formColumn2of3 .txtDisabled { width: 170px; }
.page .formColumnSection .indent .formColumn3of3 .txtDisabled { width: 170px; }
.page .formColumnSection .indent .formColumn2    .txtDisabled { width: 550px; }
.page .formColumnSection .indent .formColumn1of2 .selDisabled { width: 230px; }
.page .formColumnSection .indent .formColumn2of2 .selDisabled { width: 230px; }
.page .formColumnSection .indent .formColumn1of3 .selDisabled { width: 170px; }
.page .formColumnSection .indent .formColumn2of3 .selDisabled { width: 170px; }
.page .formColumnSection .indent .formColumn3of3 .selDisabled { width: 170px; }
.page .formColumnSection .indent .formColumn2    .selDisabled { width: 550px; }
.page .formColumnSection .indent .formColumn2    textarea.txtDisabled { width: 550px; height: 200px; }

.page .actionSection { position: relative; overflow: auto; margin-left: 10px; margin-right: 10px; width: 100%; height: 30px; margin-top: 10px; margin-bottom: 10px; }
.page .actionSection a { font-size: 14px; line-height: 30px }
.page .actionSection .formWidth { width: 610px; }
.page .actionSection .right { position: relative; float: right; }
.page .actionSection .left { position: relative; float: left; }
.page .actionSection input { color: #000; background: #eceef0 url(../images/button_bg.gif) repeat-x bottom left; padding: 5px 12px; font-family: Arial, sans-serif; font-weight: normal; font-size: 12px; border: 0; }
.page .actionSection input.default { border: 1px solid #8391a1; cursor: pointer; }
.page .actionSection .textbutton { font-size: 12px; font-weight: 700; }

.page .listSection { position: relative; margin-left: 10px; margin-right: 10px; }
.page .listSection .formWidth { width: 610px; }
.page .listSection .header { background: #cceb04 url(../images/titlebar_bg.jpg) no-repeat top left; font-size: 12px; font-weight: bold; padding: 2px 2px 2px 10px; color: #273f00; margin-bottom: 10px; margin-top: 10px; }
.page .listSection .item { font-size: 12px; font-weight: bold; color: #000000; }

.page .tableSection { margin-left: 10px; margin-right: 10px; }
.page .tableSection .formWidth { width: 610px; }
.page .tableSection table { border: 0px solid black; margin-bottom: 10px; }
.page .tableSection th { font-size: 12px; font-weight: 700; border: 1px solid black; text-align: center; background-color: #cceb04; padding: 1px 2px 1px 2px; }
.page .tableSection td { font-size: 12px; font-weight: 400; border: 1px solid black; padding: 1px 2px 1px 2px; }

.page .tableSection table.plain { border-top: 0px; margin-bottom: 10px; border-spacing: 0px; }
.page .tableSection table.plain th { }
.page .tableSection table.plain td { border-left: 0px; border-right: 0px; border-bottom: 0px; }

.page .tableSection table.plain2 { border: 1px solid #888888; margin-bottom: 10px; border-spacing: 0px; }
.page .tableSection table.plain2 th { border: 1px solid #888888; padding: 2px 4px 2px 4px; font-weight: 700; background-color: #FFFFFF; text-align: left; }
.page .tableSection table.plain2 td { border: 1px solid #888888; padding: 2px 4px 2px 4px; }

.reportingHeaderContainer {
    border: 1px solid #BDC0B0;
    margin-bottom: 10px;
    position: relative;
    text-align: right;
    background: #DDEEA0;
	overflow: hidden;
	width: 100%;
}
.reportingHeaderContainer .title {
	position: relative;
	float: left;
	font-weight: bold;
	font-size: 120%;
	margin: 4px;
}
.reportingHeaderContainer .controls {
	position: relative;
	float: right;
	width: 250px;
	height: 20px;
	padding: 1px 0px 0px 0px;
	margin: 4px;

}

/* For tabled data sent via email, of the reportCategory pages */
table.reportingEmail { width: 100%; padding: 0px; margin: 0px; position: relative; border-collapse: collapse; border: 1px solid black; }
table.reportingEmail th { font-weight: 700; }
table.reportingEmail td { border: 1px solid black; }

/* Method of enforcing min-width:1024 on all browsers, including IE6 */
.frameWidth { 
	min-width: 1024px; 
	width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1024 ? "1024px" : "auto");
}
=======
/* ================= UNDO DEFAULT ================= */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;font-weight: normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,legend,input,select { margin:0; padding:0 }
a img,:link img,:visited img, fieldset { border:none }
address { font-style:normal }
table {border:none;padding:0;margin:0;}

/* ================= FIXES ================= */
body { filter:alpha(opacity=100); } /* fixes Ext modal backgrounds in IE. No idea why. */

/* ================= BASIC ================= */

object { outline:none; }
 
.red {
	color: #CB2928 !important;
}
.bold {
	font-weight: bold !important;
}

body {
	font-family: arial, sans-serif;
	color: #000;
	background: #fff url(../images/page_bg.gif) repeat-x scroll top left;
}
body#modal {
	padding: 16px;
	background: #FFF/* url(../images/content_back.gif) repeat-x 100% 100%*/;
	}

#header {
	height: 69px;
	background: #030303 url(../images/header_bg.jpg) no-repeat scroll top right;
	position: relative;
	border-bottom: 1px solid #FFF;
	}

#header.noNav {
	background: #030303 url(../images/header_bg2.jpg) no-repeat scroll top right;
	}

h1 {
	position: absolute;
	top: 30px;
	left: 17px;
	width: 209px;
	height: 0px;
	padding-top: 23px;
	overflow: hidden;
	background: transparent url(../images/control_logo.gif) no-repeat 0 0;
	}


/* ================= BASIC UTILITIES ================= */

.bottommargin {
	margin-bottom: 20px;
	}

.topmargin {
	margin-top: 20px;
	}

.percent-5 {width: 5%;}
.percent-10 {width: 10%;}
.percent-15 {width: 15%;}
.percent-20 {width: 20%;}
.percent-25 {width: 25%;}
.percent-30 {width: 30%;}
.percent-35 {width: 35%;}
.percent-40 {width: 40%;}
.percent-45 {width: 45%;}
.percent-50 {width: 50%;}
.percent-55 {width: 55%;}
.percent-60 {width: 60%;}
.percent-65 {width: 65%;}
.percent-70 {width: 70%;}
.percent-75 {width: 75%;}

select {
	color: #666;
	border: 1px solid #bbb;
	padding: 0;
	}

.right {
	text-align: right;
	}

.center {
	text-align: center;
	}

/* ================= MAIN SECTION ================= */

.mainPadding {
	position: relative;
	padding-right: 17px;
}

#main {
	background: #fff;
	position: relative;
	margin: 12px 17px 0 150px;
	border: 1px solid #e1e3e7;
	border-bottom: 0;
	}

#main2 {
	background: #fff;
	position: relative;
	margin: 12px 17px 0 225px;
	border: 1px solid #e1e3e7;
	border-bottom: 0;
	}

#main3 {
	background: #fff;
	position: relative;
	margin: 12px 17px 0 200px;
	border: 1px solid #e1e3e7;
	border-bottom: 0px;
	}

#mainShadow {
	height: 16px;
	position: relative;
	margin: 0px 17px 0 150px;
	background-image: url(../images/content_shadow.gif);
	background-repeat: repeat-x;
	}
#mainShadow2 {
	height: 16px;
	position: relative;
	margin: 0px 17px 0 225px;
	background-image: url(../images/content_shadow.gif);
	background-repeat: repeat-x;
	}
#mainShadow3 {
	height: 16px;
	position: relative;
	margin: 0px 17px 0 200px;
	background-image: url(../images/content_shadow.gif);
	background-repeat: repeat-x;
	}

#nosidebar #main {
	margin: 12px 17px 0 17px;
	}
#nosidebar #main2 {
	margin: 12px 17px 0 17px;
	}
#nosidebar #mainShadow {
	margin: 0px 17px 0 17px;
	}

h2 {
	background: #cceb04 url(../images/titlebar_bg.jpg) no-repeat top left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #b7b7b7;
	padding: 8px;
	color: #273f00;
	}

h2 span {
	background: transparent url(../images/arrow.gif) no-repeat 4px 4px;
	padding-left: 15px;
	color: #000;
	}

.company {
	position: absolute;
	display: block;
	top: 10px;
	right: 11px;
	padding: 3px 10px;
	background: #48592a url(../images/company_back.gif) repeat-x 0 0;
	color: #fff;
	font-size: .7em;
	}

#content {
	position: relative;
	padding: 16px;
	padding-bottom: 65px;
	min-height: 484px;
	background: #FFF url(../images/content_bg.gif) repeat-x bottom right;
	}

#content p {
	font-size: 12px;
}

/* ================= SIDEBAR ================= */



#sidebar {
	clear: both;
	width: 150px;
	position: absolute;
	top: 90px;
	left: 0;
	}

#sidebar h3 {
	margin: 0 0 5px 14px;
	color: #5b646e;
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	}

#sidebar ul.nav {
	border: 1px solid #bababa;
	background: #8d99a7 url(../images/sidebar_bg.jpg) no-repeat top left;
	width: 98px;
	margin: 0 0 20px 14px;
	padding: 4px 10px 10px 10px;
	}

#sidebar ul.nav li a {
	color: #000;
	font-size: 12px;
	font-family: arial;
	line-height: 1.4em;
	}

#sidebar ul.nav li a:hover,
#sidebar ul.nav li a.selected {
	color: #e76f00;
	font-size: 12px;
	font-family: arial;
	line-height: 1.4em;
	}

#sidebar .container {
	position: relative;
	border: 1px solid #bababa;
	background: #8d99a7 url(../images/sidebar_bg.jpg) no-repeat top right;
	padding: 4px 0px 2px 10px;
	margin: 0px 14px 20px 14px;
}

/* ================= SIDEBAR ================= */



#sidebar2 {
	clear: both;
	width: 225px;
	position: absolute;
	top: 90px;
	left: 0;
	}

#sidebar2 h3 {
	margin: 0 0 5px 18px;
	color: #5b646e;
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	}

#sidebar2 ul.nav {
	border: 1px solid #bababa;
	background: transparent url(../images/sidebar_bg2.jpg) no-repeat top left;
	width: 174px;
	margin: 0 0 20px 14px;
	padding: 4px 10px 10px 10px;
	}

#sidebar2 ul.nav li a {
	color: #000;
	font-size: 12px;
	font-family: arial;
	line-height: 1.4em;
	}

#sidebar2 ul.nav li a:hover,
#sidebar2 ul.nav li a.selected {
	color: #e76f00;
	font-size: 12px;
	font-family: arial;
	line-height: 1.4em;
	}

#sidebar2 .container {
	position: relative;
	border: 1px solid #bababa;
	background: transparent url(../images/sidebar_bg2.jpg) no-repeat top left;
	padding: 4px 0px 2px 10px;
	margin: 0px 14px 20px 14px;
}

/* ================= SIDEBAR ================= */

#sidebar3 {
	clear: both;
	width: 200px;
	position: absolute;
	top: 90px;
	left: 0;
	}

#sidebar3 h3 {
	margin: 0 0 5px 18px;
	color: #c6d784;
	font-size: 10px;
	text-transform: uppercase;
	}

#sidebar3 ul.nav {
	border: 1px solid #1d2f00;
	border-top: none;
	background: #4a5b2c url(../images/sidebar_back.gif) repeat-x bottom left;
	width: 149px;
	margin: 0 0 20px 14px;
	padding: 4px 10px 10px 10px;
	}

#sidebar3 ul.nav li a {
	color: #FFF;
	font-size: 11px;
	line-height: 1.4em;
	}

#sidebar3 ul.nav li a:hover,
#sidebar3 ul.nav li a.selected {
	color: #9fe21c;
	font-size: 11px;
	line-height: 1.4em;
	}

#footer {
	margin: 6px auto 8px 6px;
	font-size: .6em;
	color: #5D7500;
	padding: 0 18px;
	}

/*---------*/

#sidebar ul.nav li a.bigger, #sidebar2 ul.nav li a.bigger, #sidebar3 ul.nav li a.bigger {
	color: #FFF;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: bold;
	}

#sidebar ul.nav li a.bigger:hover, #sidebar2 ul.nav li a.bigger:hover, #sidebar3 ul.nav li a.bigger:hover,
#sidebar ul.nav li a.selectedBigger, #sidebar2 ul.nav li a.selectedBigger, #sidebar3 ul.nav li a.selectedBigger {
	color: #9fe21c;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: bold;
	}

/* ================= Deluxe Menu Styles ================= */

/* Need to have SOMETHING in dmMenu in order for Opera to load dmSubmenu correctly */
.dmMenu {
	padding: 2px; 
	}

.dmSubmenu {
	position: absolute;
	border: 1px solid #bababa;
	background-color: #c7cfd8;
	padding: 5px 5px 5px 5px;
	}

.dmItemText {
	cursor: pointer;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	}
.dmItemTextOver {
	cursor: pointer;
	color: #e76f00;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	}

.dmIndentItemText {
    padding-left: 5px;
    cursor: pointer;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4em;
}
.dmIndentItemTextOver {
    padding-left: 5px;
    cursor: pointer;
    color: #e76f00;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4em;
}
.dmLinklessItemText {
    cursor: default;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4em;
}
.dmLinklessItemTextOver {
    cursor: default;
    color: #e76f00;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4em;
}

.dmHomepageItemText {
    cursor: pointer;
    color: #000088;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4em;
}
.dmHomepageItemTextOver {
    cursor: pointer;
    color: #e76f00;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4em;
}

/* ================= DATA TABLE DESIGN ================= */

.datatable {
	clear: both;
	border: 1px solid #bdc0b0;
	width: 100%;
	border-left: none;
	/*font-size: .66em;*/
	}

.datatable thead th {
	background: #FFF url(../images/tableheader_bg.gif) repeat-x left bottom;
	padding: 7px 10px 6px 10px;
	text-align: left;
	border-left: 1px solid #BBB;
	border-bottom: 1px solid #9D9D9D;
	color: #495632;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-shadow: #999 0px 1px 2px;
	}

.datatable thead th.sorted {
	background: #FFF url(../images/tableheader_bg_selected.gif) repeat-x left bottom;
	}

.datatable th a {
	color: #495632;
	display: block;
	}

.datatable th a:hover {
	color: #000;
	}
.datatable th a:active {
	color: #666;
	}
.datatable th a.down {
	padding-left: 12px;
	background: transparent url(../images/table_sort_down.gif) no-repeat 0 50%;
	}
.datatable th a.up {
	padding-left: 12px;
	background: transparent url(../images/table_sort_up.gif) no-repeat 0 50%;
	}

.datatable th.edit {
	background: #fcf7ea url(../images/table_header_back_edit.gif) repeat-x left bottom;
	}
.datatable th.edit a {
	text-decoration: underline;
	}

.datatable tbody td,
.datatable tbody th,
.datatable tfoot th,
.datatable tfoot td {
	font-size: 11px;
	border-left: 1px solid #bdc0b0;
	border-top: 1px solid #e3e4da;
	padding: 6px 10px;
	text-align: left;
	font-weight: normal;
	line-height: 1.3em;
	color: #515543;
	}

.datatable tbody th {
	font-weight: bold;
	background: #F3FBD9;
	color: #495632;
	}

.datatable tbody tr.odd td {
	background: #fbffef;
	}

.datatable .rowselect {
	width: 1px;
	padding: 6px;
	}

.datatable tbody tr.selected td,
.datatable tbody tr.selected th {
	background: #f3fbd6;
	font-weight: bold;
	}

.datatable tbody td a,
.datatable tbody th a {
	color: #515543;
	display: inline;
	text-decoration: underline;
	}

.datatable tr.inactive td a,
.datatable tr.inactive td {
	color: #9D9D9D;
	}

.datatable td.inactive a,
.datatable td.inactive {
	color: #9D9D9D;
	}

.datatable td a:hover {
	color: #000;
	}

.datatable td.right,
.datatable th.right {
	text-align: right;
	}

.datatable td.center,
.datatable th.center {
	text-align: center;
	}

.datatable .integer {
	width: 60px;
	}

.datatable tfoot td,
.datatable tfoot th {
	font-weight: bold;
	background: #f3fbd6;
	}



/* ================= TOOLBAR DESIGN ================= */

.toolbar {
	position: relative;
	margin: 0 0;
	z-index: 1;
/*	clear: both;*/
	color: #54574a;
	height: 1.7em;
	overflow: visible;
	}

.toolbar .tabletitle {
	border: 1px solid #BBB;
	border-bottom: none;
	border-collapse: collapse;
	position: absolute;
	bottom: 0;
	left: 1px;
	}

.toolbar .tabletitle td {
	padding: 3px 8px;
	font-size: 13px;
	color: #000;
	background: #fefefe url(../images/caption_bg.gif) repeat-x left bottom;
	}

.toolbar .buttons {
	border-collapse: collapse;
	position: absolute;
	top: 0px;
	right: 4px;
	}

.toolbar .buttons2 {
	border-collapse: collapse;
	position: relative;
	top: 0px;
	right: 4px;
	}


.toolbar .buttons a {
	font-size: .7em;
	color: #54574a;
	padding-left: 16px;
	margin-left: 10px;
}

.toolbar .buttons a:hover, .toolbar .buttons a:active, .toolbar .buttons a:visited:hover {
	color: #000000;
}

.details .toolbar .buttons a {
	font-size: 100%;
	}

.toolbar .buttons input {
	font-size: .7em;
	color: #54574a;
	border: 1px solid #BDC0B0;
	margin-right: -10px;
	padding: 2px 3px;
	background: #fff url(../javascript/ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;
	}

.toolbar .buttons select {
	font-size: .7em;
	color: #54574a;
	border: 1px solid #BDC0B0;
	padding: 2px 3px;
	background: #fff url(../javascript/ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;
	}

.toolbar .buttons a.add {
	background: transparent url(../images/button_add.gif) no-repeat 0 0;
	}
.toolbar .buttons a.delete {
	background: transparent url(../images/button_delete.gif) no-repeat 0 0;
	}
.toolbar .buttons a.search {
	background: transparent url(../images/button_search.gif) no-repeat 0 0;
	}

.toolbar .search {
	padding: 0 0px 0 30px;
	}

.browser .toolbar .tabletitle td {
	font-size: 3em;
	}

/* ================= PAGINATION DESIGN ================= */

.pagination {
	border: 1px solid #BBB;
	border-top: none;
	height: 2.3em;
	position: relative;
	margin: 0 auto;
	z-index: 1;
	clear: both;
	background: #f3fbd6;
	color: #54574a;
	font-size: .7em;
	}

.pagination .left {
	border-collapse: collapse;
	position: absolute;
	top: .4em;
	left: .7em;
	}

.pagination .right {
	border-collapse: collapse;
	position: absolute;
	top: .4em;
	right: .8em;
	}

.pagination .left img {
	margin-bottom: -2px;
	}

.pagination .left input {
	height: 1em;
	position: relative;
	top: 1px;
	font-size: 90%;
	color: #666;
	border: 1px solid #bbb;
	padding: 1px 2px 2px 2px;
	}

.pagination .right select {
	font-size: 90%;
	padding: 0;
	color: #666;
	padding: 0;
	width: 47px;
	}


/* ================= UTLITIES DESIGN ================= */

#utilities {
	position: absolute;
	top: 3px;
	right: 50px;
	font-size: 11px;
	color: #fff;
	font-family: Verdana;
	}

#utilities a {
	color: #cceb05;
	}


/* ================= FORM LAYOUT ================= */

form.layout {
	margin: 20px auto;
	clear: both;
	font-family: Arial, sans-serif;
	}

fieldset {
	font-size: 12px;
	}

.browser fieldset {
	font-size: 112%;
	}

form.layout h4 {
	margin-bottom: 10px;
	}

form.layout fieldset {
	padding: 5px 20px 15px 20px;
	margin: 0;
	}

form.layout fieldset.nomargin {
	padding: 5px 10px 0 10px;
	}

form.layout .formwrapper {
	margin: 0 auto;
	}

fieldset legend {
	text-align: left;
	color: #546905;
	padding-bottom: 2px;
	font-weight: bold;
	}

.formtable {
	border-top: 0;
	margin-bottom: 20px;
	}

.layout .line fieldset {
	margin-top: 40px;
	margin-bottom: 20px;
	}

.asterisk {
	font-family: georgia, sans-serif;
	font-size: 1.6em;
	line-height: .25em;
	color: #CB2928;
	font-weight: 700;
	vertical-align: -.3em;
	}

label.failed {
	background: transparent url(../images/error.gif) no-repeat 100% 8px;
	color: #CB2928;
	padding: 8px 22px 6px 2px;
	font-weight: bold;
	}

.formtable th,
.formtable td {
	border-bottom: 0;
	padding: 8px 5px;
	vertical-align: middle;
	}

.formtable td.padded {
	padding-left: 10px;
	}

.formtable th,
.formtable .verify {
	text-align: right;
	padding: 6px 10px 6px 2px;
	font-weight: normal;
	white-space: nowrap;
	}

.formtable .verify {
	text-align: left;
	font-weight: bold;
	}

.formtable .center {
	text-align: center;
	}

.formtable .right {
	text-align: right;
	}

.formtable label {
	font-size: 100%;
	}

.formtable .input,
.formtable .required,
.formtable .failed {
	vertical-align: middle;
	}

.formtable td.readonly {
	/*font-size: 90%;*/
	color: #666;
	padding-top: 7px;
}
.formtable td.readonly a:link, .formtable td.readonly a:visited {
	color: #666;
	text-decoration: underline;
}
.formtable td.readonly a:hover, .formtable td.readonly a:active, .formtable td.readonly a:visited:hover {
	color: #000000;
	text-decoration: underline;
}

.formtable .input .greybutton {
	width: inherit;
	}

.formtable .input input {
	width: 180px;
	}

.formtable .input .fixed-5 { width: 5px; }
.formtable .input .fixed-10 { width: 10px; }
.formtable .input .fixed-15 { width: 15px; }
.formtable .input .fixed-20 { width: 20px; }
.formtable .input .fixed-25 { width: 25px; }
.formtable .input .fixed-30 { width: 30px; }
.formtable .input .fixed-35 { width: 35px; }
.formtable .input .fixed-40 { width: 40px; }
.formtable .input .fixed-45 { width: 45px; }
.formtable .input .fixed-50 { width: 50px; }
.formtable .input .fixed-55 { width: 55px; }
.formtable .input .fixed-60 { width: 60px; }
.formtable .input .fixed-65 { width: 65px; }
.formtable .input .fixed-70 { width: 70px; }
.formtable .input .fixed-75 { width: 75px; }
.formtable .input .fixed-80 { width: 80px; }
.formtable .input .fixed-85 { width: 85px; }
.formtable .input .fixed-90 { width: 90px; }
.formtable .input .fixed-95 { width: 95px; }
.formtable .input .fixed-100 { width: 100px; }

th.adjacent {
	padding-left: 20px;
	}

.formtable .checkbox,
.formtable .radio {
	padding-top: 4px;
	}

.formtable .checkbox input,
.formtable .radio input,
#wizard .formtable .checkbox input,
#wizard .formtable .radio input {
	width: 13px;
	height: 13px;
	margin: 2.5px 4px 2px 0;
	vertical-align: middle;
	}

.formtable .checkbox label,
.formtable .radio label {
	padding: 0 10px 0 0;
	cursor: pointer;
	vertical-align: middle;
	}

.formtable .text {
	vertical-align: middle;
	/*font-size: 105%;*/
	padding-top: 7px;
	text-align: left;
}

.formtable INPUT.txt, INPUT.txt, TEXTAREA.txt {
	padding: 1px 3px;
	background: #fff url(../javascript/ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;
	border:1px solid #bdc0b0;
	font-family: Arial;
	font-size: 12px;
}

.groupheader {
	margin: 4px 0 5px 0;
	}

.formtable textarea {
	width: 180px;
	height: 6em;
	}

.groupheader input {
	vertical-align: middle;
	cursor: pointer;
	}

.groupheader label {
	vertical-align: middle;
	margin-left: 4px;
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
	}

/* ================= PAGE ACTIONS ================= */

.actions {
	clear: both;
	position: relative;
	height: 30px;
	margin-bottom: -8px;
	}

.actions .center {
	text-align: center;
	}

.actions .left {
	position: absolute;
	top: 0;
	left: 5px;
	}

.actions .right {
	position: absolute;
	top: 0;
	right: 5px;
	}

.actions input, .standardButton {
	color: #000;
	background: #eceef0 url(../images/button_bg.gif) repeat-x bottom left;
	padding: 5px 12px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	border: 0;
	}

.actions .center input {
	margin: 0 6px;
	}

.actions .left input {
	margin-right: 12px;
	}

.actions .right input {
	margin-left: 12px;
	}

.actions input.default, .standardButton {
	border: 1px solid #8391a1;
	cursor: pointer;
}

/* ================= NOTIFICATIONS ================= */

.notification {
	padding: 3px 10px;
	margin-bottom: 30px;
	font-size: 75%;
	line-height: 150%;
	font-family: Arial, sans-serif;
	}

.notification h4 {
	font-weight: bold;
	font-size: 110%;
	padding: 1px 0 0 24px;
	clear: both;
	margin: 6px 0;
	position: relative;
	}

.notification ul {
	list-style-type: square;
	margin: 6px 0 6px 35px;
	clear: both;
	}

.notification ol {
	list-style-type: decimal;
	margin: 6px 0 6px 35px;
	clear: both;
	}

.notification a {
	text-decoration: underline;
	}

.error {
	background: #EFFACB;
	color: #CB2928;
	border: 1px solid #BFE940;
	}

.error h4 {
	background: transparent url(../images/error.gif) no-repeat 0 2px;
	}

/* ================= DASHBOARD WIDGET ================= */

.report {
	clear: both;
	border: 1px solid #bdc0b0;
	font-size: .7em;
	margin: 0 auto 30px auto;
	width: 100%;
	}

.report h3 {
	font-weight: bold;
	font-size: 110%;
	color: #546905;
	}

.report thead th {
	background: #FFF url(../images/tableheader_bg.gif) repeat-x left bottom;
	padding: 7px 10px 6px 10px;
	text-align: left;
	border-bottom: 1px solid #9D9D9D;
	color: #495632;
	text-transform: uppercase;
	text-shadow: #999 0px 1px 2px;
	}

.report .info,
.report .graph {
	padding: 20px;
	vertical-align: top;
	background: #FFF;
	}

.report .info {
	padding-right: 0;
	}

.report .info legend,
.report .info .formtable {
	font-size: 120%;
	}

.report .info .textbutton {
	font-size: 100%;
	}

.tinytable td {
	padding: 2px;
	font-weight: bold;
	}

.tinytable th {
	padding: 2px;
	font-weight: normal;
	color: #546905;
	text-align: right;
	white-space: nowrap;
	}

.report .right {
	text-align: right;
	}

.report fieldset {
	margin-top: 20px;
	}

.report p {
	margin-top: 20px;
	}

.report select {
	font-size: 90%;
	padding: 2px;
	}

/* ================= TEXTBUTTON ================= */


.textbutton {
	border-top: 1px solid #adc353;
	border-left: 1px solid #859a30;
	border-right: 1px solid #859a30;
	border-bottom: 1px solid #546905;
	padding: 2px 6px;
	background: #bfe422 url(../images/button_inline_back.gif) repeat-x bottom left;
	color: #FFf !important;
	font-size: .8em;
	}

.details .textbutton {
	font-size: 105%;
	}

fieldset .textbutton {
	font-size: 105%;
	}

a:hover.textbutton {
	color: #000 !important;
	}


/* ================= CALENDAR ================= */

.calendar {
	width: 80px;
	border: 1px solid #BDC0B0;
	padding: 2px;
	font-size: 90%;
	}

.calendar_trigger {
	cursor: pointer;
	position: relative;
	top: -1px;
	}


/* ================= MULTI COLUMN BROWSER DESIGN ================= */

.browser {
	width: 100%;
	padding: 0;
	border-top: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	position: relative;
	font-size: .7em;
	overflow: auto;
	}

.browser .header th {
	background: #FFF url(../images/tableheader_bg.gif) repeat-x left bottom;
	padding: 7px 10px 6px 10px;
	text-align: left;
	border-bottom: 1px solid #9D9D9D;
	color: #495632;
	text-transform: uppercase;
	text-shadow: #999 0px 1px 2px;
	border-left: 1px solid #BBB;
	}

.browser td.cell {
	margin: 0;
	padding: 0;
	border-left: 1px solid #BBB;
	vertical-align: top;
	}

.browser .options {
	padding: 4px 4px 3px 4px;
	text-align: left;
	border-bottom: 1px solid #9D9D9D;
	color: #666;
	background-color: #F2F2F2;
	font-weight: normal;
	text-transform: none;
	text-shadow: none;
	position: relative;
	height: 1.7em;
	}

.browser .options .right {
	position: absolute;
	top:  4px;
	right: 3px;
	}

.browser .options .textbutton {
	font-size: 100%;
	}

.browser .options select {
	font-size: 90%;
	padding: 1px;
	width: 10em;
	}

.browser .options select.datetype {
	font-size: 90%;
	padding: 1px;
	width: 14em;
	}

.browser .options select.timezone {
	font-size: 90%;
	padding: 1px;
	width: auto;
	}

.browser .options select.week {
	font-size: 90%;
	padding: 1px;
	width: auto;
	}
.browser .options select.month {
	font-size: 90%;
	padding: 1px;
	width: auto;
	}

.browser .scroller {
	height: 296px;
	overflow: auto;
	margin-bottom: 0;
	position: relative;
	}

.browser .short {
	height: 133px;
	}

.browser .tall {
	height: 397px;
	}

.browser .details {
	background: #FFF;
	padding: 10px;
	}

.browser .details select {
	padding: 1px;
	font-size: 90%;
	width: 9em;
	}

.browser .details h3 {
	font-weight: bold;
	font-size: 110%;
	color: #546905;
	margin-bottom: 10px;
	display: none;
	}

.browser .section {
	border: 1px solid #BDC0B0;
	margin-bottom: 10px;
	position: relative;
	text-align: right;
	padding: 4px;
	background: #DDEEA0;
	}

.browser .section h4 {
	font-weight: bold;
	font-size: 120%;
	position: absolute;
	top: 5px;
	left: 6px;
	}

browser .details a {
	text-decoration: underline;
	}

.detailgrid {
	margin: 8px 9px 8px 9px;
	}

.detailgrid th {
	border: none;
	text-align: right;
	padding: 0 6px 5px 0;
	color: #AAA;
	}

.detailgrid td {
	border: none;
	padding: 0 0 5px 0;
	}

.browser .datatable {
	font-size: .9em;
	}

.browser .tabletitle {
	font-size: .4em;
	}

.browser .begin {
	font-size: 1.8em;
	color: #DDD;
	font-weight: bold;
	padding: 20px;
	}



/* ================= TEXT ONLY ================= */

.text {
	/*font-size: .8em;*/
	color: #333;
	line-height: 1.5em;
	margin: 0 30px 30px 30px;
	}

.instructions{
	margin: 0;
	}

.text p {
	margin-bottom: 1em;
	}

.text .callout {
	background: #F3FBD9;
	padding: 1em 2em 0 2em;
	border: 1px solid #BDC0B0;
	margin: 2em auto 2em auto;
	width: 50%;
	}

.text a {
	color: #273F00;
	text-decoration: underline;
	}

.text a.textbutton {
	color: inherit;
	text-decoration: none;
	}

.text h3 {
	/*font-size: 120%;*/
	text-transform: uppercase;
	color: #34A918;
	margin-bottom: .2em;
	padding-top: 1em;
	}

.text h4 {
	/*font-size: 130%;*/
	text-transform: uppercase;
	color: #34A918;
	margin-bottom: .2em;
	padding-top: 1em;
	}






/* ================= LIST DESIGN ================= */

ul.list {
	margin-bottom: 20px;
	/*font-size: .7em;*/
	}

.list .selected {
	background: #fff7c5;
	}

ul.list li input {
	z-index: 900;
	margin: 0 0 0 5px;
	}

ul.list li span {
	color: #333;
	display: block;
	border: 1px solid #BBB;
	margin-top: -1px;
	height: inherit;
	}

ul.list li span {
	padding: 6px;
	}

ul.list li.odd {
	background: #fbfbfb;
	}

ul.list li.selected {
	font-weight: bold;
	background: #f2f2f2 url(../images/arrow.gif) no-repeat 95% 45%;
	}

ul.list a {
	color: #666;
	}

ul.list a:hover {
	color: #000;
	}

/* ================= MULTI COLUMN BROWSER LIST CHANGES ================= */

.browser .list {
	margin-bottom: -2px;
	}

.browser .details ul.list {
	margin-bottom: 20px;
	}

.browser .list span {
	border-right: 0;
	}

.browser .list li {
	position: relative;
	}

.browser ul.list li {
	margin-left: -1px;
	}

.browser ul.list li ul li {
	margin-left: 0;
	}

.browser .list li .greybutton {
	position: absolute;
	top: 8px;
	right: 8px;
	}

.browser .details .list span {
	border-right: 1px solid #bbb;
	}

.browser .details .list li {
	position: relative;
	}

.browser .details ul.list li {
	margin-left: 0;
	}

.browser .details ul.list li ul li {
	margin-left: 0;
	}



.cell .list {
	/*font-size: 1em;*/
	}

.details .list {
	font-size: 100%;
	}

.details .list span {
	padding: 3px 3px;
	}

.details ul.list img {
	position: relative;
	top: 2px;
	}

.browser ul.list input {
	margin: 0 4px -1px 0;
	}

.browser .details ul.list input {
	margin: 0 5px;
	}

.browser .details ul.list img {
	margin: 2px 3px 2px 4px;
	}



.browser .simpletable th,
.browser .simpletable td {
	border-left: 0;
	padding: 5px;
	}

.browser .simpletable td a {
	color: #333;
	text-decoration: none;
	}

.browser .simpletable td a:hover {
	color: #880000;
	text-decoration: underline;
	}


strikethrough {
	text-decoration: line-through;
	color: #ccc;
	}


/* ============
   extra styles */

a.gridLink:link, a.gridLink:visited {
	color: #666;
	text-decoration: underline;
}
a.gridLink:active, a.gridLink:hover, a.gridLink:visited:hover {
	color: #000;
	text-decoration: underline;
}

.page {}
.page .sectionContainerTabs { position: relative; width: auto; overflow: hidden; margin-left: 10px; margin-right: 10px; }
.page .sectionContainer { position: relative; margin-left: 10px; margin-right: 10px; font-size: 12px; border: 1px solid #CCCCCC; padding-top: 10px; }

.page .sectionContainerTabs .tab {
	position: relative;  
	float: left;
	border-top: 1px solid #adc353;
	border-left: 1px solid #859a30;
	border-right: 1px solid #859a30;
	border-bottom: 1px solid #546905;
	padding: 2px 6px;
	background: #AAAAAA url(../images/button_bg.gif) repeat-x top left;
	color: #888888;
	font-size: .8em;
	font-weight: 700;
	margin-right: 1px;
}

.page .sectionContainerTabs .activeTab {
	position: relative;  
	float: left;
	border-top: 1px solid #adc353;
	border-left: 1px solid #859a30;
	border-right: 1px solid #859a30;
	border-bottom: 1px solid #546905;
	padding: 2px 6px;
	background: #bfe422 url(../images/button_inline_back.gif) repeat-x bottom left;
	color: #000000;
	font-size: .8em;
	font-weight: 700;
	margin-right: 1px;
}

.page .sectionContainerTabs .link { cursor: pointer; color: #000000; }

.page .sectionHeader { background: #cceb04 url(../images/titlebar_bg.jpg) no-repeat top left; font-size: 14px; font-weight: bold; padding: 2px 2px 2px 10px; color: #273f00; margin-bottom: 10px; }
.page .sectionSubheader { background: #DDEEA0; font-size: 14px; font-weight: 400; padding: 2px 2px 2px 10px; color: #273f00; margin-bottom: 10px; }
.page .sectionSubheader2 { font-size: 12px; font-weight: bold; padding: 2px 2px 2px 10px; color: #273f00; margin-bottom: 10px; }
.page .section { position: relative; margin-left: 10px; margin-right: 10px; font-size: 12px; }
.page .section a { text-decoration: underline; font-weight: 700; }
.page .section p { margin-top: 0px; margin-bottom: 10px; }
.page .section label { font-size: 12px; font-weight: bold; color: #333333; }
.page .section .indent { margin-left: 20px; }
.page .section ul { margin-bottom: 10px; }
.page .section ul.points { list-style-type: disc; list-style-position: inside; }
.page .section li { }
.page .section ul.spaced li { line-height: 18px; }
.page .formColumnSection { position: relative; overflow: auto; width: 600px; margin-left: 10px; }
.page .formColumnSection p { margin-top: 0px; margin-bottom: 10px; }
.page .formColumnSection label { font-size: 12px; font-weight: bold; color: #333333; }
.page .formColumnSection label.failed { background: transparent url(../images/error.gif) no-repeat 100% 8px; color: #CB2928; padding: 8px 18px 6px 2px; font-weight: bold; }
.page .formColumnSection .scroll { border: 1px solid black; width: 100%; height: 200px; overflow: scroll; }
.page .formColumnSection .formColumn1of2 { position: relative; float: left; width: 270px; padding-right: 25px; }
.page .formColumnSection .formColumn2of2 { position: relative; float: left; width: 270px; padding-left: 25px; }
.page .formColumnSection .formColumn1of3 { position: relative; float: left; width: 180px; padding-right: 25px; }
.page .formColumnSection .formColumn2of3 { position: relative; float: left; width: 180px; padding-right: 25px; }
.page .formColumnSection .formColumn3of3 { position: relative; float: left; width: 180px; }
.page .formColumnSection .formColumn2    { position: relative; float: left; width: 590px; }
.page .formColumnSection .formColumn1of2 .txt { width: 270px; }
.page .formColumnSection .formColumn2of2 .txt { width: 270px; }
.page .formColumnSection .formColumn1of2 .txt1 { width: 65px; }
.page .formColumnSection .formColumn2of2 .txt1 { width: 65px; }
.page .formColumnSection .formColumn1of2 .txt2 { width: 130px; }
.page .formColumnSection .formColumn2of2 .txt2 { width: 130px; }
.page .formColumnSection .formColumn1of2 .txt3 { width: 195px; }
.page .formColumnSection .formColumn2of2 .txt3 { width: 195px; }
.page .formColumnSection .formColumn1of3 .txt { width: 170px; }
.page .formColumnSection .formColumn2of3 .txt { width: 170px; }
.page .formColumnSection .formColumn3of3 .txt { width: 170px; }
.page .formColumnSection .formColumn1of3 .txt1 { width: 40px; }
.page .formColumnSection .formColumn2of3 .txt1 { width: 40px; }
.page .formColumnSection .formColumn3of3 .txt1 { width: 40px; }
.page .formColumnSection .formColumn1of3 .txt2 { width: 80px; }
.page .formColumnSection .formColumn2of3 .txt2 { width: 80px; }
.page .formColumnSection .formColumn3of3 .txt2 { width: 80px; }
.page .formColumnSection .formColumn1of3 .txt3 { width: 120px; }
.page .formColumnSection .formColumn2of3 .txt3 { width: 120px; }
.page .formColumnSection .formColumn3of3 .txt3 { width: 120px; }
.page .formColumnSection .formColumn2    .txt { width: 590px; }
.page .formColumnSection .formColumn2    .txt1 { width: 145px; }
.page .formColumnSection .formColumn2    .txt2 { width: 290px; }
.page .formColumnSection .formColumn2    .txt3 { width: 435px; }
.page .formColumnSection .formColumn1of2 .sel { width: 270px; }
.page .formColumnSection .formColumn2of2 .sel { width: 270px; }
.page .formColumnSection .formColumn1of2 .sel1 { width: 65px; }
.page .formColumnSection .formColumn2of2 .sel1 { width: 65px; }
.page .formColumnSection .formColumn1of2 .sel2 { width: 130px; }
.page .formColumnSection .formColumn2of2 .sel2 { width: 130px; }
.page .formColumnSection .formColumn1of2 .sel3 { width: 195px; }
.page .formColumnSection .formColumn2of2 .sel3 { width: 195px; }
.page .formColumnSection .formColumn1of3 .sel { width: 170px; }
.page .formColumnSection .formColumn2of3 .sel { width: 170px; }
.page .formColumnSection .formColumn3of3 .sel { width: 170px; }
.page .formColumnSection .formColumn1of3 .sel1 { width: 40px; }
.page .formColumnSection .formColumn2of3 .sel1 { width: 40px; }
.page .formColumnSection .formColumn3of3 .sel1 { width: 40px; }
.page .formColumnSection .formColumn1of3 .sel2 { width: 80px; }
.page .formColumnSection .formColumn2of3 .sel2 { width: 80px; }
.page .formColumnSection .formColumn3of3 .sel2 { width: 80px; }
.page .formColumnSection .formColumn1of3 .sel3 { width: 120px; }
.page .formColumnSection .formColumn2of3 .sel3 { width: 120px; }
.page .formColumnSection .formColumn3of3 .sel3 { width: 120px; }
.page .formColumnSection .formColumn2    .sel { width: 590px; }
.page .formColumnSection .formColumn2    .sel1 { width: 145px; }
.page .formColumnSection .formColumn2    .sel2 { width: 290px; }
.page .formColumnSection .formColumn2    .sel3 { width: 435px; }
.page .formColumnSection .formColumn2    textarea.txt { width: 590px; height: 200px; }
.page .formColumnSection .formColumn1of2 .txtDisabled { width: 270px; }
.page .formColumnSection .formColumn2of2 .txtDisabled { width: 270px; }
.page .formColumnSection .formColumn1of3 .txtDisabled { width: 170px; }
.page .formColumnSection .formColumn2of3 .txtDisabled { width: 170px; }
.page .formColumnSection .formColumn3of3 .txtDisabled { width: 170px; }
.page .formColumnSection .formColumn2    .txtDisabled { width: 590px; }
.page .formColumnSection .formColumn1of2 .selDisabled { width: 270px; }
.page .formColumnSection .formColumn2of2 .selDisabled { width: 270px; }
.page .formColumnSection .formColumn1of2 .selDisabled { width: 170px; }
.page .formColumnSection .formColumn2of3 .selDisabled { width: 170px; }
.page .formColumnSection .formColumn3of3 .selDisabled { width: 170px; }
.page .formColumnSection .formColumn2    .selDisabled { width: 590px; }
.page .formColumnSection .formColumn2    textarea.txtDisabled { width: 590px; height: 200px; }

.page .formColumnSection .indent .formColumnSection { position: relative; overflow: auto; width: 570px; margin-left: 30px; }
.page .formColumnSection .indent .formColumn1of2 { position: relative; float: left; width: 255px; padding-right: 20px; }
.page .formColumnSection .indent .formColumn2of2 { position: relative; float: left; width: 255px; padding-left: 20px; }
.page .formColumnSection .indent .formColumn1of3 { position: relative; float: left; width: 180px; padding-right: 5px; }
.page .formColumnSection .indent .formColumn2of3 { position: relative; float: left; width: 180px; padding-right: 5px; }
.page .formColumnSection .indent .formColumn3of3 { position: relative; float: left; width: 180px; }
.page .formColumnSection .indent .formColumn2    { position: relative; float: left; width: 560px; }
.page .formColumnSection .indent .formColumn1of2 .txt { width: 230px; }
.page .formColumnSection .indent .formColumn2of2 .txt { width: 230px; }
.page .formColumnSection .indent .formColumn1of3 .txt { width: 170px; }
.page .formColumnSection .indent .formColumn2of3 .txt { width: 170px; }
.page .formColumnSection .indent .formColumn3of3 .txt { width: 170px; }
.page .formColumnSection .indent .formColumn1of3 .txt1 { width: 40px; }
.page .formColumnSection .indent .formColumn2of3 .txt1 { width: 40px; }
.page .formColumnSection .indent .formColumn3of3 .txt1 { width: 40px; }
.page .formColumnSection .indent .formColumn1of3 .txt2 { width: 82px; }
.page .formColumnSection .indent .formColumn2of3 .txt2 { width: 82px; }
.page .formColumnSection .indent .formColumn3of3 .txt2 { width: 82px; }
.page .formColumnSection .indent .formColumn1of3 .txt3 { width: 122px; }
.page .formColumnSection .indent .formColumn2of3 .txt3 { width: 122px; }
.page .formColumnSection .indent .formColumn3of3 .txt3 { width: 122px; }
.page .formColumnSection .indent .formColumn2    .txt { width: 550px; }
.page .formColumnSection .indent .formColumn1of2 .sel { width: 230px; }
.page .formColumnSection .indent .formColumn2of2 .sel { width: 230px; }
.page .formColumnSection .indent .formColumn1of3 .sel { width: 170px; }
.page .formColumnSection .indent .formColumn2of3 .sel { width: 170px; }
.page .formColumnSection .indent .formColumn3of3 .sel { width: 170px; }
.page .formColumnSection .indent .formColumn2    .sel { width: 550px; }
.page .formColumnSection .indent .formColumn2    textarea.txt { width: 550px; height: 200px; }
.page .formColumnSection .indent .formColumn1of2 .txtDisabled { width: 230px; }
.page .formColumnSection .indent .formColumn2of2 .txtDisabled { width: 230px; }
.page .formColumnSection .indent .formColumn1of3 .txtDisabled { width: 170px; }
.page .formColumnSection .indent .formColumn2of3 .txtDisabled { width: 170px; }
.page .formColumnSection .indent .formColumn3of3 .txtDisabled { width: 170px; }
.page .formColumnSection .indent .formColumn2    .txtDisabled { width: 550px; }
.page .formColumnSection .indent .formColumn1of2 .selDisabled { width: 230px; }
.page .formColumnSection .indent .formColumn2of2 .selDisabled { width: 230px; }
.page .formColumnSection .indent .formColumn1of3 .selDisabled { width: 170px; }
.page .formColumnSection .indent .formColumn2of3 .selDisabled { width: 170px; }
.page .formColumnSection .indent .formColumn3of3 .selDisabled { width: 170px; }
.page .formColumnSection .indent .formColumn2    .selDisabled { width: 550px; }
.page .formColumnSection .indent .formColumn2    textarea.txtDisabled { width: 550px; height: 200px; }

.page .actionSection { position: relative; overflow: auto; margin-left: 10px; margin-right: 10px; width: 100%; height: 30px; margin-top: 10px; margin-bottom: 10px; }
.page .actionSection a { font-size: 14px; line-height: 30px }
.page .actionSection .formWidth { width: 610px; }
.page .actionSection .right { position: relative; float: right; }
.page .actionSection .left { position: relative; float: left; }
.page .actionSection input { color: #000; background: #eceef0 url(../images/button_bg.gif) repeat-x bottom left; padding: 5px 12px; font-family: Arial, sans-serif; font-weight: normal; font-size: 12px; border: 0; }
.page .actionSection input.default { border: 1px solid #8391a1; cursor: pointer; }
.page .actionSection .textbutton { font-size: 12px; font-weight: 700; }

.page .listSection { position: relative; margin-left: 10px; margin-right: 10px; }
.page .listSection .formWidth { width: 610px; }
.page .listSection .header { background: #cceb04 url(../images/titlebar_bg.jpg) no-repeat top left; font-size: 12px; font-weight: bold; padding: 2px 2px 2px 10px; color: #273f00; margin-bottom: 10px; margin-top: 10px; }
.page .listSection .item { font-size: 12px; font-weight: bold; color: #000000; }
.page .listSection .item2 { margin-left: 15px; margin-bottom: 2px; list-style: disc; font-size: 12px; font-weight: bold; color: #000000; }
.page .listSection .item3 { margin-left: 15px; margin-bottom: 2px; list-style: disc; font-size: 12px; font-weight: normal; color: #000000; }

.page .tableSection { margin-left: 10px; margin-right: 10px; }
.page .tableSection .formWidth { width: 610px; }
.page .tableSection table { border: 1px solid black; margin-bottom: 10px; }
.page .tableSection th { font-size: 12px; font-weight: 700; border: 1px solid black; text-align: center; background-color: #cceb04; padding: 1px 2px 1px 2px; }
.page .tableSection td { font-size: 12px; font-weight: 400; border: 1px solid black; padding: 1px 2px 1px 2px; }

.page .tableSection table.plain { border-top: 0px; margin-bottom: 10px; border-spacing: 0px; }
.page .tableSection table.plain th { }
.page .tableSection table.plain td { border-left: 0px; border-right: 0px; border-bottom: 0px; }

.page .tableSection th.padded { padding-left: 10px; padding-right: 10px; }
.page .tableSection td.padded { padding-left: 10px; padding-right: 10px; }

.reportingHeaderContainer {
    border: 1px solid #BDC0B0;
    margin-bottom: 10px;
    position: relative;
    text-align: right;
    background: #DDEEA0;
	overflow: hidden;
	width: 100%;
}
.reportingHeaderContainer .title {
	position: relative;
	float: left;
	font-weight: bold;
	font-size: 120%;
	margin: 4px;
}
.reportingHeaderContainer .controls {
	position: relative;
	float: right;
	width: 250px;
	height: 20px;
	padding: 1px 0px 0px 0px;
	margin: 4px;

}

/* For tabled data sent via email, of the reportCategory pages */
table.reportingEmail { width: 100%; padding: 0px; margin: 0px; position: relative; border-collapse: collapse; border: 1px solid black; }
table.reportingEmail th { font-weight: 700; }
table.reportingEmail td { border: 1px solid black; }

/* Method of enforcing min-width:1024 on all browsers, including IE6 */
.frameWidth { 
	min-width: 1024px; 
	width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1024 ? "1024px" : "auto");
}