html, body, div, span, applet, object, iframe, h2, h1, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
	{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }

body 						{ line-height: 1; }
ol, ul 						{ list-style: none }
blockquote, q 		{ quotes: none }
blockquote:before,
blockquote:after,
q:before,
q:after					{ content: ''; content: none }
:focus 					{ outline: 0 }/* remember to define focus styles! */
ins 							{ text-decoration: none }/* remember to highlight inserts somehow! */
del 							{ text-decoration: line-through }
table 						{ border-collapse: collapse; border-spacing: 0 }/* tables still need 'cellspacing="0"' in the markup */

/* FORM */
fieldset, form, label, legend 	{ margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;	vertical-align:baseline; }
fieldset										{ margin: 0; padding-right: 2em; }
legend { padding: 0; }
textarea, input, select, label, button, optgroup	{ margin-top:5px; }
input[type="checkbox"] ,input[type="radio"]	{ margin-bottom:7px; }

fieldset		{ border:0px; }
legend			{ display: none; }
label				{ color:#999; }
textarea		{ border: 1px solid #666; }
textarea:focus
input:focus, #menubar input:focus	{ border: 1px solid #666; }
select			{ background-color: #222; color: #666; }
input, #menubar input { border: 1px solid #444; background-color: #222; color: #666; }
input[type="submit"], #menubar input[type="submit"] { background-color: #666; color: #222; }
input[type="submit"]:hover, #menubar input[type="submit"]:hover { background-color: #222; color: #666; cursor: hand; }
input[type="checkbox"]			{ color: #000; border: 0 none; vertical-align: middle; }
input[type="radio"]					{ background-color: transparent; border:0 none; color: #000; }
option, optgroup						{ background-color:#222; color:#666; }

FORM.properties fieldset { border: 1px solid; margin: 15px; padding: 1em;}
FORM.properties legend { display: block; padding:5px;}
FORM.properties li { clear:left; line-height:1.8em; margin-bottom:0.5em; padding:0; }
FORM.properties span.property { float:left; font-weight:bold; margin:0; padding:0 0.5em 0 0; text-align:right; width:50%; }
FORM.properties span.property label { float:left; width:98%; display:block; clear:left; text-align:right; margin-top:0; }
FORM #themeSelect, form #languageSelect  { float: left; line-height:0.8em; padding:0.3em 0 0.7em 0; cursor:pointer;}

/***** STYLE ****/
html, body 	{
 background-color: #111;
 color: #666;
 font-family: Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana, sans-serif;
}

p 						{ margin: 10px;}
a, a:visited 	{ color: #ddd; text-decoration: none; }
a:hover				{ color: #fff; text-decoration:none; border:none; }
h2 a					{ margin-left: 3px; }

#the_page									{ /* position: relative; */ width: 1024px; margin: 0 auto; text-align: center }
#thePicturePage #the_page {position:relative;}
#theHeader,.content			{ text-align: left }

#theHeader							{ padding-top: 20px; margin-bottom: 20px; }
#theHeader h1						{ color: #fff; font-size: 1.4em; text-align:left;}
#theHeader h1,
#theHeader h1 a,
#theHeader h1 a:visited,
#theHeader h1 a:hover			{color: #fff; border: none }

#theHeader p							{ margin-left: 20px; margin-top: -4px; margin: -4px 0 10px 20px; color: #666; border: none }

#headerMenu							{ position: absolute; top: 40px; right: 0  }
#headerMenu li						{ float: left; margin-left: 40px }

#imagerotator 						{position: relative; margin-top: 0px; height: 100px }
#imagerotator img 				{position: absolute; top: 0; left: 0 }

#copyright						{ clear: both; margin: 20px 0 5px 0; padding-top: 5px; border-top: 2px solid #222; text-align: left; text-align: right; line-height: 1.2em }
#copyright span				{ color: #444; }
#copyright a,
#copyright a:visited,
#copyright a:hover			{ color: #444; }
#copyright a:hover			{ color: #666; }
#copyright .cName			{ color: #555; font-weight: bold }

/***** LAYOUT GALLERY ****/

#rss		{ position: absolute; top: 10px; right: 0;  }
#rss a		{ display: block; width: 28px; height: 28px; text-indent: -2000px; border: 0;	background: transparent url('icon/rss.png'); }

.content {
/*
  float: right;
*/
  width: 750px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  /* position: relative; */
  background: transparent url(skin/750darkBottom.png) bottom left;
}
.content .titrePage {
 background: transparent url(skin/750darkTop.png) no-repeat;
}

/* special for PWG Stuff blocks on picture.php with menubar available on picture.php but disabled - starts here */
#thePicturePage .content {
  width: 1024px;
  background: transparent url(skin/1024darkBottom.png) bottom left;
}

#thePicturePage .content .titrePage {
  background: transparent url(skin/1024darkTop.png) no-repeat;
}
/* special for PWG Stuff blocks on picture.php with menubar available on picture.php but disabled - stops here */

.content dl {margin: 25px;}


#menubar { float: left; width: 264px; margin: 0 0 20px 0; text-align: left; color: #888; }
#menubar dl 	{ width: 264px; background: transparent url(skin/264grey3.png); margin-bottom: 10px; }
#menubar dt	{ margin-left: 10px; padding-top: 10px; margin-bottom: 10px; font-size: 1.2em; font-weight: 700; text-align:left; }

#menubar dd 						{ width: 264px; background: transparent url(skin/264grey3.png) bottom left; }
#menubar dd a,
#menubar dd a:visited	{ color: #eee; }
#menubar dd a:hover		{ color: #f70; }

#menubar dt a,
#menubar dt a:visited		{ color: #f70; }
#menubar dt a:hover			{ color: #eee;}

#menubar ul { list-style: none outside none;}
#menubar dd ul { padding: 0 5px 10px 30px; }
#menubar form { padding: 0 5px 5px 5px; margin-top:-20px;}
#menubar #quicksearch {margin-top:-10px}

#menubar #menuTagCloud  		{ padding: 0 10px 10px 15px; }
#menubar #menuTagCloud span { margin-right:5px; white-space:nowrap; }

#menubar dd ul ul { padding-left: 15px; }

#menubar #quickconnect div { margin-bottom: 3px; }

#menubar .totalImages 	{ margin:0 10px; padding-bottom:10px; }
#menubar .actions			{ padding:0; }
#menubar .button 			{ float:right; margin-right:10px; }

/* ELEMENTS */

.content .titrePage						{ padding: 10px 0 5px 10px; height: 30px; }
.titrePage h1					{ float: left; }
.content .additional_info {padding: 10px; text-indent: 20px; color: #666; text-align:justify;font-size:100%; }
.thumbnailCategories	{ margin-left: 10px; margin-bottom:10px;}

.thumbnailCategories li				{ background: transparent url(skin/catBg.png) 0 0; width: 355px; height: 170px; float: left; margin-right: 15px; margin-top: 10px }
.thumbnailCategories li:hover	{ background: transparent url(skin/catBg.png) 0 -170px; }

.thumbnailCategory .illustration		{ float: left; width: 150px !important; margin: 0; }
.thumbnailCategory .illustration img {max-width:150px;max-height:150px;}
.thumbnailCategory .description 		{ float: right; width: 180px; margin-top: 0; height: 160px !important; overflow:hidden; }
.thumbnailCategory .description h3	{ margin-bottom: 10px; font-weight: 700; color: #f70; }
.thumbnailCategory .Nb_images 			{ font-size: 0.8em; margin-bottom: 10px; }
.thumbnailCategory .desc		 				{ font-size: 0.9em; }

.thumbnails								{ margin-left: 10px; min-height: 540px; height: auto !important; height: 540px; text-align: center;}
.thumbnails li						{ float: left; display: inline; width: 170px; height: 170px; margin-left: 10px; margin-bottom: 10px; background: transparent url(skin/thumbBg.png) 0 0;}
.thumbnails li:hover			{ background: transparent url(skin/thumbBg.png) 0 -170px; }
.thumbnails li .wrap2 		{ width:170px; height:172px; display:table-cell; vertical-align:middle;}
.thumbnails SPAN, .thumbnails .wrap2 A, .thumbnails LABEL { width: 150px !important; } /* todo remove this and manage smart dimensions for multisize */
.thumbnails li img				{ border: 1px solid #222; border-left: 1px solid #444; border-bottom: 1px solid #444; max-height:150px;max-width:150px;} /* todo remove max-* and manage smart dimensions for multisize */
.thumbnails li:hover img	{ border: 1px solid #111; border-left: 1px solid #222; border-bottom: 1px solid #222; }

.thumbnails .thumbLegend { display:none; }

.categoryActions		{ float:right; margin-right: 10px; }
.categoryActions li	{ float: left; margin-left:5px; display: inline; }
#order							{ float: left; margin: 2px 5px 0 0;}
#orderText					{ float: left; margin: 2px 8px 0 0; }
#playSlideshow			{ width: 200px; float: left; margin-left: 20px; margin-top: 10px; }
#playSlideshow a		{ color: #666; }

.content .navigationBar 						{ clear: both; color:#444; text-align: right; padding: 10px 30px }
.content .navigationBar span,
.content .navigationBar a					{ border: 1px solid; padding: 0px 5px; }
.content .navigationBar a,
.content .navigationBar a:visited	{ color: #999}
.content .navigationBar a:hover		{ color: #eee}

.navigationBarSimple							{ color:#666; text-align: center; position:relative;}
.navigationBarSimple span,
.navigationBarSimple a						{ height: 150px; width: 20px; border: 0; padding: 0; text-indent: -3000px; }
.navigationBarSimple .prew 				{ position: absolute; top: -350px; left: 0px; background: transparent url(icon/prew.png) no-repeat scroll; }
.navigationBarSimple .next 				{ position: absolute; top: -350px; right: 0px; background: transparent url(icon/next.png) no-repeat scroll;  }
.navigationBarSimple a.prew:hover { background: transparent url(icon/prew.png) 0 -150px no-repeat scroll; }
.navigationBarSimple a.next:hover { background: transparent url(icon/next.png) 0 -150px no-repeat scroll; }

/****** CALENDAR => Not fixed yet */

table.calMonth tbody td,
table.calMonth tbody td div.calImg { height:80px; padding:1px 2px; width:80px; }

.content DIV.calendarViews			{ display: block; float: right; margin: -20px 0 0; }
.content DIV.calendarCalBar			{ margin: 10px 10px; text-align: left; }
SPAN.calItem, SPAN.calItemEmpty	{ font-weight: bold; margin: 0 1px; }
SPAN.calItem A									{ border:0 }
SPAN.calCalHead									{ font-weight: bold; font-size: 110%; margin: 0 2px; }
SPAN.calCal											{ margin: 0 2px; }

.calendarBar				{ margin:15px; }
TABLE.calMonth			{ border: none; margin:10px auto; }
TD.calDayCellFull,
TD.calDayCellEmpty,
TD.calDayCellBlank	{ vertical-align: top; font-weight: bold; font-size: 18px; }
TD.calDayHead				{ font-weight: bold; font-size: 12px; text-align: center; padding:10px; }
DIV.calImg					{ overflow: hidden; vertical-align: bottom; z-index: 1; position: relative; }
.calImg img					{	position: relative;	border: 0; }
.calBackDate				{ padding-left: 4px;	padding-top: 0px;	z-index: 2;	position: absolute;	vertical-align: top; color: #000; }
.calForeDate				{ padding-left: 5px;	padding-top: 1px;	z-index: 3;	position: absolute;	vertical-align: top; color: #fff; }

/****** TAGS */
#fullTagCloud				{ font-size:120%; margin:1em 2em; padding:0; text-align:justify; }
#fullTagCloud span	{ margin:0 2px; white-space:nowrap; }

.tagLevel5 { font-size: 150% !important; }
.tagLevel4 { font-size: 140% !important; }
.tagLevel3 { font-size: 120% !important; }
.tagLevel2 { font-size: 100% !important; }
.tagLevel1 { font-size: 80%  !important; }

#theTagsPage TABLE { width:100%; }
#theTagsPage TD { vertical-align: top; }

FIELDSET.tagLetter			{ border: 1px solid #444; margin: 0.5em; padding: 10px; }
LEGEND.tagLetterLegend	{ display:block; border: 1px solid #444;	font-size:120%;	font-weight: bold; padding: 0 5px; font-style: normal; }
TABLE.tagLetterContent	{ width:100%;	border-collapse:collapse; }

/****** SEARCH PAGE */
FORM.filter FIELDSET	{ border: 1px solid; padding: 1em;	margin: 1em; overflow: hidden; }
FORM.filter legend		{ display: block; padding:5px;}
FORM.filter label			{ width:auto; clear:none; margin-top:0; }

FORM.filter FIELDSET UL { margin: 0; }
FORM.filter FIELDSET UL,
FORM.filter FIELDSET LABEL { display: block; float: left;	margin-right: 1em; padding: 0; }
FORM.filter FIELDSET LI {	list-style: none;	margin-bottom: 0.5em; }
FORM.filter FIELDSET LI LABEL {	display: inline; float: none; }
FORM.filter FIELDSET UL.tagSelection LABEL { display: inline;	float: none; margin-right:0.5em; }

FORM.filter FIELDSET LABEL INPUT,
FORM.filter FIELDSET LABEL SELECT,
FORM.filter FIELDSET LABEL SPAN,
FORM.filter FIELDSET LABEL TEXTAREA { display: block; margin: 0.5em 0; }

FORM.filter FIELDSET * LABEL INPUT,
FORM.filter FIELDSET * LABEL SELECT,
FORM.filter FIELDSET * LABEL TEXTAREA,
FORM.filter FIELDSET LABEL SPAN INPUT,
FORM.filter FIELDSET LABEL SPAN SELECT,
FORM.filter FIELDSET LABEL SPAN TEXTAREA { display: inline;	vertical-align: top; margin: 0 0.5em 0 0; }

FORM.filter FIELDSET UL.tagSelection LI LABEL INPUT {	margin-right:0; }
FORM.filter FIELDSET LABEL SPAN SELECT { margin: 0; }
FORM.filter FIELDSET P { clear: left;	display: block; }
FORM.filter INPUT[type="submit"] { margin-top: 1em; }

FORM.filter select.categoryList { height:20em; width:500px;}

/****** PHOTO */
#imageHeaderBar		{ height: 30px;}

#slidshowToolBar	{ position: absolute; top: 60px; margin-left: 400px; height: 33px;  }

#imageHeaderBar .imageNumber { width: 70px; font-size: 3em; font-style: italic; color: #222; position: absolute; top: 20px; right:0; }
#imageHeaderBar .browsePath 	{ float: left; }
.randomButtons	{ float: right; }
.randomButtons li	{ float: left; margin-left: 15px;}

#theImage 				{ clear: left; text-align: left; margin-top: 20px; }
#imageContainer	{ position: relative; width: 1024px; height: 600px; }
#theImg		 			{ display: block; margin: 0 auto; border: none; text-align: center; }

#linkThumbs			{ position: absolute; top: 0; left: 400px; width: 224px; height: 600px; }
#linkPrev 				{ position: absolute; top: 0; left: 0; width: 150px; height: 600px; text-align: left; background: transparent url(icon/thumbPrev.png) center left no-repeat; }
#linkNext 				{ position: absolute; top: 0; left: 874px; width: 150px; height: 600px; text-align: right; background: transparent url(icon/thumbNext.png) center right no-repeat; }
#linkPrev img		{ margin-left: 0; margin-top: 225px; border: 1px solid #f70; }
#linkNext img		{ margin-right: 0; margin-top: 225px; border: 1px solid #f70; }

#imageInfo			{ margin-top: 10px; }
#imageInfoLeft	{ float: left; width: 500px; text-align: left; margin-bottom: 10px; }
#imageInfoRight	{ float: right; width: 350px; height: 40px; text-align: right; margin-bottom: 10px; }

#imageTags			{ margin-top:5px; }
#ratingSummary	{ margin-bottom: 3px; }

#rateForm input		{ height: 25px; margin: 0}

.rateButtonEmpty, 				
.rateButtonReset, 				
.rateButtonHalf, 				
.rateButtonFull, 				
.rateButtonUserFull,				
.rateButtonUserEmpty,			
.rateButtonUserHalf	  	{ padding:0; border:0; cursor: pointer;}

.rateButtonSelected 		{ font-weight:bold; font-size:120%; }
.rateButtonEmpty 			{ width:25px; background: url('icon/star.png') 0 0 no-repeat scroll; }
.rateButtonReset 			{ width:25px; background: url('icon/star.png') 0 -25px no-repeat scroll; }
.rateButtonHalf 				{ width:25px; background: url('icon/star.png') 0 -50px no-repeat scroll; }
.rateButtonFull 				{ width:25px; background: url('icon/star.png') 0 -75px no-repeat scroll; }
.rateButtonUserFull		{ width:25px; background: url('icon/star.png') 0 -100px no-repeat scroll; }
.rateButtonUserEmpty	{ width:25px; background: url('icon/star.png') 0 -125px no-repeat scroll; }
.rateButtonUserHalf		{ width:25px; background: url('icon/star.png') 0 -150px no-repeat scroll; }

.rateButtonEmpty2 			{ width:25px; background: url('icon/star.png') 0 0 no-repeat scroll; }
.rateButtonHalf2 			{ width:25px; background: url('icon/star.png') 0 -50px no-repeat scroll; }
.rateButtonFull2 			{ width:25px; background: url('icon/star.png') 0 -75px no-repeat scroll; }
.rateButtonUserFull2	{ width:25px; background: url('icon/star.png') 0 -100px no-repeat scroll; }
.rateButtonUserEmpty2	{ width:25px; background: url('icon/star.png') 0 -125px no-repeat scroll; }
.rateButtonUserHalf2	{ width:25px; background: url('icon/star.png') 0 -150px no-repeat scroll; }

.rateShow					  		{ float: right; width: 125px; height: 25px; background: url('icon/star.png') repeat-x scroll;}
.rateFull1						{ display: block; float: left; width: 25px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;}
.rateFull2						{ display: block; float: left; width: 50px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;}
.rateFull3						{ display: block; float: left; width: 75px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;}
.rateFull4						{ display: block; float: left; width: 100px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;}
.rateFull5						{ display: block; float: left; width: 125px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;}
.rateHalf							{ display: block; float: left; width: 25px; height: 25px; background: url('icon/star.png') 0 -50px repeat-x scroll;}

/****** Lost Password Page */
#lostPassword label {float:none;}

/* OTHERS */

.content form	{ margin: 10px; }

.errors,
.infos				{ margin: 10px; color: #fff; font-weight: 700; }
.errors p,
.infos p				{ margin: 30px 0 10px ; color: #900; }
.errors	li,
.infos li				{ list-style: decimal; margin-left: 30px;}

.idLink				{ margin-top: 20px; }

/* MOOTOOLS PLUGIN */

.elSelect 								{ width: 160px; height: 20px; background: transparent url(elSelect/select_bg.png) no-repeat 0 0; }
.elSelect .clear 				{ clear: both; }

.elSelect .selected 				{ color: #333 !important; background-color: #999 !important; }
.elSelect .selectedOption 	{ color: #222; float: left; padding: 4px 0 0 6px; width: 87px; font-weight: bold; font-size: 12px; overflow: hidden; cursor:pointer; }
.elSelect .option 					{ color: #555; background-color: #bbb; border-left: solid 1px #555; border-right: solid 1px #555; padding: 4px 0 5px 5px; text-align: left; font-weight: bold; font-size: 12px; }
.elSelect .disabled 				{ color:#999; background-color: #333; border-left: solid 1px #555; border-right: solid 1px #555; }
.elSelect .dropDown 				{ width: 23px; height: 20px; float: right; background: url(elSelect/select_arrow.png) no-repeat 0% 0%; cursor:pointer;}
.elSelect .optionsContainerTop 				{ background: url(elSelect/top_center.gif) repeat-x 0% 0%; position: absolute; width: 100%; height: 5px; }
.elSelect .optionsContainerTop div 			{ background: url(elSelect/top_left.gif) no-repeat 0% 0%; width: 100%; height: 5px; }
.elSelect .optionsContainerTop div div 		{ background: url(elSelect/top_right.gif) no-repeat 100% 0%; width: 100%; height: 5px; }
.elSelect .optionsContainerBottom 			{ position: absolute; margin: -5px 0 0 0; width: 100%; height: 5px; background: url(elSelect/bottom_center.gif) repeat-x 0% 0%;}
.elSelect .optionsContainerBottom div 	{ background: url(elSelect/bottom_left.gif) no-repeat 0% 0%; width: 100%; height: 5px; }
.elSelect .optionsContainerBottom div div { background: url(elSelect/bottom_right.gif) no-repeat 100% 0%; width: 100%; height: 5px; }
.elSelect .optionsContainer 						{ position: absolute; display: none; z-index: 1; }
.icon_1 	{ background: url(elSelect/icon_1.gif) no-repeat 4px 50%; padding-left: 20px !important; }
.icon_2 	{ background: url(elSelect/icon_2.gif) no-repeat 4px 50%; padding-left: 20px !important; }

/* LanguageSwitch */
/*
#languageSwitchLink .pwg-button-text {display:none;}

#languageSwitchLink .pwg-icon {
  display: inline-block;
  height: 26px;
  overflow: hidden;
  text-indent: -9999px;
  vertical-align: bottom;
  width: 26px;
}
*/

/* icons */ 
.pwg-icon { background-image: url(../default/s26/outline_808080.png);}
A:hover .pwg-icon { background-image: url(../default/s26/outline_ffffff.png);}

.contentWithMenu {
  margin-left: 275px;
}

.switchBox {
  border: 1px solid #000000;
  background-color: #555;
  color:#aaa;
  font-size:14px;
}

.switchBoxTitle {
  border-bottom: 1px solid #444444;
}

#derivativeSwitchLink {display:none;}