/* HTML Tags */
*
{
    margin: 0;
    padding: 0;
}
    
a
{
	color: #454545;
}

a:hover
{
	color:#27B34B;
}

#darker a:hover
{
	color:#FFF;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.25em;	
	background: #EDEDED;
}

textarea, input[type=text], select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.33px;
}

h1
{
    font-size: 16px;
    margin: 10px 0px 5px 10px;
}

h2
{
    font-size: 14px;
    margin: 5px 10px 5px 10px;
    display: inline-block;
    *display: inline;
}

h4
{
    margin: 10px 0 5px 10px;
}

hr
{
	width: 95%;
	margin: 5px auto;
}

p
{
    margin: 0px 0px 10px 10px;
}

table
{
    width: 98%;
    margin: 10px auto;
}

table table
{
	margin: 0;
}

table, th, td
{
    border: none;
    border-collapse: collapse;
}

th, td
{
	font-size: 12px;
	padding: 2px 5px;
	vertical-align: top;
}

th
{
	background: #27B34B;
	color: #FFF;
}

th a, th a:hover
{
	color: #FFF;
}

ul
{
	margin-left: 50px;
}

li
{
	padding: 4px;	
	font-size: 12px;
}

/* IDs */
#banner
{
	height: 85px;
	margin: 0 0 15px;
	padding-top: 20px;
	border: 1px solid #27B34B;
	border-width: 10px 0;
	background: #FFF url(../images/logo.gif) 10px center no-repeat;
}

#banner h1
{
	margin: 45px 0 0 200px;
	font-size: 21px;
	line-height: 1.5em;
}

#copyright
{
	margin: 25px 0 0 0;
	height: 15px;
	padding: 5px 5px 5px 10px;
	white-space: nowrap;
	text-align: right;
	font-size: 11px;
	clear: both;
	background: #27B34B;
	color: #FFF;
}

#darker
{
    background: #27B34B;
    color: #FFF;
}

#lighter
{
    background: #EDEDED;
}

#mainContent
{
	float: left;
	margin: 0 0 0 10px;
	width: 565px;
	display: inline;
}

#mainContent ul
{
	margin: 0 0 25px 50px;
}

#navL
{
	float: left;
	width: 165px;
	padding: 0 0 15px 15px;
	border-right: 1px solid #27B34B;
}

#navL h2
{
	margin-left: 5px;
}

#navL ul
{
	margin-left: 25px;
}

#nonFluid
{
	width: 760px;
	height: auto;
	margin: 30px auto;
	text-align: left;
	background: #FFF;
}

/* Classes */
.center
{
    text-align: center;
}

.clear
{
	clear: both;
}

.flLeft
{
	float:left;
	width: 45%;
    margin: 10px 1% 0px 10px;
}

.flRight
{
	float: right;
	width: 45%;
    margin: 10px 1% 0px 10px;
}

.left
{
    text-align: left;
}

.nw
{
	white-space: nowrap;
}

.bottom
{
	vertical-align: bottom;
}

.right
{
    text-align: right;
}

th.rowTH
{
	text-align: right;
	width: 30%;
}

.small
{
	font-size: 9px;
}

.grey
{
	color: #aaa;
}

.w10
{
	width: 10%;
}

.w20
{
	width: 20%;
}

.w30
{
	width: 30%;
}

.w40
{
	width: 40%;
}

.w50
{
	width: 50%;
}

.w60
{
	width: 60%;
}

.borderSolid
{
    border: 1px solid #666;
}

.borderRightSolid
{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #666;
}

table.wBorder, table.wBorder td, table.wBorder100, table.wBorder100 td
{
    border: 1px solid #666;
    background: #FFF;
}

table.wBorder100
{
	width: 98%;
}

table.wBorder, table.woBorder
{
    width: auto;
    margin: 10px auto 10px 10px;
}

.wBorder100 td.small
{
	height: 35px;
}

.indent
{
	margin: 0 0 0 10px;
}

.indent2
{
	margin: 0 0 0 20px;
}

.detail
{
	background-color: white;
	border: solid 2px #27B34B;
	padding: 10px;
}

.detail .footer
{
	text-align: right;
	padding: 8px;
}

.modalBackground
{
    background-color: Silver;
    filter: alpha(opacity=50);
    opacity:0.5;
}

.chunks
{
    width: auto;
    float: left;
}

.Dashboard th, .Dashboard td
{
	font-size: 12px;
	padding: 0px 5px 2px 10px;
	vertical-align: top;
	white-space: nowrap;
}

.Dashboard h2
{
	margin: 10px 0px 10px 0px;
}

.ContentPanel
{
	padding: 10px 0px 0px 10px;
}

.ContentPanel h2
{
	margin: 5px 0px 5px 0px;
}

.ContentFieldset
{
	display: inline-block;
}

.ContentFieldset div
{
	margin: 5px 5px 5px 5px;
}

table.wBorder2
{
    width: auto;
    margin: 5px 0px 5px 0px;
	background-color: #FFF;
}

table.wBorder2, table.wBorder2 td
{
    border: 1px solid #666;
}

table.wBorder2 th.thRow
{
	text-align: right;
}

table.wBorder2 th.thRowCenter
{
	text-align: center;
}

.GridViewPager
{
	background-color: #27b34b;
	color: white;
}

.modalPopupBackground 
{
    background-color: Silver;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.pnlPopup 
{
	background-color: #FFF;
	border: solid 1px #666;
	width: auto;
	padding: 10px;
	overflow: auto;
}

.hdrContent
{
	font-size: 14px;
	font-weight: bold;
}

.radioListPadding label
{
	padding: 0px 8px 0px 4px;
}

.PickList label
{
	white-space: nowrap;
	padding: 0px 5px 0px 5px;
}

table.Settings
{
	width: auto;
	margin: 0px;
}

table.Settings > TBODY > TR > TH
{
	font-weight: normal;
	text-align: left;
	background: none;
	color: #444;
}

table.Settings > TBODY > TR
{
	border-bottom: solid 1px #ccc;
}

table.Settings TR.noborder
{
	border: none;
}

table.Settings TH, table.Settings TD
{
	padding: 5px;
}

.printHeader
{
	float: right;
	margin: 0px 30px;
}

/* for Print.Master */
#print, #print TH, #print TD
{
	font-size: 8pt;
	margin: 20px;
}

#print table.PrintSettings TR
{
	border-bottom: solid 1px #666;
}

#print table.PrintSettings > TBODY > TR > TH,
#print table.PrintSettings > TBODY > TR > TD
{
	font-weight: normal;
	text-align: left;
	background: none;
	color: #000;
	padding: 4px 8px;
}

#print table.PrintSettings TR.even
{
	background: none;
}

#print table.PrintSettings TR.odd
{
	background-color: #ddd !important;
}

#print .footer
{
	font-size: 80%;
	color: #666;
}

.headerDataGrid
{
	font-weight: bold;
	color: White;
	background-color: #27B34B;
}

.action 
{
	background: #FF9;
}

span.action 
{
	background: #FF9;
	padding: 2px 3px;
}

.noAction 
{
	background: #DDD;
	color: #878787;
}

.accordionHeader
{
    border: 1px solid #666;
	background: #27B34B;
	color: #FFF;
	font-weight: bold;
    cursor: pointer;
    padding: 4px;
    margin-top: 3px;
}

.accordionHeaderSelected
{
    border: 1px solid #666;
	background: #27B34B;
	color: #FFF;
	font-weight: bold;
    cursor: pointer;
    padding: 4px;
    margin-top: 3px;
}

.accordionContent
{
    border: 1px gray;
    padding: 4px;
    padding-top: 7px;
}

.hidden
{
    display: none;
}