/*******************************************************************
*
	* 			Fichier			:	style.css
	* 			Créé le			:	10 Septembre 2004
	* 			Dernière modif	:	12 Mai 2006
	* 			Email			:	contact@phpeasydata.com
*
* 				© Copyright 2004-2008 Eawap - Levieux stéphane
*
*******************************************************************/

/*******************************************************************
*  Cette feuille de style est la feuille de style par défaut
* 	Pour personaliser un style redéfinissez les styles dans la feuille css de votre annuaire
*  Celle ci sera prioritaire par rapport à celle ci
*******************************************************************/

/*******************************************************************
*  Styles html redéfinis
*******************************************************************/

body {
	text-align:center;
	font-family: Arial,  Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

img {
	border: none;
}

sup {
	font-size:80%;
	color:#555555;
}

h1 {
	margin: 0;
	font-family: "Neige", "Times New Roman", Times, serif;
	font-weight: normal;
	color: #649632;
}

h1 { font-size: 35px; }

h2 { font-size: 25px; }

h3 { }

hr {
	color:#D2DDEC;
	border-width:0.1px;
	border-color:#D2DDEC;
	border-style:solid;
}

a {
	color:#330066;
	text-decoration: none;
	background: url(../graphics/btlink.gif) bottom left repeat-x;
}

a:visited {
	color:#330066;
}

a:hover {
	color:#3333CC;
	background-color:none;
	text-decoration: underline;

}

	a:active
{
	color:#4972B4;
	text-decoration: underline;
	background-image:none;
}

a.active:link{ text-decoration:underline;color: #364EBC;}
a.active:visited{ text-decoration:underline;color:#364EBC;}
a.active:active{ text-decoration:underline;color:#364EBC;}
a.active:hover{ text-decoration:underline;color:#364EBC;}

i.search_found {border:1px thin grey;color:#FF3300;
	background-color:#FFFFFF;}

/***************************************************************
*  Container for all pages
****************************************************************/




/*******************************************************************
*   Header styles
*******************************************************************/
#phpeasydata_header
{
	text-align:left;
}

#phpeasydata_header select, #phpeasydata_header input{
	color:black;
	font-family: Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background-color: #FFFFFF;
	font-size : 100%;
}
/*******************************************************************
*   Arborescence affichée dans chaque annuaire Styles
*******************************************************************/
#arbo {
	padding: 5px;
	width: 100%;
	font-size : 90%;
}
#arbo a{ color: #666666; 	background-image: none;  text-decoration:none; margin-left:5px;}
#arbo a:hover  	{ text-decoration:underline overline;	color: #364EBC;	}
#arbo a.active{ color: #323232;  text-decoration:none;}
#arbo .arbo_active{ font-size : 140%;color:#364EBC;text-decoration:none; font-weight:bold;  margin-left:10px;  }

/*******************************************************************
*   Searblock Styles
*******************************************************************/
#searchblock {
	text-align:left;
	font-size : 85%;
	font-family:verdana;
	color:black;
	margin-left: 5px;
	margin-bottom:5px;
	background-color:#EBFFE8;
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding:3px;

}


#phpeasydata_header a.searchlink	{ color: #466666;font-size : 80%;}
#phpeasydata_header a.searchlink:visited	{ color: #666666;}
#phpeasydata_header a.searchlink:active		{ color: #666666;}
#phpeasydata_header a.searchlink:hover  	{ color: #666666;}


/*******************************************************************
*   SortBlock Styles
*******************************************************************/
#sortblock {
	padding: 0 0.5em;
	display:inline;
	font-size:85%;
	width:100%;
}
#phpeasydata_container #defaultsearch_form input {font-size:10px;display:inline;float:right;
	background-color:#FFFFCC;}

#sortblock a { 	background-image: none;  text-decoration:none; }
#sortblock a.noactivesort{ 	padding: 0 0.5em;color: #777777; 	background-image: none;  text-decoration:none; }
#sortblock a.noactivesort:hover  	{ text-decoration:underline ;	color: #364EBC;	}
#sortblock a.activesort{ color: #364EBC; 	background-image: none;  text-decoration:none; }
#sortblock a.activesort:link{ text-decoration:underline;color: #364EBC;}
#sortblock a.activesort:visited{ text-decoration:underline;color:#364EBC;}
#sortblock a.activesort:active{ text-decoration:underline;color:#364EBC;}
#sortblock a.activesort:hover{ text-decoration:underline;color:#364EBC;}
/*******************************************************************
*   PagestBlock Styles
*******************************************************************/
#pages {
	text-align:left;
	width:100%;
	font-size:90%;
	color:#666666;
}
#pages a{ color:#666666; 	background-image: none;   margin-left:0px;}
#pages a:hover  	{ text-decoration: underline 	color: #000066;	}
#pages .activepage{ color: #364EBC;
	font-weight:bold;
	font-style:italic; }
#pages a.activepage:hover  { color: #364EBC;	  text-decoration:none; }


/*******************************************************************
*   CategoryBlock Styles
*******************************************************************/
#cat {font-size : 85%;
	background-color:#92B525;
	margin-left: 5px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding:3px;}
#cat sup {
	font-size:95%;
	color: #000000;
}
#cat .active_cat{ color: #364EBC;text-decoration:none;  margin-left:5px;  }
#cat A.cat:link		{  color:#000000;text-decoration:none;margin-left:5px;}
#cat A.cat:visited		{ color: #000000; text-decoration:none;margin-left:5px;}
#cat A.cat:active		{  color: #000000;text-decoration:none;margin-left:5px;}
#cat A.cat:hover  	{ text-decoration:none;color: #364EBC;	margin-left:5px;}

/*******************************************************************
*   Record Styles
*******************************************************************/

.siteblock {
	float:left;
	padding:3px;

}
.site {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #505F87;
	margin-bottom:0px;
	background-color:#F9FBFF;
	-moz-border-radius:3px;
	border-radius:0px;
	width:100%;
	text-align:left;
	font-size:85%;
	padding: 0px;


}
.site .title {
	height: 55px;
	margin-bottom: 0px;
	padding: 19px 0px 2px 20px;
	background: url(../graphics/img07.jpg) no-repeat left top;
	color: #000000;
}

.site .date {
	float: right;
	margin-top: -20px;
	padding-right: 35px;
	font-weight: bold;
	font-size: 14px;
	color: #333333;
}

.site .meta {
	margin: 20px  0 3px 20px;
	padding: 2px 20px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #649632;
}


.enr_partner{
	font-style:italic;
	font-weight:bold;
	color:#FF6600;

}

.field_title
{
	font-weight:bold;
	text-decoration:underline;
	padding:1px 10px 1px 5px;
}

.picto
{
	padding:1px 10px 1px 5px;
}
.description
{
	font-size:120%;
	margin-left: 10px;
	margin-right: 10px;
	text-justify: inter-cluster;
}

.site .clicks{
	color:#999999;
	font-style:italic;
	font-size:80%;
	margin-left:15px;}
.site td { padding:3px;
}

/*******************************************************************
*   Notesblock Styles
*******************************************************************/
.notes {
	display:inline;
	color:#4A494C;
	text-align:left;
	font-size:85%;
}
.notes select {font-size : 100%;background-color:#FFFFFF;color:black;}
.notes  input {font-size : 100%;  vertical-align:middle;}
/*******************************************************************
*   Commentsblock Styles
*******************************************************************/

.comment{
	padding:1px 20px 10px 20px;
	font-size:100%;
	display:inline;
	text-align:left;
}



.com_txt {
	border-width: 1px 1px 1px 1px;
	border-style: dotted;
	border-color: #505F87;
	margin: 1em;
	padding: 5px;
	background: #F4F1FA;
	-moz-border-radius:6px;
	border-radius:6px;
	width: 80%;

}
.comment a {
	background-image: none;
}


.comment input, .comment textarea, .comment select {font-size : 100%;background-color: #A7ADC4; color:white;border: 1 solid blue}

.form_comment {
	font-size:10px;
	color: #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.com_title{
	background-color:transparent;
	color:#505F87;
	font-weight:bold;
	font-size:100%;
}
.comdate , .user{
	color:#555555;
	font-size:90%;
	margin-right:15px; }

/*******************************************************************
*   Partner Record Styles
*******************************************************************/
.site_partner {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	background-color:#FFE1E0;
	font-size:85%;
	-moz-border-radius:5px;
	border-radius:5px;
	width:100%;
	text-align:left;
	margin-bottom:0px;
	padding: 0px;
}


.site_partner .title{
	height: 55px;
	margin-bottom: 0px;
	padding: 19px 0px 2px 20px;
	background: url(../graphics/img07part.jpg) no-repeat left top;
	color: #000000;
}

.site_partner .date {
	float: right;
	margin-top: -20px;
	padding-right: 35px;
	font-weight: bold;
	font-size: 14px;
	color: #333333;
}

.site_partner .meta {
	margin: 20px  0 3px 20px;
	padding: 2px 20px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #649632;
}

.site_partner .clicks{
	color:#999999;
	font-style:italic;
	font-size:80%;
	margin-left:15px;}
.site_partner td { padding:3px;
}


/*******************************************************************
*   Fiche styles
*******************************************************************/
.fiche {
	font-style:italic;
	text-align:right;
	font-size:90%;
	width:100%;
	margin-top:20px;
	border-top:1px dotted gray;
}

.fiche a		{
	font-size:120%;
	color:#3366CC;}
.fiche a:visited	{ color:#3366CC;}
.fiche a:active		{  color:#3366CC;}
.fiche a:hover  	{  color:#0099FF;}


.site_partner .fiche {
	font-style:italic;
	text-align:right;
	margin-top:20px;
	
}




/*******************************************************************
*   phpeasydata_footer Styles
*******************************************************************/
#phpeasydata_footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-left: 50px;
	margin-right: 10px;
	width:400px;


}

#phpeasydata_footer a{ 	background-image: none;}

#phpeasydata_footer .copy {font-size:10px; color: #000066; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center ; margin-left: 5px; margin-top:20px;	}
	#phpeasydata_footer A.copy:link
{
	text-decoration:underline;
}
	#phpeasydata_footer A.copy:visited
{
	text-decoration:underline	;
}


	#phpeasydata_footer A.copy:hover
{
	color:blue;
	text-decoration:underline;
}

/*******************************************************************
*  General Form Style
*******************************************************************/
#form {
	width:95%;
	font-size : 12px;
	font-family:  "Lucida Grande", Verdana, Tahoma, Helvetica, Sans-Serif;
	background-color:#F5F5F5;


}

#form fieldset {
	border-width:thin;
	border-color:#CCCCCC;
	border-style:solid;
}


#form .titleform{
	color:black;
	font-size : 12px;
	letter-spacing:2px;
	word-spacing:4px;
	height:20px;
	background-color:#FAFAFA;
	font-weight:bold;
	padding:5px;
}

#form td, #form form{
	font-size : 11px;
	color:black;
}
#form input, #form select, #form textarea{
	font-size : 11px;
	color:black;
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
}

#form input[type="radio"] , #form input[type="checkbox"]
{
	background-color:transparent;
	border:0;
}

#form .submit
{
	cursor:pointer;
	border-style: solid;
	border-color:#296426;
	border-width:1px;
	font-size:12px;
	padding: 2px;
	background-color:#F5FAF8;
}


#form .error{
	color:red;
	background-color:#FFFFCC;
	font-size:100%;
	font-weight:bold;
	padding:2px;
	font-family:Verdana, Arial;
	font-size:11px;

}
#form .msg{
	color:#6699CC;
	font-size:90%;
	text-align:left;
	margin-left:10px;
	padding:2px;
}
#form .ok{
	color:green;
	padding:2px;
	font-size:90%;
}
#form .comment{
	color:#777777;
	font-style:italic;
}

.welcome{
	text-align:center;
	width:100%;
	letter-spacing : 2px ;
	color:green;
	font-style:italic;
	font-size : 95%;

}

#info {
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color:#4E4A6F;
	margin: 1em;
	padding: 5px;
	background-color:#F5F8FC;
	-moz-border-radius:6px;
	border-radius:6px;
	width: 90%;
	font-size:85%;
	margin-bottom:20px;
	text-align:left;
}

/*******************************************************************
*
*******************************************************************/
.cadre_arrondi{width:95;border:1px solid #656565;	background-color:#F5F5F5;text-align:left;}
.ct, .ct .cl, .cb, .cb .cl{display:block;font-size:0;line-height:0;margin:0;height:4px;position:relative}
.cb{width:100%;right:-1px}
.ct{width:100%;right:-1px}
.cl{width:100%;right:-1px}
.ct .cl, .cb .cl{width:4px;left:-2px}
.ct{background:transparent url(../graphics/cr_gg_ne.gif) no-repeat top right;top:-1px}
.ct .cl{background:transparent url(../graphics/cr_gg_nw.gif) no-repeat top left}
.cb{background:transparent url(../graphics/cr_gg_se.gif) no-repeat bottom right;bottom:-1px}
.cb .cl{background:transparent url(../graphics/cr_gg_sw.gif) no-repeat bottom left}

/*******************************************************************
*  Styles for last validated records page
*******************************************************************/


#last {
	text-align:left;
	width:90%;
	margin-left:auto;
	margin-right:auto;

}
#last a
{font-weight:bold;
}
	#last a:hover
{font-weight:bold;
}

#last .directory_link A		{  color: #898989;text-decoration:none;font-weight:normal; font-size:90%}
#last .directory_link A:visited		{ color: #898989; text-decoration:none;}
#last .directory_link A:active		{  color: #898989;text-decoration:none;}
#last .directory_link A:hover  	{ text-decoration:underline overline;color: black;	}


/*******************************************************************
*  Styles for Register/Connect/submission block
*******************************************************************/

#register {

	text-align:center;
	margin: 0px;
	padding: 5px;
	background-color:#FCFFE8;
	width: 175px;
	margin-right:5px;
	margin-top:5px;
	font-size:80%;
	color:black;

}

#register a{
	font-weight:normal;
	color:#333300;
}

#register A		{  text-decoration:none;font-weight:normal;
	font-size:110%;
	background-image:none; }

#register A:hover  	{ color:#663300;
	text-decoration: underline;
}



/*******************************************************************
*  Last record added link
*******************************************************************/



.search_found
{
	background-color:white;
	color:blue;
	font-weight:bold;
	font-style:italic;
}

#confirm {
	width: 99%;
	text-align:center;
}

#confirm .error{
	color:red;
	background-color:#FFFFCC;
	font-size:105%;
	font-weight:bold;
	padding:2px;

}
#confirm .msg{
	color:green;
	font-weight:bold;
	background-color:#FFFFFF;
	font-size:125%;
	padding:1px;
}

#confirm .full_msg{
	font-size:110%;
	padding:1px;
}

#menuh {
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color:#296426;
	padding: 5px;
	line-height:200%;
	background-color:#F5FAF8;
	-moz-border-radius:6px;
	border-radius:6px;
	float:left;
	width:70%;
	text-align:left;
	font-size:100%;
}

/*******************************************************************
*  Styles for statistics Bloc
*******************************************************************/

#statsbloc {
	border-width: 0px 1px 1px 8px;
	text-align:left;
	margin: 0px;
	padding: 5px;
	margin-right:5px;
	font-size:90%;
	color:black;
	width:60%;
	display:inline;
	float:left;

}

#statsbloc a{
	font-weight:normal;
	color:#808080;
	font-size:90%;
}

.last_link {
	color:#2E0D4F;
	padding:10px;
	font-weight:bold;
	font-size:100%;
	background-image:none;
}

#statsbloc A:hover {
	color:#364EBC;
	text-decoration: underline;}

#statsbloc .active {
	color:#364EBC;
	text-decoration: underline;
	background-image:none;
}

/*******************************************************************
*  Styles for simple record template
*******************************************************************/

.simple_site{
	margin-bottom:15px; padding: 0.5em 1em;
	width:100%;
	text-align:left;
	font-size:90%;
}

.simple_site_partner{
	margin-bottom:15px; padding: 0.5em 1em;
	width:95%;
	text-align:left;
	font-size:90%;
	background-color:#FFFFCC;
}

.simple_site_partner .title {
	color:#0066FF;
	padding: 2px 2px 2px 2px;
	font-weight:bold;
	background-color:#E8E0ED;
	text-indent : 2px;
	width : 100%;
	border-top: 1px dotted #293161;
	border-bottom: 1px dotted #1F57DA;
	font-size:125%;
	margin-bottom:10px;
}


.simple_site .title {
	color:#4E639A;
	padding: 2px 2px 2px 2px;
	font-weight:bold;
	background-color:#E8E0ED;
	text-indent : 2px;
	width : 100%;
	border-top: 1px dotted #293161;
	border-bottom: 1px dotted #1F57DA;
	font-size:125%;
	margin-bottom:10px;
}


/*********************************
*
*	CAPTCHA-Styles
*
*/

.captchapict
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset;
	border-width: 1px;
	border-color: #C0C0C0;
}

#private {
	font-size:80%;
	text-align:left;
}

tr.row1{background-color:#FFFFFF;
	color:#000000;
	font-size:11px;
}

tr.row2{background-color:#F7F7F7;
	color:#000000;
	font-size:11px;
}

#private tr.row1{background-color:#F7F7F7;
	color:#000000;

}

#private th{background-color:#DCEBED;
	color:#000000;
	font-size:11px;

}

#private tr.row2{background-color:#E8E8E8;
	color:#000000;

}

/*********************************
*
*	Javascript switch content Styles
*
/**********************************/


.showstate{ /*Definition for state toggling image */
	cursor:hand;
	cursor:pointer;
	margin-top: 2px;
	margin-right: 3px;
}

.headers{
	width: 400px;
	font-size: 120%;
	font-weight: bold;
	border: 1px solid black;
	background-color: lightyellow;
}

.switchcontent{
	width: 400px;
	border: 1px solid black;
	border-top-width: 0;
}


a.tooltip em {
	display:none;
}
a.tooltip:hover {
	border: 0;
	position: relative;
	z-index: 500;
	text-decoration:none;
}
a.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
	top: 20px;
	left: -10px;
	padding: 5px;
	color: #000;
	border: 1px solid #bbb;
	background: #ffc;
	width:370px;
}
a.tooltip:hover em span {
	position: absolute;
	top: -7px;
	left: 15px;
	height: 7px;
	width: 11px;
	background: transparent url(image-infobulle.gif);
	margin:0;
	padding: 0;
	border: 0;
}




legend {
	font-weight:bold;
	font-size:13;
	color:#FF6600;
	background-color:#FFFF99;
	margin-left:0;
}

.taglink		{  color:#222222;margin-left:10px;}
A.tag:link		{background-image:none;}
A.tag:visited	{color:#222222;background-image:none;}
A.tag:active		{background-image:none;}
A.tag:hover  	{	margin-left:10px;}

.tag		{  color:#222222;text-decoration:none;margin-left:2px;}
A.tag:link		{background-image:none;}
A.tag:visited	{color:#222222;background-image:none;}
A.tag:active		{background-image:none;}
A.tag:hover  	{ text-decoration:underline;	margin-left:2px;}


#panneau_1{display: block; border: 1px solid #888;}
#panneau_2{display: none; border: 1px solid #888;}
#panneau_3{display: none; border: 1px solid #888;}

#tabs{
	position: relative;
	margin: 0;
	background:#f2f3f5 url(images/newcats_bkgd.gif) repeat-x bottom left; height:25px;
	border:1px solid #a5b2bd;
	padding: 0 5px;
	overflow: visible;
}

#tabs ul{
	float:left;
	position: absolute;
	margin:0;
	padding:0;
	list-style:none;
	overflow: hidden;
	clip: rect(auto auto 100px auto);
}

#tabs li{float:left; font-family:verdana; display:inline; padding-bottom:6px;}
#tabs li a{float:left; display:block; text-decoration:none; color:#003DB8 ; }
#tabs li a:visited{color:#003DB8 ; }
#tabs li a:hover{text-decoration:underline; }
#tabs li em{float:left; display:block; padding:0 4px; font:10px verdana; margin:8px 0 0 0; font-style:normal; color:#003399 ; border-right:1px solid #666; cursor:pointer; }
#tabs li.on{background:url(images/ptr.gif) bottom center no-repeat; padding-top:1px;}
#tabs li.on a{color:#fff; background:#a5b1bd url(images/tab_left.gif) no-repeat; padding-left:3px; }
#tabs li.on a:visited{color:#fff; }
#tabs li.on a:hover{text-decoration:none; }
#tabs li.on em{background:#a5b1bd url(images/tab_right.gif) no-repeat top right; margin:0; padding:8px 7px 5px 4px; border:none; font-weight:bold; color:#fff; }
#tabs li.last em{border:none; }

.raz{clear: both;}




/***** Bloc Login *****/
#homelogin
{
	width:200px;
}

#homelogin h3
{
	background-image: url(../graphics/top_bloc.gif);
	text-align:center;
	color:White;
	font-size:12px;
	height:17px;
	margin:0;
	padding: 7px 0 0 50px;
}

#logincontent
{
	background-image: url(../graphics/left_right_bloc.gif);
	font-size:11px;
	padding:0 10px;
}
#logincontent a{text-decoration:none; color:#333366;
}
#logincontent a:visited{color:#333366; }
#logincontent a:hover{text-decoration:underline; color:#003399;}




#loginbottom
{
	background: url(../graphics/bottom_bloc.gif) 0 0 no-repeat;
	height:11px;
}
div.clear {
	clear: both;
}

#last_records_block {
	text-align:left;
	font-size : 85%;
	font-family:arial;
	color:black;
	margin-left: 5px;
	margin-bottom:5px;

}
/**********************Pied de page*******/
#footer_pages {
	text-align:left;
	width:300px;
	font-size:90%;
	color:#666666;
}
#footer_pages a{ color:#666666; 	background-image: none;   margin-left:0px;}
#footer_pages a:hover  	{ text-decoration: underline 	color: #000066;	}
#footer_pages .activepage{ color: #364EBC;
	font-weight:bold;
	font-style:italic; }
#footer_pages a.activepage:hover  { color: #364EBC;	  text-decoration:none; }
/*****************************************Lightbox*******************************************/
#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; }