/* Import de lightbox */
@import url("thickbox.css.jsp") ;

/*
** BODY
*/
body 
{	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px ;
	padding: 0; text-align: center; 
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; 
	color: #000000; font-weight: normal ;
}
.bodyBackgroundPublic	{ background-color : #F6F7F7; }
.bodyBackgroundPrivate	{ background-color : #F6F7F7; }

/*
**
** DESIGN ====================================================================================================
**
*/


/*
** A
*/
a:link     		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #0068A6; text-decoration: none }
a:visited  		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #0068A6; text-decoration: none }
a:active   		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #0068A6; text-decoration: none }
a:hover    		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #0068A6; text-decoration: underline }

a.white:link		{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
a.white:visited	{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
a.white:active		{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
a.white:hover		{ color: #FFFFFF; font-weight: normal; text-decoration: underline; }

/*
** DESIGN
*/
#conteneurBg	{ width: 980px; margin: 0 auto; text-align: center; background-color : #FFFFFF;}
#conteneur		{ position: relative; width: 980px; margin: 0 auto; text-align: left;  }

div.conteneurOut		{ width:980px;margin:0 auto; }

/*
** DESIGN -> Content
*/
#contentHome			{  }
#contentIn 				{ position: relative ; }
#contentInContent		{ padding-left: 0px; padding-right: 0px; }
.contentInContentPart	{ padding-left: 25px; background-color: #FFFFFF; zoom: 1; }

#contentInContent .wordSpacer	{ padding-left: 5px; padding-right: 5px; }

.specContentInTop		{ height: 20px; width: 980px; background-image: url('/aferp/custom/img/cms/website/specContentIn_top.png'); background-repeat: no-repeat; }
.specContentInBottom	{ height: 20px; background-image: url('/aferp/custom/img/cms/website/specContentIn_bottom.png'); background-repeat: no-repeat; }

#contentProcess	{ padding-bottom:15px; }

/*
** DESIGN -> Header
*/
#headerHome			{ height: 590px; }
#headerHomeContent	{  }
#headerIn			{ position: relative; z-index: 100;  }
#headerInContent	{ }

#headerInContent .wordSpacer	{ padding-left: 5px; padding-right: 5px; color: #FFFFFF; }

#specHeaderInContent1C  { height: 50px; background: #E2E4E5; margin-bottom :1px;}
#specHeaderInContent1	{ height: 18px; padding: 0px; background-color: #5E87A0; }
#specHeaderInContent2	{ height: 150px; position: relative; background-image: url('/aferp/custom/img/cms/website/header_font.gif');}

#specHeaderInContent1 a	{ color: #656565; }


#headerInContent a:link		{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
#headerInContent a:visited	{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
#headerInContent a:active	{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
#headerInContent a:hover	{ color: #FFFFFF; font-weight: normal; text-decoration: underline; }


/*
** DESIGN -> Footer
*/
#footerHome			{  }
#footerIn			{  }
#footerInContent	{ color: #999999; }

#footerInContent .wordSpacer	{ padding-left: 5px; padding-right: 5px; color: #999999; }

#specFooterInContent1			{ }

div.specFooterInContent1Title		{ border-bottom: 1px solid #C5D7E6; padding-top: 30px; padding-bottom: 5px; margin-bottom: 25px; } 
div.specFooterInContent1Title a		{ font-size: 20px; text-decoration: none; }
div.specFooterInContent1Title span	{ font-size: 20px; text-decoration: none; }

#specFooterInContent1 ul		{ margin-left: 0px; padding-left: 0px; }
#specFooterInContent1 li		{ list-style-type: none; padding-bottom: 5px; }

#specFooterInContent2	{ text-align: left; font-size:11px; padding-top: 5px; padding-bottom: 5px; color: #046691; background-color: #E2E4E5;}
#specFooterInContent3	{ text-align: left; font-size:11px; padding-top: 1px; color: #FFFFFF; background-color: #5E87A0;}

#footerInContent a:link		{ color: #046691; font-weight: normal; text-decoration: none; }
#footerInContent a:visited	{ color: #046691; font-weight: normal; text-decoration: none; }
#footerInContent a:active	{ color: #046691; font-weight: normal; text-decoration: none; }
#footerInContent a:hover	{ color: #046691; font-weight: normal; text-decoration: underline; }

#footerInContent a.footer:link		{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
#footerInContent a.footer:visited	{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
#footerInContent a.footer:active		{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
#footerInContent a.footer:hover		{ color: #FFFFFF; font-weight: normal; text-decoration: underline; }

/*
** DESIGN -> Sentence
*/
#sentenceHome		{ }
#sentenceIn			{ height: 12px; background-color: #FFFFFF; color: #656565; font-size: 10px; font-weight: normal; text-align: center; }

/*
** DESIGN -> Search
*/
#search					{ padding: 0px; }
#search	form			{ display: inline; padding: 0px; }
#search	.searchField	{ width: 200px; height: 16px; padding-left: 3px; color: #000000; border-right-style: none; font-size:11px;}
#search	.searchButton	{ padding-left: 3px; }


/*
** DESIGN -> SearchResult
*/
.searchResultCount		{ padding-top: 10px; margin-bottom: 10px; text-align: right; border-bottom: 1px solid #E3E4E4; }
.searchResultPreview	{ padding-top: 10px; padding-bottom: 5px; font-style: italic; }

/*
** DESIGN -> Language
*/
.languageSelected			{  }
.languageSelected img		{ padding: 1px; border: 2px solid #CABA9C; }
.languageNotSelected		{  }
.languageNotSelected img	{ padding: 3px; }

/*
** DESIGN -> Toolbar
*/
#toolbar		{ width: 980px; padding-top: 5px; padding-bottom: 5px; }
#toolbarContent	{ border: 1px solid #FFFFFF; }

/*
** DESIGN -> Summary
*/
#summary				{ padding-left: 25px; background-color: #FFFFFF; }
#summaryContent			{ padding-top: 10px; }
div.summaryTitle		{ border-bottom: 1px solid #C5D7E6; padding-bottom: 7px; } 
div.summaryTitle a		{ font-size: 14px; color: #656565; font-weight: bold; text-decoration: none; }

#summaryContent ul		{  }
#summaryContent li		{ list-style-type: disc; padding-top: 5px; background-image: url('/aferp/custom/img/cms/website/specTextHeadLine.png'); background-repeat: no-repeat; background-position: top left; }
#summaryContent li a	{ color: #656565; }

/*
** DESIGN -> Message
*/
#message		{  }

/*
** DESIGN -> Tag
*/
#tagCloud .size1		{ padding-right: 5px; font-size: 12px; }
#tagCloud .size2		{ padding-right: 5px; font-size: 12px; }
#tagCloud .size3		{ padding-right: 5px; font-size: 14px; font-weight: bold; }
#tagCloud .size4		{ padding-right: 5px; font-size: 16px; font-weight: bold; }
#tagCloud .size5		{ padding-right: 5px; font-size: 18px; font-weight: bold; }

#tagCloud a:link	{ color: #656565; text-decoration: none }
#tagCloud a:visited	{ color: #656565; text-decoration: none }
#tagCloud a:active	{ color: #656565; text-decoration: none }
#tagCloud a:hover	{ color: #656565; text-decoration: underline }

/*
** DESIGN -> Menu
*/
#menuIn 			{ border-top: 1px solid #96BED6 ; border-bottom: 1px solid #96BED6 ; height:35px; }
#menu				{ }
td.menu				{ position: relative; z-index: 100; height: 35px; }
td.menu div.menu	{ position: relative; text-align: center; height: 35px; top:10px; }
td.menu ul			{ position: absolute; display: none; z-index: 110; margin:0px; padding:0px; list-style-type: none; }
td.menu li			{ padding: 5px; padding-right: 30px; white-space: nowrap; }
td.menu li:hover	{ background-color: #B1B2B4; }
td.menu li:hover a	{ color: #FFFFFF; }

ul.menuIn			{ text-align: left; background-color: #E4E7E8; }
ul.menuOut			{ text-align: left; background-color: #717375; }

a.menuIn:link     { font-size: 12px; color: #FFFFFF; font-weight: normal; text-decoration: none }
a.menuIn:visited  { font-size: 12px; color: #FFFFFF; font-weight: normal; text-decoration: none }
a.menuIn:active   { font-size: 12px; color: #FFFFFF; font-weight: normal; text-decoration: none }
a.menuIn:hover    { font-size: 12px; color: #FFFFFF; font-weight: normal; text-decoration: underline }

a.menuOut:link     { font-size: 12px; color: #F36F21; font-weight: normal; text-decoration: none }
a.menuOut:visited  { font-size: 12px; color: #F36F21; font-weight: normal; text-decoration: none }
a.menuOut:active   { font-size: 12px; color: #F36F21; font-weight: normal; text-decoration: none }
a.menuOut:hover    { font-size: 12px; color: #F36F21; font-weight: normal; text-decoration: underline }

a.menuInDeroule:link		{ font-size: 11px; color: #7B7C7E;  text-decoration: none }
a.menuInDeroule:visited		{ font-size: 11px; color: #7B7C7E;  text-decoration: none }
a.menuInDeroule:active		{ font-size: 11px; color: #7B7C7E;  text-decoration: none }
a.menuInDeroule:hover		{ font-size: 11px; color: #7B7C7E;  text-decoration: underline }

a.menuOutDeroule:link		{ font-size: 11px; color: #FFFFFF;  text-decoration: none }
a.menuOutDeroule:visited	{ font-size: 11px; color: #FFFFFF;  text-decoration: none }
a.menuOutDeroule:active		{ font-size: 11px; color: #FFFFFF;  text-decoration: none }
a.menuOutDeroule:hover		{ font-size: 11px; color: #FFFFFF;  text-decoration: underline }

/*
** DESIGN -> Menu current
*/
#menuCurrent		{ padding-left: 15px; }
#menuCurrent ul		{ margin-left: 0px; padding-left: 0px; }
#menuCurrent li		{ list-style-type: none; }

li.menuCurrentItem_1_on			{ padding-left: 5px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #E3E4E4; }
li.menuCurrentItem_1_on a		{ font-size: 14px; font-weight: normal; text-decoration: none; }
li.menuCurrentItem_1_off		{ padding-left: 5px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #E3E4E4; }
li.menuCurrentItem_1_off a		{ font-size: 14px; font-weight: normal; text-decoration: none; }

li.menuCurrentItem_2_on			{ display: none; padding-left: 20px; padding-top: 7px; padding-bottom: 5px; }
li.menuCurrentItem_2_on a		{ font-size: 12px; font-weight: normal; text-decoration: none; }
li.menuCurrentItem_2_off		{ display: none; padding-left: 20px; padding-top: 7px; padding-bottom: 5px; }
li.menuCurrentItem_2_off a		{ font-size: 12px; font-weight: normal; text-decoration: none; }

li.menuCurrentItem_3_on			{ display: none; margin-left: 20px; padding-top: 7px; padding-bottom: 5px; }
li.menuCurrentItem_3_on a		{ font-size: 12px; font-weight: normal; text-decoration: none; }
li.menuCurrentItem_3_off		{ display: none; margin-left: 20px; padding-top: 7px; padding-bottom: 5px; }
li.menuCurrentItem_3_off a		{ font-size: 12px; font-weight: normal; text-decoration: none; }

li.menuCurrentItem_4_on			{ display: none; margin-left: 20px; padding-top: 7px; padding-bottom: 5px; }
li.menuCurrentItem_4_on a		{ font-size: 12px; font-weight: normal; text-decoration: none; }
li.menuCurrentItem_4_off		{ display: none; margin-left: 20px; padding-top: 7px; padding-bottom: 5px; }
li.menuCurrentItem_4_off a		{ font-size: 12px; font-weight: normal; text-decoration: none; }

li.menuCurrentItem_5_on			{ display: none; margin-left: 20px; padding-top: 7px; padding-bottom: 5px; }
li.menuCurrentItem_5_on a		{ font-size: 12px; font-weight: normal; text-decoration: none; }
li.menuCurrentItem_5_off		{ display: none; margin-left: 20px; padding-top: 7px; padding-bottom: 5px; }
li.menuCurrentItem_5_off a		{ font-size: 12px; font-weight: normal; text-decoration: none; }

div.specMenuCurrentRightPart		{ padding-left: 25px; padding-right: 25px; padding-bottom: 15px; }
div.specMenuCurrentRightPart a		{ color: #656565; }
div.specMenuCurrentRightPartBlank	{ padding-left: 25px; height: 10px; }
div.specMenuCurrentLine				{ padding-bottom: 15px; border-top: 1px solid #E3E4E4; }

/*
** DESIGN -> Content path
*/
#contentPath		{ padding-left: 5px; }
.contentPathChevron	{ color: #000000; }
.contentPath		{ color: #000000; }

#contentPath a:link     { font-size: 12px; color: #000000; text-decoration: none; }
#contentPath a:visited  { font-size: 12px; color: #000000; text-decoration: none; }
#contentPath a:active   { font-size: 12px; color: #000000; text-decoration: none; }
#contentPath a:hover    { font-size: 12px; color: #000000; text-decoration: underline; }

/*
** DESIGN -> Template
*/
.infoBox		{ width: 193px; background-image: url('/aferp/custom/img/cms/website/info_box.gif'); background-repeat: no-repeat; }
.infoBoxContent	{ padding: 10px; padding-top: 10px; }
.infoBoxBottom	{ height: 15px; width: 193px; background-image: url('/aferp/custom/img/cms/website/info_box_bottom.gif'); background-repeat: no-repeat; }

/*
** DESIGN -> Logon
*/
div.logonBox	{ padding-left: 50px; }
div.logonHeader	{ display: none; }

div.logonTop	{ padding-top: 30px; }
div.logonBottom	{ padding-bottom: 100px; }


/*
** DESIGN -> Profil
*/
div.profilBox		{ padding: 10px; }

/*
** DESIGN -> Search
*/
.highlight		{ color: #000000; background-color: #FFFF00; }
.searchDetail	{ background-color: #F9F7F5 ; }

/*
** DESIGN -> Print
*/
div.printBox		{ }
div.printHeader		{ padding: 10px; color: #000000; background-color: #EEEEEE; border-bottom: 2px solid #AAAAAA; }
div.printContent	{ padding: 10px; }
div.printFooter		{ padding: 10px; color: #000000; background-color: #EEEEEE; border-top: 2px solid #AAAAAA; }

/*
** DESIGN -> Preview
*/
div.previewBox		{ }
div.previewHeader	{ padding: 10px; color: #000000; background-color: #EEEEEE; border-bottom: 2px solid #AAAAAA; }
div.previewContent	{ padding: 10px; text-align: left; }
div.previewFooter	{ padding: 10px; color: #000000; background-color: #EEEEEE; border-top: 2px solid #AAAAAA; }

/*
** DESIGN -> Formulary
*/
.contentFormularyFieldContainerHover	{ background-color: #F9F7F5 ; }

/*
** DESIGN -> Title / Subtitle
*/
div.title		{ color: #395976; font-weight: bold; font-size: 15px; }
div.titlePuce	{ color: #395976; font-weight: bold; font-size: 15px; padding-left: 30px; padding-top: 1px; padding-bottom: 15px; min-height: 19px; background-image: url('/aferp/custom/img/cms/website/specPictoTitle.png'); background-repeat: no-repeat; background-position: top left; }

div.title1Home	{ font-size: 24px; font-weight: normal; padding-bottom: 10px; }
div.title2Home	{ font-size: 28px; font-weight: bold; padding-bottom: 10px; }
div.title1		{ font-size: 24px; font-weight: normal; padding-bottom: 10px; }
div.title2		{ font-size: 20px; font-weight: normal; padding-bottom: 10px; }
div.title2 a	{ font-size: 20px; font-weight: normal; text-decoration: none; }
div.title3		{ font-size: 16px; font-weight: normal; padding-bottom: 5px; }
div.title3 a	{ font-size: 16px; font-weight: normal; text-decoration: none; }
span.title3		{ font-size: 16px; font-weight: normal; padding-bottom: 5px; }

/*
** DESIGN -> Title / Subtitle for content (tag, section, search, ...)
*/
.contentPageItem a.titlePage	{ font-size: 16px; font-weight: normal; text-decoration: none; }
.contentPageItem a.linkPage		{ font-size: 12px; font-weight: normal; text-decoration: none; }
.contentPageItem li				{ padding-bottom: 5px; }

/*
** DESIGN -> Content
*/
div.contentPathSeparator	{ }
div.contentTextSeparator	{ height: 40px; }
div.contentSummary			{ text-align: justify; font-weight: bold; line-height: 20px; }
div.contentDescription		{ text-align: justify; }
div.contentText				{ text-align: justify; padding-bottom: 5px; text-align: justify; }
div.contentDate				{ padding-top: 5px; }
div.contentPageItem			{ padding-bottom: 20px; }

/*
** DESIGN -> Search and submit button
*/
.submit						{ color: #FFFFFF; border: 0px; background-color: #FFFFFF; cursor: pointer; width: 156px; height: 26px; background-image: url('/aferp/custom/img/cms/website/_button_submit.png'); background-repeat: no-repeat; }
.submitNewsletter			{ color: #FFFFFF; border: 0px; background-color: #FFFFFF; cursor: pointer; width: 156px; height: 26px; background-image: url('/aferp/custom/img/cms/website/_button_submit.png'); background-repeat: no-repeat; }
.submitNewsletterUnsubscribe{ color: #FFFFFF; border: 0px; background-color: #FFFFFF; cursor: pointer; width: 300px; height: 26px; background-image: url('/aferp/custom/img/cms/website/_button_submit_newsletter_unsubscribe.png'); background-repeat: no-repeat; }

.buttonOK					{ height:16px; background-color: #FFFFFF; color:#046691; margin-top:0px; padding:2px 4px 0px 1px; }

input[type="text"].newsletterField	{ width: 160px; height:16px; padding-left: 3px; border-right-style: none; color: #000000; font-size:11px;}

/*
** DESIGN -> Content -> ProcessContact
*/
table.processContact	{ border-spacing: 5px; }
table.processContact th	{ text-align: right; }
table.processContact td	{ padding-left: 10px; }
table.processContact input[type=text]	{ width: 300px; }
table.processContact textarea			{ width: 300px; height: 100px; }

/*
** DESIGN -> Content -> ProcessNewsletter
*/
table.processNewsletter		{ border-spacing: 5px; }
table.processNewsletter th	{ text-align: right; }
table.processNewsletter td	{ padding-left: 10px; }
table.processNewsletter input[type=text]	{ width: 300px; }
table.processNewsletter textarea			{ width: 300px; height: 100px; }

/*
** DESIGN -> Content -> RSS
*/
.processRss	{ position: relative; top: 3px; padding-left: 5px; }

/*
** DESIGN -> Card
*/
table.card th					{ padding: 3px; border-bottom: 1px dotted #DDDDDD; color: #656565; font-weight: bold; text-align: right; }
table.card th.required			{ padding: 3px; border-bottom: 1px dotted #DDDDDD; color: #656565; font-weight: bold; text-align: right; }
table.card td					{ padding: 3px; padding-left: 10px; border-bottom: 1px dotted #DDDDDD; text-align: left; }
table.card td.name				{ font-weight: bold; font-size: 13px; text-align: left; }
table.card td.none				{ border-bottom: 0px; }
table.card table.Gtab td		{ padding: 0px; border: none; }

/*
**
** DEFAULT ====================================================================================================
**
*/

/*
** H1
** ATTENTION ! Si on touche le style du P H1 H2 H3 H4 H5 H6 PRE 
** modifier le script de FCKEditor fckeditorcode_ie.js, fckeditorcode_geckos.js et fcktoolbarfontformatcombo.js en concéquence
*/
h1				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #395976; font-weight: bold; }
h2				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #395976; font-weight: bold; }
h3				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #395976; font-weight: bold; }
h4				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: bold; }

/*
** P
*/
p				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #656565; font-weight: normal ; margin: 0 ;}
p.bold			{ font-weight: bold }

/*
** TD
*/

td				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal }
td.bold			{ font-weight: bold }
td.cellTab		{ border-bottom: 1px solid #DDDDDD }
td.cellTabBold	{ font-weight: bold; border-bottom: 1px solid #DDDDDD }
td.cellTabIn	{ color: #A12020; font-weight: bold; border-bottom: 1px solid #DDDDDD }

/*
** LI
*/
li				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #656565; font-weight: normal }
li.error		{ font-size: 12px; color: #A12020; font-weight: normal }
li.activeTab	{ list-style: none; background-color: #403B37; float: left; margin-right: 3px; height: 18px; padding: 2px; padding-left: 5px; padding-right: 5px; color: #FFFFFF; font-weight: bold;  }
li.inactiveTab	{ list-style: none; background-color: #403B37; float: left; margin-right: 3px; height: 18px; padding: 2px; padding-left: 5px; padding-right: 5px;  }
ul.error 		{ position: relative; padding-top : 0px; margin-top: 0px; }

/*
** DIV
*/
div					{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal }
div.displayInfo		{ padding: 1px; border: 1px dashed #D3DBE8; }
div.timestamp		{ padding: 1px; border: 1px dashed #D3DBE8; width: 290px; }
div.error			{ padding: 1px; background-color: #FFCCCB; border: 1px dotted #B40326; }
div.errorMessage	{ color: #FF0000; font-weight: bold; }

/*
** HR
*/
hr				{ border: 0px; border-bottom: 1px solid #E3E4E4; height: 1px; }

/*
** FORMS
*/
input					{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #656565; font-weight: normal; }
input[type=text]		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #E4E4E5; }
input[type=password]	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #E4E4E5; }
textarea				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #E4E4E5; }
select					{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #656565; font-weight: normal; border: 1px solid #E4E4E5; }

/*
 *	LEGEND
 */
legend			{ font-weight: bold; color: #656565; }
fieldset		{ padding: 5px;  background-color: #FFFFCC; }

/*
** CALENDAR
*/
#calendarContainer	{ width: 550px; }
#calendar			{ width: 550px; }
.fc-header-title	{ font-size: 16px; font-weight: normal; color: #937A51; }

/*
** START : CSS LIGHTBOX
*/

#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;}

#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: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#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: #A9A6A6;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/*
** END : CSS LIGHTBOX
*/