/*AppContent*/
/*Theme: VCOEGreenYellow*/
.leftTable, .topTable {
    background-color: #ffffff;
    border-color: #C5B358;
}
.rightDetails, .bottomDetails {
    background-color: #ffffff;
    border-color: #C5B358;
}
#splitter, #hsplitter {
    border-left-color: #C5B358;
    border-right-color: #C5B358;
    border-top-color: #C5B358;
    border-bottom-color: #C5B358;
}
.splitterLeftPanel, .splitterTopPanel {
    background-color: #FFFFFF;
    border-top-color: #C5B358;
    border-bottom-color: #C5B358;
    border-left-color: #C5B358;
    border-right-color: #C5B358;
}
.splitterRightPanel, .splitterBottomPanel {
    background-color: #FFFFFF;
    border-top-color: #C5B358;
    border-bottom-color: #C5B358;
    border-left-color: #C5B358;
    border-right-color: #C5B358;
}
.splitterTopBorder {
	background-color: #E8E1BC;
	border-top-color: #fefefe;
	border-bottom-color: #808080;
}


------------------------------------------------
Background Colors
------------------------------------------------
*/

.darkHighlight
{
    background-color: #B26BB2;       
    color: #ffffff;
}
.mediumHighlight
{
    background-color: #FFB8FF;
    color: #ffffff;
}
.lightHighlight
{
    background-color: #FFD6FF;
}
/*the font color for darkNeutral might need to change based on the color selected for the neutrals*/
.darkNeutral
{
    background-color: #FFFF94;
    color: #B26BB2;
}
.mediumNeutral
{
    background-color: #FFFFC2;
}
.lightNeutral
{
    background-color: #FFFFE0;
}
.panelNeutral
{
    background-color: #F8F7F1;
}

/*
------------------------------------------------
Border Colors
------------------------------------------------
*/

.darkHighlightBorder
{
    border-color: #B26BB2;
}
.mediumHighlightBorder
{
    border-color: #FFB8FF;
}
.lightHighlightBorder
{
    border-color: #FFD6FF;
}
.darkNeutralBorder
{
    border-color: #FFFF94;
}
.mediumNeutralBorder
{
    border-color: #FFFFC2;
}
.lightNeutralBorder
{
    border-color: #FFFFE0;
}

/*
------------------------------------------------
Font Foreground Colors
------------------------------------------------
*/

.darkHighlightColor
{
    color: #B26BB2;
}
.mediumHighlightColor
{
    color: #FFB8FF;
}
.lightHighlightColor
{
    color: #FFD6FF;
}
.darkNeutralColor
{
    color: #FFFF94;
}
.mediumNeutralColor
{
    color: #FFFFC2;
}
.lightNeutralColor
{
    color: #FFFFE0;
}


/*
------------------------------------------------
App Column Menu (Vertical)
------------------------------------------------
*/

.appColumnMenu {float:left;
                width:150px;
                height:100%;
                background-color:#FFFFC2;}  /* 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 #B26BB2;                        /* darkHighlight*/
	border-bottom: solid 1px #B26BB2;                       /* darkHighlight*/
	border-left: solid 1px #FFD6FF;                         /* lightHighlight*/
	border-top: solid 1px #FFD6FF;                          /* lightHighlight*/
	background-color: #FFB8FF;                              /* mediumHighlight*/
	padding: 8px 0 0 5px;
	}
    	
.ColumnMenu li a:hover {
	color: #B26BB2;
	/*background:  url(../../../../Images/menu2.gif) 0 -32px;*/
	background-color: #FFD6FF;                              /* lightHighlight*/
	border-right: solid 1px #B26BB2;                        /* darkHighlight*/
	border-bottom: solid 1px #B26BB2;                       /* darkHighlight*/
	padding: 8px 0 0 5px;
	}

.ColumnMenu li a:focus {
    outline: none;
}

.ColumnMenu li.selected a {
	color: #B26BB2;
	/*background:  url(../../../../Images/menu2.gif) 0 -32px;*/
	background-color: #FFFFC2;                              /* mediumNeutral*/
	border-top: solid 1px #FFFFC2;                          /* mediumNeutral*/
	border-right: solid 1px #FFFFC2;                        /* mediumNeutral*/
	padding: 8px 10px 0 0;
	text-align: right;
	}

.ColumnMenu li.selected a.last {
    border-bottom: solid 1px #FFFFC2; 
	}

/*
------------------------------------------------
Table Sorter 
------------------------------------------------
*/

.header:hover {
	background-color: #FFFFE0;
	cursor:pointer;
}