﻿body 
{
    font-family: Verdana;
	font-size: 13px;
	text-align: left;
	color: #333300;
	background-color: #F5EDE0;
}


/* Inset 3D Raised */
.raised {background: transparent; width:40%;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#CCDAAA; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#CCDAAA; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#CCDAAA; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#CCDAAA; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#CCDAAA; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#CCDAAA; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#CCDAAA; border-left:1px solid #fff; border-right:1px solid #999;}


/* Inset 3D Curved */
.inset {background: transparent; width:40%;}

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}



.ResultsGridHeader,.ResultsGridRowSelector,.RelatedTableHeaderColumn
{
    padding: 2px;
    text-align:center;
    border-left: solid 1px white;
    border-top: solid 1px white;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    background-color: #e0e0e0;
}
.ResultsGridFilterDropDown
{
    background-color: White;
}
.ResultsGridFilterHighlightRow,.ResultsGridSelectedRow
{
    background-color:Yellow;
}


.ActiveTab, .InactiveTab, .MouseOverTab 
{
	text-align:center;
	padding:5px 5px 5px 5px;	
}

.ActiveTab
{
	color:White;
	background-color: #333300;
}

.InactiveTab
{
	background-color:#CCDAAA;
}

.MouseOverTab
{
	background-color:Yellow;
}

.EntityHeader, .Error
{
	font-size: 14px;
	font-weight:bold;
	text-align:left;
}

.Error 
{
    color:Red;
}

.DetailsBody
{
	position:absolute;

}


.ColumnName, .ColumnValue
{
	padding: 2px 10px 2px 10px;
	border-spacing: 0;
}

.ColumnName
{
	font-weight:bold;
}

.ColumnValue
{
	background-color:White;
}

.RequiredHeader
{
 font-weight: bold;
 color: Red;
}


.RelatedTableRow,.RelatedTableAltRow
{
	border-spacing: 0;
}

.RelatedTableRow
{
	background-color: #FFFFFF;
}

.RelatedTableAltRow
{
	background-color: #F0F0F0;
}

TABLE
{
    
 border-width: 0;
 border-spacing: 0;
 position: relative;
 white-space: normal;
}

TD 
{
    padding: 2px 2px 2px 2px;
}


A:visited
{
	color:Blue;
}
A:link
{
	color:Blue;
}
A:hover
{
	color: red;
}


.handleImage
{
	width:15px;
	height:16px;
	background-image:url(images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

.resizingImage
{
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:blue;
}



.SelectedRowStyle
{
 background-color:Yellow;   
}
.HeaderStyle
{
 background-color:Blue;   
}

.RowStyle
{
 background-color:White;   
}

.AltRowStyle
{
 background-color:Gray;
}