/*
----------------------------------------------------------------------------------------------------
GLOBAL ELEMENT STYLES
----------------------------------------------------------------------------------------------------*/
body, table, form, div, span, hr, pre, img, h1, h2, h3, h4, h5, h6 {
	border: none;
	padding: 0px;
	margin: 0px;
}
h1 { font-size: 16px; }
hr {
	border-top: 1px solid #689E21;
	height: 1px;
	line-height: 1px;
}
a {
	color: #467C00;
	text-decoration: none;
}
a:hover { color: #245A00; }

/*
----------------------------------------------------------------------------------------------------
GLOBAL CLASS STYLES
----------------------------------------------------------------------------------------------------*/
.cp { cursor: pointer; }
.cm { cursor: move; }
.avt { vertical-align: top; }
.avm { vertical-align: middle; }
.avb { vertical-align: bottom; }
.atl { text-align: left !important; }
.atc { text-align: center !important; }
.atr { text-align: right !important; }
.nw { white-space: nowrap; }
.oh { overflow: hidden; }
.hidden { display: none; }
.visible { display:; }
.screenHide { display: none; }
.printHide { display:; }
.db { display: block; }
.inlineNotice { color: #669900; }
.inlineWarn { color: #FF0000; }
.inlineHighlight { background-color: #FFFF66; }
.fwb { font-weight: bold; }
.fwn { font-weight: normal; }
.fsi { font-style: italic; }
.fsu { text-decoration: underline; }
.fs8 { font-size: 8px; }
.fs9 { font-size: 9px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.required { border-bottom: 3px double #FF0000; }
.pw {
	font-family: Courier New, monospace;
	white-space: pre-wrap;
}

/*
----------------------------------------------------------------------------------------------------
BASIC POSITIONING AND LAYOUT
----------------------------------------------------------------------------------------------------*/
body { font: 11px arial; }

/*
----------------------------------------------------------------------------------------------------
FORM STYLES
----------------------------------------------------------------------------------------------------*/
form p {
	padding: 0px;
	margin: 0px;
}
fieldset {
	border: 3px double #CCCCCC;
	border-left-color: #999999;
	border-top-color: #999999;
	margin: 0px auto;
}
legend {
	font-weight: bold;
	font-style: italic;
	padding: 0px 8px;
	margin: 0px;
}
textarea { width: 98%; }
textarea, input, select, div.input {
	font: 11px arial;
	background-color: #FFFFFF;
	border: 3px double #CCCCCC;
	border-left-color: #999999;
	border-top-color: #999999;
	color: #2B2520;
	margin: 0px;
	padding: 2px;
}
select { padding: 1px 2px; }
select optgroup { font-size: 10px; }
input.highlight:focus, form textarea.highlight:focus, form select.highlight:focus { background-color: #E6F2FF; }
input.button, input.button:focus {
	font-weight: bold;
	background: transparent url('/images/fade-butt.png') top left repeat;
	border: 3px double #999999;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
	padding: 1px 2px;
}
input.button:active {
	font-weight: bold;
	background-color: #FFFFFF;
	border: 3px double #CCCCCC;
	border-left-color: #999999;
	border-top-color: #999999;
}
input.file {
	position: absolute;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
}
input.image, input.image:focus {
	border: none;
	background: transparent;
}

/*
----------------------------------------------------------------------------------------------------
FANCY OPTION STYLES
----------------------------------------------------------------------------------------------------*/
span.option {
	display: block;
	cursor: pointer;
	float: left;
	width: 48%;
	height: 17px !important;
	margin: 0px 3px 3px 0px;
	padding: 3px 0px 0px 3px;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
}
span.option.disabled {
	background: transparent url("/images/option_disabled.png") left top repeat-x;
	border-left-color: #EFEFEF;
	border-right-color: #E6E6E6;
}
span.option.enabled {
	background: transparent url("/images/option_enabled.png") left top repeat-x;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #E6E6E6;
}
span.option.active {
	background: transparent url("/images/option_active.png") left top repeat-x;
	border-left-color: #EFEFEF;
	border-right-color: #E6E6E6;
}

/*
----------------------------------------------------------------------------------------------------
DEFAULT TABLE STYLES
----------------------------------------------------------------------------------------------------*/
table { width: 100%; }
table tr td { padding: 2px; }
table tr.header td {
	font-weight: bold;
	border-bottom: 3px double #ECECEC;
	background-color: #FCFCFC;
}
table tr.summary td {
	border-top: 3px double #ECECEC;
	background-color: #FCFCFC;
}
table tr.rs1 td { background-color: #FFFFFF !important; }
table tr.rs2 td { background-color: #F0F0F0 !important; }

/*
----------------------------------------------------------------------------------------------------
GRID STYLES
----------------------------------------------------------------------------------------------------*/
div.grid {
	position: relative;
	background-color: #ECECEC;
	padding: 5px;
	margin: 0px;
}
div.grid>table {
	width: 100%;
	border-spacing: 1px;
	empty-cells: show;
	background-color: #CCCCCC;
}
div.grid>table caption {
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
	background: transparent url('/images/table_header_bg.png') top left repeat-x;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
div.grid>table select { padding: 1px; }
div.grid>table thead tr th,div.grid>table tfoot tr th {
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
	background: transparent url('/images/table_header_bg.png') top right repeat-x;
}
div.grid>table caption span.fl,div.grid>table thead tr th span.fl,div.grid>table tfoot tr th span.fl { padding-top: 6px; }
div.grid table tbody tr td {
	text-align: left;
	padding: 5px;
}
div.grid>table tbody tr.row-child td {
	text-align: left;
	background-color: #FFFFFF;
	padding-left: 25px;
}
div.grid>table tbody tr.row-child td table tbody tr td { padding: 5px; }
div.grid>table>tbody>tr.r1>td { background-color: #FFFFFF; }
div.grid>table>tbody>tr.r2>td { background-color: #F0F0F0; }
div.grid.hover>table>tbody>tr.r1:hover>td {
	background-color: #EEEEEE;
	cursor: pointer;
}
* div.hover>table>tbody>tr.r1>td,div.hover>table>tbody>tr.r2>td { cursor: pointer; }
div.grid.hover>table>tbody>tr.r2:hover>td {
	background-color: #EEEEEE;
	cursor: pointer;
}
div.grid>table tbody tr.active td {
	background-color: #EEEEEE;
	font-weight: bold;
	cursor: pointer;
}
div.grid>table tbody tr.active:hover td {
	background-color: #EEEEEE;
	font-weight: bold;
	cursor: pointer;
}
div.grid>table tbody tr td.edit { background: url('/images/edit_flag.png') top left no-repeat; }
div.grid>table tbody tr.row-child td table tr td { padding: 2px; }
div.grid>table a { text-decoration: underline; }
div.grid>table a:hover { text-decoration: none; }

/*
----------------------------------------------------------------------------------------------------
FORMATTED SORTABLE GRID TABLE STYLES
----------------------------------------------------------------------------------------------------*/
div.grid>table thead tr th.sort {
	cursor: pointer;
	background: transparent url('/images/table_header_bg_sort.png') top right repeat-x;
}
div.grid>table thead tr th.asc { background: transparent url('/images/table_header_bg_sort_asc.png') top right repeat-x; }
div.grid>table thead tr th.desc { background: transparent url('/images/table_header_bg_sort_desc.png') top right repeat-x; }
div.grid>table thead tr th.atr.sort { background: transparent url('/images/table_header_bg_sort_atr.png') top left repeat-x; }
div.grid>table thead tr th.atr.asc { background: transparent url('/images/table_header_bg_sort_asc_atr.png') top left repeat-x; }
div.grid>table thead tr th.atr.desc { background: transparent url('/images/table_header_bg_sort_desc_atr.png') top left repeat-x; }

/*
----------------------------------------------------------------------------------------------------
TOOL TIP STYLES
----------------------------------------------------------------------------------------------------*/
.tip-container {
	z-index: 10000;
}
.tip {
	font-size: 9px;
	color: #FFFFFF;
	width: 139px;
}
.tip-title {
	font-weight: bold;
	color: #669900;
	padding: 8px 8px 0px 8px;
	background: transparent url("/images/bubble.png") top left no-repeat;
}
.tip-text {
	padding: 8px;
	background: transparent url("/images/bubble.png") bottom right no-repeat;
}