/* 
================================
Skin Styles for Nitrifier
================================
*/   
html, body {padding:0; margin:0; height:100%;}
.myPageTable{height:100%; width:100%; background:#1d4290 url(images/background-gradient.jpg) repeat-x; text-align:center; padding-bottom:30px;}
.adminhost {float:left; margin:10px;}


#bdywrapper{ width:900px; margin:0 auto; text-align:left;}
#hdr {height:117px;}
#AdminHostList {margin:10px 0 0 10px;}
#breadCrumb {margin-left:8px; float:left; font-size:9pt; color:#fff; margin-bottom:5px;}
.breadCrumbLink {color:#fff; text-decoration:none; font-size:9pt;}
a.breadCrumbLink, a.breadCrumbLink:hover, a.breadCrumbLink:visited {color:#fff;}
#lgnbar {float:right; color:#fff; margin:0 14px 5px 0;}
.dnnLogin, .dnnUser, a.dnnLogin, a.dnnUser {color:#fff; text-decoration:none; font-size:9pt;}
a.dnnLogin:hover, a.dnnUser:hover {text-decoration:underline; color:#fff;}
a.dnnLogin:visited, a.dnnUser:visited {color:#fff;}
#mnu {width:900px; height:48px; margin:10px 0 5px 0;}
#mnuLeft {float:left; width:8px; background: url(images/mnuCapLft.jpg) no-repeat left; border-right:1px solid #fff; height:48px;}
#mnuCenter{width:883px; float:left; background: url(images/mnuRpt.jpg) repeat-x; height:48px;}
#mnuRight {float:right; width:8px; background: url(images/mnuCapRgt.jpg) no-repeat right; height:48px;}

.ftrLinksContainer {float:left; margin-left:5px;}
.ftrLinks {color:#336699; font-size:8pt; padding-left:4px; line-height:20px;}
.ftrLinks a, a.ftrLinks:visited, a.privacyTerms, a.privacyTerms:visited {color:#336633; text-decoration:none;}
a.ftrLinks:hover, a.privacyTerms:hover {color:#336699; text-decoration:underline;}
.privacyTermsContainer {float:right; margin-right:5px;}
.privacyTerms {font-size:8pt; color:#336699; line-height:20px;}
 

.SkinObject, a.SkinObject:link, a.SkinObject:active, a.SkinObject:hover, a.SkinObject:visited
    {color:#fff; font-weight:normal;}

.dvclr{ line-height:.01; clear:both; }

.paneSeparator {width:7px; font-size:1px;}
.toppane {padding:0; margin:0;}
.leftPaneTop {background:url(images/leftPaneTop.jpg) no-repeat bottom; padding:0; margin:0; font-size:1px;}
.leftPaneContainer, .contentPaneContainer {width:212px; background:#fff; border-left:#caced8; border-right:1px solid #caced8; border-bottom:1px solid #caced8;}
.leftpane {width:200px; padding:5px; text-align:center;}
.leftBottom {background:url(images/leftBottom.jpg) no-repeat bottom; height:34px; text-align:center;}
.contentPaneTop {background:url(images/contentPaneTop.jpg) no-repeat bottom; padding:0; margin:0; font-size:1px;}
.contentBottom {background:url(images/contentBottom.jpg) no-repeat bottom; height:34px;}
.contentpane {padding:5px; width:668px;}

.cpyrght {color:#336633; font-size:8pt;}

.DNNEmptyPane { margin:0; padding:0;display:none; height:0; font-size:1px; }
.Normal, .NormalRed, html, body{font-size:10pt; font-weight:normal; font-family:Tahoma;}
h1 {color:#336699; font-weight:bold; font-size:20pt;}
h2 {color:#336633; font-weight:bold; font-size:14pt;}
h3 {color:#000000; font-weight:bold; font-size:14pt;}
h4, h5, h6{color:#336633;}
h2 a:link, h2 a:visited, h2 a:active, h3 a:link, h3 a:visited, h3 a:active {color:#336633; font-weight:bold; font-size:14pt; text-decoration:none;}
h2 a:hover, h3 a:hover {text-decoration:underline;}
.contentpane a:link, .contentpane a:active, .contentpane a:visited, .leftpane a:link, .leftpane a:active, .leftpane a:visited {color:#336633; text-decoration:none;}
.contentpane a:hover, .leftpane a:hover {text-decoration:underline;}
/*  NavMenu styles start here */
.TabList {
    margin:0;
    padding:0;
}

/*top level links */
#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    line-height:48px;
    height:48px;
}
/* Menu Items ---- Settings here cascade down */
#nav li {
  position:relative;
  float:left;
  /*line-height : 1.25em;*/
  width: auto;
  list-style: none;
  border-right: 1px solid #fff;
  z-index:5000;
  padding:0;
  margin:0;
}

#nav li ul { /* second-level lists --  width of dropdowns must be set here for IE6  */
	position : absolute;
	left: -999em;
	width:190px;
	border:1px solid #fff;
	padding:0px;
	height:22px;
}

#nav ul li a { 
    font-size:10pt;
	display:block;
    text-decoration:none;
    text-align:center;
    padding :0 14px;
    color:#fff;
    font-weight:700;
}

#nav ul li ul li {height:22px; border:1px solid #fff;}  
#nav ul li ul li a, #nav ul li.SelectedTab ul li a, #nav ul li a.SelectedTab ul li a { /*2nd Level Links --- width needs to be set in order for the drop downs to be vertical */
    width:190px;
    padding:0 0 0 5px;
    margin:0;
    height:22px;
    background: #002157;
    text-align: left;	
    line-height:22px;
    color:#fff;
}


#nav li a:hover {
  background:url(images/mnuSelectedRpt.jpg) repeat-x top;
  color:#fff;
  margin-top: 0;
  padding-top:0;
}

#nav li.SelectedTab a,
#nav li a.SelectedTab {
   background: url(images/mnuSelectedRpt.jpg) repeat-x top; 
   color:#fff;
}

#nav li.SelectedTab a:hover,
#nav li a.SelectedTab:hover {
   background: url(images/mnuRpt.jpg) repeat-x top;
}

/*Prevent Selected Item Dropdowns for having same properties as top level selected item */

#nav li ul li a:hover, #nav li a ul li a:hover, #nav li.SelectedTab ul li a:hover, 
#nav li a.SelectedTab ul li a:hover{background: url(images/mnuRpt.jpg) repeat-x; color:#fff;}


#nav .DisabledTab {
    color:#ccc;
    
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul { /* Adjust top to move vertical postion of drop down menus */
	top: 46px;
	left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul { /*Adjust left to change spacing of 2nd level and 3rd level menus */
	top: 0;
	left:192px;
}