﻿/*
========================
  ControlPanel style 
========================
*/
.cntWrpr { background:#f3f2f2; margin:0 auto; width:95%; }
.ControlPanel { background:url(images/cpanel_center.png) repeat-x bottom left; border:none; padding-bottom:10px; }
.cpanel_left { background: url(images/cpanel_left.png) no-repeat bottom left; padding-left:21px; }
.cpanel_right { background: url(images/cpanel_right.png) no-repeat bottom right; padding-right:33px; }

/* 
====================================
Skin Styles for Zorrods
====================================
*/   
html, body {padding:0; background:#f3f2f2;}
.adminhost {float:left; margin:10px;}
#mypagetable {background:#f3f2f2 url(images/bdy-top-rpt.jpg) repeat-x left top; width:100%; text-align:center;}         
/*Body Styles*/
.bdyBtm {height:26px; background: url(images/bdy-btm-shadow.jpg) no-repeat center bottom; margin:0 auto; }
#bdywrapper { background:url(images/bdy-rptr.jpg) repeat-y left; width:925px; margin:0 auto; }
#contentwrapper {margin:0 auto; width:925px; }
#panewrapper {margin:0 auto; width:899px; padding-left:2px; position:relative; z-index:4001; top:-98px; text-align:left;}
#mnu-wrapper {height:24px; color:#fff; padding:0; margin-top:24px; }
#nav {float:right; margin-right:20px; position:relative; top:-120px; z-index:4002; width:525px;}


/*Header Styles*/
#header-text {float:left; margin-left:30px; margin-top:5px;}
#header-text span {font-weight:normal; font-family:tahoma; font-size:15pt;}
#search {float:right; height:28px; margin-right:25px; margin-top:20px; background:url(images/search-background.jpg) no-repeat left;}
#dnn_SEARCH1_ClassicSearch {line-height:28px;}
#dnn_SEARCH1_ClassicSearch .NormalTextBox {border:0; padding-right:0; margin-right:0; font-size:10px; width:126px; margin-left:3px;}
#dnn_SEARCH1_cmdSearch {position:relative; top:4px; margin-left:-8px;}
#logo {float:left; height:94px; width:270px; margin-left:85px;}
#hdr {background:url(images/hdr-background.jpg) no-repeat; margin:0 auto; width:925px; height:186px; border:0; position:relative; z-index:4000; top:-3px;}

/*BreadCrumbs*/
#bread {float:left;padding:0 6px; text-align:right; font-size:8pt; color:#a8a8a8; margin-left:25px; height:15px; margin-right:10px; position:relative; z-index:4001; top:-107px;}
a.breadcrumbs {color:#a8a8a8;}
a.breadcrumbs:hover {text-decoration:underline;}
/*Login & Register Styles*/
#lgnbar {float:right; padding:0 6px; text-align:right; color:#a8a8a8; height:15px; margin-right:25px; position:relative; z-index:4001; top:-107px;}
    #lgnbar a{color:#a8a8a8; text-decoration:none;}
    #lgnbar a:hover{text-decoration:underline;}
.dnnLogin, .dnnUser, a.dnnLogin, a.dnnUser {color:#a8a8a8; text-decoration:none; font-size:8pt; text-transform:lowercase;}
a.dnnLogin:hover, a.dnnUser:hover { text-decoration:underline; }


#AdminMnu{line-height:30px; float:left; padding-right:10px;}

/*Panes*/
.flashpane {padding:0; margin:0;}
.toppane {padding:6px 0;}
.leftpane,.rightpane,.contentpane {padding:6px;}
.contentpane-narrow {padding:6px 40px;}
.bottompane {padding:0; margin:0;}

.DNNEmptyPane { margin:0; padding:0;display:none; height:0; font-size:1px; }

#btm-links {background:url(images/btm-stripe.jpg) repeat-x center top; padding-top:15px; margin:-89px auto 0; width:899px; padding-right:2px; }


#ftr { font-size:10pt; margin:0 auto; width:900px; text-align:center; }
#ftr a  {color:#595959; text-decoration:none; font-weight:normal; }
#ftr a:hover { text-decoration:underline; }


.SkinObject, a.SkinObject:link, a.SkinObject:active, a.SkinObject:hover, a.SkinObject:visited
    {color:#595959; font-weight:normal;}

a.SkinObject:hover {text-decoration:underline;}

.copyrgt, .sitemap {color:#595959; font-weight:normal; font-size:8.5pt;} 

.dvclr{ line-height:.01; clear:both; }

.Normal, html, body, p {font-size:9pt; font-weight:normal; font-family:Verdana, Arial, Sans-Serif;}
.NormalRed {color:#ff0000; font-weight:bold;}
p {line-height:11pt;}
h1 {color:#a82b3d; font-weight:normal; font-size:16pt;}
h2 {color:#adadad; font-weight:bold; font-size:14pt;}
h3 {color:#000; font-weight:normal; font-size:12pt;}
h4, h5, h6{font-size:10pt; color:#4e4e4e;}

a, a:link {text-decoration:none; color:#a82a3f;}
a:hover {text-decoration:underline; color:#a82a3f;}
a img {border:none;}
a:hover img {opacity:0.9;}

#fmhelperwrap {width:100%;text-align:center;margin:5px auto;}

/*  NavMenu styles start here */
.TabList {
    margin:0;
    padding:0;
}

/*top level links */
#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    float:right;
    line-height:22px;
    position:relative;
    z-index:5000;
}
/* Menu Items ---- Settings here cascade down */
#nav ul li {
  position:relative;
  float:left;
  /*line-height : 1.25em;*/
  width: auto;
  list-style: none;
  height:22px;
  z-index:5000;
  background:url(images/mnu-separator.jpg) no-repeat left center;}

/*Remove the Menu Separator from the first menu item*/
#nav ul li.menu-first {background-image:none;}

#nav li ul { /* second-level lists --  width of dropdowns must be set here for IE6  */
	position : absolute;
	left: -999em;
	background: #eee;
	width:170px;
	border:0;
	padding:0px;
}

#nav a { 
    font-size:9pt;
	display:block;
    text-decoration:none;
    text-align:center;
    padding :0 5px 0 10px;
    color:#000;
    font-weight:normal;
}

#nav ul li ul li {position:relative; z-index:5000;}
    
#nav li li a { /*2nd Level Links --- width needs to be set in order for the drop downs to be vertical */
    width:195px;
    padding:0 0 0 3px;
    margin:0;
    height:22px;
    background: #595959;
    text-align: left;	   
}

#nav li a:hover {
  color:#a82b3d;
  /*border-top:none;*/
}
#nav li.SelectedTab a,
#nav li a.SelectedTab {
   border:none; 
   color:#a82b3d;
   font-family:Verdana, Arial, Sans-Serif;
   font-size:9pt;
}

#nav li.SelectedTab a:hover,
#nav li a.SelectedTab:hover {
   color: #000;
}

/*Prevent Selected Item Dropdowns for having same properties as top level selected item */
#nav li.SelectedTab ul li a, #nav li a.SelectedTab ul li a{background: #ccc; color:#000; border:1px solid #595959;}

#nav li.SelectedTab ul li a:hover, #nav li a.SelectedTab ul li a:hover{background: #ccc; color:#a82b3d;}

#nav li ul li a, #nav li a ul li a{background: #ccc; color:#000; border:1px solid #595959;}

#nav li ul li a:hover, #nav li a ul li a:hover{background: #ccc; color:#a82b3d;}

#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: 22px;
	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:199px;
}

#test3 {
	height:310px;
	width:870px;
	margin:0 auto;
}

