/* 
================================
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
================================
*/ 
/* Standard HTML Tag Settings */
body {background-color: #dee6ea;}
table, tr, td, p {font-family: tahoma, arial, helvetica;font-size: 11px;line-height: 1.3em;}

/* Standard DotNetNuke Settings */
.pagemaster {position:relative;background-color: #DEE6E9; background-image: url(XDFMPix/bloggerHead.jpg); background-position: top center; background-repeat:no-repeat;}
.controlpanel { width: 100%; background-color: #F8F6FB; }
.toppane { width: 100%; background-color: white; padding-left: 1px; padding-right: 1px; padding-top: 2px;}
.leftpane { background-color: transparent; padding-left: 0px; padding-right: 2px; padding-top: 2px;}
.contentpane { width: 100%; background-color: transparent; padding-left: 2px; padding-right:2px; padding-top: 2px;}
.rightpane { padding-left: 2px; padding-right: 0px; padding-top: 2px;}
.bottompane { width: 100%; background-color: transparent; padding-left: 1px; padding-right: 1px; padding-top: 2px;}

/* Standard Menu Settings */
.MainMenu_MenuContainer { background-color: transparent; }
.MainMenu_MenuBar { cursor: pointer;  cursor: hand; height: 16px; background-color: Transparent;}
.MainMenu_MenuItem { border-left: #DDE8F1 0px solid;  border-bottom: #DDE8F1 1px solid;  border-top: #DDE8F1 1px solid;  border-right: #DDE8F1 0px solid; cursor: pointer;  cursor: hand;  color: #81A3C6;  font-family: tahoma, arial, helvetica;  font-size: 9pt;  font-weight: bold;  font-style: normal;  background-color: Transparent; height: 19px;}
.MainMenu_MenuIcon { background-color: #DDE8F1;  border-left: #DDE8F1 1px solid;  border-bottom: #DDE8F1 1px solid;  border-top: #DDE8F1 1px solid;  cursor: pointer;  cursor: hand;  text-align: center;  width: 15px;  height: 19px;}
.MainMenu_SubMenu { background-color: #DDE8F1;   z-index: 1000;  cursor: pointer;  cursor: hand;  filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); }
.MainMenu_MenuBreak { height: 1px;}
.MainMenu_MenuItemSel { background-color: white;  cursor: pointer;  cursor: hand;  color: #467599;  font-family: tahoma, arial, helvetica;  font-size: 9pt;  font-weight: bold;  font-style: normal; height: 19px;}
.MainMenu_MenuArrow { border-right: #DDE8F1 1px solid;  border-bottom: #DDE8F1 1px solid;  border-top: #DDE8F1 0px solid; font-family: webdings;  font-size: 10pt;  cursor: pointer;  cursor: hand; }
.MainMenu_RootMenuArrow { font-family: webdings;  font-size: 10pt;  cursor: pointer;  cursor: hand;}

/* End Menu Settings */
.StandardButton { background: #467599 none;  color: #FFFFFF; font-family:Verdana, sans-serif;  font-size: 11px; font-weight: normal;}
.Head   { font-family: tahoma, arial, helvetica; font-size:  10px; font-weight:  bold; color: #467599;  line-height: 30px;}

/* Custom Classes */
.skinmaster{width: 800px; }
.XDFused_04 {height: 167px;}

.MenuLeftRepeat { background-image: url(XDFMPix/LeftPaneMenu.jpg); background-repeat: no-repeat; height: 27px; background-color: #C3B5CE;}
.XMenuFull { background-image: url(XDFMPix/XMenuFull.jpg); width: 800px; height: 27px; background-repeat: no-repeat;}
.bodyleftFull { background-image: url(XDFMPix/BodyLeftFull.gif); background-repeat: repeat-y; width: 13px;}
.bodyright { background-image: url(XDFMPix/BodyRight.gif); background-repeat: repeat-y; width: 13px;}
.leftPageFull { background-repeat: repeat-y; background-color: White;}
.footerLeftFull { background-image: url(XDFMPix/LeftFooterFull.jpg); background-repeat: repeat-x; height: 33px;}
.bodyBG{width:100%; background-image: url(XDFMPix/paperBG.jpg);}
.content { background-color: #ffffff;}

/* Search Padding - lines up text nicely */
.GoLink {padding-top: 4px;}

/* Light Background Elements */
.LightBG { width: auto; color: #000000; font-weight:bold}
a.LightBG:link, a.LightBG:active { text-decoration: none; color: #467599; font-weight: normal;}
a.LightBG:link, a.LightBG:visited, { text-decoration: none; color: #467599; font-weight: normal;}
a.LightBG:hover { text-decoration: none; color: #404040; font-weight: normal;}

/*Footer Classes */
.FooterText { width: auto; color: #404040;}
a.FooterText:link, a.FooterText:visited, a.FooterText:active { text-decoration: none; color: #ffffff; font-weight: normal;}
a.FooterText:hover { text-decoration: none; color: #fafafa; font-weight: normal;}

/* End Light Background Elements */

.Separator { width: 12px; margin: 0 1px 0 1px; background: url(XDFMPix\XDseparator.gif) center top no-repeat;}
.Logo { padding-left: 8px; padding-top: 12px;}

/* End Custom Classes */


/* Lightbox CSS */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; 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: 10; }
#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: 90; width: 100%; height: 500px; background-color: #000; }


