
html, body, p, a, td, th, div, span, legend, fieldset
{
    font-family: Verdana, helvetica;
    font-size: 12px;
    line-height: 15px;
}

a { text-decoration: none; color: Blue; }
a:hover { text-decoration: underline; }

a.gr {
	font-size: 12px; color: #fff; font-family: verdana,  helvetica
}
a.gr:active {
	font-size: 12px; color: #fff; font-family: verdana,  helvetica
}
a.gr:visited {
	font-size: 12px; color: #fff; font-family: verdana,  helvetica
}
a.gr {
	font-size: 12px; color: #fff; font-family: verdana,  helvetica
}
a.bl {
	font-size: 12px; color: #fff; font-family: verdana,  helvetica
}
a.bl:active {
	font-size: 12px; color: #fff; font-family: verdana,  helvetica
}
a.bl:visited {
	font-size: 12px; color: #fff; font-family: verdana,  helvetica
}
a.bl {
	font-size: 12px; color: #fff; font-family: verdana,  helvetica
}


h1 { font-size: 15px; color: #585a59; text-align: center; width: 1024px; margin: 0px; padding: 7px 0px 15px; }
h2 { font-size: 14px; color: #585a59; margin: 5px 0px; }
.b { font-weight: bold; }

.ASPxButton { display: inline; padding-right: 5px; }
.dxeGridView { width:100%; margin-top: 10px; clear: both; float: left; }
.dxeTreeList { width: 100%; clear: both; float: left; margin-top: 10px; }

table.radioButtonList { border: 0px; }
table.radioButtonList input { border: none; }

div.left { float: left; }
div.right { float: right; }
div.center { margin-left: auto; margin-right: auto; }
div.verticalspacer, table tr.verticalspacer { height: 15px }


/***** Table Filter *****/
table.filter { }
table.filter tr.filter { height: 30px; }
table.filter th.filter { text-align:right; vertical-align: middle; padding: 2px; }
table.filter td.filter { vertical-align: middle; padding: 2px; }
table.filter td.space { width: 10px; }
table.filter td.spacer { width: 10px; }



/***** Table List *****/
div.list { height: 400px; margin-top: 10px; overflow: auto; overflow-y: scroll; }
div.inactive { border: solid black 1px; padding: 3px; width: 90px; font-weight:bold; }
table.list { border-collapse: collapse; border: solid #9c9e9c 1px; }
table.list th.label, table.list th.list_label
{
    border: solid #9c9e9c 1px;
    background-color: #dedfde;
    padding: 3px 5px 3px 5px;
    font-weight: normal;
    text-align:left;
}
table.list td.data, table.list td.list_data
{ border: solid #cccccc 1px; padding: 3px 4px 3px 4px; }
table.list td.buttons { border: solid #cccccc 1px; text-align: right; padding: 3px 5px 3px 5px; }
table.list td.buttons a.button {  }
/*table.list tr.inactive, div.inactive { background-color: #ff0000; color: White; }
table.list tr.inactive, div.inactive { background-color: transparent; color: gray; }*/
table.list td.first_row { border-top: solid #9c9e9c 1px; }
table.list tr.odd_row { background-color: transparent; }
table.list tr.even_row { background-color: #eeeeee; }


/* Grid View Edit Form */
.form { min-width: 50%; }
.form tr.formRow { border: solid #cccccc 1px; }
.form tr.spacer { height: 5px; border: 0px; background-color: Transparent; }
.form tr.section_spacer { height: 15px; border: 0px; background-color: Transparent; }
.form tr.header_spacer { height: 5px; border: 0px; background-color: Transparent; }
.form tr.bottom_spacer { height: 15px; border: 0px; background-color: Transparent; }
.form th.label, .form th.label_top
{
    font-size: 11px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    white-space: nowrap;
    font-weight: bold;
    vertical-align: middle;
    color: #585a59;
    
}
.form th.label_top { vertical-align: top; }

.form th.header
{
    padding: 3px 5px 3px 15px;
    text-align: left;
    white-space: nowrap;
    color: black;
    font-weight: bold;
}
.form td.data
{
    font-size: 11px;
    padding: 0px 5px 0px 0px;
    vertical-align: middle;
    color: #585a59;
}

.form .dropdown
{
    width: 100px;
}
td.buttons
{
    margin-top: 10px;
    height: 15px;
    background-color: white;
    text-align: right;
    padding: 3px 20px 3px 3px;
}

table.form td.money_field
{
    border: solid #4186a6 1px; text-align: right;
    padding-right: 3px; height: 23px; vertical-align: middle;
    background-color: #ffffff;
}

.required { color: red; }

.fr { font-weight: normal; font-size: 11px; }