/* table forms ------------------------------------------------------------------- */

table.tableForm {
	width: 550px;
	font: 10px Verdana, Arial, sans-serif;
	margin: 1em 0;
}
table.tableForm td {
	padding: 0;
	padding-bottom: 3px;
	padding-left: 3px;
	vertical-align: top;
}
table.tableForm td.indent {
	padding-left: 30px;
}

table.tableForm td.indent a {
	position: static;
}

table.tableForm label {
	display: block;
	background-color: #f5f5f5;
	padding: 6px 6px;
	color: #000;
	font-weight: bold;
	width: 146px;
	margin-left: 27px;
	float: left;
	line-height: 12px;
}
table.tableForm div {
	line-height: 24px;
	float: left;
}
table.tableForm div span.note {
	line-height: 12px;
}
table.tableForm input, table.tableForm textarea, input.WPPStyle {
	font: 13px Verdana, Arial, sans-serif;
	background-color: #fff;
	border: solid 1px #bbb;
	padding: 3px 2px;
	width: 300px;
}
table.tableForm textarea {
	width: 300px;
	height: 96px;
}

table.tableForm select, select.WPPStyle {
	font: 13px Verdana, Arial, sans-serif;
	background-color: #fff;
	border: solid 1px #bbb;
	padding: 1px;
	height: 22px;
	width: 306px;
}

table.tableForm select.informationSelect 
{
	width: 306px;
}

table.tableForm hr {
	border: 0;
	color: #adc2d6;
	background-color: #adc2d6;
	height: 1px;
	margin-bottom: 2px;
}
table.tableForm input.button {
	background: #ccc url(../images/common/button_bkgd.gif) repeat-x;
	border: 2px solid #BFBFBF;
	color: #333;
	padding: 4px 8px;
	font: bold 10px Verdana, Arial, sans-serif;
	width: auto;
	cursor: pointer;
	cursor: hand; 
}
table.tableForm .RadioCell input { width: auto; }

table.tableForm tr.tall { height: 50px; }
/* table.tableForm .invalid { background-color: #fffcd7; } */

table.tableForm td.editableSubTable { padding-right: 5px; }
table.tableForm td.editableSubTable div.tableButtons { float: right; }
table.tableForm td.editableSubTable table { width: 510px; clear: both; margin-bottom:10px; float: right; }
table.tableForm td.editableSubTable table.dataTable { margin-left: 30px; }
table.tableForm td.editableSubTable .tableButtons {margin-right: 0px; }
table.tableForm td.editableSubTable h3 {float: left; }
table.tableForm td.editableSubTable .addSection { margin-left: 30px; }
table.tableForm td.editableSubTable .addSection label { width: 100px; }


.tableButtons { margin-top: 3px; margin-bottom: 3px; float: right; }

.tabRow {
    width: 510px;
    height: 30px;
    border-bottom: 1px solid #e6e4e4; 
    overflow: visible;
    position: relative;
}
.tabRow .tab {
    position: absolute;
    height: 24px;
    width: 100px;
    margin-right: 10px;
    padding: 5px 5px 0;
    border: 1px solid #e6e4e4;
    border-bottom: none;
    background-color: #f5f5f5;	
}
.tabRow .active { background-color: #fff; height: 25px; }
.tabRow .tab.last { left: 120px; }
.tabRow .tab input { vertical-align: middle; cursor: pointer; }
.tabRow a, .tabRow a:hover, .tabRow a:visited { color: #000; text-decoration: none; }

.tabSet {
	width: 497px;
	border: 1px solid #e6e4e4;
	border-top: none;
	background: #fff url(../images/reg/formbox_bkgd.gif) repeat-x left bottom;
	padding-left: 11px;
	margin-bottom: 20px;
}
table.tableForm td.editableSubTable .tabSet table { width: 550px; float: none; }
table.tableForm td.editableSubTable .addSection { clear: both; float: right; margin-top: 15px; }
table.tableForm td.editableSubTable .tabSet table input.button { float: right; margin: 5px 65px 0 0; }
table.tableForm td.grade div {width: 100px; margin-top:3px;}
table.tableForm td.grade input{width: 20px; margin-bottom:5px; float: left; clear: both;}
table.tableForm td.grade label{padding:0px;margin-bottom:5px; float: left; font-weight:normal; background-color:Window;}


/* data tables ------------------------------------------------------------------- */

table.dataTable {
	border: solid 1px #e7e7e7;
	background-color: #f5f5f5;
	padding: 2px;
	line-height:16px;
}
table.dataTable th {
	background: #727272 url(../images/common/th_bkgd.gif) repeat-x;
	font: normal 14px/17px Arial, sans-serif;
	color: #fff;
	text-align: left;
	padding: 5px 9px;
	border-right: solid 1px #4f4f4f;
	border-bottom: solid 1px #404040;
	border-left: solid 1px #757575;
}

table.dataTable th span.unreadMessages
{
    font-size: 10px;
    color: #ffff88;
}

table.dataTable th.wider
{
    width: 108px;
}

table.dataTable td {
	background-color: #fff;
	border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	padding: 4px 10px;
	font-size: 10px;
}
table.dataTable tr.even td {
	background-color: #f2f2f2;
	border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}
table.dataTable td.total {
	background-color: #e9f4ff;
	border-left: solid 1px #cee7ff;
	font-weight: bold;
	padding: 4px 37px 4px 0;
	text-align: right;
}
table.dataTable tr.even td.total {
	background-color: #cce0f4;
	border-left: solid 1px #c8e1f9;
	font-weight: bold;
}
	  	
table.dataTable tr.selected td {
    background-color: #E9F4FF;
    border-top: 1px solid #CCE0F4;
    border-bottom: 1px solid #CCE0F4;
}

table.dataTable td.bold { font-weight: bold; }

table.dataTable td.noRows {
	background-color: #f2f2f2;
	color: #666;
	text-align: center;
	font-style: italic;
}

table.dataTable th.numeric, table.dataTable td.numeric { text-align: center; }

table.dataTable td.label {
	background-color: #f5f5f5;
	font-weight: bold;
}

table.dataTable li {
	list-style-position:outside;
	margin-left:40px;
}

table.dataTable td.center,
table.dataTable th.center 
{
	text-align: center;
}

table.dataTable td.RadioCell {
    width: 1px;
    border-right: solid 1px #fff;
}

table.tableForm input.checkbox, table.tableForm input.radiobutton {
	border:0 none;
	width: auto;
}

table.dataTable tr.selected td.RadioCell {
    padding-top: 4px;
}

table.dataTable.sortable th {
	cursor: pointer;
}

table.dataTable.sortable th { padding-right: 6px; }
table.dataTable.sortable th div { background: url(../images/reports/nosort.png) no-repeat center right; display: block; width: 100%; height: 17px; }
table.dataTable.sortable th.sortedAsc div { background: url(../images/reports/asc.png) no-repeat center right; }
table.dataTable.sortable th.sortedDesc div { background: url(../images/reports/desc.png) no-repeat center right; }


/* Read-Only Form ------------------------------------------------------------*/

table.readonlyTable {
  border: solid 1px #e7e7e7;
  background-color: #f5f5f5;
  padding: 2px;
  margin: 10px 0 10px 0;
}

table.readonlyTable th {
	background: #727272 url(../images/common/th_bkgd.gif) repeat-x;
	font: normal 14px/17px Arial, sans-serif;
	color: #fff;
	text-align: left;
	padding: 5px 9px;
	border-right: solid 1px #4f4f4f;
	border-bottom: solid 1px #404040;
	border-left: solid 1px #757575;
}

table.readonlyTable td {
   font-size: 11px;
   border-right: solid 1px #e7e7e7;
   background-color: #fff;
   padding: 4px 5px;
   border-bottom: solid 1px #f2f2f2;
}

table.readonlyTable td.label {
   padding-right: 20px;
   background-color: #f5f5f5;
   font-weight: bold;
   vertical-align: top;
}



/* data view */

fieldset.dataMultiView {
	border: 0;
	text-align: right;
	padding: 10px 0;
	font: normal 11px/14px Arial, sans-serif;
	clear: both;
}
fieldset.dataMultiView select {
	font: normal 11px Verdana, Arial, sans-serif;
	border: solid 1px #ccc;
	background-color: #f5f5f5;
	color: #333;
}
fieldset.dataMultiView .viewDivider {
	font: lighter 17px Arial, sans-serif;
	margin: 0 6px;
	color: #ccc;
}


/* generic button */
input.button, button {
	background: #ccc url(../images/common/button_bkgd.gif) repeat-x;
	border: 2px solid #BFBFBF;
	color: #333;
	padding: 4px 8px;
	font: bold 10px Verdana, Arial, sans-serif;
	width: auto;
	cursor: pointer;
}