

HTML {
	height: 100%;
}

BODY {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
  overflow: -moz-scrollbars-vertical;
}


DIV, FORM {
	margin: 0;
	padding: 0;
	text-align: left;
}

/* *******************************************************************************************
 *         Generic Fonts                                                                     *
 ******************************************************************************************* */

H1 {
	margin: 0 0 10px 0;
	font: 20px Arial, Helvetica, sans-serif;
	color: #a0cb3e;
}

#dochead H1 {
	font-size: 29px;
}

H2 {
	margin: 15px 0 5px 0;
	font: 17px Arial, Helvetica, sans-serif;
	color: #000;
}
H2.listView {
	margin: 5px 0 15px 0;
}
H3 {
	margin: 15px 0 2px 0;
	font: bold 11px Verdana, Geneva, sans-serif;
	color: #000;
}
H3.listView {
	margin: 5px 0 15px 0;
}
H3.compact {
	margin: 5px 0 2px 0;
}
H4 {
	margin: 10px 0 2px 0;
	font: bold 10px Verdana, Geneva, sans-serif;
	color: #000;
}

BODY, TD, TH {
	font: 11px Verdana, Geneva, sans-serif;
	color: #000;
}
.ingress {
	margin: 0 0 5px 0;
	font-weight: bold;
}
.text {
	margin: 0 0 5px 0;
}

.small {
	font-size: 9px;
}


OPTGROUP {
	font-style: normal;
}

.alert{
	color: red;
}
DIV.error {
	color: #f00;
}
DIV.error H3,
DIV.error LI {
	color: #d00;
}


DIV.message H3 {
	color: #8bbf15;
}
DIV.message,
DIV.message LI {
	color: #333;
}

/* *******************************************************************************************
 *         Containers                                                                        *
 ******************************************************************************************* */

#outer_container {
	width: 980px;
	margin: 20px auto 0 auto;
	padding: 0;
}
#inner_container {
	margin: 0;
	padding: 20px 20px 0 20px;
}

#dochead {
	margin: 0 0 10px 0;
}

#leftmenu {
	clear: both;
	float: left;
	width: 174px;
	padding-bottom: 20px;
}

#main_container {
	float: right;
	width: 740px;
}

#main_container #topmenu {
	clear: both;
	width: 100%;
	height: 22px;
	margin-bottom: 25px;
}

#main_container #content {
	float: left;
	width: 460px;
	margin-bottom: 20px;
}
#main_container #content_fullwidth {
	clear: both;
	margin-bottom: 20px;
}

#main_container #rightcol {
	float: right;
	width: 220px;
}

#docfoot {
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 8px 0;
	text-align: center;
	font-size: 9px;
	color: #999;
}

#docfoot A {
	color: #999;
}

.containerdiv			{ width:602px; padding:0; margin:0;}

.leftcol 				{ float:left; padding:0; margin:0;}

.rightcol 				{ float:right; padding:0; margin:0;}

.textcelldiv			{ height: 16px; padding:7px 3px 3px 3px;}

.textbigcelldiv			{ height: 76px; padding:7px 3px 3px 3px;}

.celldiv				{ height: 20px; padding:3px;}

.bigcelldiv				{ height: 80px; padding:3px; }

/* *******************************************************************************************
 *         Popup                                                                             *
 ******************************************************************************************* */

BODY.popup {}

.popup {
	margin: 0 auto !important;
	padding: 0;
}
.popup_dochead {
	margin: 0;
	padding: 20px;
}
.popup_dochead H1 {
	font-size: 29px;
	margin: 0;
	padding: 0 0 5px 0;
}
.popup_content {
	margin: 0;
	padding: 20px;
}


/* *******************************************************************************************
 *         Doc head                                                                          *
 ******************************************************************************************* */

#dochead #logo {
	float: left;
	width: 218px;
	margin-right: 10px;
	vertical-align: middle;

}
#dochead H1 {
	float: left;
	margin: 0;
	padding: 28px 0 0 0;
}

#dochead #right_links {
	float: right;
}
#dochead #right_links .link {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 8px 20px;
	font: 10px Tahoma,Verdana,sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	color: #666;
}
#dochead #right_links .namelink {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #666;
}
#dochead #right_links A:hover,
#dochead #right_links A:active {
	text-decoration: underline;
}


/* *******************************************************************************************
 *         Links                                                                             *
 ******************************************************************************************* */

A:link, A:visited {
	color: #0062a6;
	text-decoration: none;
}
A:active, A:hover {
	color: #0082f6;
	text-decoration: underline;
}

/* *******************************************************************************************
 *         Boxes                                                                             *
 ******************************************************************************************* */

.box {
	margin: 0 0 20px 0;
	padding: 0;
}
.box H4 {
	margin: 1px;
	padding: 2px 3px;
	font: 10px Verdana,Geneva,sans-serif;
	color: #000;
}
.box TABLE.heading H4 A {
	color: #fff;
	text-decoration: none;
}
.box TABLE.heading H4 A:hover,
.box TABLE.heading H4 A:active {
	text-decoration: underline;
}
.box .box_content {
	margin: 0;
	padding: 3px 5px;
}

.box .box_content .box_item {
	margin-top: 8px;
}
.box .box_content .box_item0 {
	margin-top: 0;
}

.box_content UL {
	list-style-type: square;
	list-style-position: inside;
	margin: 2px;
	padding: 0;
}
.box_content UL LI {
	margin: 0;
	padding: 0 0 3px 0;
}
.box HR {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-width: 1px 0 0 0;
}


/* *******************************************************************************************
 *         Generic Forms                                                                     *
 ******************************************************************************************* */


TEXTAREA,
SELECT,
.formField,
.formText,
.formTextarea {
	font: 10px Verdana, Geneva, sans-serif;
	color: #000;
	border: 1px solid #000;
	border-width: 1px 2px 2px 1px;
	border-color: #ccc #000 #000 #ccc;
}
TEXTAREA {
	overflow: auto;
}
.formFieldFile {
	font: 10px Verdana, Geneva, sans-serif;
	color: #000;
}
.formFieldDisabled {
	font-size: 10px;
	cursor: default;
}
.checkBox {
	vertical-align: -5px;
}

.fieldNormal {
	margin-right: 4px;
	border: 2px solid transparent;
}
.fieldActive {
	margin-right: 4px;
	border: 2px solid #9ccfff;
}
.fieldMandatory,
.fieldError,
.fieldRed {
	margin-right: 4px;
	border: 2px solid red;
}

.fieldGreen {
	margin-right: 4px;
	border: 2px solid #2d2;
}



.formBtnLeft {
	float: left;
	margin-right: 8px;
}
.formBtnRight {
	float: right;
	margin-left: 8px;
}

.formBtnMargB {
	margin-bottom: 5px;
}




.formTable {
	width: 100%;
}
.formTableMarginTop {
	margin-top: 35px;
}
.formTableMarginBottom {
	margin-bottom: 35px;
}
.formTable TH {
	margin: 0;
	padding: 0;
}
.formTable TH H4 {
	margin: 0 0 10px 0;
	padding: 3px 10px 4px 10px;
	text-align: left;
	color: #000;
	font: 11px Verdana,Geneva,sans-serif;
}
.formTable TD {
	padding: 2px;
}
.formTable TD TD {
	padding: 0;
}
.formTable TH.first,
.formTable TD.first {
	padding-right: 10px;
	white-space: nowrap;
}
.formTable TR.tr_odd TD {
	background-color: #eff7ff !important;
}
.formTable TR.tr_even TD {}
.formTable TR.tr_odd TD TD {
	background-color: transparent !important;
}
.formTable TR.tr_even TD TD {}
.formTable TR.tr_last TD TD {
	border-bottom: 0 !important;
}
.formTable TR.spaceTop TH,
.formTable TR.spaceTop TD {
	padding-top: 10px;
}
.formTable TR.spaceBottom TH,
.formTable TR.spaceBottom TD {
	padding-bottom: 10px;
}
.formTable TR.space TH,
.formTable TR.space TD {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* *******************************************************************************************
 *         Misc                                                                              *
 ******************************************************************************************* */

A IMG {
	border: 0;
}

.dim { color: #999; }
.red { color: #c00; }


.bg_status_blue {
	color: #fff;
	background-color: blue;
}
.bg_status_green {
	color: #fff;
	background-color: green;
}
.bg_status_red {
	color: #fff;
	background-color: red;
}
.bg_status_black {
	color: #fff;
	background-color: black;
}

.status_blue {
	color: blue;
}
.status_green {
	color: green;
}
.status_red {
	color: red;
}
.status_black {
	color: black;
}

.account_active {}
.account_frozen {
	color: #999 !important;
}
.account_admin {
	text-decoration: line-through !important;
}
.account_hidden {
	color: #999 !important;
	text-decoration: line-through !important;
}

.clear,
.clearer {
	clear: both;
}


INPUT.imcmsFormBtnSmall {
	background-color: #20568D;
	color: #ffffff;
	font: 10px Tahoma, Arial, sans-serif;
	border: 2px outset #668DB6;
	border-color: #668DB6 #000 #000 #668DB6;
	cursor: pointer;
	padding: 0 2px;
}
.changePageButton {
	background-color:#e2e2e4;
	font: 10px Tahoma, Arial, sans-serif;
	color:#000;
	padding: 0 4px;
	border-width: 1px;
	border-style: outset;
	border-color: #ccc #666 #666 #ccc;
	cursor: pointer;
}
.imcmsAdmBgHead {
	background-color: #20568D;
	color: #fff;
}
.imcmsAdmBgCont {
	background-color: #f5f5f7;
	color: #000;
}
.imcmsFormBtnPanel {
	font: 9px Verdana, Geneva, sans-serif;
	color: #000000;
	background-color: #e7e7e7;
	cursor: pointer;
	height: 20px;
	border: 1px outset #000;
	border-color: #fff #000 #000 #fff;
	text-align: center;
}
.imcmsFormBtnPanelActive {
	font: 9px Verdana, Geneva, sans-serif;
	color: #000;
	background-color: #e7e7e7;
	cursor: pointer;
	height: 20px;
	border: 1px inset #000;
	border-color: #000 #fff #fff #000;
	text-align: center;
}

.imcms_label,
A.imcms_label:link,
A.imcms_label:visited {
	font: 10px Verdana !important;
	color: #c00000 !important;
	text-decoration: none !important;
	background-color: #ffc !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
A.imcms_label:active,
A.imcms_label:hover {
	font: 10px Verdana !important;
	color: #009 !important;
	text-decoration: underline !important;
	background-color: #ffc !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

DIV.postit {
	display: block;
	margin: 10px 0;
	border-top: 0;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	border-left: 1px solid #ccc;
	background-color: #ff6;
	font: 10px/11px verdana,geneva,sans-serif !important;
	color: #000;
}
DIV.postit H2 {
	font: bold 11px/13px verdana,geneva,sans-serif !important;
	margin: 0;
	padding: 7px !important;
	background-color: #ee9;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #000;
	color: #000;
}
DIV.postit DIV {
	padding: 5px;
}
DIV.postit DIV,
DIV.postit DIV TD {
	font: 10px/11px verdana,geneva,sans-serif !important;
	color: #000;
}

.adminLinksTable {
	border: 1px solid #000;
	border-width: 0 1px 1px 0;
}

#adminLinksDiv {
	margin: 5px 0 0 0 !important;
	padding: 0 !important;
	float: right;
}
#adminPanelDiv {
	margin: 5px 0 5px 5px !important;
	padding: 0 !important;
	float: left;
}
#changePageDiv {
	margin: 0 0 0 5px !important;
	padding: 0 !important;
	clear: left;
}



/* *******************************************************************************************
 *         Special for print                                                                 *
 ******************************************************************************************* */

#dochead_print {
	width: 100%;
	margin: 0 0 35px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #000000;
}
#dochead_print_logo {
	float: left;
	padding-bottom: 20px;
}
#dochead_print H1 {
	float: left;
	margin: 0;
	padding: 65px 0 0 50px;
	font: bold 1.4em Verdana,Geneva,sans-serif;
	color: #000000;
}
#dochead_print_url {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #000000;
	font-size: 0.8em;
	color: #999999;
}





.printHidden {
	display: block;
}
.printVisible {
	display: none;
}





BODY {
	background-color: #fff;
}

H1 {
	color: #a0cb3e;
}


UL {
	margin: 10px 0 10px 14px;
	padding: 0;
	list-style-type: square;
	list-style-image: url(/images_gui/icons/list_dot.gif);
}
* html UL {
	list-style-image: url(/images_gui/icons/list_dot_ie.gif);
}
LI {
	padding-bottom: 3px;
}


#outer_container {
	border: 1px solid #ccc;
	background-color: #fff;
}

#main_container #topmenu {
	background: #4e88ad url(/images_gui/bg_topmenu.gif) bottom left repeat-x;
}

.popup_dochead {
	background-color: #ecf5f9;
	border-bottom: 1px solid #bed6f8;
}

.red { color:red; }


/* *******************************************************************************************
 *         TopMenu                                                                           *
 ******************************************************************************************* */

#topmenu A {
	display: block;
	float: left;
	margin: 0;
	padding: 4px 13px 5px 13px;
	border-right: 1px solid #fff;
	font: 11px Verdana, Geneva, sans-serif;
	color: #fff;
	text-decoration: none;
}
#topmenu LABEL {
	display: block;
	float: left;
	margin: 0;
	padding: 4px 13px 5px 13px;
	font: bold 11px Verdana, Geneva, sans-serif;
	color: #fff;
}
#topmenu A.item0 {
	margin: 0 0 0 10px;
	border-left: 1px solid #fff;
}
#topmenu #topmenu_right A {
	float: right;
	border-right: 0;
	border-left: 1px solid #fff;
}
#topmenu A:active,
#topmenu A:hover {
	background: transparent url(/images_gui/bg_topmenu_hover.gif) top left repeat-x;
	color: #fff;
}
#topmenu A.act {
	background: #fff url(/images_gui/bg_topmenu_act.gif) top left repeat-x !important;
	color: #000;
}

/* *******************************************************************************************
 *         LeftMenu                                                                          *
 ******************************************************************************************* */

#leftmenu DIV {
	margin: 0;
	padding: 0;
}
#leftmenu A {
	display: block;
	width: 172px;
	margin: 0;
	padding: 0;
	border: 1px solid #a6c3d6;
	border-width: 0 1px 1px 1px;
	font: 11px Verdana, Geneva, sans-serif;
	color: #333;
	text-decoration: none;
}
#leftmenu A SPAN {
	display: block;
	margin: 0;
	padding: 5px 14px;
}
#leftmenu A.first {
	border-top: 1px solid #a6c3d6;
}

#leftmenu A.lev1 SPAN {
	padding: 5px 14px;
}
#leftmenu A.lev2 SPAN {
	padding: 5px 14px 5px 26px;
}
#leftmenu A.lev3 SPAN {
	padding: 5px 14px 5px 42px;
}
#leftmenu A.lev4 SPAN {
	padding: 5px 14px 5px 58px;
}

#leftmenu A:active,
#leftmenu A:hover {
	background: #ecf5f9;
	color: #333;
	text-decoration: underline;
}
#leftmenu A.act_page {
	width: 173px;
	border-right: 0;
	background: #ecf5f9 url(/images_gui/bg_leftmenu_act.gif) top right repeat-y;
	color: #333;
}
#leftmenu A.disabled,
#leftmenu A.disabled:active
#leftmenu A.disabled:hover {
	color: #999;
	background-color: inherit;
	text-decoration: none;
	cursor: default;
}

#leftmenu A.act_tree_lev1 SPAN {
	background: transparent url(/images_gui/icons/menu_black_down.gif) 5px 9px no-repeat;
}
#leftmenu A.act_tree_lev2 SPAN {
	background: transparent url(/images_gui/icons/menu_black_down.gif) 17px 9px no-repeat;
}
#leftmenu A.act_tree_lev3 SPAN {
	background: transparent url(/images_gui/icons/menu_black_down.gif) 33px 9px no-repeat;
}
#leftmenu A.act_tree_lev4 SPAN {
	background: transparent url(/images_gui/icons/menu_black_down.gif) 49px 9px no-repeat;
}

#leftmenu A.inact_tree_lev1 SPAN {
	background: transparent url(/images_gui/icons/menu_black_right.gif) 4px 10px no-repeat;
}
#leftmenu A.inact_tree_lev2 SPAN {
	background: transparent url(/images_gui/icons/menu_black_right.gif) 16px 10px no-repeat;
}
#leftmenu A.inact_tree_lev3 SPAN {
	background: transparent url(/images_gui/icons/menu_black_right.gif) 32px 10px no-repeat;
}
#leftmenu A.inact_tree_lev4 SPAN {
	background: transparent url(/images_gui/icons/menu_black_right.gif) 48px 10px no-repeat;
}


#leftmenu DIV.leftMenuHeading {
	display: block;
	width: 172px;
	margin: 0;
	padding: 0;
	border: 1px solid #a6c3d6;
	border-width: 0 1px 1px 1px;
	font: bold 11px Verdana, Geneva, sans-serif;
	color: #333;
	background-color: #c9e6f3;
}
#leftmenu A.leftMenuHeadingBg {
	border: 1px solid #a6c3d6;
	border-width: 0 1px 1px 1px;
	background-color: #c9e6f3 !important;
	color: #333 !important;
}
#leftmenu DIV.leftMenuHeadingSpaceBefore {
	margin-top: 35px;
	border-width: 1px;
}
#leftmenu DIV.leftMenuHeadingSpaceAfter {
	margin-bottom: 35px;
}
#leftmenu DIV.leftMenuHeadingFirst,
#leftmenu A.leftMenuHeadingBgFirst {
	border-width: 1px;
}
#leftmenu DIV.leftMenuHeading SPAN {
	display: block;
	margin: 0;
	padding: 5px 14px;
}

.box {
	border: 1px solid #bed6f8;
}
.box H4,
.formTable TH H4 {
	background: #bed6f8 url(/images_gui/gradient.png) top left repeat-x;
	border: 1px solid #bed6f8;
}
.box HR,
.borderBlue {
	border: 1px solid #bed6f8;
}

.formTable TR.tr_last TD {
	border-bottom: 1px solid #4a8aad;
}

.formTable HR { /* For Internet Explorer */
	margin: 2px 0 2px 0;
	width: 100%;
	height: 1px;
	color: #4a8aad;
	border: none;
}
html>body .formTable HR { /* For Opera and Gecko-based browsers */
	margin: 10px 0;
	width: 100%;
	height: 1px;
	background-color: #4a8aad;
	border: 0px solid #4a8aad;
}
.formTable HR.narrow { /* For Internet Explorer */
	margin: 0;
}
html>body .formTable HR.narrow { /* For Opera and Gecko-based browsers */
	margin: 4px 0;
}
.formTable HR.grey { /* For Internet Explorer */
	margin: 0;
	color: #ccc;
}
html>body .formTable HR.grey { /* For Opera and Gecko-based browsers */
	margin: 4px 0;
	background-color: #ccc;
	border-color: #ccc;
}


/* *******************************************************************************************
 *         Tables - dataTable, for displaying data in lists                                  *
 ******************************************************************************************* */

.dataTable {
	width: 100%;
}
.dataTableMarginTop {
	margin-top: 35px;
}
.dataTableMarginBottom {
	margin-bottom: 35px;
}
.dataTable TH {
	padding: 2px 10px;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background-color: #4a8aad;
}
.dataTable TD {
	vertical-align: top;
	padding: 3px 10px;
	border-left: 1px solid #fff;
}
.dataTable TH.first,
.dataTable TD.first {
	border-left: 0;
}
.dataTable TR.tr_odd TD {
	background-color: #fff;
}
.dataTable TR.tr_even TD {
	background-color: #ecf5f9;
}
.dataTable TR.tr_last TD {
	border-bottom: 1px solid #4a8aad;
}

.dateTable TD {
	vertical-align: middle;
	padding: 3px 10px 3px 0;
	margin-right: 10px;
	border: 0px red solid;
}

.dataTable .paging {
	padding: 4px 10px;
	border-top: 1px solid #4a8aad;
	border-bottom: 1px solid #4a8aad;
	text-align: center;
}
.dataTable .paging A {
}
.dataTable .paging A:active,
.dataTable .paging A:hover {
}
.dataTable .paging .dim {
	color: #999;
}
.dataTable .paging .active {
	color: #000;
}

.dataTable HR { /* For Internet Explorer */
	margin: 2px 0 2px 0;
	width: 100%;
	height: 1px;
	color: #4a8aad;
	border: none;
}
html>body .dataTable HR { /* For Opera and Gecko-based browsers */
	margin: 10px 0;
	width: 100%;
	height: 1px;
	background-color: #4a8aad;
	border: 0px solid #4a8aad;
}
.dataTable HR.narrow { /* For Internet Explorer */
	margin: 0;
}
html>body .dataTable HR.narrow { /* For Opera and Gecko-based browsers */
	margin: 4px 0;
}




.formBtn,
.formBtnSmall,
.formBtnSmallActive {
	background: #4e88ad url(/images_gui/icons/toolbar/bg_btn.gif) 0 0 no-repeat;
	border: 1px solid #3e789d;
	font-family: Arial,Helvetica,sans-serif;
	color: #fff;
	cursor: pointer;
	padding: 0 2px;
}
.formBtnDisabled,
.formBtnSmallDisabled {
	background: #b1b8bd url(/images_gui/icons/toolbar/bg_btn_disabled.gif) 0 0 no-repeat;
	border: 1px solid #91989d;
	font-family: Arial,Helvetica,sans-serif;
	color: #91989d;
	cursor: default;
	padding: 0 2px;
}

.formBtn,
.formBtnDisabled {
	font-size: 11px !important;
}
.formBtnSmall,
.formBtnSmallDisabled {
	font-size: 10px !important;
}
.formBtnSmallActive {
	font-size: 10px !important;
	color: #8e8;
	border-color: #000 #ccc #ccc #000;
}


.currentSetting {
	font-weight:bold;
}