﻿/*AppContent*/
/*Theme: Blue*/
.leftTable, .topTable {
    background-color: #FFFFFF;
    border-color: #808080;
}
.rightDetails, .bottomDetails {
    background-color: #FFFFFF;
    border-color: #808080;
}
#splitter, #hsplitter {
    border-left-color: #808080;
    border-right-color: #808080;
    border-top-color: #808080;
    border-bottom-color: #808080;
}
.splitterLeftPanel, .splitterTopPanel {
    background-color: #FFFFFF;
    border-top-color: #808080;
    border-bottom-color: #808080;
    border-left-color: #808080;
    border-right-color: #808080;
}
.splitterRightPanel, .splitterBottomPanel {
    background-color: #FFFFFF;
    border-top-color: #808080;
    border-bottom-color: #808080;
    border-left-color: #808080;
    border-right-color: #808080;
}
.splitterTopBorder {
    background-color: #F0F0F0;
    border-bottom-color: #fefefe;
    border-top-color: #B5D1D5;
}
.vsplitbar {
    background-color: #F0F0F0;
    border-left-color: #808080;
    border-right-color: #808080;
}
.hsplitbar {
    background-color: #F0F0F0;
    border-top-color: #808080;
    border-bottom-color: #808080;
}
.vsplitbar.active, .vsplitbar:hover, .hsplitbar.active, .hsplitbar:hover {
    background-color: #527798;
}
.appBody {
    background-color: #F0F0F0;
}
.appTableHeader {
    background-color: #808080;
}
.appButtonBar {
	background-color: #F0F0F0;
	border-top-color: #fefefe;
	border-bottom-color: #B5D1D5;
}
.appMenuBar {
	background-color: #F0F0F0;
	border-top-color: #fefefe;
	border-bottom-color: #B5D1D5;
}
.appEditArea 
{
	background-color: #FFFFFF;
	border-top-color: #B5D1D5;
	border-right-color: #B5D1D5;
	border-bottom-color: #B5D1D5;
	border-left-color: #B5D1D5;
}
.appValidationError
{
	background-color:#ffeeee; 
	color:#ff0000;
}
.validationSummary
{
	background-color:#ffeeee; 
	color:#ff0000;
}
.DnDrowDragClass
{
    background-color:#B5D1D5;
}

/*
------------------------------------------------
Background Colors
------------------------------------------------
*/

.darkHighlight
{
    background-color: #003399;
    color: #ffffff;
}
.mediumHighlight
{
    background-color: #527798;
    color: #ffffff;
}
.lightHighlight
{
    background-color: #B5D1D5;
}
.darkNeutral
{
    background-color: #808080;
    color: #ffffff;
}
.mediumNeutral
{
    background-color: #DEDEDE;
}
.lightNeutral
{
    background-color: #F0F0F0;
}
.panelNeutral
{
    background-color: #F9F9F9;
}

/*
------------------------------------------------
Border Colors
------------------------------------------------
*/

.darkHighlightBorder
{
    border-color: #003399;
}
.mediumHighlightBorder
{
    border-color: #527798;
}
.lightHighlightBorder
{
    border-color: #B5D1D5;
}
.darkNeutralBorder
{
    border-color: #808080;
}
.mediumNeutralBorder
{
    border-color: #DEDEDE;
}
.lightNeutralBorder
{
    border-color: #F0F0F0;
}

/*
------------------------------------------------
Font Foreground Colors
------------------------------------------------
*/

.darkHighlightColor
{
    color: #003399;
}
.mediumHighlightColor
{
    color: #527798;
}
.lightHighlightColor
{
    color: #B5D1D5;
}
.darkNeutralColor
{
    color: #808080;
}
.mediumNeutralColor
{
    color: #DEDEDE;
}
.lightNeutralColor
{
    color: #F0F0F0;
}

/*
------------------------------------------------
App Column Menu (Vertical)
------------------------------------------------
*/

.appColumnMenu {float:left;
                width:150px;
                height:100%;
                background-color:#DEDEDE;}   /* mediumNeutral*/

.ColumnMenu {
	width: 150px;
	margin-top: 0px; /*10px*/
	border-style: none none none none;
	border-color: #D8D5D1;
	border-width: 1px;
	}
    
.ColumnMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
    }
    	
.ColumnMenu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	}	
    	
.ColumnMenu li a:link, .ColumnMenu li a:visited {
	color: #FFFFFF;
	display: block;
	/*background:  url(../../../../Images/menu2.gif);*/
	border-right: solid 1px #003399;                        /* darkHighlight*/
	border-bottom: solid 1px #003399;                       /* darkHighlight*/
	border-left: solid 1px #B5D1D5;                         /* lightHighlight*/
	border-top: solid 1px #B5D1D5;                          /* lightHighlight*/
	background-color: #527798;                              /* mediumHighlight*/
	padding: 8px 0 0 5px;
	}
    	
.ColumnMenu li a:hover {
	color: #000000;
	/*background:  url(../../../../Images/menu2.gif) 0 -32px;*/
	background-color: #B5D1D5;                              /* lightHighlight*/
	border-right: solid 1px #003399;                        /* darkHighlight*/
	border-bottom: solid 1px #003399;                       /* darkHighlight*/
	padding: 8px 0 0 5px;
	}

.ColumnMenu li a:focus {
    outline: none;
}

.ColumnMenu li.selected a {
	color: #000000;
	/*background:  url(../../../../Images/menu2.gif) 0 -32px;*/
	background-color: #DEDEDE;                              /* mediumNeutral*/
	border-top: solid 1px #DEDEDE;                          /* mediumNeutral*/
	border-right: solid 1px #DEDEDE;                        /* mediumNeutral*/
	padding: 8px 10px 0 0;
	text-align: right;
	}

.ColumnMenu li.selected a.last {
    border-bottom: solid 1px #DEDEDE; 
	}


/*
------------------------------------------------
Table Sorter 
------------------------------------------------
*/

.header:hover {
	background-color: #F0F0F0;
	cursor:pointer;
}
/*
th.headerSortUp {
	background-color: #B5D1D5;
}
th.headerSortDown {
	background-color: #B5D1D5;
}
*/
