body { 
				font-family: "Trebuchet MS", Helvetica, sans-serif; 
				/* font-family: Corbel, Segoe UI, Arial, sans-serif; */
				font-size: 14px; 
				margin: 0px; 
				padding: 0px; 
				text-align: center; 
		}
		

		fieldset {
			padding: 10px 15px;
			border: 2px solid #A40;
			padding: 10px 15px 20px 15px;
		}
		
		legend{ 
			border: 2px solid #A40;
			border-bottom-width: 0px;
			padding: 0px 10px 5px 10px; 
			font-weight: bold; 
			font-size: 14px;
		}

		p { margin:0; padding:0; }
		h3 { margin: 0px 0px 18px 0px; font-size: 14px; }
		h3.lowmarg { margin-bottom: 8px; } 
		label { float: left; width: 3em; margin-right: 10px; text-align: right; display: block; }
		label.long { width: 9em; }
		img {border: none;}
		input, textarea.entrycontent { margin-bottom: 5px; font-family: sans-serif; font-size: 14px; padding: 4px 4px; border: 1px solid #333; }
		input.entrytext { width: 300px; }
		input.userinp { margin: 0; }
		textarea.entrycontent { width: 400px; height: 300px; overflow: auto; }
		td.center, th.center { text-align: center; }
		td.right, th.right { text-align: right; }
		a.imglink {text-decoration: none;}
		a.imglink img {vertical-align: bottom;  }
		
		#msgbck { position: absolute; z-index: 101; top: 0px; left: 0px; width: 100%; background-color: #999; opacity: 0.7; filter: alpha(opacity=70);}
		#msgcontainer { position: absolute; z-index: 101; top: 0px; left: 0px; width: 100%; text-align: center; }
		#errbox, #succbox, #bckbox { margin: 80px auto 200px auto; width: 300px; padding: 15px 19px; border: 1px solid #000; font-size: 14px; font-weight: bold; color: #000;  }
		#errbox { border-color: #F00; background-color: #FAA; }
		#succbox { border-color: #0F0; background-color: #AFA; }
		#bckbox { border-color: #999; background-color: #999; color: #999; }
		
		/*
		#tabs .nav { position: fixed; z-index: 100; top: 20px; left: center; padding-top: 20px; width: 994px; height: 38px; }
		#tabs .navbck { position: fixed; z-index: 99; top: 0px; left: 0px; width: 100%; height: 80px; background: #FFF;}
		*/

		#rights  { float: right; margin: 4px 15px 0px 0px; }
		#rights  div { float: right; font-size: 11px; }
		#sessionreload  { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
		#sessionreload:hover  { background-image: url(images/ui-icons_a83300_256x240.png); cursor: pointer; }
		#sessioncounter, #langswitch { text-align: right; }
		#langswitch { margin-right: 4px; }	
		
		#filedrag 	{
			display: none;
			float: right;
			font-weight: bold;
			font-size: 18px;
			text-align: center;
			padding: 3.5em 0 0 0;
			margin: 10px 30px 0px 0px;
			color: #333;
			border: 2px dashed #333;
			border-radius: 7px;
			cursor: default;
			width: 65%;
			height: 80px;
		}

		#filedrag.hover 	{
			/*color: #f00;*/
			border-color: #f00;
			border-style: solid;
			box-shadow: inset 0 3px 4px #888;
		}
		
		#fdb { display: none; }
		.fdb {
			display: inline-block;
			position: relative;
			vertical-align: top;
			width: 500px;
			margin: 15px 15px 0px 0px;
			border: 1px solid #333;
			padding: 16px;
		}
		
		.fdb img {
			height: 95px;
			padding: 5px 0px 5px 7px;
		}
		.fdb > img { opacity: 0.5; }
		.fdb .proginfo {
			position: absolute;
			z-index: 5;
			right: 28px;
			top: 19px;
			text-align: right;
		}
		.fdb .separa { display: none; }
		
		.fdb .progbarcont {
		  position: absolute;
		  display: block;
			top:8px; left: 8px; 
			padding: 5px;
			padding-bottom: 10px;
			width: 5px; 
			overflow: hidden; 
			height: 106px; 
			border: 1px solid #999; 
			border-radius: 5px;
		}
				.fdb .progbar {
					position: relative; 
					height: 106px;  
					background: no-repeat 9px 5px; 
					border: 2px outset #A00;
					border-radius: 5px;
					-webkit-box-shadow: inset 0px 0px 10px 6px rgba(0,0,0,0.4);
					box-shadow: inset 0px 0px 10px 6px rgba(0,0,0,0.4);
				}
				
				.fdb .progdata {
					position: absolute;
					z-index: 5;
					right: 10px;
					top: 38px;
					text-align: right;
					font-weight: bold;
					text-shadow: 1px 1px #EEE;
				}

		
		.fdb.finish {
	    -webkit-transition: all 1s ease 0.8s;
			transition: all 1s ease 0.8s;
		}
		.fdb.finish .progbarcont, .fdb.finish .proginfo {
			-webkit-transition: all 1s ease;
			transition: all 1s ease;
		}
		
		.fdb.finish .proginfo { top: 5px; right: 5px; } 
		.fdb.finish .proginfo br { display: none;}
		.fdb.finish .separa { display: inline; }
		.fdb.finish .progbarcont {height: 0px; top: 0px; left: 0px; padding: 0px; border: none;}
		.fdb.finish > img { height: 20px; padding: 0px; opacity: 1.0; }
		.fdb.finish { padding: 5px 5px 2px 5px; width: 240px; }
		
		
		
		
		
		
		#container { margin: 20px auto 0px auto; width: 1160px; text-align: left; }
		#title { height: 0px; }
		
		.tabs { 
			font-size: 13px; 
			padding: 0px;
			width: 1155px; 
			margin: 0px auto 0px auto;
			-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; 
			-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; 
			border-bottom: none;
			overflow: hidden;
		}
		
		/** style for tabsmenu **/
		.tabslinks {

		}
		
				.tabslinks ul {
					float: left;
					border: none; 
					background: transparent;
				}
				
						.ui-tabs .ui-tabs-nav {
							padding: 6px 4px 0px 4px;
						}
						.ui-tabs .ui-tabs-nav li a { 
							padding: 5px 6px; 
						}

		
		
		/** style for each tabpage **/
			div.tabspage  {
				-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; 
				-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; 
			} 
			
			#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6, #tabs-7, #tabs-8, #tabs-9  {
				position: absolute; top: 55px; left: auto;
				margin: 0px auto; 
				width: 1151px; 
				background: #DDD;
				padding-top: 18px;
				border: 1px solid #666666; border-width: 0px 1px 1px 1px;
			}

		
		
		
		
		
		#login form { width: 100%; text-align: center; margin: 10% 0 15% 0; }
		#login form label { width: 5em; margin-left: 10%; }
		#login form input { margin: 0 0 0 10px; }
		#login form input.inpb { border: 3px outset #333; }
		#login form input.inpb:active { border-style: solid; }
		#login a, #login a:link { font-size: 11px; color: #999; font-weight: bold; text-decoration: underline; }
		#login a:hover { text-decoration: none; }

		/*#container { margin: 82px auto 0px auto; width: 1010px; text-align: left; }*/

		#topmenu { height: 0px; }
		#leftmenu, #center { float: left; }
		
		.box, .smallbox { margin: 4px 13px 10px 0px; padding: 14px 11px; border: 1px solid black; background: #EEE; }
		.button { display: block; font-size: 14px; margin: 7px 0px 5px 0px; padding: 5px 7px; cursor: default; opacity: .70; filter:Alpha(Opacity=70); text-align: center; }
		.button:hover, .button:focus { opacity: 1.0; filter:Alpha(Opacity=100); }
		
		/* SPAN classes */
		.contenttitle{
			width: 97%;
			background-color: #CCC;
			border: 1px solid #333;
			border-bottom-color: #999;
			padding: 4px 6px;
			-moz-border-radius-topleft: 4px; 
			-webkit-border-top-left-radius: 4px; 
			border-top-left-radius: 4px; 
			-moz-border-radius-topright: 4px; 
			-webkit-border-top-right-radius: 4px; 
			border-top-right-radius: 4px; 
		}

		.contentblock{
			width: 97%;
			background-color: #EEE;
			border: 1px solid #333;
			border-top: none;
			padding: 4px 6px;
			margin-bottom: 15px;
			-moz-border-radius-bottomleft: 4px; 
			-webkit-border-bottom-left-radius: 4px; 
			border-bottom-left-radius: 4px; 
			-moz-border-radius-bottomright: 4px; 
			-webkit-border-bottom-right-radius: 4px; 		
			border-bottom-right-radius: 4px; 		
		}
		.small { font-size: 10px; line-height: 0.8; }
		.smalll { font-size: 12px; }
		.underline-highlight { border-bottom: 1px solid #A00; }
		.underline-highlightb { border-bottom: 2px solid #A40; }
		
		#nlusers td { padding-bottom: 8px; }
		#nlusers td .licaptionn { font-size: 11px; font-weight: normal; }

		#nlusers .pending { background-image: none; background-color: #fdB6B6;}
		#nlusers .ok { background-image: none; background-color: #B6fdB6;}
		
		#maincenter { width: 1135px; margin: 0px 10px; }
		#leftmenu { width: 250px; margin-bottom: 50px; padding-left: 8px;}
		#center { width: 880px; }

		#nlls, .lvl0, .lvl1, .lvl2, .lvl3, .lvl4, .lvl5, ul.entries, ul.entriesa, ul.entriesb, ul.entriesc, ul.entriesd, ul#curquestions  { list-style-type: none; margin: 0; padding: 0; }
		#nlls li, .lvl0 li, .lvl1 li, .lvl2 li, .lvl3 li, .lvl4 li, .lvl5 li, ul.entries li, ul.entriesa li, ul.entriesb li, ul.entriesc li, ul.entriesd li, ul#curquestions li { width: 160px; margin: 4px 0px 3px 0px; padding: 5px 7px; font-size: 12px; cursor: default; }
		ul#curquestions li { width: 190px; }
		.lvl0 li.nyx, .lvl1 li.nyx, .lvl2 li.nyx, .lvl3 li.nyx, .lvl4 li.nyx, .lvl5 li.nyx { height: 3px; padding: 0px; margin: 0px; visibility:hidden; }
		
		/*
		.longul { list-style-type: none; margin: 5px 0px 20px 0px; padding: 0; }
		.longul li { padding: 5px 7px; margin-bottom: 3px; width: 50%; background: #2E2E2E; color: #EEE; font-weight: bold; border: 1px solid #AAA; }
		*/
		.ui-state-default .ui-state-default {border: 1px solid #AAA;}
		table.userad, table.gallset { width: 100%; border-spacing: 0px; }
		table.userad th, table.userad td , table.gallset th, table.gallset td { padding: 0px 8px; }
		
		table.userad td div.user { padding: 4px 8px; font-weight: bold; font-size: 14px; cursor: default; }
		table.userad td input[type=submit] {padding: 4px 6px; }
		table.userad td input[type=text] { width: 100%; }
		
		table.fileblock { width: 100%; border: 1px solid #666666; }
		table.fileblock th, table.fileblock td {padding: 4px 6px;}
		div.galleryblock { width: 98%; padding: 8px; border: 1px solid #666666; }
		
		.preview { position: absolute; top: 0px; left: 0px; padding: 4px; background: #FFF; border: 4px double #333; display: none; }
		
		
		
		#imgarray {
			margin: 0px;
			padding: 0px;
			overflow: auto;
		}
		
		#imgarray li {
			/*display: block;*/
			position: relative;
			float: left;
			list-style-type: none;
	    height: 220px;
			width: 180px;
			padding: 8px 6px;
			border: solid 2px #333;
			margin: 0px 20px 20px 0px;
			background: #777;
			text-align: center;
			-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
			border-radius: 5px;
		}
		#imgarray .isdir {
		}
		#imgarray .isimage {
			border: dashed 2px #000;
		}
		
		.imgcard {
			position: relative;
			float: left;
			list-style-type: none;
			min-height: 150px;
			min-width: 160px;
			padding: 12px 9px;
			border: solid 1px #333;
			margin: 0px 15px 15px 0px;
			background: #777;
			text-align: center;
			-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
			border-radius: 5px;
		}		
		
		
		
		
		
		
		.imgalbut, .imgalbutrcw, .imgalbutrccw {
			position: absolute;
			top: 6px;
			padding: 5px 5px 2px 5px;
			display: none;
			background: #333;
			opacity: 0.9;
			filter: alpha(opacity=90);
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
		}
		.imgalbut {
			right: 30px;
		}
		.imgalbutrcw {
			right: 6px;
		}
		.imgalbutrccw {
			left: 6px;
		}	
		
		.imgalthumb {
			/*margin: 0px;*/
		}
		
		.imgalthumb img {
			padding: 2px;
			border: 2px solid #FFF;
		}
		
		.imgcaption, .albumcaption {
			position: absolute;
			top: 161px;
			left: 6px;
			width: 172px;
			height: 61px;
			padding: 3px 4px;
			background: #DDD;
			font-size: 12px;
			letter-spacing: 0.06em;
			text-align: left;
		}
		
		.albumcaption {
			top: 171px;
			height: 51px;
			background: #777;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			letter-spacing: 0em;
		}
		
		#imgcaptionedit, #imgtagsedit, #albumtitleedit , #albumdescedit {
			border: none;
			background: #DDD;
			font-family: "Trebuchet MS", Helvetica, sans-serif; 
			color: #000;
		}
		
		#imgcaptionedit, #imgtagsedit {
			width: 100%;
			height: 32px;
			background: #EEE;
			font-size: 12px;
		}
		#imgcaptionedit {
			letter-spacing: 0.06em;
		}
		#imgtagsedit {
			height: 13px;
		}
		
		#albumtitleedit {
			width: 500px;
			height: 36px;
			margin: 0px;
			padding: 0px;
			font-size: 28px;
			font-weight: bold;
		}

		#albumdesc {
			min-height: 30px;
			width: 600px;
			padding: 5px;
			height: 400px;
			border: 1px dashed #999;
			overflow: auto;
		}
		#albumdescedit {
			width: 100%;
			height: 100%;
			margin: 0px;
			font-size: 14px;
		}

		.imgcaption .imgcaptiontext {
			height: 41px;
			border: 1px dotted #333;
			padding: 1px;
			cursor: pointer;
			overflow: auto;
		}
		
		.imgsize {
			position: absolute;
			right: 5px;
			bottom: 3px;
		}

		.imgtagsdesc {
			position: absolute;
			left: 2px;
			bottom: 1px;
			width: 30px;
		}
		.imgtags {
			position: absolute;
			left: 34px;
			bottom: 4px;
			min-width: 20px;
			background: #DDD;
			height: 12px;
			padding-bottom: 2px;
			border: 1px dotted #333;
			cursor: pointer;
		}
		

		/* for potential later image magnifier */
		#modalback {
			position: absolute;
			z-index: 50;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 200%;
			background: #333;
			opacity: 0.8;
			filter: alpha(opacity=80);
		}

		#imagebackcontainer {
			position: absolute;
			z-index: 55;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			text-align: center;
		}
		#imageback {
			margin: 100px auto;
			width: 600px;
			height: 500px;
			background: #222;
			opacity: 0.9;
			filter: alpha(opacity=90);
		}
		
		
		#imagecontainer {
			position: absolute;
			z-index: 100;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			text-align: center;
		}
		#imageinfo {
			margin: 110px auto;
			width: 580px;
			height: 480px;
			background: #FFF;
		}






		
		.placeholder { background: #FFF; opacity: .60; filter:Alpha(Opacity=60); border: 1px dashed #333; }
		
		.icon_switch, .radbut { float: right; text-align: right; cursor: pointer; }
		.ui-widget-content .icon_switch_norm { margin: 0px auto; cursor: pointer; background-image: url(/css/images/ui-icons_222222_256x240.png); }
		.icon_switch:hover, .icon_switch_norm:hover {background-image: url(/css/images/ui-icons_a83300_256x240.png); }
		.ui-state-highlight .icon_inactive { background-image: url(/css/images/ui-icons_4b8e0b_256x240.png); }
		.ui-icon-null { background-position: -160px 0px; float: right; text-align: right; }
		.smquimage { width: 45px; margin-top: 4px; margin-right: 3px; }
		.licaption { width: 110px; }
		.lidate { font-size: 10px; }
		.licaptionl { float: left; width: 110px; }
		.licaptionsm { float: left; width: 90px; }
		.radbut {
			display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
			width: 16px; height: 16px; background-image: url(/css/images/radiobut.png);
			margin-top: 11px;
		}
		.radbut-white-off { background-position:   0       0; }
		.radbut-white-on   { background-position: -16px     0; }
		.radbut-red-off     { background-position:   0   -16px; }
		.radbut-red-on       { background-position: -16px -16px; }
		.radbut-green-off { background-position:   0   -32px; }
		.radbut-green-on   { background-position: -16px -32px; }
		
		/* rename fields */
		.button-state-rename {display: none; }
		.button-state-rename-menu {display: none; }
		.button-state-editpsv {display: none; }
		.button-state-editact {display: none; }
		.liedit input{ background: #EEE; border-width: 0px 1px 0px 1px; font-family: Corbel, Segoe UI, Arial, sans-serif; font-size: 1.1em; font-weight: bold; color: #2e7db2; }
		
		.hiddenframe {
			border: none; width: 0px; height: 0px;
		}
		
		
		.progresscontainer {
			width: 950px;
			height: 10px;
			margin-top: 5px;
			background-color: #aaaaaa;
		}

		.progressbar {
			width: 0px;
			height: 10px;
			background-color: black;
		}


		#filecart {
			position: absolute;
			z-index: 100;
			top: -80px;
			left: -80px;
			padding: 6px 8px;
			background: #000;
			color: #FFF;
			font-size: 11px;
			border: 3px solid white;
			-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
		}
		
		#filecart ul {
			list-style-type: none;
			padding: 0px;
			margin: 0px;
		}
		
		#filecart #filecartlist {
			height: 310px;
		}

		.carttitle {
			margin-bottom: 5px;
			border-bottom: 2px solid #FFF; 
			font-size: 12px;
			font-weight: bold; 
		}
		
		.has-dimensions {
			width: 220px;
			height: 356px;
		}
		
		.filecartbuttons {
			border-top: 2px solid white;
			padding-top: 2px;
		}
		
		
		#sendprogress { 
			margin: 4px 13px 10px 8px;
			margin-right: 13px;
			padding: 14px 11px;
			border: 1px solid black;
			background: #EEE;
			border-radius: 6px;
			display: none; 
		}
		#sendingdone { display: none; }
		
		
		/* Corner radius */
		.corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; }
		.corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
		.corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
		.corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
		.corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
		.corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
		.corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
		.corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
		.corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
		.corner-all-large { -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
		.corner-all-xlarge { -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; }
		
		
		#content {  }
		
		#footer 						 { width: 100%; border-top: 1px solid #999; padding: 5px 0px 10px 0px; margin-top: 5px; font-size: 10px;	color: #999; letter-spacing: 0.1em; text-align: center; }
		#footer a.copy 			 { font-weight: bold; text-decoration: underline; color: #666;}
		#footer a.copy:hover { background-color: #963A39; color: #FFF; text-decoration: overline underline;}