body{ background-color: #ececec; text-align: left; font-size: 82.5%; color: #000000; margin: 0; padding: 0px 5px 5px 5px; font-family: Arial, Helvetica, sans-serif; }
	
	/********* T E M P L A T E  S T Y L E S ******************************************/
	#page { margin: 0 auto; max-width: 1024px; min-width: 1024px; width: auto !important; width: 1024px; background: #fff; border: 1px solid #000; }
	#template { text-align: left; }
	#main { vertical-align: top; }
	#left-main { vertical-align: top; padding-left: 8px; padding-right: 8px; }
	#main .area { padding: 8px 10px 10px 10px; min-height: 300px; height: auto !important; height: 150px; }
	#left { width: 220px; vertical-align: top; }
	#left .area { width: 220px; margin-right: 15px; margin-left: 4px; }
	#right { width: 250px; vertical-align: top; }
	#right .area { width: 250px; margin-right: 15px; }
	
	#footer { padding-top: 10px; }
	#header { color: #fff; font-size: 90%; }
	#body { width:100%; padding: 10px 0px 0px 0px; }
	#header a { font-size: 100%; }
	
	/********* I N P U T   S T Y L E S ********************************************/
	.button{ background-color: #ccc; color: #333333; margin-left: 2px; margin-right: 2px; margin-bottom: 0px; border: 1px solid #a0a0a0; font-weight: bold; }
	.button[disabled]{ color: #aca899; }
	.text { font-size: 100%; color: #333; border: 1px solid #cecece; padding: 3px 1px 3px 1px; }
	.textarea { font-size: 100%; color: #333; border: 1px solid #cecece; padding: 1px; }
	.select { font-size: 100%; color: #333; border: 1px solid #cecece; padding: 1px; }
	.select-readonly { font-size: 100%; color: #333; }
	input.text:focus, input.text.sffocus { background: #f5f6be; }
	form { padding: 0; margin: 0; }
	.input-label { font-weight: bold; color: #333; padding-left: 2px; padding-right: 2px; }
	.input-error { color: #ff0000; }
	sup { vertical-align: text-top; }

	.main-menu { padding: 0px 0px 0px 0px; background-color: #006600; color: #efefef; }
	.main-menu .main { font-size: 115%; background-color: #006600; text-align: left; margin: 0; padding: 0 0px; }
	.main-menu .main .items { margin-left: 0; margin-right: auto; }
	.main-menu .main .item { }
	.main-menu .main .item .content { display: block; background: #006600; }
	.main-menu .main .item a { color: #efefef; display: block; padding: 6px 12px 8px 12px; background: #006600 url(../../images/nav-rule.jpg) no-repeat right center; font-size: 1.2em; font-weight: bold; margin: 0; text-decoration: none;  }
    .main-menu .main .item a:hover { color: #ccc; background-color: #004a00; }
    .main-menu .main .item a:visited { text-decoration: none; }
	.main-menu .main .item a:active { text-decoration: none; }
	
	.main-menu .main .current { }
	.main-menu .main .current .content { color: #ccc; display: block; padding: 6px 12px 8px 12px; background: #004a00 url(../../images/nav-rule.jpg) no-repeat right center; font-weight: bold; margin: 0; text-decoration: none; }
	
	
	/********** Vertical Menu **********************************************************/
	.left-menu { width: 230px;  border-right: 1px solid #999; border-left: 1px solid #999; border-bottom: 10px solid #aaa; border-top: 10px solid #aaa; padding-top: 1px; font-family: Arial, sans-serif; font-weight: bold; background-color: #fff; color: #fff; }
	.left-menu ul { list-style: none; margin: 0; padding: 0; border: none; }
	.left-menu li { padding-bottom: 1px; margin: 0; }
	.left-menu li a {display: block; padding: 6px 0px 6px 0.5em; background-color: #dbdad7; color: #333; text-decoration: none; width: 225px; }
	.left-menu li a:visited { color: #333; }
	html>body .left-menu li a { width: auto; }
	.left-menu li a:hover { background-color: #89cf5a; color: #004a00; }
	.left-menu ul ul { background-color: #fff; color: #333; }
	.left-menu ul ul li { font-size: 85%; border-bottom: 1px solid #f9f3d2; margin:0; padding: 0; }
	.left-menu ul ul a:link, .left-menu ul ul a:visited { background-color: #fff; color: #dbdad7; }
	.left-menu ul ul a:hover { background-color: #f9f3d2; color: #b2bcd3; }
	.left-menu ul ul .content { color: #333; }
	.left-menu li a.current { background-color: #004a00; color: #fff; }
	.left-menu li a.active { background-color: #004a00; color: #fff; }
	.left-menu ul ul li a.current { background-color: #f9f3d2; color: #151e6a; }
	
	
	/********* P A G I N G   S T Y L E S ********************************************/
	div.paging { text-align: right; padding: 5px; background-color: #f8f8f8; border: 1px dotted #cecece; margin-bottom: 10px;}
   	div.paging-summary { text-align: left; }
	table.paging { margin-left: auto; margin-right: 0; font-family : arial, helvetica, geneva, swiss, sunsans-regular;}
	.paging a { padding-left: 1px; padding-right: 1px; }
	
	
	/********** E X P O R T   S T Y L E S *******************************************/
	.export-links .text { border: 0; }
	.excel { padding: 0px 4px 1px 20px; display:inline; background-image: url(../../images/icon-excel.gif); background-repeat:no-repeat; }
	.csv { padding: 0px 4px 1px 20px; display:inline; background-image: url(../../images/icon-csv.gif); background-repeat:no-repeat; }
	
	
	/********** E R R O R   S T Y L E S *********************************************/
	div.messages {  text-align: left; border: 2px dashed #003399; padding: 0px; background-color: #CAE1FF; margin-top: 3px; margin-bottom: 3px; color: #000000; font-size: 90%; }
	div.messages ul { list-style: none; padding: 10px; margin: 0; }
	div.messages li { list-style-type: none; margin-left: 0px; padding-left: 25px; padding-top: 4px; padding-bottom: 2px; background: url('../../images/information.gif')  center left no-repeat; }
	
	div.error-messages {  margin-top: 3px; margin-bottom: 3px; text-align: left; border: 2px dashed #ff0000; padding: 0px; background-color: #ffdddd; color: #990000; font-size: 90%; }
	div.error-messages ul { list-style: none; padding: 5px; margin: 0; padding-left: 15px;}
	div.error-messages li { list-style-type: none; margin-left: 0px; padding-left: 25px; padding-top: 4px; padding-bottom: 2px; background: url('../../images/error.gif')  center left no-repeat; }
	div.error-messages h3 { font-size: 100%; color: #990000; padding: 0; margin: 0; padding-left: 5px; padding-top: 3px; }
	
	div.warn-messages { text-align: left; border: 2px dashed #f0c000; padding: 0px; background-color: #ffffce; margin-top: 3px; color: #bb5522;  font-size: 90%; }
	div.warn-messages ul { list-style: none; padding: 10px; margin: 0; }
	div.warn-messages li { list-style-type: none; margin-left: 0px; padding-left: 25px; padding-top: 4px; padding-bottom: 2px; background: url('../../images/warning.gif')  center left no-repeat; }
	
	
	
	/********* D A T A  T A B L E   S T Y L E S ********************************************/
	table.data-table { padding: 0px 0px 0px 0px; width: 100%; margin: 0; border-spacing: 0; color: #333333;  }
	table.data-table td.single { text-align: left; background: #ffffff; border-left: 1px solid #003f00; border-right: 1px solid #003f00;}
	table.data-table th { text-align: left; background-color: #015f00; color: #fff; font-weight: bold; padding: 3px 5px 3px 5px; }
	table.data-table thead tr { background-color: #e8e5d4; }
	table.data-table th a, table.data-table th a:visited { color: #fff; }
	table.data-table th a:hover { text-decoration: underline; color: #fff; }
	
	table.data-table tr.odd { background-color: #fff; }
	table.data-table tr.odd td { text-align: left; padding: 3px 5px; }
	table.data-table tr.odd td.left { border-left: 1px solid #003f00; border-right: 1px solid #ccc; }
	table.data-table tr.odd td.center { border-right: 1px solid #ccc; }
	table.data-table tr.odd td.right { border-right: 1px solid #003f00; }	

	table.data-table tr.even { background-color: #eaeaea; }
	table.data-table tr.even td { text-align: left; padding: 3px 5px; }
	table.data-table tr.even td.left { border-left: 1px solid #003f00; border-right: 1px solid #ccc; }
	table.data-table tr.even td.center { border-right: 1px solid #ccc; }
	table.data-table tr.even td.right { border-right: 1px solid #335a93; }
	
	
	.export { text-align: left; padding-top: 4px; padding-bottom: 10px; }
	span.excel { padding: 0px 4px 1px 20px; display:inline; background-image: url(../../images/icon-excel.gif); background-repeat:no-repeat; }
	span.csv { padding: 0px 4px 1px 20px; display:inline; background-image: url(../../images/icon-csv.gif); background-repeat:no-repeat; }
	span.pagebanner { font-size: 90%; background-color: #f8f8f8; border: 1px dotted #cecece; padding: 2px 4px 2px 4px; width: 99%; margin-top: 10px; text-align: left; display:block; border-bottom: none; }	
	span.pagelinks { font-size: 90%; background-color: #f8f8f8; border: 1px dotted #cecece; padding: 2px 4px 2px 4px; width: 99%; display:block; text-align: left; border-top: none; margin-bottom: 0px; }