/* @group BASIC */
HTML, BODY { height: 100%; }
BODY { padding: 0px; margin: 0px; background-color: #FFF; }
BODY, TD, INPUT, TEXTAREA, SELECT { font-family: "Lucida Grande", Tahoma, sans-serif; font-size: 12px; color: #000; }
A { color: #036; text-decoration: none; font-size: inherit; }
A IMG { border: none; }
.strong { font-weight: bold; }
.alc { text-align: center; }
.delete { color: #C33; }
/* @end */

/* @group HEADINGS */
H1,H2,H3,H4 { margin:0px; padding:0px; margin-bottom: 10px; }
H1 { font-size: 16px; color: #31353D; font-weight: normal; }
H2 { font-weight: normal; font-size: 14px; color: #036; }
/* @end */

/* @group WEBPARTS */
#LOGINPAGE { padding-top: 100px; }
#LOGIN { width: 300px; margin: 0 auto; }
#LOGIN #TITLE { background: #31353D; height: 20px; padding: 8px 10px; margin: 0px; font-weight: bold; border-bottom: solid 5px #92CFCD; font-size: 16px; color: #F7DA95; }
#LOGIN #CONTENT { padding: 10px; border: solid 1px #CCC; border-top: none;}

#PAGE { height: 100%; background: #CCC;}
#HEADER { background: #31353D; }

#LOGO { float: left; height: 20px; padding: 8px 10px; margin: 0px; font-weight: bold; }
#LOGO A { font-size: 16px; color: #F7DA95; }

#INFO { float: right; text-align: right; font-size: 10px; color: #FFF; padding: 4px 10px 0px 0px; }
#INFO A { color: #F7DA95; }

#NAVI { clear: both; padding: 0; margin:0; clear: both; }
#NAVI UL { list-style: none; margin: 0px; padding: 0 0 0 10px; }
#NAVI LI { float: left; background: #92CFCD; margin-right: 3px; margin-bottom: 1px; }
#NAVI LI.active { background: #FFF; margin-bottom: 0px; }
#NAVI A { display: block; font-size: 10px; text-transform: uppercase; color: #036; padding: 7px 10px 6px 10px; }
#NAVI LI.active A { color: #31353D; padding-bottom: 7px;}

#TOC H3 { font-size: 13px; padding: 5px; background: #D8D8D8; }
#TOC UL, #TOC LI { list-style: none; padding: 0px; margin: 0px; }
#TOC LI { padding: 2px 0px 2px 10px; }
#TOC LI B { font-size: 14px; }

#CONTENT { clear:both; position: relative; padding: 10px; background: #FFF; }
#FOOTER { background: #CCC; height: 40px; font-size: 10px; padding-left: 10px; }
#FOOTERTOP { padding: 5px 0px; }
#FOOTERBOTTOM { color: #666; padding-top: 10px; }
/* @end */

/* @group STEPPER CLOUD */
.stepperCloud { background: url(../images/bg_steps.gif) repeat-x top left; border-bottom: dashed 1px black; }
.stepperHead { height: 34px; }
.stepperTitle { padding-left: 38px; }
.stepperContent { padding: 10px; }
/* @end */

/* @group FORM */
.required { font-size: 15px; font-weight: bold; color: #C33; }
.button, .clearButton { padding: 2px 10px 2px 24px; color: #FFF; background: #036 url(../images/bg_button.gif) no-repeat top left; border: none; text-transform: uppercase; font-size: 12px; width: auto; _width: 1; overflow: visible; }
.clearButton { background: #C00 url(../images/bg_cbutton.gif) no-repeat top left !important; }
.closeButton { padding: 1px 3px 1px 10px; color: #FFF; background: #C00 url(../images/bg_xbutton.gif) no-repeat top left; border: none; text-transform: uppercase; font-size: 9px; font-weight: bold; width: auto; _width: 1; overflow: visible; }
.buttonlinked { cursor: pointer; }
/* @end */

/* autocomplete */
div.auto_complete { width: 350px; background: #fff;}
div.auto_complete ul { border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none; }
div.auto_complete ul li { margin:0; padding:3px; }
div.auto_complete ul li.selected { background-color: #ffb; }
div.auto_complete ul strong.highlight { color: #800; margin:0; padding:0; }

/* VALIDATION */
.validationErrors { width: 360px; margin: 10px 0px 20px 0; }
.validationHead { background: #C33; color: #FFF; font-size: 15px; font-weight: bold; padding: 3px; border-bottom: solid 1px #CCC; }
.validationBody { background: #EEE; padding: 0;  }
.validationError { padding: 8px 8px 8px 8px; }

/* NOTIFICATIONS */
.notif_error { border: solid 1px #c33; background: #FAF7F7; color: #C33; margin-bottom: 10px; padding: 10px 10px 2px 10px; width: 476px; }
.notif_report { border: solid 1px #393; background: #F3FAF3; color: #393; margin-bottom: 10px; padding: 10px 10px 2px 10px; width: 476px; }
.notif_trace { border: solid 1px #3974D7; background: #E7F1FF; color: #3974D7; margin-bottom: 10px; padding: 10px 10px 2px 10px; width: 476px; }
.notif_report div, .notif_error div, .notif_trace div { margin-bottom: 8px; }
.hl { background-color: lightyellow; }

/* WINDOWS & COLUMNS */
.wcolumn2, .wcolumn { margin: 0; padding:0; list-style: none; }
.wcolumn2 { width: 584px; margin-right: 10px; float: left; }
.lockerContainer { text-align: right; margin-bottom: 9px; }
.locker { font-size: 9px; text-transform: uppercase; background: #D5D5D5; padding: 2px 5px; }
.locker A { color: #28333A; }
.wcolumn { width: 287px; float: left; margin-right: 10px; padding-bottom: 20px; }
.wclast { margin-right: 0px; }
.window { margin-bottom: 10px; }
.window .toolsContainer { text-align: right; margin-bottom: 3px;}
.window .tools { font-size: 9px; padding: 2px 5px; background: #EEE; height: 30px; }
.window .tools A { color: #28333A; }
.window .tools A.delete { color: #E4274C; }
.window .title { background: #92CFCD; font-size: 11px; padding: 4px 0px 4px 7px; text-transform: uppercase; color: #31353D; }
.window .content { background: #EEE; padding: 4px 7px; margin-top: 2px; }

/* SIMPLE FORM */
form.simpleForm fieldset { margin-bottom: 10px; border: none; border-top: solid 2px #19ABCE; width: 579px; padding-left: 5px; padding-right: 0px; }
form.simpleForm legend { padding: 0 5px; font-weight: bold; }
form.simpleForm label { display: block; line-height: 1.8; vertical-align: top; width: 130px; float:left; color: #28333A; }
form.simpleForm fieldset ol, form.simpleForm fieldset ul { margin: 0; padding: 0; }
form.simpleForm fieldset ol { margin: 0px 0px; }
form.simpleForm fieldset li { list-style: none; padding: 5px; margin: 0; clear: both; }
form.simpleForm fieldset ul li { padding: 2px 5px; }
form.simpleForm fieldset input { float: left; margin-left: 10px; }
form.simpleForm fieldset input.input1 { width: 300px; }
form.simpleForm fieldset textarea { width: 441px; margin-left: 0px; }
form.simpleForm fieldset input.input1 { font-size: 15px; }
form.simpleForm fieldset input.mainInput { font-size: 17px; }
form.simpleForm em { color: #F00; font-weight: bold; font-style: normal; }
form.simpleForm fieldset.tool { background: #F3F3F3; }
form.simpleForm table label { display: inline; width: auto; }
form.simpleForm legend a img { float: left; margin-top: 5px; margin-right: 5px; }
form.simpleForm legend a { color: #28333A; }
form.simpleForm fieldset .invoiceElements input { padding-top: 3px; padding-bottom: 3px; width: 100%; float: none; margin: 0px; }
/* -cloudForm extend- */
form.cloudForm fieldset { width: 265px; border-top-color: #6BB600; }
form.cloudForm fieldset label { float: none; }
form.cloudForm fieldset input { float:none; margin: 0; }

#CONTENTFILTER { background: #CCC; width: 200px; margin: 0 10px 10px 0; clear: both;  }
#CONTENTFILTER .title { color: #F7DA95; border-bottom: solid 3px #92CFCD; font-size: 10px; text-transform: uppercase; background: #31353D; padding: 6px 10px 5px 10px; }
#CONTENTFILTER .title A { color: #F7DA95; }
#CONTENTFILTER .titleIconed { padding:0; }
#CONTENTFILTER .titleIconed .text { float: left; padding: 7px 10px 0 5px; }
#CONTENTFILTER .titleIconed IMG { float: left; }
#CONTENTFILTER .content { padding: 10px; padding-top: 2px; border-top: solid 1px white;}

#columnedLayout {}
#columnedLayout .column {
	float: left; margin-right:10px;
}
#TOC { }
.clearFloat { clear: both; width: 100%; height: 0px; padding: 0px; margin: 0px; }

/* SORTABLE */
ul.sortable, ul.sortable li { list-style:none; padding: 0px; margin: 0px; }
ul.sortable li { cursor: move; padding: 2px 10px; }

.toggler { margin: 0 0 10px 0; padding:0; }
.toggler .title { padding: 5px; background: #EEE; border: solid 1px #CCC; display: block; width: 50px; border-bottom: none; }
.togglerClosed .titleOpen, .togglerClosed .content { display:none; }
.togglerClosed .titleClosed { border-bottom: solid 1px #CCC; }
.togglerOpen .titleClosed { display:none;}
.togglerOpen .content { padding: 5px; background: #EEE; border: solid 1px #CCC; }
.toggler .filterRow { padding: 0 0 5px 0; }