h1 {
    color: green;
    font-family: Arial, Helvetica;
    font-size: 14pt;
    font-weight: bold 
}

h2 {
    color: green;
    font-family: Arial, Helvetica;
    font-size: 12pt;
    font-weight: bold 
}

h3 {
    color: green;
    font-family: Arial, Helvetica;
    font-size: 10pt;
    font-weight: bold 
}

font.ph1 {
    color: green;
    font-family: Arial, Helvetica;
    font-size: 16pt;
    font-weight: bold;
    font-style: italic
}

font.ph2 {
    color: green;
    font-family: Arial, Helvetica;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic
}

font.ph3 {
    font-family: Arial, Helvetica;
    font-size: 8pt;
    color: green;
}

font.footer {
    font-family: Arial, Helvetica;
    font-size: 9pt;
    color: green;
}

body {
    background-color:	#ebfef2;
    font-family: 	Arial, Helvetica;
    font-size: 		10pt 
}

table {
    font-family: Arial, Helvetica;
    font-size: 9pt 
}

td {
    font-family: Arial, Helvetica;
    font-size: 9pt;
}

td.justify {
    font-family: Arial, Helvetica;
    font-size: 9pt;
    text-align: justify 
}

table.roster {
    background-color:	white;
    border: 		solid black 1px;
    border-spacing: 	0px;
    padding: 		0px;
}

table.roster td {
    padding:		4px;
}

pre {
    font-family: Courier;
    font-size: 10pt 
}

ul {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Arial, Helvetica;
    font-size: 9pt 
}

ol {
    font-family:    Arial, Helvetica;
    font-size:      9pt;
    margin-top:     4px;
    margin-bottom:  4px;
}

li {
    padding-top: 4px;
}

p {
    font-family: Arial, Helvetica;
    font-size: 9pt 
}

th.banner {
    background-color: green;
    color: white;
    font-size: 11pt;
    padding: 2px;
}

th.banner2 {
    background-color: green;
    color: white;
    font-size: 8pt;
    padding: 1px;
}

th.head {
    background-color:	green;
    border:		1px solid black;
    color:		white;
    font-size:		10pt;
    padding:		2px;
    vertical-align:	bottom;
}

tr.head2 th, th.head2 {
    background-color:	#ccffcc;
    border:		1px solid black;
    color:		black;
    font-size:		9pt;
    padding:		2px;
    vertical-align:	bottom;
}

th.head3 {
    background-color:	green;
    border-width:	0px;
    color:		white;
    font-size:		10pt;
    padding:		0px;
}

th.label {
    background-color:	#ccffcc;
    color:		black;
    border:		1px solid black;
    font-size:		8pt;
    font-weight:	bold;
    padding:		2px;
    text-align:		right;
    vertical-align:	top;
}

.label {
    font-family: Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    text-align: right;
    padding-right: 4px;
}

.info, table.info td, .info td {
    font-family:	arial, helvetica, sans-serif;
    font-size:		8pt;
    background-color:	white;
    border-collapse:	collapse;
    border:		1px solid black;
    padding:		2px;
    vertical-align:	top;
    empty-cells:	show;
}

textarea.info {
    background-color:	#eeeeff;
}

div.whitebox {
    background-color:   white;
    border:             solid black 1px;
    padding:            4px;
}

table.info input[type=text],textarea,select {
    background-color: 	#eeeeff;
    border:		        solid black 1px;
}

.info {
    font-family:	    arial, helvetica, sans-serif;
    font-size:		    8pt;
    background-color:	white;
    border-collapse:	collapse;
    border:		        1px solid black;
    padding:		    2px;
    vertical-align:	    top;
}

.smalltext {
    font-family:	    Arial, Helvetica;
    font-size:    	    8pt;
}

.smallb {
    font-size: 		    7pt;
    font-weight:	    bold;
    color:		        green;
}

textarea {
    font-family: 	    Arial, Helvetica, sans-serif;
    color: 		        blue;
    font-size: 		    9pt;
    font-style: 	    normal;
    border: 		    solid black 1px;
    margin: 		    0px;
    background-color:	#eeeeff;
}

input {
    font-size: 		9pt;
    color: 		    blue;
    padding-left:   2px;
    padding-right:  2px;
}

select {
    font-size: 		8pt;
    color: 		blue 
}

option {
    font-size: 		    8pt;
    color: 		        blue;
    background-color: 	white; 
}

.info .pageTab {
    border: 		    solid black 1px; 
    margin: 		    0 0 0 2px;
    padding: 		    4px;
    background-color:	#eee; 
    color: 		        black;
    font-weight: 	    bold;
}

.info .pageTab_selected {
    border: 		    solid black 1px;
    margin: 		    0 0 0 2px;
    padding: 		    4px;
    background-color: 	green; 
    color: 		        white;
    font-weight: 	    bold;
}

table.in-cell td {
    padding:		0px;
    border-width: 	0px;
}

.popupdata {
    font-size:      8pt;
    color:          blue;
    padding-left:   4px; 
    margin-bottom:  8px;
}

.activityindicator {
    font-size:      0pt;
    width:          6px;
    height:         6px;
    border:         solid black 1px;
}

.mapcanvas {
    background-color:   white; 
    border:             solid black 1px; 
    margin:         	4px;
    padding:            8px;
}

.mypiBox {
     padding:           6px;
     background-color:  white;
     border:            solid #ccc 1px;
}

.mypiPanelHeader {
    width: 100%;
    background-color:   green;
    color:              white;
    font-size:          9pt;
    font-weight:        bold;
    text-align:         center;
    padding:        	6px 0 6px 0;
}

.mypiSeparator {
    height:             1px;
    border:             solid #ccc 1px;
}

input.green { 
    background-color:   green; 
    color:              black; 
    font-family:        Arial, Helvetica, sans-serif; font-size: 8pt;
}

optgroup.green {
    background-color:   green; 
    color:              white; 
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          8pt; 
    font-style:         normal;
}

option.green { 
    background-color:   green; 
    color:              white; 
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          8pt;
}

option.white {
    background-color:   white; 
    color:              black; 
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          8pt;
}

select.white { 
    background-color:   white; 
    color:              black; 
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          8pt;
}

.popupFrame {
    background-color:   #bbf; 
    border: 		solid black 1px;
}

.popupHead {
    background-color:   #bbf; 
    color:              blue; 
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          10pt;
    font-weight:        bold;
    font-variant:       small-caps;
    padding:		0 0 2px 0;
}

.popupHead2 {
    font-weight:        normal;
    font-variant:       normal;
}

.popupBody {
    background-color:   white; 
    color:              black; 
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          9pt;
    font-weight:        normal;
    padding:		4px;
    border-collapse:	collapse;
}

.popupBody p {
    margin-top:		4pt;
    margin-bottom:	0pt;
}

.popupBody ul {
    margin-top:		4pt;
    margin-bottom:	4pt;
}

.popupBody table {
    border-collapse:	collapse;
}