/*** basic tag styles ***/
html, body 
{
	margin: 0;
	padding: 0;
	height: 100%;
	background: #fff url(page_bg.gif) repeat-x top left;
}
html, body, a, p, li, div, table, td, form, fieldset, legend, label, input, button, textarea, select, option, h1, h2, h3, h4, h5
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #52524e;
	padding: 0;
	margin: 0;
}
p
{
	margin-bottom: 12px;
}
a, a:active
{
	color: #73930a;
}
a:hover, a:focus
{
	color: #a1cd0d;
	outline: none;
}
img
{
	position: relative;
	border: none;
}
h2, #content h2
{
	font-size: 18px;
	margin-bottom: 14px;
	color: #698609;
	padding-bottom: 4px;
	background: url(h2_underline.gif) bottom left repeat-x;
}
h3, #content h3
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #698609;
	padding-bottom: 4px;
	background: url(h3_underline.gif) bottom left repeat-x;
}

/*** page areas ***/
#wrapper-h
/* expand the footer to 100% of the viewport width when hscroll is active */
{
	height: 100%;
	max-height: 100%;
	min-width: 880px;
/*	min-width: 960px; */
/*	max-width: 960px; */
	width: auto !important;
}
#wrapper-v
/* push the footer to the viewport base */
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
	position: relative;
	max-width: 960px;
	padding: 0 20px;
}
#header
{
	position: relative;
	height: 150px;
	background: url(watermark.gif) no-repeat top right;
}
#content
{
	position: relative;
	margin-top: 20px;
	padding-bottom: 100px; /* footer height + top padding + whitespace */
}
#footer 
{
	position: relative;
	bottom: 0; /* fix for IE7 */
	height: 80px;
	text-align: center;
	color: #707070;
	background: #f8fbef url(footer_bg.gif) repeat-x top left;
}
#footer p
/* fix for IE 5.5 boxmodel */
{
	position: relative;
	padding: 20px 0 0 0;
	margin: 0;
}
#footer a:hover
{
	color: #86ab0b;
}
/*** page elements ***/
#logo
{
	position: absolute;
	top: 25px;
	left: 2px;
}
#login
{
	position: relative;
	float: right;
	margin-top: 100px;
	height: 20px;
	width: 110px;
/*	border: 1px solid green; */
	
}
#login a
{
	display: block;
	float: left;
	width: 100%;
	border: 1px solid orange;
	text-align: center;
	text-decoration: none;
}
#login a span
{
	text-decoration: none;
}
#login, #login a
{
	color: #e0e0e0;
}

/*** menu ***/
#menu
{
	position: absolute;
	top: 86px;
	height: 34px;
	width: 100%;
}
#menu {padding:0 0 0 0; margin:0; list-style:none; height:34px;}
#menu li {float:left;}
#menu li.logout {float:right; width: 110px;}
#menu li a {display:block; float:left; height:34px; line-height:36px; color:#ddd; text-decoration:none; font-family:Helvetica, Arial, sans-serif; text-align:center; padding:0; cursor:pointer; font-size:12px;}
#menu li.logout a {width: 80px; padding-left: 10px;}
#menu li a span {float:left; display:block; padding:6px 16px 0 8px;}
#menu li.logout a span {width: 100%; padding-left: 0; padding-right: 0; text-align: center;}
#menu li.current a {color:#fff; background:url(/assets/menu_sel.gif) repeat-x;}
#menu li.current a span {background:url(/assets/menu_over.gif) no-repeat right top;}
#menu li a:hover {color:#fff; background: url(/assets/menu_over.gif) repeat-x;}
#menu li.logout a:hover {background-image: none;}
#menu li a:hover span {background:url(/assets/menu_over.gif) no-repeat right top;}
#menu li.logout a:hover span{background-image: none;}
#menu li.current a:hover {color:#fff; background:url(/assets/menu_sel.gif) repeat-x; cursor:default;}
#menu li.current a:hover span {background:url(/assets/menu_sel.gif) no-repeat right top;}
#menu li a em {display:block; float:left; width:35px; height:34px; background-repeat: no-repeat; background-position: center center;}

/*** submenu ***/
#submenu
{
    position: absolute;
    top: 142px;
    left: 5px;
}
#sub-title
{
    position: relative;
    float: left;
    height:28px;
    line-height:28px;    
}
#sub-items
{
    position: relative;
    float: left;
    padding-left: 10px;
}
#sub-items {padding:0 0 0 20px; margin:0; list-style:none;}
#sub-items li {float:left;}
#sub-items li a {display:block; float:left; height:28px; line-height:28px; color:#575758; text-decoration:none; text-align:center; padding:0; cursor:pointer; font-size:12px;}
#sub-items li a span {float:left; display:block; padding:0px 10px 0 0;}
#sub-items li a:hover {color:#698609;}
#sub-items li.current a {color:#698609;}
#sub-items li.current a:hover {color:#698609; cursor:default;}
#sub-items li a em {display:block; float:left; width:28px; height:28px; background-repeat: no-repeat; background-position: center center;}

/*** page styles ***/
#content p, #content div, #content a, #content li
{
	font-size: 14px;
}
/*** forms ***/
.cmForm div, .cmForm span, .cmForm label, .cmForm input, .cmForm textarea, .cmForm button 
/* Fix IE7 hasLayout peek-a-boo bug */
{
	zoom: 100%;
}

form.cmForm, .cmForm fieldset, .cmForm label, .cmForm input, .cmForm .checkbox, .cmForm textarea, .cmForm select, .cmForm option, .cmForm button, form.cmForm div
{
	margin: 0;
	padding: 0;
	color: #515151;
}
.cmForm fieldset { border: 0; }
.cmForm label, .cmForm input, .cmForm select, .cmForm textarea
{
	display: block;
	width: 150px;
	float: left;
	/* margin-bottom: 10px; */
	margin-bottom: 2px;
}
.cmForm label
{
	text-align: right;
	width: 25%;
	padding: 2px 20px 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #515151;
}
.cmForm .error-desc
{
	position: relative;
	clear: both;
	left: 25%;
	padding-left: 20px;
	/* margin-bottom: 10px; */
	color: #860909;
	display: none;
	/* font-weight: bold; */
	width: 400px; /* this is needed so that the horizontal scrollbars don't show */
}
.cmForm .input-tip
{
	position: relative;
	float: left;
	margin-left: 10px;
	height: 20px;
	line-height: 20px;
	color: #868686;
}
.cmForm .error label, .cmForm .error input, .cmForm .error select, .cmForm .error textarea
{
	margin-bottom: 2px; /* smaller margin before error description */
}
.cmForm img
{
	float: left;
}
.cmForm legend
{
	display: none;
}
.cmForm input, .cmForm button, .cmForm textarea
{
	background-color: #fff;
}
.cmForm input, .cmForm select, .cmForm textarea
{
	font-size: 14px;
	padding: 2px 0 0 2px;
	height: 18px;
	width: 260px;
	border: 1px solid #b5b5b2;
	border-top-color: #9d9d9a;
	background: #e8e8e3 url(field_bg.gif) repeat-x top left;
}
.cmForm input:focus, .cmForm select:focus
{
	border-color: #698609;
	outline: none;
}
.cmForm select
{
	display: block;
	height: 22px;
	width: 264px;
	/* margin-bottom: 10px; */
}

.cmForm .radio
{
	height: 12px;
	width: 12px;
}
.cmForm img.help-icon
{
	margin: 2px 0 0 10px;
	/* clear: right; */
}
.cmForm img.help-icon:hover
{
	cursor: help;
}
.cmForm img.field-icon
{
	display: block;
	position: relative;
	float: left;
	margin: 2px 6px 0 0;
}
.cmForm img.label-icon
{
	display: block;
	position: relative;
	float: right;
	margin: 2px 6px 0 0;
}
.cmForm .error span
{
	float: right;
	color: #860909;
}
.cmForm .error input
{
	border-color: #860909;
	border-top-color: #790808;
}
.cmForm .error-icon
{
	float: left;
	margin-right: 10px;
}
.cmForm div.row
{
	display: block;
	position: relative;
	/* border: 1px solid white; fix for IE8 */
	margin-bottom: 8px;
	clear: both;
}
.cmForm div.row-push
/* this goes at the end of div.row to force a height even if all other elements are floated */
{
	position: relative;
	clear: both;
	height: 0;
}
.cmForm button
{
	border: 0;	
}
.cmForm div.form-underline
{
	display: block;
	position: relative;
	width: 100%;
	height: 3px;
	background: transparent url(/assets/form_underline.gif) top left repeat-x;
	margin: 10px 0 10px 0;
}
.cmForm button:hover
{
	cursor: pointer;
}
.cmForm button
{
	height: 32px;
	line-height: 31px; /* required for IE8 + Opera */
	text-align: right;
	vertical-align: middle;
	color: #698609;
	font-size: 14px;
	font-weight: bold;
	padding-right: 12px;
	float: left;
	width: 102px;
	background: #f5f5f5 url(/assets/b_submit.png) no-repeat;
}
.cmForm button:hover, .cmForm button:focus
{
	outline: none;
	background-image: url(/assets/b_submit_over.png);
}
.cmForm button:hover, .cmForm button:focus, .cmForm button:active
{
	outline: none;
	
}
.cmForm .secondary-actions
{
	display: block;
	position: relative;
	float: left;
	margin-left: 20px;
	
}
.cmForm .secondary-row
{
	clear: left;
}
button.archive-button
{
	margin-left: 0px;
	color: #862B2B;
	font-weight: normal;
	background-image: url(/assets/b_cancel.png);
}
button.archive-button:hover, button.archive-button:focus
{
	outline: none;
	background-image: url(/assets/b_cancel_over.png);
}
button.unarchive-button
{
	margin-left: 0px;
	color: #698609;
	font-weight: bold;
	padding-left: 23px;
	background-image: url(/assets/b_submit.png);
}
button.unarchive-button:hover, button.unarchive-button:focus
{
	outline: none;
	background-image: url(/assets/b_submit_over.png);
}
button.cancel-button
{
	margin-left: 60px;
	color: #862B2B;
	font-weight: normal;
	background-image: url(/assets/b_cancel.png);
}
button.cancel-button:hover, button.cancel-button:focus
{
	outline: none;
	background-image: url(/assets/b_cancel_over.png);
}
label.cmLabelRight
{
	display: block;
	position: relative;
	text-align: left;
	width: auto;
	float: left;
}
label.cmLabelRight, label.cmLabelRight a
{
	font-size: 14px;
	font-weight: normal;
}
#signup
{
	width: 102px;
	background: #f5f5f5 url(/assets/b_signup.gif) no-repeat;
}
#signup:hover, #signup:focus
{
	outline: none;
	background-image: url(/assets/b_signup_over.gif);
}
.darkgreen
{
	color: #698609;
}
/*** EXT override ***/
.x-form-field
{
	display: block;
	float: left;	
}
div.x-form-check-wrap
{
	margin-top: 3px;
	margin-right: 6px;
}
input.x-form-checkbox,
div.x-form-check-wrap
{
	width: 16px;
	height: 16px;
	float: left;	
}
input.x-form-checkbox
{
}
.row div.x-form-field-wrap
{
	display: block;
	position: relative;
	float: left;
	/* width: 264px; Ext force overrides this */
	height: 22px;
}
.x-form-field-wrap input 
{
	position: absolute;
	left: 0;
	/* width: 220px; Ext force overrides this */
}
.x-form-field-wrap img
{
	position: absolute;
	right: 0;
	top: 0;
	width: 17px;
}
.x-tab-panel
{
	display: block;
	float: left;
}
.x-form-field
{
	display: block;
	float: left;
}
.cmForm .tab-box
{
	display: block;
	width: 400px;
	float: left;
}
/*** dialog boxes ***/
/* set the image to use and establish the lower-right position */
.feature-box, .feature-box-body, .feature-box-head, .feature-box-head h4
{
    background: #e2e2db url(/assets/feature_box.png) no-repeat bottom right;
}
.feature-box, .feature-box a, .feature-box h4
{
    font-size: 14px;
}
.feature-box
{
    width: 80% !important; /* intended total box width - padding-right(next) */
    /*width: 320px; /* IE Win = width - padding */

/*    width: 335px !important; /* intended total box width - padding-right(next) */
/*    width: 320px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    /* margin: 20px auto; /* use to position the box */
    margin: 0 0 20px 0;
}
/* set the top-right image */
.feature-box-head
{
    background-position: top right;
    margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */
    border-bottom: 1px solid #c2c2ba;
}
/* set the top-left image */
.feature-box-head h4
{
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 10px 0 10px 8px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important;
    height: 1%; /* IE Holly Hack */
    color: #526907;
}
.feature-box-head h4 img
{
    float: left;
    margin-right: 4px;
}
/* set the lower-left corner image */
.feature-box-body
{
    background-position: bottom left;
    margin-right: 25px; /* interior-padding right */
    padding: 10px 0 10px 8px; /* mirror .cssbox_head right/left */
}
/*** system boxen ***/
.system-box, .system-box-body, .system-box-head, .system-box-head h4
{
    background: no-repeat bottom right;
	background-color: #e2e2db;
}
.error-box, .error-box div.system-box-body, .error-box div.system-box-head, .error-box div.system-box-head h4
{
	background-image: url(/assets/error_box.png);	
}
.warn-box, .warn-box div.system-box-body, .warn-box div.system-box-head, .warn-box div.system-box-head h4
{
	background-image: url(/assets/warn_box.png);	
}
.info-box, .info-box div.system-box-body, .info-box div.system-box-head, .info-box div.system-box-head h4
{
	background-image: url(/assets/info_box.png);	
}
.note-box, .note-box div.system-box-body, .note-box div.system-box-head, .note-box div.system-box-head h4
{
	background-image: url(/assets/note_box.png);	
}
.note-box-faded, .note-box-faded div.system-box-body, .note-box-faded div.system-box-head, .note-box-faded div.system-box-head h4
{
	color: #7A7A74;
	background-image: url(/assets/note_box_faded.png);	
}
.help-box, .help-box div.system-box-body, .help-box div.system-box-head, .help-box div.system-box-head h4
{
	color: #7A7A74;
	background-image: url(/assets/note_box_faded.png);
	border-style: none;
	z-index: 29000;
}

div.system-box, div.system-box a, div.system-box h4, div.system-box span, div.system-box a:link, #content div.system-box-body, #content div.system-box-body a
{
    font-size: 12px;
}
.system-box
{
    width: 946px;
}
#content .system-box, #content .help-box
{
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0 0 20px 0; /* use to position the box */
}
#content .help-box
{
	display: none;
}
/* set the top-right image */
#content .system-box-head
{
    background-position: top right;
    margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */
	height: 10px;
}
/* set the top-left image */
#content .system-box-head h4
{
    background-position: top left;
    margin: 0; /* reset main site styles */
	padding: 0;
    border: 0; /* ditto */
    /* padding: 10px 0 10px 8px; /* padding-left = image gap + interior padding ... no padding-right */
	height: 10px !important;
    /*height: 1%; /* IE Holly Hack */
    color: #a11e1e;
}
#content .system-box-body img
{
    float: left;
    margin-right: 4px;	
}
/* set the lower-left corner image */
#content .system-box-body
{
    background-position: bottom left;
    margin-right: 25px; /* interior-padding right */
    padding: 0px 0 10px 8px; /* mirror .cssbox_head right/left */
}

div.help-box
{
	display: block;
	position: absolute;
	width: 300px;
	left: 32px;
	top: 0;
}
div.help-wrapper
/* this provides a ref point for the abs positioned help popup */
{
	float: left;
	position: relative;
}

/*** horizontal rules ***/
.h-rule
{
	width: 100%;
	height: 4px;
	background: url(h2_underline.gif) top left repeat-x;
	margin-bottom: 14px;
}
/*** system messages ***/
#content div.system-box span.warn, #content div.system-box span.warn a
{
	/* font-size: 11px; */
	/* line-height: 11px; */
	display: inline;
	padding: 0;
	margin: 0;
}

/*** ext page controls ***/

.cm-control-grid {

	width: 100%;	
	
}


/*** misc ie7 fixes ***/
#cm-ie7 .x-combo-noedit, #cm-ie6 .x-combo-noedit, #cm-ie7 .x-form-field, #cm-ie6 .x-form-field
{
	margin: 0;
	top: 0;
}
#cm-ie7 div, #cm-ie7 input
{
	min-height: 0;

}
/*** misc ie6 fixes ***/
#cm-ie6 input, #cm-ie6 select, #cm-ie6 textarea, #cm-ie6 div
{
	zoom: 1;
}
#cm-ie6 div.row-push
{
	position: relative;
	height: 1px;
	margin-top: -1px;
}
#cm-ie6 div.row
{
	margin: 0;
	padding-top: 2px;
}
#cm-ie6 #signupValidation
{
	border: 0;
}