/*** WEBSITE: Delta Gymnastics

***************************************************** */#bodyDiv{width:100%;height:100%;text-align:center;padding:0;margin:0;background:#7484B5 url(images/DG_grad.jpg) repeat-x top left}
html>body #bodyDiv{height:auto;min-height:100%}
#frame{width:1001px;margin:auto;text-align:left;background:#7484B5 url(images/DG_back.jpg) top left no-repeat;padding:29px 0 0}
/*HEADER */#branding{height:158px;float:left;width:164px;margin-left:21px}
* html #branding{margin-left:0;padding-left:21px}
.headerPanel{float:right;height:133px;width:629px;padding-top:25px}
#floatLeft{float:left;width:841px;clear:left}
#brandingRight{float:right;height:158px;width:116px;background:url(images/DG_QLDLogo.gif) no-repeat top right}
#mainBranding{width:959px;float:left;height:158px;clear:both}
#menuDesign{height:25px;background:url(images/DG_Menuback.gif) repeat-x top left;clear:left;padding:5px;margin-left:21px;margin-right:21px}
#menu{height:20px;padding-left:20px;clear:left}
#footer{clear:both;width:1001px;text-align:right;font-size:11px;color:#250751;padding:5px 174px 5px 7px;background:#7283b7 url(images/DG_footer.jpg) no-repeat top left;margin:auto;height:50px;vertical-align:text-bottom}
html>body #footer{clear:both;width:820px}
#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a.footerMenuItem{font-size:11px;color:#250751;text-decoration:underline}
#footer a:hover{text-decoration:none}
.encloseAdmin{width:100%}
.contentPanelAdmin{float:left;padding-left:30px}
#exteriorEnclose{background:url(images/DG_FrameTri.gif) bottom right no-repeat;width:959px;height:617px;min-height:617px;padding-top:15px; margin-left:21px}
html>body #exteriorEnclose{height:617px}
#contentArea{width:100%;float:left;background:url(images/DG_contentBack.gif) bottom right repeat-y;height:507px;min-height:507px}
html>body #contentArea{height:auto}
.NormalRed{color:red}
.editProduct {display:none;}
#tblSortField {display:none;}
/********************************************************
		SPECIFICALLY HOME PAGE
******************************************************* */#encloseHome{width:670px;float:left;margin-top:15px;clear:both;height:492px;min-height:492px;background:url(images/DG_EncloseBack.gif) left bottom repeat-y}
html>body #encloseHome{height:auto}
.leftPanelHome{width:175px;padding:0px 10px 0 20px;float:left;background:url(images/DG_LeftPane.gif) no-repeat left top;}
html>body .leftPanel{height:auto}
.contentPanelHome{width:250px;float:left;padding:0px 10px 10px 20px;border-left:2px solid #BEB6CB}
.rightContentPanelHome{width:250px;float:left;padding:0 10px 0 0;border-right:2px solid #BEB6CB; margin-right:10px}
.rightPanelHome{padding:0 10px 0 20px}
html>body .rightPanelHome{width:175px;}
.leftPanelInner{width:153px;padding:5px;color:#04268E}
.leftPanelInner h2{color:#04268E}
/********************************************************
		SPECIFICALLY INNER PAGE
******************************************************* */
#enclose{float:left;background:url(images/DG_EncloseBack.gif) left bottom repeat-y;height:520px;min-height:520px}
* html #enclose {}
html>body #enclose{height:auto}
.contentPanelInner{width:485px;float:left;padding:10px;padding-top:0;background:url(images/DG_LeftPane.gif) center no-repeat !important;height:490px;min-height:490px}
* html .contentPanelInner{width: 485px}
html>body .contentPanelInner{height:auto}
.leftMenu{width:163px;padding:0;float:left;height:492px;min-height:100%;border-top:1px solid #8a7b32}
html>body .leftMenu{height:auto}
.rightPanelInner{width:250px;padding:10px;padding-top:0;float:right}
#strictGradient{background:url(images/fixedGradient.gif) no-repeat top left;width:100%;min-height:507px;height:507px}
html>body #strictGradient{height:auto}
.contentPanelInner_LC {width: 755px; float:right; padding:10px; padding-top:0; background: url(images/DG_LeftPane.gif) center no-repeat!important; height:490px; min-height:490px}
html>body .contentPanelInner_LC {height:auto}
#enclose_LC {width:950px; float:left; background:url(images/DG_EncloseBack.gif) left bottom repeat-y!important; height:520px; min-height:520px;}
html>body #enclose_LC {height:auto;}
/******************************************************
    Inventua Side Menu
*****************************************************   */td.SideMenuTD{font-family:arial;font-size:12px;color:#04268e}
/* Top Level    */.MenuItem,.MenuItemMouseOver{padding:2px 0 2px 10px}
.MenuHdr0,.MenuHdrMouseOver0,.MenuItem0,.MenuItemMouseOver0{font-size:12px;padding-left:20px;font-weight:700;cursor:default;color:#FFF;background:#000;margin:0;display:none}
.MenuHdr0 A,.MenuHdr0 A:Active,.MenuHdr0 A:Hover,.MenuHdr0 A:Visited,.MenuHdr0 A:Link,.MenuHdrMouseOver0 A,.MenuHdrMouseOver0 A:Active,.MenuHdrMouseOver0 A:Hover,.MenuHdrMouseOver0 A:Visited,.MenuHdrMouseOver0 A:Link .MenuItem0 A,.MenuItem0 A:Active,.MenuItem0 A:Hover,.MenuItem0 A:Visited,.MenuItem0 A:Link,.MenuItemMouseOver0 A,.MenuItemMouseOver0 A:Active,.MenuItemMouseOver0 A:Hover,.MenuItemMouseOver0 A:Visited,.MenuItemMouseOver0 A:Link{text-decoration:none;font-weight:700;width:100%;color:#FFF}
.MenuHdr0 A:Hover,.MenuHdrMouseOver0 A:Hover,.MenuItem0 A:Hover,.MenuItemMouseOver0 A:Hover{color:#A9C61C;text-decoration:none !important}
span.CurrentItem0{font-weight:700;color:#FFF;}
/* Second Level    */.MenuItem1,.MenuHdrMouseOver1,.MenuItemMouseOver1,.MenuHdr1{font-size:15px;padding:3px 0 3px 15px;cursor:default;border-bottom:1px solid #8a7b32;color:#04268e;margin:0}
.MenuItemMouseOver1{background:url(images/DG_innerMenuArrow.gif) center left no-repeat}
.MenuHdr1 A,.MenuHdr1 A:Active,.MenuHdr1 A:Visited,.MenuHdr1 A:Link,.MenuHdrMouseOver1 A,.MenuHdrMouseOver1 A:Active,.MenuHdrMouseOver1 A:Visited,.MenuHdrMouseOver1 A:Link .MenuItem1 A,.MenuItem1 A:Active,.MenuItem1 A:Visited,.MenuItem1 A:Link,.MenuItemMouseOver1 A,.MenuItemMouseOver1 A:Active,.MenuItemMouseOver1 A:Visited,.MenuItemMouseOver1 A:Link{text-decoration:none;width:100%;cursor:pointer;color:#04268e}
.MenuHdr1 A:Hover,.MenuHdrMouseOver1 A:Hover,.MenuItem1 A:Hover,.MenuItemMouseOver1 A:Hover{text-decoration:none;color:#04268e;font-weight:700}
span.CurrentItem1{font-weight:700; white-space:inherit}

/* Third Level    */.MenuItem2,.MenuHdrMouseOver2,.MenuItemMouseOver2,.MenuHdr2{font-size:13px;padding:2px 0 2px 20px;font-weight:400;cursor:default;color:#04268e;margin:0;border-bottom:1px solid #8a7b32}
.MenuHdr2 A,.MenuHdr2 A:Active,.MenuHdr2 A:Visited,.MenuHdr2 A:Link,.MenuHdrMouseOver2 A,.MenuHdrMouseOver2 A:Active,.MenuHdrMouseOver2 A:Visited,.MenuHdrMouseOver2 A:Link .MenuItem2 A,.MenuItem2 A:Active,.MenuItem2 A:Visited,.MenuItem2 A:Link,.MenuItemMouseOver2 A,.MenuItemMouseOver2 A:Active,.MenuItemMouseOver2 A:Visited,.MenuItemMouseOver2 A:Link{font-weight:400;width:100%;cursor:pointer;color:#04268e;text-decoration:none !important}
.MenuHdr2 A:Hover,.MenuHdrMouseOver2 A:Hover,.MenuItem2 A:Hover,.MenuItemMouseOver2 A:Hover{text-decoration:none;color:#250751 !important;font-weight:400}
span.CurrentItem2{font-weight:400;color:#250751}
/* Fourth Level    */.MenuItem3,.MenuHdrMouseOver3,.MenuItemMouseOver3,.MenuHdr3{font-size:11px;padding-left:30px;font-weight:400;cursor:default;height:18px;color:#04268e;margin:0;border-bottom:1px solid #8a7b32}
.MenuHdr3 A,.MenuHdr3 A:Active,.MenuHdr3 A:Hover,.MenuHdr3 A:Visited,.MenuHdr3 A:Link,.MenuHdrMouseOver3 A,.MenuHdrMouseOver3 A:Active,.MenuHdrMouseOver3 A:Hover,.MenuHdrMouseOver3 A:Visited,.MenuHdrMouseOver3 A:Link .MenuItem3 A,.MenuItem3 A:Active,.MenuItem3 A:Hover,.MenuItem3 A:Visited,.MenuItem3 A:Link,.MenuItemMouseOver3 A,.MenuItemMouseOver3 A:Active,.MenuItemMouseOver3 A:Hover,.MenuItemMouseOver3 A:Visited,.MenuItemMouseOver3 A:Link{text-decoration:none;font-weight:400;width:100%;cursor:pointer;color:#04268e}
.MenuHdr3 A:Hover,.MenuHdrMouseOver3 A:Hover,.MenuItem3 A:Hover,.MenuItemMouseOver3 A:Hover{font-weight:400; color:#250751;}
span.CurrentItem3{font-weight:400;color:#250751;padding-left:0}

/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
******************************************************//***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block; zoom: 1;/*IE6*/ min-height: 0;/*IE7*/}
.menu li {margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; white-space: normal}
.menu li:hover {z-index: 10000; white-space: normal}
.menu li.menuHover /*IE6*/{z-index: 10000} .menu .menuHoverUL /* li:hover>ul selector */ /*IE6*/{visibility: visible}
.menu .menuHoverUL /* 1st-level submenu go below their parent item */ /*IE6*/{top: 100%; left: 0}
.menu .menuHoverUL .menuHoverUL /* 2nd+ levels go on the right side of the parent item */ /*IE6*/{top: 0; left: 100%}
.menu li li {float: none}.menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0}
.menu li:hover>ul {visibility: visible;	top: 100%}.menu li li:hover>ul /* 2nd+ levels go on the right side of the parent item */{top: 0; left: 100%}
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:link:hover, .menu li.active {display: block; position: relative}
.menu ul a /*fix clickability-area problem*/ /*IE6*/{zoom: 1}.menu li li /*fix white gap problem*/ /*IE6*/{float: left; width: 100%}
.menu li li /*prevent double-line between items*/ /*IE6*/{margin-top: -1px} html>body .menu li li { margin-top: 0px}

/***  HORIZONTAL CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu, .menu ul li {color: #FFF;}
.menu ul li {background: #250751; text-align: left; width: 150px; border:1px solid #8a7b32}
.menu ul {width: 150px;}
ul.menu ul {width:150px;padding:2px 0px 0px 0px;margin:0px;}
html>body ul.menu ul {padding-top:0px;}
ul.menu ul ul {padding:0px;margin:0px;}

/* Top Level Menu Items */
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:hover, .menu a:link:hover, .menu li.active {text-decoration: none; color: #FFF; padding: 2px 10px; margin-top: 0px; border-right: 1px solid #2d458f; border-left:1px solid #bec6dc; font-size: 15px; font-weight: 500}
.menu li.active { padding-top: 1px; padding-bottom: 2px; /* top and bottom padding to be one pixel less than normal and hover states*/color:#fee574; margin-top: 0px; /* different margins makes sure all buttons line up horizontally */}
.menu a:hover, .menu a:link:hover, .menu li:hover>a {color: #fee574;}
.menu a:hover, .menu a:link:hover, .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color: #fee574; }
/* Drop Down Menu Items */
ul.menu ul a, ul.menu ul a:link, ul.menu ul a:active, ul.menu ul a:visited, ul.menu ul a:hover, ul.menu ul a:link:hover, ul.menu ul li.active {border-right: 0px;border-left:0; text-decoration: none; color: #2d458f; background:#f2d44c; padding: 4px 5px;}
ul.menu ul li.active { background: #f2d44c;border-left: 1px solid #8a7b32; border-right:1px solid #8a7b32}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {color: #250751; background: #f2d44c;}
.menu ul a:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color: #250751; background: #f2d44c;/*border-top: 1px solid #333;*/}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{ width: 140px; background: #f2d44c;/* border-right: 1px solid #333;*/ color:#250751}
.menu li li {/*border: 1px solid #333;*/}
.menu ul>li + li /*remove top border on all but first item in the list*/{border-top: 0;}
.menu li li:hover>ul /*position of 2nd+ submenus, overlapping*/{top: -1px; left: 100%;}
.menu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus, overlapping*/ /*IE6*/{top: 0px; left: 100%;}

/***  CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
/* special colouring for first menu item on each level */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {color: #567}*/
/* float clear - force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both}
/* float clear end */
/* sticky submenu - it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!	if you do it, make sure you 110% know what you do */
.menu ul {background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 12px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */}
html>body .menu ul {padding-top: 10px}
.menu ul ul {padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px}
/* sticky submenu end */
/* Fix for IE5/Mac \*//*/
.menu a {float: left}
/* End Fix */
/* End Fix  *****************************************************
    CONTAINER STYLES
***************************************************** */.container{width:100%}
.containerContent{padding:0}
/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
***************************************************** */html{height:auto;background:#7484B5}
body{margin:0;padding:0;background:#7484b5;height:100%}
body,td,ul li,p,.normal,.NormalDisabled,.blogCalendar td{font-family:Verdana,Trebuchet MS, arial, verdana, helvetica;font-size:13px;color:#250751;font-weight:400;line-height:1.2em}
.leftPanelHome h2 a{font-size:12px;font-weight:700;line-height:15px;margin-top:5px}
.leftPanelHome p{line-height:13px;font-size:10px;margin-bottom:0}
.leftPanelHome a{font-size:10px}
/* text style used for rende#FF0000 text which should appear disabled  */.NormalDisabled{color:#D3D3D3}
/* style of item titles on edit and admin pages  */.SubHead{color:#444;font-family:Tahoma, Arial, Helvetica;font-size:12px;font-weight:400;text-align:left}
.Head{font-size:15px;font-weight:700;color:#250751}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules  */.SubSubHead{font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:700;color:#000}
/* text style used for rende#FF0000 text which requires emphasis  */.NormalBold{font-family:Tahoma, Arial, Helvetica;font-size:11px;font-weight:700}
/* text style used for error messages  */.Normal#FF0000{font-family:Tahoma, Arial, Helvetica;font-size:12px;font-weight:700;color:red}
/* heading styles  */h1,h2,h3,h4,h5,dt,h6,.head,h2 span.head,.container h2 span.head,h3 span.SubHead,.newstitle,tfoot,thead,th{font-family:Verdana, Trebuchet MS, arial, verdana, helvetica;color:#250751;margin:0;padding:0;margin-bottom:10px;font-weight:400;font-size:12px}
h1{font-size:18px;color:#250751;font-weight:700}
h2,.head,h2 span.head,.container h2 span.head{font-size:15px;margin-bottom:5px;font-weight:700}
h3,h3 span.SubHead,.newstitle{font-size:16px;font-weight:700}
h4{font-size:14px;font-weight:700}
h5,DT{font-size:13px;font-weight:700}
h6{font-size:12px;font-style:italic}
p{margin:5px 0 15px}
ul{margin:0 0 10px 75px}
html>/**/body ul{margin-left:25px}
ul li{margin-left:5px;padding:0;list-style-type:disc}
ul li li{list-style-type:disc}
ul li li li{list-style-type:circle}
ol li{list-style-type:decimal}
ol ol li{list-style-type:lower-alpha}
ol ol ol li{list-style-type:lower-roman}
hr{color:dimgrey;height:1pt;text-align:left}
img{border:0;margin:0;padding:0}
/* link styles  */a,a:link,a:active,a:visited{color:#250751;text-decoration:none;padding:0;margin:0}
a:hover{text-decoration:underline;color:#250751}
blockquote{font-size:15px;font-family:"Lucida Sans Unicode";float:right}
pre{font-family:Lucida Console, monospace;color:#434343;font-weight:400;font-size:11px}
address{font-family:Arial, Verdana, Helvetica;color:#434343;font-weight:400;font-size:11px;font-style:italic}
/******************************************************
    FORM STYLES              
*****************************************************  Generic Form Element classes  */.formInput{width:150px;height:18px;border:1px solid #CCC}
.formItem{clear:both}
.label{clear:both;float:left;width:120px;text-align:right;padding-right:10px;font-weight:700}
.labelDetails{width:390px}
.labelDetails p{margin:0 0 7px}
/* button style for standard HTML buttons  */.StandardButton,a.StandardButton,a:link.StandardButton,a:active.StandardButton,a:visited.StandardButton,input.StandardButton,a.CommandButton,a:link.CommandButton,a:active.CommandButton,a:visited.CommandButton{padding-left:8px;padding-right:8px;width:0;overflow:visible;font-weight:400;font-size:11px;background:#250751;color:#FFF;font-family:Tahoma, Verdana, sans-serif;text-transform:lowercase;margin:0;cursor:pointer;clear:both;height:14px;border:1px solid #333;white-space:nowrap}
input.StandardButton[class],a.CommandButton[class],a:link.CommandButton[class],a:active.CommandButton[class],a:visited.CommandButton[class]{width:auto}
/* Non IE browsers read this  */a:hover.CommandButton,input:hover.StandardButton{color:#E0E0E0}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility  */.NormalTextBox,input.longTextBox,input.longmedTextBox,input.medTextBox,input.medshortTextBox,input.shortTextBox{font-family:Tahoma, Arial, Helvetica;font-size:12px;font-weight:400}
input.longTextBox{width:250px}
input.longmedTextBox{width:200px}
input.medTextBox{width:150px}
input.medshortTextBox{width:100px}
input.shortTextBox{width:60px}
/*Dropdown Boxes */select{font-size:10px}
/* Requi#FF0000 Fields  */span.mandatory{color:#334692;font-weight:700}
/******************************************************
    GENERAL STYLES
***************************************************** */.floatLeft{float:left}
.floatRight{float:right}
/* styles to mimic auto height of div elements as per IE  */.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
/* Hides from IE-mac \ */* html .clearfix{height:1%}
/* End hide from IE-mac  *****************************************************
    DNN STYLES (Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
*****************************************************  What exactly does this style??  */.SkinObject{font-weight:700;font-size:8.5pt;color:#036;font-family:Tahoma, Arial, Helvetica;text-decoration:none}
A.SkinObject:link{text-decoration:none;color:#036}
A.SkinObject:visited{text-decoration:none;color:#036}
A.SkinObject:active{text-decoration:none;color:#036}
A.SkinObject:hover{text-decoration:none;color:#036}
/* styles used by Data Grids  */.DataGrid_AlternatingItem{background-color:#fff;color:red;font-family:Tahoma, Arial, Helvetica;font-size:10px;font-weight:400}
.DataGrid_Container{background-color:Transparent}
.DataGrid_Footer{background-color:#fff}
.DataGrid_Header{background-color:Transparent;color:#000;font-family:Tahoma, Arial, Helvetica;font-size:10px;font-weight:700;text-align:center}
.DataGrid_Item{background-color:Transparent;color:#000;font-family:Tahoma, Arial, Helvetica;font-size:10px;font-weight:400}
.DataGrid_SelectedItem{background-color:#D3D3D3;color:Blue;font-family:Tahoma, Arial, Helvetica;font-size:10px;font-weight:400}
/* text style used for help text rende#FF0000 by modules  */.Help{border:#000 1px solid;padding:2px;font-weight:400;font-size:11px;color:#000;font-family:Tahoma, Arial, Helvetica;background-color:#ff9}
SMALL{font-size:8px}
BIG{font-size:14px}
/******************************************************
    DIGICON QUICK LINK STYLES
***************************************************** */.QuickLink{padding:0 0 10px 13px;background:url(images/DG_qlPointer.gif) top left no-repeat;height:60px;min-height:60px}
html>body .QuickLink{height:auto}
.QuickLink h2 a,.QuickLink h2 a:link{margin:0;font-size:12px;color:#260753;font-weight:700;text-align:left}
.QuickLink h2 a:hover{text-decoration:underline}
.QuickLink img{float:right !important;padding-right:3px}
.QuickLink p{margin:0;padding-top:0;font-size:11px;text-align:left}
/******************************************************
    QUICK LINKS WITHOUT DESCRIPTION STYLES
***************************************************** */#Highlight_SubHead{color:#230C69;background-color:#DEE4F2;font-family:Verdana, Arial;font-size:14px;font-weight:700;height:20px;padding:2px}
#Highlight{border:solid 1px #230C69}
/******************************************************
    SIMPLE GALLERY FANCY POP UP MODULE STYLES
***************************************************** */#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#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:transparent url(../../../../DesktopModules/SimpleGallery/Images/blank.gif) no-repeat;display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(../../../../DesktopModules/SimpleGallery/Images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(../../../../DesktopModules/SimpleGallery/Images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em}
#imageData{padding:0 10px}
#imageData #imageDetails{width:70%;float:left;text-align:left}
#imageData #caption{font-weight:700}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#666;filter:alpha(opacity=60);-moz-opacity:0.6px;opacity:0.6px}
.thumbs{text-align:center;width:140px}