/* 
================================
Upgraded and Modified by Nina Meiers - for the DNN Community
xd.com.au/ dnnskins.com/ skincovered.com
Have you seen our goodiebags? http://www.skincovered.com/ - learn how to skin your Website!
All rights remain with original designer - Original Files included in download - http://www.dnnskins.com
================================
*/ 
.pagemaster { width: 100%; height: 100%; BACKGROUND-IMAGE: url(kxBG.jpg); background-color:#E9EEF0 } 
.skinmaster { height: 100%; background-color: #FFFFFF; BORDER-RIGHT: #9D020D 1px solid; BORDER-TOP: #9D020D 1px solid; BORDER-LEFT: #9D020D 1px solid; BORDER-BOTTOM: #9D020D 1px solid;  } 
.skinheader { } 

.skingradient { /*BACKGROUND-IMAGE: url(gradient_DkBlue.jpg); HEIGHT:22px;*/ } 
.controlpanel { width: 100%; background-color: #E2E6F4; } 
.toppane { width: 100%; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 1px; } 
.leftpane { width:225px; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 2px; } 
.leftpane2 { width:225px; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 1px; } 


.contentpane { width: 770px; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 2px; } 
.rightpane { background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 1px; } 
.bottompane { width: 100%; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 0px; } 

.MainMenu_MenuContainer { background-color: transparent; } 
.MainMenu_MenuBar { cursor: pointer; cursor: hand; height:22px; background-color: Transparent; } 
.MainMenu_MenuItem { border-left: #E6E6E6 0px solid; border-bottom: #E6E6E6 0px solid; border-top: #E6E6E6 0px solid; border-right: #E6E6E6 0px solid; cursor: pointer; cursor: hand; color: white; font-family: Verdana, Tahoma; font-size: 11px; font-weight: bold; font-style: normal; background-color: Transparent; } 
.MainMenu_MenuIcon { background-image: url(dropMenubg.gif); border-left: #E6E6E6 1px solid; border-bottom: #E6E6E6 0px solid; border-top: #E6E6E6 0px solid; cursor: pointer; cursor: hand; text-align: center; width: 15px; height: 21px; } 
.MainMenu_SubMenu {  background-image: url(dropMenubg.gif); z-index: 1000; cursor: pointer; cursor: hand;  } 

.MainMenu_MenuBreak { height: 1px; } 
.MainMenu_MenuItemSel { background-image: url(dropMenubgHover.gif); border-bottom: #E6E6E6 0px solid; border-top: #E6E6E6 0px solid; cursor: pointer; cursor: hand; color: #FFFFFF; font-family: Verdana, Tahoma; font-size: 11px; font-weight: bold; font-style: normal; } 
.MainMenu_MenuArrow { border-right: #E6E6E6 1px solid; border-bottom: #E6E6E6 0px solid; border-top: #E6E6E6 0px solid; font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand; } 
.MainMenu_RootMenuArrow { font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand; } 
.StandardButton { background: #9D020D none; color: #FFFFFF; font-family:Verdana, sans-serif; font-size: 11px; font-weight: normal; } 

.TreeViewMenu { width: 175px; background-color: #9D020D; BORDER-RIGHT: #9D020D 1px solid; BORDER-TOP: #9D020D 1px solid; BORDER-LEFT: #9D020D 1px solid; BORDER-BOTTOM: #9D020D 1px solid; moz-border-radius-bottomleft: 15px; moz-border-radius-bottomright: 15px; moz-border-radius-topleft: 3px; moz-border-radius-topright: 3px } 
.TreeViewMenu_Header { BACKGROUND-IMAGE: url(gradient_LtBlue.jpg); } 
.Head { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #333333; } 

/* Custom Tags */

/* May not be required*/
.FlashMaster { background-image: url(MediaBlue.jpg); width: 520px; background-repeat: no-repeat: } 

/* Main Header for Flash Table - should render when no flash is present*/
.MediaFlashBackground { background-image: url(MediaFlashBackground.jpg); width: 1000px; height: 85px; background-repeat: no-repeat; } 

/* Main Header for Flash Table - should render when no flash is present*/
.MediaFlashBackgroundFull { background-image: url(MediaFlashBackground.jpg); height: 85px; background-repeat: no-repeat; } 

/* Flash Header repeat for 100% width settings */
.FlashRepeat { background-image: url(MediaHeaderRepeat.gif); height: 85px; background-repeat:repeat; width:480px; } 

/* Flash Header repeat for 100% width settings */
.FlashFullRepeat { background-image: url(MenuFullRepeat.gif); height: 85px; background-repeat: repeat-x; } 
/* Menu & Logo Pane Holder */
.BlankMenu { background-image: url(BlankMenu.gif); height: 70px; background-color: transparent; } 


.theMenuBG {background-image: url(MenuBG2.jpg);}
.theMenuBG2 {background-image: url(MenuBG2sub.jpg);}

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


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

/* Repeat Background colour on menu so it expands with tabs */
.MenuBG { background-image: url(MenuBG.gif); height: 22px; background-repeat: repeat-x; } 

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

/* Curved section on footer that cannot be repeated */
.FooterFixed { background-image: url(FooterBlueFixed.gif); height: 100px; width: 410px; background-repeat: no-repeat; } 

/* Background repeat on Footer for 100% width settings */
.FooterRepeat { background-image: url(FooterRepeat.gif); height: 100px; background-repeat: repeat-x; } 

.minibannerpane { padding: 0px; } 

/* Classes Replacing the Media for the Privacy, Copyright, Terms, Date Links */
.MediaTabs { font-weight: bold; font-size: 8.5pt; color: #B8BDC0; font-family: Verdana, Tahoma, Arial, Helvetica; text-decoration: none; } 
A.MediaTabs:link { text-decoration: none; color:#9D020D; } 
A.MediaTabs:visited { text-decoration: none; color:#eeeeee; } 
A.MediaTabs:active { text-decoration: none; color:#eeeeee; } 
A.MediaTabs:hover { text-decoration: none; color:#B8BDC0; } 

/* Classes Replacing the Media for the Privacy, Copyright, Terms, Date Links */
.MediaTabs2 { font-weight: bold; font-size: 8.5pt; color: #eeeeee; font-family: Verdana, Tahoma, Arial, Helvetica; text-decoration: none; } 
A.MediaTabs2:link { text-decoration: none; color:#B8BDC0; } 
A.MediaTabs2:visited { text-decoration: none; color:#eeeeee; } 
A.MediaTabs2:active { text-decoration: none; color:#eeeeee; } 
A.MediaTabs2:hover { text-decoration: underline; color:#B8BDC0; } 

/*LIGHTBOX*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 9999999; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999999; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(Lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(Lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 9999999; width: 100%; height: 500px; background-color: #000; }