html{height:100%}
BODY{background-image:url(images/background/bg1.png);background-color:#FFD11D;padding:0;margin:0;min-width:800px;width:100%;color:#FFD11D}
H1,H3,INPUT.rateButtonSelected{color:#FFF}
A,INPUT.rateButton{color:#FFF;border:medium none;text-decoration:none}
A:hover{color:#C2C2C2;text-decoration:none;border-bottom:medium none}
FIELDSET{border:0 none;background:url(images/bg_content.png) repeat scroll 0 0 transparent}
INPUT[type=submit],INPUT[type=reset]{cursor:pointer;background:-moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;margin:0 5px;padding-bottom:4px;min-width:150px;width:auto;height:25px;text-align:center;color:#C5C5C5;border-radius:8px 8px 8px 8px;text-shadow:0px 1px 0px rgba(255,255,255,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.5), 0px -1px 0px rgba(255,255,255,0.4)}
INPUT[type=submit]:hover,INPUT[type=reset]:hover{color:#222;background:-moz-linear-gradient(center top , #777777, #333333) repeat scroll 0% 0% transparent}
INPUT[type=submit]:active,INPUT[type=reset]:active{color:#000;background:-moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;box-shadow:1px 1px 10px #000 inset, 0px 1px 0px rgba(255,255,255,0.4)}
INPUT[type=text],INPUT[type=password],INPUT[type=file]{margin:0 5px;padding:0;background:none repeat scroll 0 0 #FFF;min-width:150px;width:auto;height:22px;border:0 none;color:#000!important;border-radius:3px 3px 3px 3px}
INPUT[type=text]:hover,INPUT[type=password]:hover,INPUT[type=file]:hover,SELECT:hover{background:-moz-linear-gradient(right center , #FFFFFF 20%, #E5E5E5 80%) repeat scroll 0% 0% transparent}
SELECT.categoryList:hover{background:none repeat scroll 0 0 #FFF}
SELECT{margin:0 5px;padding:0;background:none repeat scroll 0 0 #FFF;min-width:150px;width:auto;height:22px;border:0 none;color:#000!important;border-radius:3px 0 0 3px}
LEGEND{font-style:normal;font-weight:700;font-size:110%;margin-top:25px}
.properties LI{list-style:none outside none}

/*======================================================Header======================================================*/
#header_bgDef{padding-top:30px;background-image:url(images/background/bg4.png);background-color:#FFD11D;height:140px;width:inherit}
#Header{background-image:url(images/bg_header.png);background-repeat:repeat-x;z-index:10;display:block}
#header-content{position:relative;width:92%;margin-left:auto;margin-right:auto}
#theHeader{display:block;position:absolute;right:20px}
#logo{background:url(images/piwigo_org_logo.png) no-repeat;width:500px;display:block;position:absolute;height:100px;margin-top:20px}
#headertransi{background:none repeat scroll 0 0 #FFD11D;height:12px}
#headertransiH{background-image:url(images/htransi.png);background-repeat:repeat-x;height:10px}
#headertransiB{height:2px;background-image:url(images/btransi.png);background-repeat:repeat}
#thePicturePage #header_bgDef,#thePicturePage #headertransi{display:none}

/*======================================================Content======================================================*/
#the_page{z-index:100;width:100%;height:0}
#bg_th_left{background-image:url(images/theme/sprite_theme_left.png);background-position:0 0;width:400px;height:400px;float:left;position:absolute;z-index:-999}
.content .titrePage{position:relative}
.categoryActions{float:none;display:block;position:absolute;right:10px}
#page_content{z-index:100000;background:url(images/border_rigth.png) repeat-y scroll 0 0 transparent;min-width:680px;width:80%;height:auto;min-height:530px;margin:2px auto 30px}
#page_content1{background:url(images/bg_content.png) repeat scroll 0 0 transparent;margin-left:2px}
#page_content2{background:url(images/border_rigth.png) repeat-y scroll right center transparent;padding-top:10px;min-height:500px;padding-bottom:20px}
.content{margin-left:5px;margin-right:5px;margin-bottom:30px;height:auto}
H2{color:#FFF;background-image:url(images/border_dt.png);background-repeat:repeat-x;background-position:center bottom;height:25px;margin:0 5px 5px;padding:5px 0 0}
#fullTagCloud{background:url(images/bg_content.png) repeat scroll 0 0 transparent;min-height:500px}
.switchBox{background-color:gray;z-index:1000;margin-top:4px}
#sortOrderBox{width:250px}

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

/*======================================================Thumbnail page======================================================*/
.thumbnailCategory{margin-left:auto;margin-right:auto}
.illustration{position:relative}
.content ul.thumbnails .wrap1{display:inline-block;margin:20px 20px 5px;text-align:center;vertical-align:top}
.content UL.thumbnails .wrap2{height:140px}
.content UL.thumbnails .wrap2 A{margin-top:10px}
.thumbnail :before{content:""}
.thumbnail{position:relative}
.thumbnail .description,.thumbnailCategory DIV.description{height:80px;padding-top:0;background:none repeat scroll 0 0 #000;overflow:hidden;color:#FFF;position:absolute;top:0;left:0;z-index:100;opacity:0;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s;width:100%}
.thumbnail:hover .description,.thumbnailCategory:hover DIV.description{background:none repeat scroll 0 0 #000;opacity:0.65;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s}
.thumbnails SPAN.thumbLegend{height:80px}

/*======================================================Footer======================================================*/
#footer{background-repeat:no-repeat;background-position:right center;width:100%;bottom:0;height:400px;position:fixed;top:100%;margin:-400px auto 0;z-index:-999}
#bg_th_right{background-image:url(images/theme/sprite_theme_right.png);background-position:0 0;width:400px;height:400px;float:right}
#copyright{position:relative;background-color:transparent;text-align:left;padding-left:30px;margin-bottom:0;float:left;height:20px;padding-top:380px}


/*======================================================Menu======================================================*/
#menubar{position:absolute;color:#757575;height:30px;min-width:800px;width:100%;margin:auto;background:url(images/menu/back_nav.png) repeat-x;z-index:1000;top:0;left:0}
#menubar FORM{margin:0}
#menubar UL{list-style:none; margin:0}
.dd_wrapper,.cl_wrapper,.cc_wrapper,#menubar dt,#menubar dt a{float:left;padding:0 16px 6px;font-weight:normal;font-size:100%;color:#FFF;height:30px;line-height:30px;text-decoration:none;text-shadow:0 0 2px #000;text-transform:uppercase}
.dd_wrapper:hover,.cl_wrapper:hover,.cc_wrapper:hover,#menubar dt:hover,#menubar dt a:hover,.activate{z-index:100;background:url(images/menu/back_nav_hover.png) repeat-x;color:#c2c2c2;padding:0 16px 6px;text-shadow:none}
#menubar dt a,#menubar dt a:hover{padding:0 0}
span#menu_start{background:url(images/menu/li_border.png) no-repeat right top;width:85px;float:left;display:block;height:30px}
span#menu_start a{background:url(images/menu/home_nav.png) no-repeat left top;width:52px;height:30px;padding:0;margin:0 20px 0 25px;display:block;line-height:46px}
span#menu_start a:hover{background-position:left -30px}
span#menu_start a:active{background-position:left -60px}
#topnav{margin:0;padding:0 2px 0 0;list-style:none;height:30px;position:relative;z-index:999;display:inline-block}
#topnav .liSub{float:left;position:relative;background:url(images/menu/li_border.png) no-repeat right top;padding-right:2px}
ul#topnav li .sub,ul#topnav li #loger{background:#FFF;position:absolute;top:30px;margin-left:0;padding:5px 8px 10px;float:left;max-width:100em;min-width:200px;max-height:500px;overflow:auto;border-bottom-right-radius:10px;border-bottom-left-radius:10px;box-shadow:0px 0px 5px #5A5A5A;z-index:0}
#topnav #loger{z-index:50}
.sub{z-index:100;max-width:600px}
.sub p{color:#4C4C4C;font-size:13px;text-shadow:none;text-transform:none}
.sub a{color:#757575}
.sub a:hover{color:#4c4c4c}
ul#topnav .sub ul li,ul#topnav #loger ul li,ul#topnav .sub #menuTagCloud div{width:95%;color:#757575;background:none;font-size:10px;margin-bottom:2px;border:1px solid #CBCBCB;border-radius:10px}
ul#topnav .sub ul li.selected a{background:url(images/menu/navlist_arrow_hover.png) no-repeat 0 5px;color:#4C4C4C;text-decoration:none;border:none}
ul#topnav .sub ul .level1 li,ul#topnav .sub ul .level1 li .selected{border:none;background:none}
ul#topnav .sub ul li a,ul#topnav #loger ul li a{float:none;text-indent:0;height:auto;background:url(images/menu/navlist_arrow.png) no-repeat 0 5px;margin:0 8px;display:inline;text-decoration:none;color:#757575;font-size:1.1em;text-shadow:none;text-transform:none;line-height:17px;padding:0 0 0 12px}
ul#topnav .sub ul li a:hover,ul#topnav .sub #menuTagCloud div a:hover{color:#c4c4c4;background:url(images/menu/navlist_arrow_hover.png) no-repeat 0 5px}
ul#topnav li .sub ul,ul#topnav #loger ul{list-style:none outside none;margin:0 5px 0 8px;padding:0}
.level2,.level3,.level4,.level5{border:none!important}
.mcol{width:100%}
.menubarFilter{margin:0}
#menu_cat_act{border-bottom:1px solid #CBCBCB;margin-bottom:5px;height:30px}
#filter{width:26px;height:26px;background:none;padding-left:2px}
#nbImg{height:30px;float:right;line-height:10px}
#menuTagCloud a{text-decoration:none;text-shadow:none;z-index:200}
#quickconnect{width:225px}
#search{position:absolute;width:240px;right:0;margin-top:4px;height:22px;display:inline-block}
#quicksearch{float:left;width:240px}
#quicksearch input[type=text]{float:left;background:url(images/menu/search.png) no-repeat left top;width:172px;height:22px;padding:0 0 0 4px;margin:0 1px 0 0;border:0 none;font-size:13px;color:#CCC!important;min-width:0}
#quicksearch input[type=text]:hover{background-position:left bottom}
#quicksearch input[type=submit]{float:left;padding:0;border:0 none;height:22px;width:23px;background:url(images/menu/search.png) no-repeat right top;font-size:13px;cursor:pointer;min-width:0;margin-left:2px;border-radius:0 0 0 0;box-shadow:none}
#quicksearch input[type=submit]:hover{background-position:right bottom}
#loger{line-height:25px;width:220px;position:absolute;top:30px;background:none repeat 0 0 #FFF;padding:10px;float:left;max-width:100em;min-width:200px;display:none;z-index:0}
#loger p{margin-bottom:20px;text-shadow:none;}
#log{text-transform:none;text-shadow:none;margin-bottom:20px}
#log INPUT[type=password]{border:0 none;height:22px;width:175px;background:url(images/menu/password.png) no-repeat left top}
#log INPUT[type=password]:hover{background-position:left bottom}
#log INPUT[type=text]{border:none;width:175px;height:22px;background:url(images/menu/user.png) no-repeat left top}
#log INPUT[type=text]:hover{background-position:left bottom}
#go INPUT[type=submit]{color:transparent;border:none;height:32px;width:64px;min-width:inherit;background:url(images/menu/go.png) no-repeat left top;margin-left:65px;margin-top:20px;text-shadow:none}
#go INPUT[type=submit]:hover{background-position:left bottom}
.close{cursor:pointer;height:16px;width:16px;background:url(images/menu/close.png) no-repeat;float:right}
.close:hover{background:url(images/menu/close.png) no-repeat 0 -16px }



/*=========================================picture======================================================*/
#thePicturePage #page_content{display:table}
#thePicturePage #page_content1{padding-left:20px}
#thePicturePage #page_content2{padding-right:20px}
#theImage > IMG{margin-top:20px;margin-bottom:20px;position:relative}
#imageHeaderBar{margin:0 0 20px;padding:50px 0 0}
#groupbuttons{margin:auto;width:200px}
#slideshow #groupbuttons{width:auto}
#imgContainer{position:relative;margin-left:auto;margin-right:auto;text-align:left}
#imgContent{position:relative;display:table;margin:auto}
.navThumbs,#imgHoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imgHoverNav a{outline:medium none}
#imgPrevHov,#imgNextHov,#thumbPrevHov,#thumbNextHov{width:48%;height:100%;display:block;border:medium none!important;opacity:0;position:relative}
#imgPrevHov{left:0;float:left;margin-left:3px;background:url(images/picture/imgPrevHover.png) no-repeat scroll left 45% transparent}
#imgNextHov{right:0;float:right;margin-right:3px;background:url(images/picture/imgNextHover.png) no-repeat scroll right 45% transparent}
#thumbPrevHov{left:0;float:left;background:none repeat scroll 0 0 transparent}
#thumbNextHov{right:0;float:right;background:none repeat scroll 0 0 transparent}
#imgPrevHov:hover,#imgNextHov:hover,#thumbPrevHov:hover,#thumbNextHov:hover{opacity:1}
.linkPrev{position:absolute;left:-80px;top:40%}
.linkNext{position:absolute;right:-80px;top:40%}
.imageNumber{text-align:right;margin-right:20px}
.showtitle{background:none}

/*=========================================comment on picture page======================================================*/
#comments{overflow-y:auto;overflow-x:hidden;width:880px;margin:auto;text-align:left;padding-bottom:40px}
#pictcomm{margin-bottom:50px;width:99%;height:190px;background:none repeat scroll 0 0 #7F7E7E;float:left}
.commentElement{background:url(images/bg_content.png) repeat scroll 0 0 transparent;margin-bottom:20px;padding-bottom:10px}
.filter{margin-bottom:50px}
#pictcomm ul{list-style-type:none}
.even,.odd{color:#FFF}
.odd{padding-top:10px}
.thumbnailCategories1{padding:0}
.thumbnailCategories1 LI{width:100%;float:none;margin:0;padding:0}
.author,.date{color:#C5C5C5}
#adcomm{margin-bottom:30px}
.addcom{float:none!important;margin-right:0!important}
#addComment FIELDSET{margin:0;padding:0;border:medium none;background:none repeat scroll 0 0 transparent}
#contentid{border:medium none;background:none repeat scroll 0 0 #7F7E7E;margin:0 auto 20px}
#comcontent{width:750px;padding-left:5px;padding-top:5px}
#scrollbar1{width:97%;margin:5px 0 10px}
#scrollbar1 .viewport{height:170px;overflow:hidden;position:relative}
#scrollbar1 .overview{list-style:none outside none;position:absolute;left:0;top:0;padding:0;margin:0;width:96%}
#scrollbar1 .scrollbar{background:url(images/picture/bg-scrollbar-track-y1.png) no-repeat scroll 0 0 transparent;position:relative;float:right;width:6px;margin-top:40px}
#scrollbar1 .track{background:url(images/picture/bg-scrollbar-end-y1.png) no-repeat scroll 0 100% transparent;height:100%;width:3px;position:relative;padding:0 1px}
#scrollbar1 .thumb{background:url(images/picture/bg-scrollbar-thumb-y1.png) no-repeat scroll 50% 50% transparent;height:0;width:15px;cursor:pointer;overflow:hidden;position:absolute;top:0;left:-6px}
#scrollbar1 .thumb .end{overflow:hidden;height:5px;width:3px}
#scrollbar1 .disable{display:none}

/*======================================================panel on picture page======================================================*/
.panel{position:fixed;top:115px;left:0;display:none;border:1px solid #111;border-top-right-radius:20px;border-bottom-right-radius:20px;min-width:330px;height:auto;padding:10px 30px 30px 20px;z-index:100;background:none repeat scroll 0 0 rgba(0,0,0,0.7)}
.panel p{margin:0 0 15px;padding:0;color:#CCC}
a.trigger{position:fixed;text-decoration:none;top:130px;left:0;font-size:14px;letter-spacing:-1px;font-family:verdana,helvetica,arial,sans-serif;color:#FFF;padding:10px 30px 10px 5px;font-weight:700;background:url(images/picture/plus.png) no-repeat scroll 85% 55% #333;border:1px solid #444;border-top-right-radius:15px;border-bottom-right-radius:15px;display:block;z-index:100000}
a.trigger:hover{background-color:#222}
a.active.trigger{background:url(images/picture/minus.png) no-repeat scroll 85% 55% #222}
.columns{clear:both;width:330px;padding:0 0 20px;line-height:22px}
.colleft{float:left;width:130px;line-height:22px}
.colright{float:right;width:130px;line-height:22px}
.panel ul li{list-style-type:none}
.panel ul{padding:0;margin:0}
.panel .value{padding-right:5px}
.rateButtonStarFull{background:url(icon/rating-stars.gif) no-repeat scroll -16px center transparent;width:16px}
.rateButtonStarEmpty{background:url(icon/rating-stars.gif) no-repeat scroll 0 center transparent;width:16px}
#rating{margin:5px 0}
#imageToolBar{margin:50px 0 20px;text-align:left}
#imageToolBar li{list-style-type:none}
TABLE#standard,TABLE#Metadata{font-size:80%}
.infoTable .label,.infoTable2 .label{text-align:left}
.infoTable .value a,.infoTable .value,.infoTable2 .value a,.infoTable2 .value{color:silver}
TABLE#Metadata th{font-size:120%;color:#FFF;padding-bottom:10px;text-align:left}
.panel .switchBox{top:30px}

/*======================================================plugin======================================================*/
.contact-form-content{background:url(images/bg_content.png) repeat scroll 0 0 transparent}
#mbContact dd{padding:0!important}