/*--------------------------------------------read only form---------------------------------------------*/

table.readOnlyForm
{
	width:100%;
	background-color:#cccccc;
	border-collapse:collapse;
}

td.fieldName
{
	background-color:#efefef;
	padding:2px 2px 2px 3px;
	font-weight:bold;
	font-size:small;
}

td.fieldNameSmaller
{
	border:1px solid black;
	background-color:#efefef;
	padding:2px 2px 2px 3px;
	font-weight:bold;
    font-size: 11px;
	font-size:0.85rem;
}

td.fieldValue
{
	padding:2px 2px 2px 3px;
	background-color:#fafafa;
	font-size:small;
}

td.fieldValueSmaller
{
	border:1px solid black;
	padding:2px 2px 2px 3px;
	background-color:#fafafa;
    font-size: 11px;
	font-size:0.85rem;
}

td.fieldNameEdit
{
	background-color:#efefef;
	padding:2px 2px 2px 2px;
	font-weight:bold;
	font-size:small;
	width:22%;
}
td.fieldValueEdit
{
	padding:2px 2px 2px 2px;
	background-color:#fafafa;
	font-size:small;
	width:78%;
}

.gridheader th, .gridheader td
{
	background-color:#efefef;
	font-size: small;
	text-align:left;
}

.gridheader td
{
	font-weight: bold;
}

.gridheaderSmaller th
{
	background-color:#efefef;
    font-size: 11px;
	font-size: 0.85rem;
	text-align:left;
}

/*--------------------------------------------vertical tab---------------------------------------------*/
.selectedmenuitem
{
	background-color:#f0f0e9;
	border-right:0px;
	
}

.unselectedmenuitem
{
	border-right: 1px solid #888888;
	background-color:#bbbbbb;
}
.menubottomfiller
{
	position:relative;
	border-right: 1px solid #888888;
	height:100%;
}
.verticaltab{
	/*border-left: 1px solid #C0C0C0;*/
	background-color: #eeeeee;
	border-bottom-width: 0;
	height:100%;
	
	left:0px;
}

* html .verticaltab{ /*IE only rule. Original menu width minus all left/right paddings */
	width: 144px;
}

.verticaltab ul{
padding: 0px;
margin: 0px;
list-style-type: none;
}

.verticaltab li{
font: bold 13px Verdana;
padding: 4px 4px;
display: block;
/*color: #595959;*/
color: #000000;
border-bottom: 1px solid #888888;
border-left: 1px solid #888888;
}
.verticaltab a
{
	display:block;/*too fill up the li*/
	width:100%;
	height:100%;
	text-decoration: none;
	color: #696969;
}

.verticaltab a:visited{
/*olor: #595959;*/
}

html>body .verticaltab a{ /*Non IE rule*/
width: auto;
}

.unselectedmenuitem:hover{
background-color: #F8FBF8;
color: #000077;
}

div.verticaltabcontentpanel
{
	margin-left:-1px;

	padding:10px 15px 10px 30px;
	background-color:#f0f0e9;
	border-bottom:1px solid #888888;
	border-right:1px solid #888888;
	border-left:1px solid #888888;
	min-height:360px;

}

/*-------------------------------------------------------------grids-------------------------------------------*/

table.datagrid td 
{
	background-color:#fafafa;
}

table.datagrid td a
{
	color: #0A0A0A;
}

img.verticaltabimage
{
	border-style:none;
	padding-left:6px;
	vertical-align:bottom;
}