/* -------------------------------------------------------------------------------------- */
/*
/* DCS5Net - Custom CSS
/*
/* -------------------------------------------------------------------------------------- */


#appmain .header
{
	background-image: url('../images/headerbgdcs5net.png');
	height: 50px;
	box-shadow: none;
	padding-top:0px;
}
#appmain #apptitle
{
	margin-top: 0px;
	text-shadow: none;
	color: #fff;
}
#appmain #apptitle img
{
	display: none;
}
#appmain #menuBars
{
    float: left;
    color: #fff;
    font-size: 14pt;
    margin-left: 5px;
    margin-top: 2px;
}
#appname
{
	font-size: 8pt;
}
#appmain #mainMenu
{
	border-left:solid 1px #777;
	border-right:solid 1px #777;
	border-bottom:solid 1px #777;
}
#appmain #mainMenuHeader
{
	display:none;
}
#appmain .sidebar
{
	background-color:#fafafa;
	margin-top: 50px;
	margin-bottom:-5px;
    padding-top:5px;
}
#appmain #mainMenu ul:before
{
	background:#fff;
}
#appmain #mainMenu .menuItem.active:before
{
	color: #000;
	font-weight:bold;
}
#appmain #mainMenu .menuGroup
{
	background-image: url(../images/BlueExplorer5.gif);
	height:31px;
	color: #222;
	font-weight:bold;
	border-top:solid 1px #777;
}
#appmain #mainMenu .menuGroup:hover
{
	background-image: url(../images/menugrouphoverdcs5net.png);
	color: #222;
	font-weight:bold;
}
#appmain #mainMenu .menuGroup.active
{
	background-image: url(../images/menugroupactivedcs5net.png);
	color: #222;
	font-weight:bold;
	border-bottom:solid 1px #777;
	background-color:#F3CC66
}
#appmain #mainMenu .sub-menu
{
	background-color: #fff;
	color: #222;
}
#appmain #mainMenu .menuItem.active
{
	color: #333;
	font-weight:bold;
}
#appmain #mainMenu .menuItem:hover
{
	font-weight:bold;
	color: #000;
}
#appmain .content
{
	margin-top: 50px;
}
#appmain .footer
{
	border-top:solid 1px #777;
	margin-bottom:-1px;
}

#appheader #infoarea{
    margin-left:0px;
    overflow:hidden;
}
#appheader #infoarea .dropdown-menu{
    top:22px;
}
#appheader .mandantarea{
    width:180px;
    text-align:center;
    padding-top: 0px;
    margin-left:-6px;
    margin-right:-6px;
}
#appheader .userarea{
    width:140px;
    text-align:center;
    padding-top: 0px;
}
#appheader .languagearea, #appheader .logoutarea, #appheader .helparea, #appheader .skinarea{
    width:40px;
    text-align:center;
}
#appheader .languagearea {
    padding-top:0px;
}
#appheader .helparea {
    padding-top:0px;
}
#appheader .mandantarea, #appheader .userarea, #appheader .languagearea, #appheader .logoutarea, #appheader .helparea, #appheader .skinarea {
    float:left;
    text-align:center;
	border-left: groove 2px #aaaaaa;
	height: 22px;
}
#appmain .header #mandantname, #appmain .header #username, #appmain .header #usernameDropdown
{
    color:#ccc;
	font-size:8pt;
}
#appmain .header a i
{
    color: sandybrown;
    font-size: 12pt;
    padding-top: 3px;
}
#appheader .skinarea .dropdown-toggle
{
    cursor:pointer;
}
#appheader .skinarea img
{
    height:18px;
    margin-top:2px;
}
#appheader .tickerarea
{
    padding-left: 15px;
    padding-right: 15px;
    float:left;
}
#appheader .ticker-container
{
    height: 2.9%;
    border: none;
    overflow: hidden;
    margin-top: 2px;
}
#appheader .ticker-text
{
    height: 150%; 
    white-space: nowrap; 
    display: inline-block;
    color:#fff;
}
#appheader .languagearea #languagename
{
    cursor:pointer
}
#appheader .languagearea ul
{
    text-align:left;
}
#appheader .languagearea ul img
{
    margin-right:8px;
}
#appheader .logoutarea,#appheader .helparea
{
    margin-top:-4px;
    height:26px;
	font-size:16pt;
}


.grdHeader th,th.grdRow
{
    font-weight: bold;
    color: #fff!important;
    background-color:#d0d0d0!important;
    border-style: none!important;
    background-image:url(../images/grid_header.png)!important;
    border-left-color: #b8b8b8!important;
    border-top-color: #b8b8b8!important;
}
.grdRow.unread, .grdRowAlternate.unread {
    background-color: #f2dede !important;
}