/* styles for basic data table */

.tabularGrid {
	padding: 0;
	margin: 0;
	border: 1px solid #8E2800;
}

.tabular {
	padding: 0px; width: 100%;
	FONT-SIZE: 1em; FONT-FAMILY: Helvetica, Arial, sans-serif;
	white-space: nowrap;
	background-color: #FFF;
	border-top-style: none;
	border-right: 1px solid #8E2800;
	border-bottom: 1px solid #8E2800;
	border-left: 1px solid #8E2800;
	}


/* GRID1 HEADER ROW */

.tabularGrid th {
	FONT-SIZE: 0.9em; 
	FONT-FAMILY: Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #FFF0A5;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 0;
	border-top: 0;
	padding: 0px 3px;
}

.tabular th a {
	text-decoration: none;
	color: #000;
}
.tabular th a:hover {
	text-decoration: underline;
	color: #009;
}


/* GRID1 ALTERNATE DATA ROW */

.AlternateRowStyle {
	FONT-SIZE: 1.0em; 
	FONT-FAMILY: Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #eee;
	border-top: 1px solid #B64926;
	border-right: 1px solid #999;
	border-left: 1px solid #FFF;
	padding: 2px 3px;
}

.AlternateRowStyle td {
    background-color: #efefef !important;
}


/* GRID1 STANDARD DATA ROW */
.RowStyle
{
    FONT-SIZE: 1.0em; 
	FONT-FAMILY: Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #FFF;
	border-top: 1px solid #B64926;
	border-right: 1px solid #999;
	border-left: 1px solid #FFF;
	padding: 2px 3px;
}

.tabularGrid td {
	FONT-SIZE: 0.9em; 
	FONT-FAMILY: Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #FFF;
	border-top: 1px solid #B64926;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #8E2800;
	border-left: 1px solid #ccc;
	padding: 2px 3px;
}

.GridHeader {
    FONT-SIZE: 0.8em; 
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    color: #000;
    background-color: #FFF0A5;
    border-right: 1px solid #999;
    border-left: 1px solid #FFF;
    padding: 0px 3px;
}

.SelectedRow {
    FONT-SIZE: 1em; 
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    color: #000;
    background-color: #b1dbc5;
    border-top: 2px double #468966;
    border-right: 1px solid #999;
    border-bottom: 2px double #468966;
    border-left: 1px solid #b1dbc5;
    padding: 5px 3px;
}

.SelectedRow td {
	background-color: #addcc3;
	}

.SelectedRowStyle {
    FONT-SIZE: 0.9em; 
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    color: #000;
    background-color: #b1dbc5;
    border-top: 2px double #468966;
    border-right: 1px solid #999;
    border-bottom: 2px double #468966;
    border-left: 1px solid #b1dbc5;
    padding: 5px 3px;
}



.tabularGrid tr.tabularPager td 
{
	border: 0;
}

table table.inputwrapper td {
	font-size: 1.1em;
	font-family: Helvetica, Arial, sans-serif;
}


/* GRID1 SELECTED DATA ROW */

#selected td{
	FONT-SIZE: 0.9em; 
	FONT-FAMILY: Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #fff;
	border-top: 4px double #FFB03B;
	border-right: 1px solid #999;
	border-bottom: 4px double #FFB03B;
	border-left: 1px solid #FFF;
	padding: 5px 3px;
}


/* GRID1 EDITED DATA ROW */

#edited td{
	FONT-SIZE: 0.9em; 
	FONT-FAMILY: Helvetica, Arial, sans-serif;
	color: #060;
	background-color: #E7F6DE;
	border-right: 1px solid #999;
	border-bottom: 1px solid #FFB03B;
	border-left: 1px solid #FFF;
	padding: 2px 3px;
}


/* GRID1 EMPTY GRID DATA ROW */

#empty td{
	height: 15px;
	background-color: #fff;
	border-bottom: 1px solid #999;
	border-left: border-right: 1px solid #fff;
	padding: 2px 3px;
}


/* GRID1 PAGER ROW */

#paging {
	height: 15px;
	background-color: #fff;
	border-bottom: 1px solid #999;
	border-left: border-right: 1px solid #fff;
	padding: 2px 3px;
}

.first, .prev, .next, .last .page { 
	display: block;
	float: left;
	clear: none;
	}

.first a, .prev a, .next a, .last a { 
	TEXT-DECORATION: none;
	position: relative;
	border-style: none;
	padding: 0px;
	}

.first a {
	height: 16px; width: 16px; background: url(../images/first.gif) no-repeat;
	}

.prev a {
	height: 16px; width: 16px; background: url(../images/prev.gif) no-repeat;
	}

.next a {
	height: 16px; width: 16px; background: url(../images/next.gif) no-repeat;
	}

.last a {
	height: 16px; width: 16px; background: url(../images/last.gif) no-repeat;
	}

.first a:hover, .prev a:hover, .next a:hover, .last a:hover { 
	background-position: 0px -16px;
	TEXT-DECORATION: none;
	}

.tabularEdit {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin-right: 10px;
	FONT-SIZE: 1em; FONT-FAMILY: Helvetica, Arial, sans-serif;
	white-space: nowrap;
	border: 3px solid #8E2800;
	}
.tabularEdit th {
	padding: 0px 3px;
	border-right: 1px solid #999;
	border-left: 1px solid #FFF;
	background-color: #FFF0A5;
}
.tabularEdit td {
	padding: 2px 3px;
	margin: 0px;
	border-top: 1px solid #B64926;
	border-right: 1px solid #999;
	border-left: 1px solid #FFF;
	background-color: #FFF;
}
.tabularEdit select, .tabularEdit input {
	FONT-SIZE: 0.9em;
	text-align: right;
	right: 0px;
	}
.tabularEdit2 {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin-right: 10px;
	FONT-SIZE: 1em; FONT-FAMILY: Helvetica, Arial, sans-serif;
	white-space: nowrap;
	border-right: 1px solid #8E2800;
	border-bottom: 1px solid #8E2800;
	border-left: 1px solid #8E2800;
	}
.tabularEdit2 th {
	padding: 0px 2px;
	border-right: 1px solid #999;
	border-left: 1px solid #FFF;
	background-color: #FFF0A5;
}
.tabularEdit2 td {
	padding: 2px 2px;
	margin: 0px;
	border-top: 1px solid #B64926;
	border-right: 1px solid #999;
	border-left: 1px solid #FFF;
	background-color: #FFF;
}
.tabularEdit2 select, .tabularEdit2 input {
	FONT-SIZE: 0.9em;
	text-align: right;
	right: 0px;
	}
.prereqs {
	padding: 0px; width: 100%;
	FONT-SIZE: 0.9em; FONT-FAMILY: Helvetica, Arial, sans-serif;
	white-space: nowrap;
	background-color: #FFF;
	border-top-style: none;
	border-right: 1px solid #8E2800;
	border-bottom: 1px solid #8E2800;
	border-left: 1px solid #8E2800;
	}
.prereqs th {
	padding: 0px 3px;
	border-top: 1px solid #B64926;
	border-bottom: 1px solid #B64926;
	border-right: 1px solid #999;
	border-left: 1px solid #FFF;
	background-color: #FFF0A5;
}
.prereqs td {
	padding: 0px 3px;
	border-right: 1px solid #999;
	border-left: 1px solid #FFF;
	vertical-align: top;

}
.green input {background-color: #CFC;
}
.yelo input {background-color: #FF0;
}
.red input {background-color: #F96;
}
.greenbg {background-color: #CFC;
}
.yelobg {background-color: #ff0;
}
.redbg {background-color: #F96;
}
.cssEmpStatus {
    font-weight: bold;
}    

/* specific to my_persons page - can delete if using images for alerts */
.redalert {
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
	font-family: "arial black";
	text-align: center;
}
.yeloalert {
	font-size: 1em;
	font-weight: bold;
	color: #FFCC00;
	font-family: "arial black";
	text-align: center;
}

.beigeBG td {
	background-color: #EBEBEB;
	padding: 1px 0px 1px 8px;
	border-top: 1px solid #FFF;
}
.beigeBG input, .beigeBG select {
	padding: 0px; margin: 1px 8px 1px 0px;
}
	
.Redbox {
	background-color: #FFF0A5;
	margin: 2px 1px;
	padding: 2px 0px 3px 00px;
	border: 1px solid #8E2800;
}
.Redbox td {
	padding: 2px 2px 2px 10px;
}