body, html {
    scrollbar-face-color: ThreeDFace !important;
    scrollbar-shadow-color: ThreeDDarkShadow !important;
    scrollbar-highlight-color: ThreeDHighlight !important;
    scrollbar-3dlight-color: ThreeDLightShadow !important;
    scrollbar-darkshadow-color: ThreeDDarkShadow !important;
    scrollbar-track-color: Scrollbar !important;
    scrollbar-arrow-color: ButtonText !important;
}

html {
    height: 100%;
}

body {
    background-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    font: 11px/18px 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
    height: 100%;
	width:750px;
}

table {
    font: 11px/18px 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
}

a {
	text-decoration: none;
    color: #0000FF;
    background-color: transparent;
}

a:link, a:active {
	color: #006400;
	text-decoration: underline;
	cursor: hand;
}

a:visited {
	color: #3CB371;
	text-decoration: underline;
	cursor: hand;
}

a:focus {
    outline: thin dotted invert;
}

a:hover {
    color: #FFCC16;
    cursor: hand;
}

a.plain {
    text-decoration: none;
}

img {
    border: none;
}

small {
    font: 10px 'Trebuchet MS',Arial,Verdana,Helvetica,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: Black;
    font: 12px 'Trebuchet MS',Arial,Verdana,Helvetica,sans-serif;
    margin-top: 0;
}

h1 {
     font-size: 240%;
}

h2 {
    font-size: 200%;
    font-weight: 600;
}

h3 {
    font-size: 160%;
}

h4 {
    font-size: 140%;
}

h5 {
    font-size: 120%;
}

h6 {
    font-size: 110%;
}

ul {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2em;
    padding :0;
}

ol { 
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2em;
    padding :0;
}

fieldset {
    border: 1px solid #e4eaf5;
    padding: 8px;
}

legend {
	margin-bottom: 12px;
    font-weight: bold;
}

.boxed fieldset {
    border: 1px solid #3CB371;
    padding: 0 8px 8px 8px;
}

.boxed legend {
    margin-bottom: 8px;
    font-weight: bold;
    padding: 0 2px;
}


form {
	margin: 0;
    border: none;
}

textarea {
    font: normal 12px 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
    border: 1px solid #999999;  
    color: #333333;
    background-color: white;
    padding: 1px 2px;
}

textarea.code {
    font: normal 12px "Courier New",Courier,monospace;
    border: 1px solid #999999;  
    color: #333333;
    background-color: white;
}

input {
    font: normal 12px 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
    border-top: 1px solid #DEDEDE;  
    border-bottom: 1px solid #999999;  
    border-left: 1px solid #DEDEDE;  
    border-right: 1px solid #999999;  
    color: #333333;
	padding: 2px 3px;
}

select {
    font: normal 12px 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
    border: 1px solid #333333;  
}

/*input[type="submit"], */
input.button {
    text-align: center;
    font: bold 12px 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
	color: #000000;
	border: outset;
	background-color: #F5F5E1;
	cursor: hand;
    padding: 0px 6px;
    margin: 0;
}

INPUT[TYPE="submit"] { 
	background-color: #F5F5E1;
}

input.button2 {
    text-align: center;
    font: bold 12px 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
	color: #000000;
	border: outset;
	background-color: #D4D0C8;
	cursor: hand;
    padding: 0px 6px;
    margin: 0;
}

input.checkbox  {
    border: none ! important;
}

input.radio  {
    border: none ! important;
}

input.image  {
    border: none ! important;
}

.netscape4 {
    display: none;
}

.label {
    color: #8FBC8F;
    font-weight: bolder;
    white-space: nowrap;
}
.emph {
    color: #8FBC8F;
    font-weight: bold;
}
.emph2 {
    color: #8FBC8F;
    font-weight: bold;
}
.emphlight {
    color: #c0c0c0;
    font-weight: bold;
}

.tsmallest {
    font-size:9px;
 }
.tsmaller {
    font-size:10px;
 }
.tbigger {
    font-size:13px;
}
.tbsmallest {
    font-weight:bold;
    font-size:9px;
}
.tbsmaller {
    font-weight:bold;
    font-size:10px;
}
.tbbigger {
    font-weight:bold;
    font-size:12px;
}

.bglight {
    background-color: #e4eaf5;
    border-collapse: collapse;
}

.bglight2 {
    background-color: #F7F7F7;
    border-collapse: collapse;
}

.bgdark {
    background-color: #DEDEDE;
    border-collapse: collapse;
}

.bglined {
    background-color: #e4eaf5;
    border-top: 1px solid #3CB371;
    border-bottom: 2px solid #3CB371;
    border-collapse: collapse;
}

.bglinedbak {
    background-color: #eeeeee;
    border-top: 1px solid #dedede;
    border-bottom: 2px solid #dedede;
    border-collapse: collapse;
}

.dtree {
	background : transparent;
    font-family: 'Trebuchet MS',Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	white-space: nowrap;
}

.dtree img {
	border: 0px;
	vertical-align: middle;
}

.dtree .clip {
	overflow: hidden;
}

.dtree a {
	color: #000000;
	text-decoration: none;
}

.dtree a:link, .dtree a:active, .dtree a:visited {
	color: #000000;
	text-decoration: none;
}

.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #000000;
	text-decoration: underline;
}

.dtree a.nodeSel {
	background-color: #c0d2ec;
}

table td.tree {
	padding-top: 8px;
	padding-right: 12px;
	border-color: #3CB371;
	border-width: 3px 1px 0px 0px;
	border-style: solid solid none none;
    white-space: nowrap;
}

.b1  {clear:both; height:1px;}
.b2  {clear:both; height:2px;}
.b4  {clear:both; height:4px;}
.b6  {clear:both; height:6px;}
.b8  {clear:both; height:8px;}
.b10 {clear:both; height:10px;}
.b12 {clear:both; height:12px;}
.b16 {clear:both; height:16px;}

table.inputboxed {
	border: 1px solid #e4eaf5;
}

table.input, table.inputboxed {
 	text-align: left;
    border-collapse: collapse;
}

table.input td.label, table.inputboxed td.label { 
 	text-align: right;
 	white-space: nowrap;
    color: #8FBC8F;
}

div.rfbox {
	background : transparent;
	border-color: #3CB371;
	border-width: 2px 1px 1px 1px;
	border-style: solid none none solid;
	padding-top: 5px;
	padding-left: 8px;
} 

table.info {
/*
	border-width: 2px;
	border-color: #2E8B57;
	border-style: solid;
*/
}

table.info td {
	background-color: #FFFFFF;
	border-color: #e4eaf5;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding: 3px;
}

table.info td.key {
	border-color: #e1e1e1;
	font-weight: bold;
    white-space: nowrap;
}

table.list td {
    padding: 2px 6px;
}

.yellow {color:#FFCC19;}
.grey {color:#C0C0C0;}
.darkgrey {color:#333333;}

.lightblue {color:#dae2f1;}
.medblue {color:#7f99cc;}
.darkblue {color:#2E8B57;}

.bglightblue {background:#e4eaf5;}
.bgmedblue {background:#3CB371;}
.bgdarkblue{background:#002f63;}
.red {color:#8FBC8F;}

div.bgbox {
    text-align: center;
	margin-top:8px;
    background: #2E8B57;
    color: #FFFFFF;
    padding: 0 6px 1px 6px;
    font-weight:bold;
}

.bgbox {
    text-align: center;
	margin-top:8px;
    background: #2E8B57;
    color: #FFFFFF;
    padding: 0 6px 1px 6px;
    font-weight:bold;
}


div.inputLabel {
    font: 12px/18px 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
    text-align: right;
    background: #8FBC8F;
    color: #000000;
    padding: 0 6px 1px 6px;
    font-weight:bold;
}

.inputLabel {
    font: 12px/18px 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
    text-align: right;
    background: #8FBC8F;
    color: #000000;
    padding: 0 6px 1px 6px;
    font-weight:bold;
}


.rulebelow {
    border-bottom: 1px solid #e4eaf5;
}

div.boxed {
    border: 1px solid #3CB371;
    background: #e4eaf5;
    padding: 8px;
}

div.boxedNobg {
    border: 1px solid #3CB371;
    background: transparent;
    padding: 8px;
}

div.content {
    margin: 22px 25px;
    clear: both;
    float: none;
	width:750px;
}

div.header {
    margin: 25px;
    padding: 0px 25px;
    margin: 0;
    background-color: #FFFFFF;
    border-top: 10px solid #7f99cc;
}

div.header2 {
    margin: 0px 25px;
    padding: 1px 2px;
    background-color: #FFFFFF;
	border-top: 1px dotted #C0C0C0;
    border-bottom: 1px dotted #C0C0C0;
} 

div.footer {
    margin: 12px 25px 0px 25px;
    border-top: 1px dotted #AAAAAA;
	background: #FFFFFF;
    clear: both;
    float: none;
    padding: 4px 2px 10px 2px;
    text-align: left;
    font-size: 10px;
}

table.list td.heading {
    border-bottom: 4px solid #3CB371;
    color: #000000;
    /*font-size: 12px;*/
    line-height: 12px;
    font-weight:bold;
    border-collapse: collapse;
}

table.list tr.even {
    background-color: #e4eaf5;
}

table.list tr.odd {
    background-color: #FFFFFF; 
}

table.list tr.even td, table.list tr.odd td {
    border-bottom: 1px solid #3CB371;
    border-collapse: collapse;
}

.head1 {
	margin-bottom: 4px;
	color: #8FBC8F;
	font-size: 24px;
    font-weight: 600;
    letter-spacing: -1px;
}

.head1normal {
	font-size: 22px;
    font-weight:normal;
    color: #000000;
}

.head2 {
	margin-top: 10px;
	margin-bottom: 3px;
	color: #2E8B57;
	font-size: 18px;
    font-weight: normal;
    /*letter-spacing: -1px;*/
}

.head2normal {
	margin-bottom: 3px;
	color: #000000;
	font-size: 18px;
    font-weight: normal;
}

.head3 {
	margin-bottom: 3px;
	color: #2E8B57;
	font-size: 16px;
    font-weight: bold;
    /*letter-spacing: -1px;*/
}

.head3normal {
	margin-bottom: 3px;
	color: #000000;
	font-size: 16px;
    font-weight: normal;
    /*letter-spacing: -1px;*/
}

hr {
    clear: both;
    height: 1px;
    color: #3CB371;
    background-color: transparent;
}

table td.topnav {
    padding: 0px 6px;
    background: #FFCC16;
    white-space: nowrap;
    font-weight: bold;
    text-decoration: none;
}

table td.topnav a {
    text-decoration: none;
 }

table td.topnav a:link, table td.topnav a:visited, table td.topnav a:active {
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}

table td.topnav a:hover {
    color: #8FBC8F;
    cursor: hand;
    text-decoration: underline;
}

/* ----------------------- */

div.tabs  {
	width:350px;
    font: bold 12px/18px 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
    margin: 2px 25px 0px 0px;
    background: transparent;
    border-collapse: collapse;
    border-bottom-color: #AAAAAA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    /*padding: 0.5em 0em 0em 1.5em;*/
    padding: 2px 0px 0px 8px;
    white-space: nowrap;
    text-decoration: none;
    line-height: 120%;
}

div.tabs a {
    color: #000000;
    background: transparent;
    border-color: #AAAAAA;
    border-width: 1px; 
    border-style: solid solid none solid;
/*     font-weight: normal; */
    padding: 0px 12px;
    text-decoration: none;
}

div.tabs a:link, div.tabs a:visited, div.tabs a:active {
    color: #2E8B57;
}

div.tabs a.selected {
    color: #2E8B57;
    background: #dddddd;
    border: 1px solid #AAAAAA;
    border-bottom: #dddddd 1px solid;
/*     font-weight: normal; */
    text-decoration: none;
}

div.tabs a.plain {
    text-decoration: none;
}

div.tabs a:hover {
    color: #ffffff;
    background: #8FBC8F;
    border-color: #2E8B57;
    border-bottom-color: #e4eaf5;
    text-decoration: none;
}

div.uppernav {
    margin: 0px 25px;
    background: #e4eaf5;
    border-bottom-color: #3CB371;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-align: right;
    padding: 4px 2em 4px 0px;
}

div.uppernav a {
    background-color: transparent;
	color: #000000;
    font-weight: normal;
}

div.uppernav a.selected {
    color: #000;
    background: #FFCC19;
    padding: 0 2px;
    font-weight: bold;
    text-decoration: none;
}

div.uppernav a.selected:hover {
    color: #e4eaf5;
}

div.uppernav a:link, div.uppernav a:active, div.uppernav a:visited {
    color: #2E8B57;
}

div.uppernav a:hover {
    color: #FFCC16;
    cursor: hand;
}

div.pathbar {
    margin: 0px 25px;
    color: #2E8B57;
    border-bottom-color: #3CB371;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 2px 2em 2px 1px;
}


div.main {
    margin: 4px 0px 0px 0px;
    clear: both;
    float: none;
    padding: 2px 25px 0px 25px;
    text-align: left;
}

div.topline {
    margin: 2px 0px 0px 25px;
    clear: none;
    float: none;
    text-align: left;
    border-collapse: collapse;
    border-bottom-color: #AAAAAA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}


.breadcrumbs {
    float: left;
}

/* ----------------------- */

table td.curstep {
    font-size: 12px;
    font-weight:bold;
    padding: 0px 6px;
    background: #8FBC8F;
    color: #FFFFFF;
}

table td.todostep {
    font-size: 12px;
    font-weight:bold;
    padding: 0px 6px;
    background: #999999;
    color: #FFFFFF;
}

.numbox {
    font-size: 12px;
    font-weight:bold;
    padding: 0px 8px;
    background: #8FBC8F;
    color: #FFFFFF;
}

table td.tag, table td.tagsub {
    border-bottom: 1px solid #e4eaf5;
}

table td.tag {
    font-weight: bold;
    white-space: nowrap;
}

table.thumbnails {
    background: #F7F7F7;
}

table.thumbnails div.filename {
    margin-bottom:2px;
    color:#999999;
    font-size:9px;
}

.thumbcaption {
    line-height: 13px;
}

.logo {
    font: normal 40px 'Trebuchet MS',Arial,Verdana,Helvetica,sans-serif;
    letter-spacing: -3px;
    color: #2E8B57;
    font-weight:999;
    padding: 6px 0px 0px 0px;
}

.logoAlt {
    color:#000000;
    font-weight:900;
}

a.logo {
    text-decoration: none;
}

.popupHeader {
    margin: 0;
    margin: 0;
    background-color: #7f99cc;
    border-bottom: 1px solid #000000;
}

.popupLogo {
    font: normal 30px 'Trebuchet MS', Verdana,Helvetica,Arial,sans-serif;
    letter-spacing: -1px;
    color: #000000;
    padding: 2px 0px 4px 25px;
}

.popupLogoAlt {
    color:#FFCC19;
    font-weight:900
}

.errorMsg {
    font: normal 12px monospace;
}

.errorInfo {
    color: red;
}

.tagsInnerKey {
    background: #F5F5E1;
    font-weight:bold;
}

.categoryOptions {
    background: #FFFFFF;
    color: #000;
    padding: 4px 6px;
    margin-bottom: 12px;
    border: 1px solid #D4D0C8;
}

.categoryOptionsHeader {
    background: #D4D0C8;
    padding: 0 6px;
    font-weight: bold;
    white-space: nowrap;
}

.message {
    color: #FF0000;
}

.error {
    color: #FF0000;
}

#topDialog {
    border: 1px dotted #ccc;
    padding: 2px 6px;
    color: #FF0000;
    margin-bottom: 20px;
    font-weight: bold;
    /*font-size: 12px;*/
}

.commentTitle {
    font-size:13px;
    font-weight:bold;
}

.commentAttrib {
    border-bottom: 1px dotted #999999;
    padding-bottom:2px;
    margin-bottom:6px;
}

.commentBody {
    line-height:14px;
    padding-bottom:4px;
}

.commentIndent0 {}
.commentIndent1 {margin-left:25px;}
.commentIndent2 {margin-left:50px;}
.commentIndent3 {margin-left:75px;}
.commentIndent4 {margin-left:100px;}
.commentIndent5 {margin-left:125px;}
.commentIndent6 {margin-left:150px;}
.commentIndent7 {margin-left:175px;}
.commentIndent8 {margin-left:200px;}

table.components {
    border: 1px solid #3CB371;
}

table.components td.header {
    padding: 6px 0;
    background: #e4eaf5;
}

table.components td.footer {
    padding: 6px 10px;
    background: #e4eaf5;
}

table.components td.left {
    vertical-align: top;
    width: 20%;
    /*padding: 1.5em 1em 1em 1em;*/
    padding: 6px;
    background: #FFF;
    border-right: 1px solid #e4eaf5;
    border-collapse: collapse;
}

table.components td.center {
    vertical-align: center;
    text-align: center;
    padding: 0 2em 1em 1.5em;
    background: #FFF;
    border-collapse: collapse;
}

table.components {
    vertical-align: top;
    width: 20%;
    /*padding: 1.5em 1.5em 1em 1em;*/
    padding: 6px;
    background: #FFF;
    border-left: 1px solid #e4eaf5;
    border-collapse: collapse;
}

table.columns td.right {
    vertical-align: top;
    width: 20%;
    margin: 4px 0px 0px 0px;
    padding: 2px 25px 0px 2px;
    height: 100%;
    border-collapse: collapse;
}


.miniHeader {
    text-align: center;
    background: #e0e0e0; 
    height: 50px;
}

.customComponent {
    color: #D49E4F;
}

.modifiedSystemComponent {
    color: red;
}

.systemComponent {}

/*******************/

.editButtonOn {
    border: 1px solid #000;
    background: #B5BED6;
    cursor: pointer;
}

.editButtonOff {
    border: 1px solid #D6D3CE;
    background: #D6D3CE;
}

.editButtonDown {
    background: #8492B5;
}

.editButtonUp {
    background: #B5BED6;
}

.cmActionKeyItem {
    position: relative;
    padding: 0 6px;
    border-right: 1px solid #e4eaf5;
    float: left;
    vertical-align: bottom;
    white-space: nowrap;
}

.cmStatusKeyItem {
    position: relative;
    padding: 0 6px;
    border-right: 1px solid #e4eaf5;
    float: left;
    vertical-align: bottom;
    white-space: nowrap;
}

.cmLocation {
    color: #3CB371;
    font-size: 10px;
    text-align: left;
}

.cmComponent {
    border: 1px solid #333;
    padding: 0;
    margin: 6px;
    width: 120px;
    /*float: left;*/
}

table.components td.header .cmComponent,
table.components td.footer .cmComponent {
    float: left;
}

table.components td.left .cmComponent,
table.components td.right .cmComponent {
    float: bottom;
    clear: both;
}

.cmComponentHead {
    background: #eee;
    padding: 2px 6px;
    text-align: left;
}

.cmComponentOptions {
    background: #FFF;
    padding: 2px 6px;
    text-align: center;
    white-space: nowrap;
}    

table.photoTools {
}

table.photoTools td.caption {
    background-color: #000;
    color: #FFF;
    padding: 1px 6px 0 6px;
}

table.photoTools td.icons {
    border: 1px solid #000;
    padding: 4px 8px 0 8px;
}

.ptIconOn {
    padding: 2px;
    background: #B5BED6;
    cursor: pointer;
}

.ptIconOff {
    padding: 2px;
    background: #FFF;
}

/*
.optionsHeader {
    font-weight: bold;
    background: #D4D0C8;
    color: #000;
    padding: 0 6px;
    border: 1px solid #D4D0C8;
    white-space: nowrap;
	text-align: left;
    clear: both;
}

.optionsHeader a {
    color: #000;
    text-decoration: none;
}

.optionsHeader a:link, 
.optionsHeader a:active, 
.optionsHeader a:visited, 
.optionsHeader a:hover {
    color: #000;
    text-decoration: none;
}

.optionsControl a {
    color: #000;
    text-decoration: none;
}

.optionsControl a:link, 
.optionsControl a:active, 
.optionsControl a:visited, 
.optionsControl a:hover {
    color: #000;
    text-decoration: none;
}

.optionsContent {
	visibility: hidden;
	display: none;
    padding: 4px 6px 7px 6px;
    border-style: solid;
    border-color: #D4D0C8;
    border-width: 0 1px 1px 1px;
    background: #FFFFFF;
    color: inherit;
    vertical-align: top;
}

.optionsControl {
    position: relative;
	top: -23px;
	text-align: right;
	font-weight: bold;
	padding: 0px;
	margin: 2px 2px 0px 0px;
}
*/



.sidebar {
    border: 1px solid #AAAAAA;
	margin: 3px;
	align :right;
    padding: 3px;
    width: 150;
    font: 11px 'Trebuchet MS',Arial,Verdana,Helvetica,sans-serif;
}
.sidebarTitle {
    font: 11px 'Trebuchet MS',Arial,Verdana,Helvetica,sans-serif;
	text-align: center;
	font-weight: bold;
    background-color: #8FBC8F;
	color: #FFFFFF;
    border: 0px solid #2E8B57;
	margin: 3px;
    padding: 3px;
}

#rightcol {
    font-size: 11px;
}

#rightcol .component {
    margin-bottom: 15px;
    clear: both;
}

#rightcol .componentHead {
    margin: 0 0 2px 0;
    padding: 1px 0 0 0;
    font-size: 11px !important;
    font-weight: bold;

    background-color: transparent;

    text-transform: uppercase;
    border-top: 2px solid #8FBC8F;
}

#rightcol .componentContent {
    padding: 0px 6px 3px 6px;
    background-color: #eeeeee;
    border-bottom: 1px solid #8FBC8F;
    border-top: 1px solid #8FBC8F;
}

#rightcol a {
}

#rightcol a:link, 
#rightcol a:active, 
#rightcol a:visited {
}

#rightcol a:hover {
}

#content {
    position: relative;
	width:750px;
}

table.content {
    position: relative;
	width:750px;
}

#centercol {
    margin: 0px 0px 0px 0px;
}