body 
{
    margin:0;
	background-color:#ffffff;
	color:#666666;
	background-image:url("images/background-body.png");
	background-repeat:repeat-x;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-align:center;
}



/* Containers */
#body-container { width:980px;margin:0px auto;text-align:center; }
#header-container { width:980px;height:64px;background-color:transparent;margin-top:10px; }


/* Header */
#header {
	width:980px;
	height:39px;
	background-image:url("images/navigation/background-nav.png");
	background-repeat:no-repeat;
}

#header top {margin:5px 0 0 0;float:left;}

#header img.logo { margin:5px 0 0 19px;float:left; }
#header img.divider { margin-top:5px;float:left; }
#header img.demo-title { margin-top:5px;float:left;height:34px; }
#header img.separator { margin-top:5px;float:left; }
#header img.home { margin-top:5px;float:left;cursor:pointer; }
#header img.home-active { margin-top:5px;float:left;cursor:default; }
#header img.site { margin:5px 0 0 3px;float:left;cursor:pointer; }

/* SubNav */
#subnav {
	width:980px;
	height:25px;
	background-image:url("images/navigation/background-subnav.png");
	background-repeat:no-repeat;
	/*padding:5px 8px 0 12px;*/
	font-size:9px;
	cursor:default;
}

#subnav #breadcrumbs { width:auto;color:#dd3409;float:left;margin:4px 8px;font-size:9px; }
#subnav #breadcrumbs table#Breadcrumbs { height:13px !important;font-size:9px; }
#subnav #breadcrumbs img { margin-left:5px;margin-right:5px; }
#subnav #breadcrumbs a:link { color:#dd3409;text-decoration:none;font-size:9px; }
#subnav #breadcrumbs a:hover { color:#dd3409;text-decoration:underline;font-size:9px; }
#subnav #breadcrumbs a:visited { color:#dd3409;text-decoration:none;font-size:9px; }
#subnav #breadcrumbs a:visited:hover { color:#dd3409;text-decoration:underline;font-size:9px; }
#subnav #breadcrumbs a:active { color:#ff3300;text-decoration:underline;font-size:9px; }



/* DJ */
/* Menu Items */

.TopGroup
{
  background-image: url(images/mainmenu/background-nav.gif); 
  border:0px solid #696885; 
  border-style:none;
  border-bottom-color: #57566F; 
  border-right-color: #57566F; 
  cursor:pointer; 
}

.MenuGroup
{
  border:0px; 
  border-style:none;
  cursor:pointer;
}

.TopMenuItem
{
  background-image: url(images/mainmenu/background-nav.gif);
  color:white; 
  font-family:tahoma; 
  font-size:11px;
  font-weight:normal;
  padding:20px;
  cursor:pointer;
}

.TopMenuItemHover 
{
  color:Yellow;
  text-decoration:underline;
  font-family:tahoma; 
  font-size:11px; 
  font-weight:normal;
  padding:20px;
  cursor:default; 
}

.MenuItem
{
  border: 1px solid #F5F5F5; 
  background-color:black;   
  color:white;
  font-family:tahoma; 
  font-size:11px; 
  cursor:default; 
  margin:5px 0 0 0;
}

.MenuItemHover 
{
  text-decoration:underline;
  background-color:Black;
  color:Yellow;
  border: 1px solid #57566F; 
  border-top-color: #9190AC; 
  border-left-color: #9190AC;
  font-family:tahoma; 
  font-size:11px; 
  cursor:default; 
  margin:5px 0 0 0;
}

.MenuItemExpanded
{
  background-color:black; 
  color: #333333;
  border: 1px solid #9190AC; 
  border-top-color: #57566F; 
  border-left-color: #57566F;
  font-family:tahoma; 
  font-size:11px; 
  cursor:default; 
}

.MenuItemActive
{
  color: #333333;
  background-color:black; 
  border: 1px solid #BB5503; 
  font-family:tahoma; 
  font-size:11px; 
  cursor:default; 
}

.MenuBreak
{
  background-color: silver; 
  width:100%;
  height:2px;
}

.ScrollItem
{
  background-color:#F5F5F5; 
  border: 1px solid #757495; 
  text-align:center;
  cursor:default;
}

.ScrollItemH
{
  background-color:#FFEEC2; 
  border: 1px solid #757495; 
  text-align:center;
  cursor:default;
}

.ScrollItemA
{
  background-color:#FBE694; 
  border: 1px solid #BB5503; 
  text-align:center;
  cursor:default;
}


/* DJ */
/* Admin control panel */

.SideBar1
{
  background-color:#111111; 
  color: white;
  border: 2px solid #ffffff; 
  border-top-color: #57566F; 
  border-left-color: #57566F;
  font-family:tahoma; 
  font-size:18px; 
  cursor:default; 
}

/* DJ */
/* Eval Tree View */

.EvalTreeView 
{ 
  background-color:White;
  padding-top:4px; 
  padding-left:1px; 
  border: #7C7C94 1px solid; 
  cursor:default; 
}

.EvalTreeNode 
{ 
  font-family: tahoma; 
  font-size: 10px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
}

.EvalGrayedTreeNode 
{ 
  font-family: tahoma; 
  font-size: 10px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  color:gray; 
  cursor:default;
}

.EvalHoverTreeNode 
{ 
  font-family: tahoma; 
  font-size: 10px; 
  text-decoration:underline; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.EvalSelectedTreeNode 
{ 
  font-family: tahoma; 
  font-size: 10px; 
  background-color: gray; 
  color:white; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.EvalNodeEdit 
{
  border:1px gray solid;
  font-family: tahoma; 
  font-size: 10px;  
}

/* DJ */
/* Eval Calendar */

.calendar
{
	border:1px solid #57566F;
	cursor:default;
}

.topheadertext
{
	font-family:Arial Black;
	font-size:15px;
	color:#4A495E;
	line-height:20px;
	text-align: center;
}

.dayheader
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	background-color:#E0DFE3;
	background-image:url(images/dayheader_bg.gif);
	background-position: left bottom;	
	height:20px;
	text-align:center;
	cursor:default;
}

.monthselector
{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	color:#333333;
	width:25px;
	background-color:#E0DFE3;
	background-image:url(images/dayheader_bg.gif);
	background-position: left bottom;
	cursor:pointer;
}

.weekselector
{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	color:#333333;
	background-color:#F6F6F6;
	border-top:1px solid white;
	border-left:1px solid white;
	border-bottom:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	height:21px;
	width:29px;
	cursor:pointer;
}

.day
{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	color:#57566F;
	background-color:white;
	border-top:1px solid white;
	border-left:1px solid white;
	border-bottom:1px solid #F6F6F6;
	border-right:1px solid #F6F6F6;
	height:21px;
	width:29px;
	cursor:pointer;
}

.othermonthday
{
	color:#B2B1CA;
}

.selectedday
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:black;
	background-color:#FFEEC2;
	border:1px solid #BB5503;
	cursor:default;
}

.dayhover
{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	color:#57566F;
	background-color:white;
	border-top:1px solid white;
	border-left:1px solid white;
	border-bottom:1px solid #F6F6F6;
	border-right:1px solid #F6F6F6;
	height:21px;
	width:29px;
	cursor:pointer;

	text-decoration:underline;
}

.othermonthdayhover
{
	color:#B2B1CA;
	text-decoration:underline;
}

.selecteddayhover
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:black;
	background-color:#FFEEC2;
	border:1px solid #57566F;
}

.modalProgressGreyBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.greenHeader
{
    font-family:Verdana;
    font-weight:bold;
    font-size:10pt;
    color:White;
    background-color:#a38165;
    padding:3px 0px 3px 0px;
}