/*========================================================*/
/*         CSS for DotNetNuke Skin - Minimalist           */
/*                   by Evan O'Neil                       */
/*             http://www.NukeVille.com                   */
/*========================================================*/

/*========================================================*/
/*  Universal                                             */
/*========================================================*/

/* Style For HTML PAGE                   */ html { height: 100%; }
/* Style For HTML BODY ID                */ #body { margin: 0; background: #FFFFFF; margin: 0 0 0 0; height: 100%; }
/* Style For HTML BODY                   */ body {height:100%; list-style-image: url(bdot.jpg);}
/* Setting Text Throughout the skin      */ table, tr, td {font-family: tahoma; font-size: 11px; margin: 0;}
                                            p {font-family: tahoma; font-size: 11px;}
/* Setting Heading 01                    */ h1 { font-family: tahoma; font-weight: bold; color: #2e69ff; font-size:32pt; margin: 0; }
/* Setting Heading 02                    */ h2 { font-family: tahoma; font-weight: bold; color: #555555; font-size:24pt; margin: 0; }
/* Setting Heading 03                    */ h3 { font-family: tahoma; font-weight: bold; color: #2e69ff; font-size:18pt; margin: 0; }
/* Setting Heading 04                    */ h4 { font-family: tahoma; font-weight: bold; color: #555555; font-size:14pt; margin: 0; }
/* Setting Heading 05                    */ h5 { font-family: tahoma; font-weight: bold; color: #2e69ff; font-size:12pt; margin: 0; }
/* Setting Heading 06                    */ h6 { font-family: tahoma; font-weight: bold; color: #2e69ff; font-size:9pt; margin: 0; }

/*========================================================*/
/*  Design Elements                                       */
/*========================================================*/

/*-- width setting on skins        --*/ .StandardWidth { width:960px; }
/*-- 100 percent height where req  --*/ .FullHeight { height:100%; }
/*-- 100 percent width where req   --*/ .FullWidth { width:100%; }
/*-- outer table on skins          --*/ .OuterTable { width:100%; height:100%; }
/*-- cell containing content panes --*/ .ContentPanesTD { width:auto; height:100%; vertical-align: top; padding: 0 0 0 0; }
/*-- dotted background             --*/ .Dotted { background: url(dotted2.gif) repeat top left; }
/*-- row containing logo area      --*/ .LogoRow { height:1px; padding: 0 10px 0 7px; }
/*-- cell containing logo          --*/ .LogoTD { width:1px; padding: 0 0 0 0; }
/*-- row containing breadcrumbs    --*/ .BreadcrumbsRow { height:41px; background: url(bread-bg.gif) repeat top left; padding: 0 0 0 0; }
/*-- row for space between areas   --*/ .SpaceBar { height:10px; padding: 0 0 0 0; }
/*-- cell containing breadcrumbs   --*/ .BreadcrumbsTD { height: 41px; width: 100%; background: url(bread-bg-l.gif) no-repeat top left; color:#a1a1a1; vertical-align: middle; padding: 0 20px 0 17px; }
/*-- cell containing search        --*/ .SearchTD { width:215px; vertical-align: top; text-align: right; height: 41px; background: url(search-bg.gif) no-repeat top right; padding: 10px 7px 0 0; }
/*-- cell containing privacy       --*/ .PrivacyTD { text-align: left; padding: 0 0 0 0; }
/*-- cell containing copyright     --*/ .CopyrightTD { text-align: right; padding: 0 0 0 0; }
/*-- cell containing flash h       --*/ .FlashTD { padding: 9px 7px 0 7px; }
/*-- cell containing flash v       --*/ .FlashTDV { padding: 4px 7px 0 7px; }
/*-- used for setting attribute    --*/ .SkinBox, .BackgroundTile, .BackgroundTopStretch, .BackgroundImage { height:100%; }
/*-- various common properties     --*/ .PanePad { padding: 0 7px 0 7px; } .Width100p { width: 100%; } .Width50p { width: 50%; } .Width25p { width: 25%; } .Width33p { width: 33%; } .Height1px { height: 1px; }

/*========================================================*/
/*  Footer Box Elements                                   */
/*========================================================*/

/*-- footer area                   --*/ .FooterBox { background: url(footer-bg.gif) repeat top left; }
/*-- row containing footer area    --*/ .FooterRow { height:36px; padding: 0 7px 0 7px; }
/*-- table within footer - rounded --*/ .FooterTable { height:36px; background: url(footer-bg-b.gif) repeat-x bottom left; }
/*-- rounded top-left corner       --*/ .FooterTL { height:29px; width:6px; background: url(footer-bg-tl.gif) no-repeat top left; }
/*-- rounded top-right corner      --*/ .FooterTR { height:29px; width:6px; background: url(footer-bg-tr.gif) no-repeat top right; }
/*-- left side                     --*/ .FooterL { width:6px; background: url(footer-bg-l.gif) repeat-y top left; }
/*-- right side                    --*/ .FooterR { width:6px; background: url(footer-bg-r.gif) repeat-y top right; }
/*-- rounded bottom left corner    --*/ .FooterBL { height:6px; width:6px; background: url(footer-bg-bl.gif) no-repeat bottom left; }
/*-- rounded bottom right corner   --*/ .FooterBR { height:6px; width:6px; background: url(footer-bg-br.gif) no-repeat bottom right; }

/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/

/*-- image content pane 1 horiz    --*/ .ImagePane01 { padding: 0 7px 9px 7px; }
/*-- image content pane 2          --*/ .ImagePane02 { padding: 9px 7px 0 7px; }
/*-- image content pane 2 vertical --*/ .ImagePane02V { padding: 4px 7px 0 7px; }
/*-- image content pane 3          --*/ .ImagePane03 { padding: 0 7px 9px 7px; }
/*-- footer content pane           --*/ .FooterPane { padding: 6px 7px 6px 7px; vertical-align:middle; background: url(footer-bg-grad.gif) repeat-x top left; }

/*========================================================*/
/*  Tokens                                                */
/*========================================================*/

/*-- login token idle                  --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active { color: #939393; background:  url(ico-login.gif) no-repeat bottom left;  font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; height:17px; float:right; padding: 2px 0 0 25px; margin: 0 0px 0 16px; }
/*-- login token hover                 --*/ a.LOGIN_object:hover { background:  url(ico-login-over.gif) no-repeat bottom left; color: #444444; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- user token idle                   --*/ .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #939393; background:  url(ico-register.gif) no-repeat bottom left;  font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; height:17px; float:right; padding: 2px 0 0 25px;  margin: 0 0px 0 16px; }
/*-- user token hover                  --*/ a.USER_object:hover { background:  url(ico-register-over.gif) no-repeat bottom left; color: #444444; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- date token idle                   --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #939393; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- date token hover                  --*/ a.DATE_object:hover { color: #c1c1c1; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- breadcrumbs token idle            --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #8f8f8f; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold;}
/*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { color: #666; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; }
/*-- terms privacy and copyright       --*/ .FOOTER_objects { color:#aaa; font-size: 11px; }
/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { font-size: 11px; color:#aaa; font-weight:bold; text-decoration:none; }
/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { font-size: 11px; color:#777; font-weight:bold; text-decoration:none;  }
/*-- language selector dropdown        --*/ .Language_object { font-family: tahoma; font-size: 11px; text-decoration: none; }

/*========================================================*/
/*  Text                                                  */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #555; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
/*-- subheadings - mostly in admin     --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #777; padding: 0; }
/*-- headings - mostly in admin        --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;}

/*========================================================*/
/*  Links                                                 */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; }
/*-- default links hover               --*/ a:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: underline; }
/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; }
/*-- normal  links hover               --*/ a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px;	text-decoration: none; }
/*-- search button in search form      --*/ .SearchButton { background: transparent; padding: 15px 12px 7px 12px; cursor: hand; font-size:1px; margin: 0 0 0 0;}
/*-- footer links                      --*/ .Footer_Links, a.Footer_Links:link, a.Footer_Links:visited, a.Footer_Links:active { color: #FFF; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; }
/*-- footer links hover                --*/ a.Footer_Links:hover { color: #EEE; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }

/* Added by Peter Eskarous */
/*-- quick links parent				   --*/ a.parent:link, a.parent:visited { color: #FF6600; text-decoration: none; }
/*-- quick links parent	active		   --*/ a.parent:active {color: #4579FF; text-decoration: none;}
/*-- quick links parent hover          --*/ a.parent:hover {color: #4579FF; text-decoration: underline;}
/*-- quick links child				   --*/ a.child:link, a.child:visited { color: #666; text-decoration: none; }
/*-- quick links child active		   --*/ a.child:active { color: #4579FF; text-decoration: none; }
/*-- quick links child hover           --*/ a.child:hover { color: #4579FF; text-decoration: underline; }
/*-- quick links child				   --*/ a.selectedparent:link, a.selectedparent:visited, a.selectedparent:active { color: #4579FF; text-decoration: none; }
/*-- quick links child hover           --*/ a.selectedparent:hover { color: #FF6600; text-decoration: underline; }
/*-- quick links child				   --*/ a.selectedchild:link, a.selectedchild:visited, a.selectedchild:active { color: #4579FF; text-decoration: none; }
/*-- quick links child hover           --*/ a.selectedchild:hover { color: #666; text-decoration: underline; }


/*========================================================*/
/*  Forms                                                 */
/*========================================================*/

/*-- default form elements      --*/ select, input { font-family: tahoma; font-size: 11px; color: #333; }
/*-- textbox                    --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }
/*-- textbox container          --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility:hidden; border: 0; }
/*-- textbox used for search    --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:21px; background: transparent; width: 174px; color: #666; padding: 4px 4px 0px 4px; border: 0px solid #FFFFFF; cursor:text;}

/*========================================================*/
/*  Sub Menus and Module Menus                            */
/*========================================================*/

/*-- submenu container          --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { background: #FFF; padding: 0px; border: 1px solid #ccc; z-index: 1000;  cursor: pointer;  cursor: hand; font-weight: normal; }
/*-- submenu items idle         --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { background: #FFF; color: #666; font-family: tahoma; font-size: 8pt; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 28px; border-left:0px; border-right:0px; border-top:0px; border-bottom: 1px solid #ccc; margin:0 0 0 0;}
/*-- submenu items hover        --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { background: #eee; color: #2e69ff; font-family: tahoma; font-size: 8pt; font-weight: bold; cursor: pointer; cursor: hand; padding: 0px 30px 0px 16px; height: 28px; border-left:0px; border-right:0px; border-top:0px; border-bottom: 1px solid #ccc; margin:0 0 0 0;}


/*==========================================================*/
/*  Lightbox stuff                                         */
/*==========================================================*/

#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(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/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; }


/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/