/* root element for tabs - Level 1  */
ul.tabs0 { background-color: #32943c; list-style:none;  margin:0 !important; padding: 0 20px; height:30px; }
ul.tabs0 li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }
ul.tabs0 a { color: #deddda; font-weight: bold; font-size:12px; padding:0px 10px; text-decoration:none; display:block; height: 30px; line-height:30px; text-align:center; margin:0px; position:relative; }
ul.tabs0 a:active { outline:none; }
ul.tabs0 a:hover { background-color: #177220; }

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs0 a.current, ul.tabs0 a.current:hover, ul.tabs0 li.current a { background-color: #32943c; color: white !important; font-weight: bold; cursor:default !important; }



/* root element for tabs -- Level 2 */
ul.tabs1 { background-color: #8fb493; list-style:none; margin:0 !important;  padding: 0 20px; height:30px; }
ul.tabs1 li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }
ul.tabs1 a { color: #03720e; font-weight: bold; font-size:12px; padding:0px 10px; text-decoration:none; display:block; height: 30px; line-height:30px; text-align:center; margin:0px; position:relative; }
ul.tabs1 a:active { outline:none; }
ul.tabs1 a:hover { background-color: #7dab82; }

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs1 a.current, ul.tabs1 a.current:hover, ul.tabs1 li.current a { background-color: #8fb493; color: white !important; font-weight: bold; cursor:default !important; }



/* initially all panes are hidden */ 
.panes1 .pane1 { display:none; }
.panes0 .pane0 { display:none; }



ul.clsTabsMenu { list-style: none; margin: 0; padding: 0 20px; height: 30px; }
ul.clsTabsMenu li { float: left; text-indent: 0; margin: 0; padding: 0; list-style-image: none; }
ul.clsTabsMenu a { color: #089517; font-weight: bold; font-size:12px; padding:0px 10px; text-decoration:none; display:block; height: 30px; line-height:30px; text-align:center; margin:0px; position:relative; }
ul.clsTabsMenu a:active { outline:none; }
ul.clsTabsMenu a:hover { background-color: #8ece96; color: white; }