/* 
================================
Skin styles for DotNetNuke - For DotNetNuke 3 -  XDMediaMadness - Nina Meiers dnn3@xd.com.au
================================
*/   

/* Standard Formatting common for all Skins in XDMediaMadness Themes*/
/* Can be customised by modifying background colours in the Custom CSS files */

.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 4px;
	padding-top: 1px;
}
.leftpane {
	background-color: transparent;
	padding-left: 3px;
	padding-right: 2px;
	padding-top: 1px;
}

.contentpanetop {
	background-color: transparent;
	padding-left: 3px;
	padding-right: 4px;
	padding-top: 1px;
}

.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 4px;
	padding-top: 1px;
}

.contentpanebottom {
	background-color: transparent;
	padding-left: 3px;
	padding-right: 4px;
	padding-top: 1px;
}
.rightpane {
	background-color: transparent;
	padding-left: 3px;
	padding-right: 4px;
	padding-top: 1px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 4px;
	padding-top: 1px;
}

.minibannerpane {
	padding: 0px;
}

/* Custom Tags */

/* Menu & Logo Pane Holder */
.BlankMenu {
	background-image: url(XDPix/BlankMenu.gif);
	height: 80px;
	background-repeat: no-repeat;
	background-color: transparent;
}

/* Menu & Logo Pane Holder */
.BlankMenuFull {
	background-image: url(XDPix/BlankMenuFull.gif);
	height: 80px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

/* Small rounded end on menu */
.MenuRight {
	background-image: url(FuschiaPix/MenuRight.gif);
	width: 20px;
	height: 22px;
	background-repeat: no-repeat;
}

/* Repeat Background colour on menu so it expands with tabs
   Some Skins may have customs classes here */
.MenuBG {
	background-image: url(FuschiaPix/MenuBG.gif);
	height: 22px;
	background-repeat: repeat-x;
}

/* Menu table repeat for 100% width settings */
.MenuRepeat {
	background-image: url(FuschiaPix/MenuRepeat.gif);
	width: 100%;
	height: 85px;
	background-repeat: repeat-x;
}


/* Snapsis Horizontal Menu */
/* Root items */
#nav { height:21px; margin:0 auto; z-index:99; float: left; }	
#nav ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0; line-height:21px; }
#nav a { display: block; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding: 2px 4px 2px 4px; }
#nav li { float: left; padding: 0; background:none; list-style: none; z-index:99; }
#nav ul li { float: left; text-align:center; padding: 0; background:none; }

/* Top Level */
#nav ul li.tab { margin:0; padding:0; /*background: url(media/menurpt.gif) repeat-x top*/; }
#nav ul li.tab a { padding: 0px 4px; text-decoration:none; color:#ffffff; font-weight: bold; /*background:url(media/menubg.gif) no-repeat right;*/ }

#nav ul li.tab ul.nontab li a:hover, #nav ul li.tab a:hover { color:#ffffff; }
#nav li.tab:hover, #nav ul li.sfhover { color:#ffffff; }
#nav li.tab:hover a, #nav ul li.sfhover a { color:#ffffff; /*background:url(media/menuitemsel.gif) no-repeat right;*/ }

/* Classes for selected state in Top Menu */
#nav ul li.tab_selected { margin:0; padding:0 0 0 0; /*background: url(media/menurpt.gif) repeat-x top;*/ }
#nav ul li.tab_selected a { padding: 0px 4px; text-decoration:none; font-weight: bold; color:#ffffff; /*background:url(media/menubg.gif) no-repeat right;*/ }
#nav ul li.tab_selected a:hover { color: #ffffff; } 

/* Second Level */
#nav ul li.tab ul { padding: 0; background: #df7adc; width: 12em; line-height:21px; z-index: 99; }
#nav ul li.tab ul.nontab  { margin:0; }

#nav ul li.tab ul.nontab li a { padding: 0 0 0 10px; margin: 0; color:#ffffff; text-transform: none; background-image:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-right:0; line-height:21px;  }
#nav ul li.tab ul.nontab li a.parent { }

#nav li li { width: 12em; }
#nav li ul a { text-align:left; background:none; }
#nav ul li ul { border: 1px solid #c763b6; }

#nav ul li ul li { text-align:left; border:none; margin-left:0; }
#nav li ul { position: absolute; left: -999em; height: auto; margin: 0; padding: 0; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { float: none; left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { float: none; left: auto; }
#nav ul li ul li:hover, #nav ul li ul li.sfhover { background: #c763b6; }
#nav ul li.tab ul.nontab li a:hover { color: #ffffff; background: none; }

/* Classes for selected state in sub menus, generally same as normal sub menu */
#nav ul li.tab_selected ul { padding: 0; background: #df7adc; width:12em; line-height: 21px; z-index: 99; }
#nav ul li.tab_selected ul li a { padding: 0 0 0 10px; margin: 0; text-decoration:none; text-transform: none; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; background-image:none; border-right:0; line-height:21px; }
#nav ul li.tab_selected ul li a:hover { color: #ffffff; background: #c763b6; }
#nav ul li.tab_selected ul.nontab { margin:0; }

/* Third Level */
#nav li ul ul { margin: -1.35em 0 0 12em; }
#nav li.tab_selected ul ul { margin: -1.35em 0 0 12em; }