/* default.css
Custom css styles, tabless forms, error handling
-Jermaine Gonzales
*/

caption {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 1em;
}

th {
	background-color:#2D4D80;
	font-weight:bold;
	color : #FFFFFF;

}

tr.row0 td {
	background-color:#F4F8FC; color: black;
}
tr.row1 td {
	color: black;
}

td.acc {
	width: 1em;
}

td.cgmrn{
	width: 8em;
}

td.initials{
	width: 1em;
}

td.email {
	width: 15em;
}

td.options {
	width:3em;
	text-align: right;
	padding-right: .5em;
}

/* the best way to make this row is to make the height auto, however
there seems to be an issue with older Opera browser that did not like
this, all text would be jumbled up, so setting the height was the only solution*/
/*edit a better solution would be to check for the offending browser and then
 use a custom style for that browser creating a row fixed class normal row will be auto */
.row {
	clear:both;
	width:100%;
	float:inherit;
	height: auto;
		
}


.row_topborder {
	clear:both;
	width:100%;
	float:inherit;
	height: auto;
	border-top-width:thin;
	border-top-style:solid;
	border-top-color:#CCCCCC;
	
}

.row_fixed {
	clear:both;
	width:100%;
	float:inherit;
	height: 2.5em;
}


.rowError {

	clear:both;
	width:100%;
	float:inherit;
	height: 3em;
	margin-top: .5em;
	background-color:#FFFFCC;
}

.row_center {
	clear:both;
	width:100%;
	float:inherit;
	height: 2em;
	text-align: center;
	padding-top: 10px;
}

.row_center_topborder {
	clear:both;
	width:100%;
	float:inherit;
	height: 2em;
	text-align: center;
	border-top-width:thin;
	border-top-style:solid;
	border-top-color:#CCCCCC;}

/*custom row_tall */
.row_tall {
	clear:both;
	width:100%;
	float:inherit;
	height: 7em;
}

.row_tallError {
	clear:both;
	width:100%;
	float:inherit;
	margin-top: .5em;
	height: 8em;
	background-color:#FFFFCC;
}

.row_tallExtra {
	clear:both;
	width:100%;
	float:inherit;
	height: 11em;
}

.row_huge {
	clear:both;
	width:100%;
	float:inherit;
	height: 85em;
	
}

.row_medium {
	clear:both;
	width:100%;
	float:inherit;
	height: 5em;
}
/*custom row_tall */
.row_tallError {
	clear:both;
	width:100%;
	float:inherit;
	height: 6em;
	margin-top: .5em;
	background-color:#FFFFCC;
}

.row_mediumError {
	clear:both;
	width:100%;
	float:inherit;
	height: 4em;
	margin-top: .5em;
	background-color:#FFFFCC;
}
.rowError {
	clear:both;
	width:100%;
	float:inherit;
	height: 3em;
	margin-top: .5em;
	background-color:#FFFFCC;

}

.pos1 {
	display:inline;
	float:left;
	height:inherit;
    width: 9em;
	

}

/*custom pos1_long */
.pos1_long {
	display:inline;
	float:left;
	height:inherit;
    width: 15em;
    padding-right: .5em;

}

.pos1_long_border {
	display:inline;
	float:left;
	height:inherit;
    width: 14em;
    padding-right: .5em;
	margin-right: .5em;
	border-right:#CCCCCC thin solid;
}

/*custom pos1_dynamic */
.pos1_dynamic {
	display:inline;
	float:left;
	height:inherit;
    padding-right: .5em;


}

.pos2 {

	float:left;
	height:inherit;
	
	
}

.pos3 {
	padding-left: 1em;
	float:left;
	height:inherit;
}

.ul_container {
	width:25em;
	
}

.horiz_red {
	background-color:#932653;
	height:.2em;
	clear:both;
}

#column1 {
	display:inline;
	float:left;
	width: 50%;

}

#column2 {
	float: inherit;

}

.error {
	color: red;
}

.border_space {
	padding-left: 1.5em;
	padding-right: 1em;	
}

.tindent {
	text-indent: 30px;
	padding-left: 30px;
}

.checklabel {
	display:inline;
	
}

label .hide {

	position:absolute;

    left:0px;

    top:-100px;

    width:1px;

    height:1px;

    overflow:hidden;

}

.indent_block {
	clear:both;
	width:80%;
	padding-left: 2em;
	
}
/*
.alertBox {


	background-image: url(/images/exclamation_red_thick.gif);



	background-repeat:no-repeat;

	border:solid;

	border-color:#932653;

	background-color:#FFFFCC;

	padding:.5em;

	padding-left:1.8em;
	

}
*/



/*.alertBox span {

	margin-left:20px;

}*/


/*
.alertBox li {

  font-family:arial,helvetica,verdana,sans-serif;

  font-size:12px;

  font-weight:bold;

  color:#932653;

}



.alertBox h2 {

	margin: 0;
	font-size: 1.1em;
	color:#932653;

}
	
*/