/* KL ADDITIONS ------------------------------------------------------------ */

.headtext {
	color: #FFFFFF;
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}	
a.headlink, a.headlink:visited, a.headlink:hover, a.headlink:active {
	color: #CCFF33;
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
a.headlink:hover {
	color: #FFFF66;
}

/* STANDARD HTML ----------------------------------------------------------- */

body {
	background-color: #66CC00;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

h1, .pagehead {
	background-color: #FFFFFF;
	background-image: url("/interface/images/pagehead_bg.gif");
	color: #0033CC;
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 40px;
	margin-bottom: 15px;
	padding: 10px;
	padding-left: 20px;
}

h2, .pagesubhead, .pagesubheadtop {
	color: #337F66;
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 2px;
}

h3, .pagesubhead2 {
	color: #000000;
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 2px;
}
.tabletextcolor {

	background-color: #89E033;
}

.pageheadmini {
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.pageheadmini_txt {
	color: #003300;
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}


hr {
	background-color: #999999;
	border: 0;
	height: 1px;
	width: 100%;
}

td {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}

p,ul,ol,dl,li, button {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}

input, textarea, select {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0;
}

small {
	font-size: 11px;
}

sup {
	font-size: 10px;
	line-height: 10px;
}

a,a:visited {
	color: #0033CC;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #FB8A10;
}

/* NAVIGATION BAR CLASSES -------------------------------------------------- */

.navbar, .subnavbar {
	border: 0;
	border-left: 0px;
	border-right: 0px;
	border-color: #0033CC;
	border-style: solid;
}

.navbar {
	background-color: #0033CC;
	line-height: 18px;
}

.subnavbar {
	background-color: #E7FF9E;
	border: 0;
	border-bottom: 1px;
	border-color: #0033CC;
	border-style: solid;
	line-height: 18px;
}

.navbox, .navbox:visited, .navboxcurrent, .navboxcurrent:visited, .subnavbox, .subnavbox:visited, .subnavboxcurrent, .subnavboxcurrent:visited {
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
}

.navbox, .navbox:visited {
	background-color: #0033CC;
	color: #FFFFFF;
}

.navboxcurrent, .navboxcurrent:visited {
	background-color: #E7FF9E;
	color: #0033CC;
}

.subnavbox, .subnavbox:visited {
	background-color: #E7FF9E;
	color: #0033CC;
}

.subnavboxcurrent, .subnavboxcurrent:visited {
	background-color: #E7FF9E;
	color: #307D65;
}

.navbox:hover, .navboxcurrent:hover, .subnavbox:hover, .subnavboxcurrent:hover {
	background-color: #0033CC;
	color: #FFFFFF;
}

/* GRID (TABLE) CLASSES ---------------------------------------------------- */

.formgridtitle {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	text-align: right;
}

.formgridtext {
	color: #000000;
	font-size: 12px;
	padding: 3px;
}

.gridhead {
	background-color: #66CC00;
	border: 0px;
	border-bottom: 1px;
	border-right: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	color: #FFFFFF;
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 1px;
	padding: 4px;
}

.gridheadhl {
	background-color: #666666;
	border: 0px;
	border-bottom: 1px;
	border-right: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 1px;
	padding: 4px;
}

.gridsubhead {
	background-color: #AEC9FD;
	border: 0px;
	border-bottom: 1px;
	border-right: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin: 1px;
	padding: 4px;
}

.gridsubheadhl {
	background-color: #EEEEEE;
	border: 0px;
	border-bottom: 1px;
	border-right: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin: 1px;
	padding: 4px;
}

.gridbody {
	background-color: #DFEAFF;
	border: 0px;
	border-bottom: 1px;
	border-right: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	color: #000000;
	font-size: 12px;
	margin: 1px;
	padding: 4px;
}

.gridbodyhl {
	background-color: #F9F9F9;
	border: 0px;
	border-bottom: 1px;
	border-right: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	color: #000000;
	font-size: 12px;
	margin: 1px;
	padding: 4px;
}

.gridbodyoff {
	background-color: #C0D6FF;
	border: 0px;
	border-bottom: 1px;
	border-right: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	color: #66CC00;
	font-size: 12px;
	margin: 1px;
	padding: 4px;
}

/* LINKS AND LINK BAR CLASSES ---------------------------------------------- */

.actionbox, .actionbox:visited, button {
	background-color: #000000;
	border: 1px;
	border-color: #000000;
	border-style: solid;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}

.actionbox:hover, button:hover {
	background-color: #FFFFFF;
	border-color: #000000;
	color: #000000;
}

.breadcrumb {
	background-color: #E7FF9D;
	border: 0;
	border-bottom: 1px;
	border-style: solid;
	border-color: #DCEB73;
	color: #777777;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 8px;
}

.footerlink, .footerlink:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.footerlink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.gridheadlink, .gridheadlink:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.gridheadlink:hover {
	text-decoration: underline;
}

.gridlink, .gridlink:visited, .breadcrumblink, .breadcrumblink:visited, .panellink, .panellink:visited {
	color: #0033CC;
	font-weight: bold;
	text-decoration: none;
}

.gridlink:hover, .breadcrumblink:hover, .panellink:hover {
	color: #FB8A10;
}

.linkbar {
	background-color: #6699FF;
	border: 0px;
	border-bottom: 1px;
	border-top: 1px;
	border-color: #333333;
	border-style: solid;
	font-size: 11px;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
}

.linkbarlink, .linkbarlink:visited, .linkbarlinknull {
	border: 1px;
	border-style: solid;
	font-size: 11px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
}

.linkbarlink, .linkbarlink:visited {
	background-color: #000000;
	border-color: #000000;
	color: #FFFFFF;
}

.linkbarlink:hover {
	background-color: #FFFFFF;
	border-color: #000000;
	color: #000000;
}

.linkbarlinknull {
	background-color: #EEEEEE;
	border-color: #999999;
	color: #999999;
}

.panellink {
	background-image: url("/interface/images/chevron_xs.gif");
	background-repeat: no-repeat;
	line-height: 16px;
	padding-left: 9px;
}

.tabbar {
	border: 0;
	border-bottom: 2px;
	border-color: #333333;
	border-style: solid;
	font-size: 11px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-bottom: 2px;
	text-align: left;
}

.tabbarlink, .tabbarlink:visited, .tabbarlinkcurrent, .tabbarlinkcurrent:visited {
	background-color: #EEEEEE;
	border: 1px;
	border-color: #333333;
	border-style: solid;
	color: #333333;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
}

.tabbarlink:hover, .tabbarlinkcurrent, .tabbarlinkcurrent, .tabbarlinkcurrent:visited {
	background-color: #FFFFFF;
	border-color: #333333;
	color: #000000;
}

/* OTHER CUSTOM CLASSES ---------------------------------------------------- */

.bodymain {
	background-color: #FFFFFF;
	padding-left: 20px;
	padding-bottom: 30px;
}

.bodypanelhead, .bodypanelsmallhead, .bodypanelheadtext {
	color: #FFFFFF;
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 29px;
}
.bodypanelhead, .bodypanelsmallhead {
	background-image: url("/interface/images/bodypanelhead.gif");
	background-repeat: no-repeat;
	height: 29px;
	padding-left: 10px;
	padding-right: 10px;
}
.bodypanelhead {
	background-image: url("/interface/images/bodypanelhead.gif");
	width: 510px;
}
.bodypanelsmallhead {
	background-image: url("/interface/images/bodypanelsmallhead.gif");
	width: 235px;
}

.bodypaneltop {
	background-image: url("/interface/images/bodypaneltop.gif");
	background-repeat: no-repeat;
	height: 6px;
}

.bodypanelbody, .bodypanelsmallbody {
	background-image: url("/interface/images/bodypanelbody.gif");
	background-position: bottom;
	background-repeat: no-repeat;
	color: #000000;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 10px;
	padding-top: 5px;
}
.bodypanelbody {
	background-image: url("/interface/images/bodypanelbody.gif");
}
.bodypanelsmallbody {
	background-image: url("/interface/images/bodypanelsmallbody.gif");
	height: 100px;
	padding-top: 10px;
	padding-bottom: 15px;
}

.browseitem, .builditem {
	background-color: #89E033;
	border: 1px;
	border-color: #74CC1C;
	border-style: solid;
	color: #003300;
	margin-top: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
}
.builditem {
	background-image: url("/interface/images/builditem_bg.gif");
}

.browseitempreview, .builditempreview {
	background-color: #F6F6F6;
	border: 1px;
	border-top: 0;
	border-color: #74CC1C;
	border-style: solid;
	color: #000000;
}
.builditempreview {
	background-image: url("/interface/images/builditem_bg2.gif");
	padding-left: 8px;
	padding-right: 0;
}


.browseitempreview {
	padding: 8px;
}

.error, .alert {
	color: #339900;
	font-weight: bold;
}

.footer {
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 10px;
}

.footerbar {
	background-color: #0033CC;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	padding: 6px;
}

.headmain {
	background-color: #66CC00;
	background-image: url("/interface/images/head_bg.gif");
	background-repeat: no-repeat;
	color: #000000;
	margin: 0;
	padding: 0;
}

.headaccount {
	background-image: url("/interface/images/head_account_bg.gif");
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 11px;
}

.leftmain {
	background-color: #FFFFFF;
	background-image: url("/interface/images/left_bg.gif");
	padding-top: 20px;
}

.off {
	color: #85DB00;
}

.on {
	color: #0033CC;
}

.pagesubheadtop {
	margin-top: 0;
	padding-top: 0;
}

.panelhead {
	background-image: url("/interface/images/chevron_dot.gif");
	background-repeat: no-repeat;
	color: #66CC00;
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	padding-top: 3px;
	padding-bottom: 12px;
	padding-left: 28px;
	vertical-align: middle;
}

.panelbody {
	color: #000000;
	font-size: 11px;
	padding-left: 2px;
	padding-bottom: 20px;
}

.passagetext {
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
}

.rightedge {
	background-image: url("/interface/images/rightedge_bg.gif");
	background-repeat: no-repeat;
}

.rightmain {
	background-color: #FFFFFF;
	background-image: url("/interface/images/right_bg.gif");
	border: 0px;
	border-top: 10px;
	border-color: #FFFFFF;
	border-style: solid;
	padding-left: 45px;
	padding-right: 20px;
}

.rightpaneltop {
	background-image: url("/interface/images/rightpaneltop.gif");
	height: 6px;
	width: 145px;
}

.rightpanelbody {
	background-image: url("/interface/images/rightpanelbody.gif");
	background-position: bottom;
	background-repeat: no-repeat;
	color: #000000;
	font-size: 11px;
	margin-bottom: 15px;
	padding: 8px;
	padding-top: 2px;
}

.shim {
	font-size: 2px;
	line-height: 2px;
}

.step {
	color: #6699FF;
	/*font-size: 16px;*/
}

.subtle {
	color: #777777;
}