A:link {color: #E88517; text-decoration: none; font-weight: bold; font-style:normal; font-variant:normal; font-size:9pt; font-family:Times New Roman}

A:visited {color: #f47d44; text-decoration: none; font: 9pt tahoma, helvetica, sans-serif; font-weight: bold}

A:active {color: #f47d44; text-decoration: underline; font: 9pt tahoma, helvetica, sans-serif; font-weight: bold}

A:hover {color: #663300; text-decoration: underline; font-weight: bold; font-style:normal; font-variant:normal; font-size:9pt; font-family:Times New Roman}

.mini A:link {color: #E88517; text-decoration: none; font-weight: bold; font-style:normal; font-variant:normal; font-size:7.5pt; font-family:Times New Roman}

.mini A:visited {color: #f47d44; text-decoration: none; font: 7.5pt tahoma, helvetica, sans-serif; font-weight: bold}

.mini A:active {color: #f47d44; text-decoration: underline; font: 7.5pt tahoma, helvetica, sans-serif; font-weight: bold}

.mini A:hover {color: #663300; text-decoration: underline; font-weight: bold; font-style:normal; font-variant:normal; font-size:7.5pt; font-family:Times New Roman}

.Reversemini A:link {color: #FFFFFF; text-decoration: none; font-weight: bold; font-style:normal; font-variant:normal; font-size:10pt; font-family:Times New Roman}

.Reversemini A:visited {color: #FFFFFF; text-decoration: none; font: 10pt tahoma, helvetica, sans-serif; font-weight: bold}

.Reversemini A:active {color: #FFFFFF; text-decoration: underline; font: 10pt tahoma, helvetica, sans-serif; font-weight: bold}

.Reversemini A:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold; font-style:normal; font-variant:normal; font-size:10pt; font-family:Times New Roman}

body {color: #452603; margin: 0px; padding: 0px; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Times New Roman}

body {scrollbar-arrow-color: #f47d44; scrollbar-base-color: #E7DEC6; scrollbar-dark-shadow-color: #C8525D;

scrollbar-track-color: #ffffff; scrollbar-face-color: #57350a; scrollbar-shadow-color: #295218; 

scrollbar-highlight-color: #295218; scrollbar-3d-light-color: #295218;}

table {color: #452603; margin: 0px; padding: 2px; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Times New Roman}

td {color: #452603; margin: 0px; padding: 2px; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Times New Roman}

P { padding-left: 5px; }
h1 {font: 13px arial, sans-serif; color: #c40000; font-weight: bold}
h2 {font: 12px arial, sans-serif; color: #006DB4; font-weight: bold}
h3 {font: 12px arial, sans-serif; color: #c40000; font-weight: bold}

/*this is the css for the vertical version*/
.vertical ul{
	list-style-type: none;
	padding: 0px;
	border-top: 1px solid;
	width: 60px;
	margin-left: 2px;
}
.vertical li a{
	display: block;
	border-left:0px solid; border-right:0px solid; border-bottom:1px solid; width: 160px;
	text-decoration: none;
	height: 1.8em;
	border-top: 0px none;; padding-left:2px; padding-right:2px; padding-top:.1em; padding-bottom:.1em;
}
.vertical li{
	/*Needed for IE. Don't ask me why, It was a lucky guess.*/
	display: inline;
}
.vertical li ul{
	position: absolute;
	margin-top: -1.9em;
	margin-left: 160px;
}

.verticalx ul{
	list-style-type: none;
	padding: 0px;
	border-top: 1px solid;
	width: 54px;
	margin-left: 2px;
}
.verticalx li a{
	display: block;
	border-left:0px solid; border-right:0px solid; border-bottom:1px solid; width: 70px;
	text-decoration: none;
	height: 1.8em;
	border-top: 0px none;; padding-left:2px; padding-right:2px; padding-top:.1em; padding-bottom:.1em
}
.verticalx li{
	/*Needed for IE. Don't ask me why, It was a lucky guess.*/
	display: inline;
}
.verticalx li ul{
	position: absolute;
	margin-top: -1.9em;
	margin-left: 160px;
}
.horizontal ul{
	list-style-type: none;
	padding: 0px;
	border-left: 1px solid;
	display: block;
	height: 1.4em;
}
.horizontal li{
	float: left;
	display: inline;
}
.horizontal li a{
	text-decoration: none;
	height: 1.2em;
	float: left;
	display: block;
	padding: .2em 5px;
	border: 0px solid;
	border-left: none;
}
.horizontal li li a{
	border-top: none;
	border-left: 1px solid;
}
.horizontal li ul{
	position: absolute; 
	margin-top: 1.3em;
	margin-left: -1px;
	width: 129px;
	border: none;
	display: block;
	height: auto;
	border-top: 0px solid;
}
.horizontal li li ul{
	position: absolute;
	margin-top: .1em;
	margin-left: 125px;
}
.horizontal li ul li a{
	width: 125px;
}

/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
/*Not sure if I recommend this or not*/
.inaccesible li ul{
	display: none;
}
/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
.arrow a span{
padding-left: 1em;
font-size: 85%;  
}
.arrow a:hover span{
padding-left: 2em;
}
.arrow a span.noshow{
	visibility: hidden;
}
/*Plus code*/
.plus a span{
	padding-left: .5em;
}
/*colors for menu*/
.blackwhite li a{
	background-color: #E88517;
	color: black;
	border-color: white;
}
.blackwhite li a:hover{
	background-color: black;
	color: white;
	border-color: white;
}
.blackwhite ul{
	border-color: white;
}
.bluewhite li a{
	background-color: white;
	color: #E88517;
	border-color: #FCF0E2;
}
.bluewhite li a:hover{
	background-color: #663300;
	color: white;
	border-color:  #FCF0E2;
}
.bluewhite ul{
	border-color: #FCF0E2;
}
		UL.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		    text-align: left;
                    text-decoration: none;
		}
 
		UL.tabNavigation LI {
                    outline: 0;
                    text-decoration: none;
		    display: inline;
		}
 
		UL.tabNavigation LI A {
		    padding: 3px 5px;
		    background-color: #452603;
		    color: #FFFF12;
                    outline: 0;
		    text-decoration: none;
		}
 
		UL.tabNavigation LI A.selected {
                    outline: 0;
		    background-color: #701D27;
		    color: #ffffff;
		    padding-top: 10px;
		    padding-bottom: 8px;
                    text-decoration: none;

		}
			
		UL.tabNavigation LI A:hover {
                    outline: 0;
		    background-color: #FFFF12;
		    color: #452603;
		    padding-top: 7px;
		    text-decoration: none;
		}
		
		UL.tabNavigation LI A:focus {
		    outline: 0;
                    text-decoration: none;
		}
 
		#first, #second, #third, #forth, #fifth, #sixth, #seventh, #eighth, #step4, #harmony {
			padding: 3px;
			margin-top: 3px;
			border: 5px solid #452603;
		}

		div.tabs > div {
			padding: 5px;
			margin-top: 3px;
			border: 5px solid #452603;
		}
		
		div.tabs > div h2 {
			margin-top: 0;
		}
 
		
		.waste {
			min-height: 10px;
		}

hr {
color: #453602;
background-color: #453602;
height: 1px;
}
.kundlitd {vertical-align: text-top; width: 80px; height: 75px; color: #ff0000; margin: 0px; padding: 0px; font-style:normal; font-variant:normal; font-weight: bold; font-size:7.5pt; font-family:Times New Roman; border: 1px solid #452603; cellpadding: 0px; cellspacing: 0px;}
.kundlitxt {color: #347235; margin: 0px; padding: 0px; font-style:normal; font-variant:normal; font-weight: bold; font-size:8pt; font-family:Times New Roman;}
.kundlibhav {color: #151B8D; margin: 0px; padding: 0px; font-style:normal; font-variant:normal; font-weight: bold; font-size:8pt; font-family:Times New Roman;}
.kundlitdcenter {vertical-align: text-middle; width: 160px; color: #452603; margin: 0px; padding: 0px; font-style:normal; font-variant:normal; font-weight:normal; font-size:7pt; font-family:Times New Roman; border: 1px solid #452603; cellpadding: 0px; cellspacing: 0px;}
kundlitable { padding: 0px; color: #452603; margin: 0px; border:1px solid #452603; } 

.tb2 {
background-color : #a0522d;
border: 1px solid #453602;
color: #ffffff;
font-weight: bold;
font-size: 10pt;
}

.tbblue {
background-color : #000080;
border: 1px solid  #000080;
color: #ffffff;
font-weight: bold;
font-size: 8pt;
}


.tb22 {
background-color : #a0522d;
border: 1px solid #453602;
color: #ffffff;
font-weight: bold;
font-size: 7.5pt;
}


.bigbutton {
background-color : #a0522d;
border: 1px solid #453602;
color: #ffffff;
font-weight: bold;
font-size: 10pt;
height: 120px;
width: 130px;
}

.label {
color: #453602;
font-weight: bold;
font-size: 10pt;
text-align: right;
}

.label2222 {
color: #453602;
font-weight: bold;
font-size: 7.5pt;
text-align: right;
}


.label2 {
color: #ff0000;
font-weight: bold;
font-size: 10pt;
text-align: left;
}

.label2x {
color: #ff0000;
font-weight: bold;
font-size: 8.5pt;
text-align: left;
padding: 0px;
margin: 0px;
}


.label3 {
color: #452603; 
margin: 0px; 
padding: 2px; 
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size:8pt; 
font-family:Times New Roman;
}


#header {display: none; visibility: hidden;}

#footer{display: none; visibility: hidden;}

#frontpage {display: none;} 

#screenonly {
display:block;
color: #452603;
margin: 0px;
padding: 2px;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:9px;
font-family:Times New Roman;
}

#screennotice {
display:block;
color: #452603;
margin: 0px;
padding: 2px;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:14px;
font-family:Times New Roman;
border: 5px solid #452603;
text-align: left;
}

#screennotice A:Link {  text-decoration: underline; }

#screennotice A:visited {  text-decoration: underline; }

#screennotice A:active {  text-decoration: underline; }

#screennotice A:hover {  text-decoration: underline; }


@media all
{
  .printonly   { display:none; }
  .page-break  { display:none; }
  .page-no-break {display:none; }
}

@media print
{
   #header{
   	visibility: visible;
	display: block;
	position: fixed; top: 0; left: 0; width: 100%; height: 2em;
   }
   #footer {
   	visibility: visible;
	display: block;
   }

   #frontpage {
   	display: block;
   	visibility: visible;
   }

   #screenonly {
   	display:none;
   }

   #screennotice {
   	display:none;
   }

  .printonly { display:block; }
  .page-break  { display:block; page-break-after: always; }
  .page-no-break {display:block;}
}


.mylink A:link {color: #ffffff; text-decoration: none; font-weight: bold; font-style:normal; font-variant:normal; font-size:9pt; font-family:Times New Roman}

.mylink A:visited {color: #ffffff; text-decoration: none; font: 9pt tahoma, helvetica, sans-serif; font-weight: bold}

.mylink A:active {color: #ffffff; text-decoration: underline; font: 9pt tahoma, helvetica, sans-serif; font-weight: bold}

.mylink A:hover {color: #ffffff; text-decoration: underline; font-weight: bold; font-style:normal; font-variant:normal; font-size:9pt; font-family:Times New Roman}


.myBoldlink A:link {color: #802040; text-decoration: none; font-weight: bold; font-style:normal; font-variant:normal; font-size:14pt; font-family:Times New Roman}

.myBoldlink A:visited {color: #ff2040; text-decoration: none; font: 14pt tahoma, helvetica, sans-serif; font-weight: bold}

.myBoldlink A:active {color: #ff2040; text-decoration: underline; font: 14pt tahoma, helvetica, sans-serif; font-weight: bold}

.myBoldlink A:hover {color: #802040; text-decoration: underline; font-weight: bold; font-style:normal; font-variant:normal; font-size:14pt; font-family:Times New Roman}

div.example_code
{
width:98%;
background-color:#ffffff;
padding:5px;
border:1px solid #d4d4d4;
font-size:110%;
font-family:"courier new";
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}