@charset "utf-8";

/******************************************* redefining page defaults */

body, div, ul, ol, ul li, ol li, table, form, dl, dl, dt, dd {
	margin:0;
	padding:0;
	/*outline:1px solid #ccc;*/
}
body {
	background-image:url(../themes/default/bg.jpg);
	background-color:#b3d48c;
	background-repeat:repeat-x;
	background-position:center top;
}
body, textarea, input {
	font-family:'Lucida Sans','Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
	font-size:12px;
}
h1 {
	margin:0 0 14px 0;
	padding:0;
	font-size:32px;
	font-weight:normal;
}
h1 small {
	font-size:16px;
}
.h1label {
	float:left;
	display:inline;
	font-style:normal;
	padding:2px 5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#d2f1b1;
}
h2 {
	margin:0 0 10px 0;
	padding:0;
	font-size:24px;
	font-weight:normal;
}
h2 small {
	font-size:12px;
}
h3 {
	margin:0 0 10px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
h4 {
	margin:0 0 10px 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}
h5, h6 {
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}
p {
	margin:10px 0;
	padding:0;
	line-height:1.5em;
}
p.caption {
	font-size:10px;
	text-align:center;
}
p.lead {
	font-size:16px;
}
p.small {
	font-size:10px;
	margin:5px 0;
}
a {
	color:#4d6a2d;
	text-decoration:none;
	outline:none;
}
a:visited {
	color:#4d6a2d;
}
a:hover {
	color:#89b665;
	/*text-decoration:underline;*/
}
a img {
	outline:none;
	border:none;
	outline-width:0;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, p img, dd img, dt img, legend img {
	vertical-align:middle;
}
ul {
	list-style:none;
}
form fieldset legend {
	color:#000;
}
span.date, p.date {
	font-size:10px;
	color:#999;
}

/******************************************* shortcuts */

.hide {
	display:none;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.justify {
	text-align:justify;
}
.debug {
	outline:1px solid red;
}
.label {
	font-size:10px;
	font-weight:bold;
	color:#999;
}
.fleft {
	float:left;
	display:inline;
}
.fright {
	float:right;
	display:inline;
}
.pictfleft {
	float:left;
	display:inline;
	margin:0 20px 10px 0;
}
.pictfright {
	float:right;
	display:inline;
	margin:0 0 10px 20px;
}
.breadcrumb {
	margin-bottom:20px;
	font-size:16px;
}
.addpad20 {
	padding:20px;
}
.addpad10 {
	padding:10px;
}
.addtop {
	margin-top:20px;
}
.addtop10 {
	margin-top:10px;
}
.addbottom {
	margin-bottom:20px;
}
.addbottom10 {
	margin-bottom:10px;
}
.addright {
	margin-right:20px;
}
.addgap {
	margin-left:20px;
}
.cleartop {
	margin-top:0;
}
#hint {
	display:none;
	position:absolute;
	border:1px solid #333;
	padding:5px 8px;
	color:#000;
	max-width:200px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#f7f5d1;
	text-align:center;
	z-index:9999;
	line-height:1.2em;
}
#hint img,
#hint b {
	display:block;
	margin:3px 0;
}
#hint img {
	margin:3px auto;
}
.adhead {
	font-size:10px;
	color:#666;
	letter-spacing:0.25em;
	text-align:center;
}

/******************************************* main blocks: head + content + footer */

#wrapper {
	position:relative;
	width:980px;
	margin:15px auto 0 auto;
}
#main {
	width:100%;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#head {
	width:980px;
	position:relative;
	z-index:900;
	height:32px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	background-color:#6d983e;
	margin-bottom:25px;
}
.content,
.content2 {
	padding:20px 0 20px 20px;
	min-height:200px;
	background-color:#fff;
}
.content {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.content2 {
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-radius:0 0 10px 10px;
}
#footer {
	display:block;
	position:relative;
}
#footercont {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-image:url(../res/w80.png);
	margin:10px 0 20px 0;
	padding:10px 0;
	font-size:10px;
	text-align:center;
	color:#666;
}
#footercont a {
	padding:0 15px;
	border-right:1px dotted #999;
}
#footercont a img{
	vertical-align:top;
	margin-top:2px;
}
#footercont a.last {
	border-right:none;
}
.message {
	padding:5px 5px 5px 40px;
	background-color:#f7f5d1;
	background-position:20px 5px;
	background-repeat:no-repeat;
	line-height:16px;
}
.message div {
	float:right;
	display:inline;
	width:16px;
	height:16px;
	line-height:16px;
	padding:0;
}
.message div a {
	display:block;
	width:16px;
	height:16px;
	background-image:url(../res/hide_k16px.png);
	background-repeat:no-repeat;
}

/******************************************* logo + main menu + search box */

#head #logo {
	position:absolute;
	left:13px;
	top:-7px;
	z-index:981;
}
#head #logo a img {
	outline:none;
}
#mainmenu {
	position:absolute;
	font-weight:bold;
	right:200px;
	top:0;
}
#mainmenu ul li {
	float:left;
	display:inline;
}
#mainmenu ul li a {
	display:block;
	color:#fff;
	line-height:32px;
	padding:0 10px;
}
#mainmenu ul li a:hover  {
	text-decoration:underline;
}
#mainmenu ul li a.usermenu {
	text-decoration:none;
}
#mainmenu ul li a.usermenu img {
	width:20px;
	height:20px;
	vertical-align:middle;
	line-height:32px;
	margin-right:6px;
}
#mainmenu ul li a.usermenu:hover span {
	text-decoration:underline;
}
#mainmenu ul li div {
	display:none;
	position:absolute;
	z-index:999;
	top:32px;
	min-width:90px;
	max-width:220px;
	padding:0 10px 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	border-radius:0 0 10px 10px;
	background-color:#6d983e;
}
#mainmenu ul li:hover div {
	display:block;
}
#mainmenu ul li div ul li {
	float:none;
	clear:both;
	display:block;
	line-height:24px;
}
#mainmenu ul li div ul li a.iconed {
	background-position:2px 4px;
	background-repeat:no-repeat;
	padding-left:22px;
}
#mainmenu ul li div ul li.divider {
	margin:6px 0;
	height:4px;
	line-height:4px;
	background-image:url(../res/divider.png);
	background-repeat:repeat-x;
}
#mainmenu ul li div ul li a {
	line-height:24px;
}
#mainmenu ul li a small {
	font-size:10px;
}
#mainmenu ul li#signin span {
	padding:0 10px;
}
#mainmenu ul li#signup span {
	color:#ff3;
}
#mainmenu ul li#signup div {
	margin-left:-55px;
	width:180px;
}
#mainmenu ul li#signup div ul li h5 {
	line-height:1.5em;
	padding:5px;
	display:block;
	color:#f8fbd9;
	font-weight:normal;
	text-align:center;
}
#mainmenu ul li#signup div ul li a {
	background-image:url(../res/frog-xs.png);
	background-repeat:no-repeat;
	background-position:10px 5px;
	line-height:16px;
	padding:10px 10px 10px 70px;
}
#searchbox {
	position:absolute;
	right:40px;
	width:148px;
	line-height:16px;
	height:32px;
	font-weight:bold;
}
#searchbox input {
	margin-top:6px;
	padding:2px 5px;
	width:140px;
	height:16px;
	border:none;
	font-size:14px;
	background-color:#d2f1b1;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	color:#666;
}
#searchbox input.active {
	background-color:#fff;
	color:#000;
}
#searchbtn {
	position:absolute;
	right:14px;
	top:4px;
	width:24px;
	height:24px;
}
#searchbtn input {
	width:24px;
	height:24px;
	background-image:url(../res/searchbtn.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
#searchbtn input.hover,
#searchbtn input:hover {
	background-position:-24px 0;
}

/******************************************* custom[pgc] & standard[pg] header */

.pghead,
.pgchead {
	position:relative;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	border-radius:10px 10px 0 0;
	height:180px;
	overflow:hidden;
}
.pghead {
	background-image:url(../themes/default/hd.jpg);
	background-repeat:no-repeat;
	background-color:#c4c4c4;
}
.pgchead {
}
.pgchead .bg {
	position:absolute;
	left:0;
	top:0;
	width:980px;
	height:180px;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	border-radius:10px 10px 0 0;
	background-image:url(../themes/smallworld/hd.jpg);
	background-repeat:no-repeat;
	z-index:0;
}
.pghead .cont {
	padding:40px 350px 30px 40px;
}
.pghead h1 {
	margin:0;
	color:#666;
}
.pghead p {
	margin:5px 0;
	color:#333;
}
.pgchead h1 {
	position:absolute;
	right:0;
	top:0;
	height:110px;
	width:600px;
	padding:40px 40px 0 0;
	color:#fff;
	margin:0;
	text-align:right;
}
.pgchead .bgdummy {
	position:absolute;
	left:0;
	height:150px;
	width:320px;
}
.pgchead .bgdummy .controls1 {
	left:20px;
	top:20px;
}
.pgchead h1 .controls4 {
	right:20px;
	top:20px;
}
.pgchead .bgdummy:hover .controls1,
.pgchead h1:hover .controls4 {
	display:block;
}


/******************************************* tabs */

#tabs {
	position:absolute;
	left:20px;
	bottom:0;
	height:30px;
	line-height:30px;
	overflow:hidden;
	font-size:16px;
}
#tabs em {
	float:left;
	display:inline-block;
	height:30px;
	padding:0 10px;
	margin-left:1px;
	font-style:normal;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	border-radius:6px 6px 0 0;
	background-color:#fff;
}
#tabs a {
	float:left;
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 10px;
	margin-left:1px;
	color:#fff;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	border-radius:6px 6px 0 0;
	background-image:url(../res/k60.png);
}
#tabs a:hover {
	color:#000;
	background-image:url(../res/w80.png);
}
#tabs em span,
#tabs a span {
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 4px;
	padding:1px 3px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#tabs a span {
	background-color:#000;
}
#tabs em span {
	background-color:#fc9;
}
#tabs a:hover span {
	background-color:#fff;
}

/******************************************* columns, boxes */

.column300 {
	float:left;
	display:inline;
	width:300px;
}
.column460 {
	float:left;
	display:inline;
	width:460px;
}
.column620 {
	float:left;
	display:inline;
	width:620px;
}
.fullw {
	clear:both;
	display:block;
	width:940px;
}
.fullw h1 {
	margin-left:10px;
	line-height:32px;
}
.fullw h1 img {
	float:left;
	width:32px;
	height:32px;
	margin-right:10px;
}
.box300 {
	clear:both;
	width:300px;
	margin-bottom:20px;
}
.box620 {
	clear:both;
	width:620px;
	margin-bottom:20px;
}
.box300bg,
.box620bg,
.box940bg {
	clear:both;
	margin-bottom:20px;
	padding:15px 15px 5px 15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-image:url(../res/headbg.png);
	background-repeat:repeat-x;
	background-position:0 -40px;
	background-color:#ccc;
}
.box300bg {
	width:270px;
}
.box620bg {
	width:590px;
}
.box940bg {
	width:910px;
}
.box620bg h2 {
	padding-left:10px;
}
.head {
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	border-radius:6px 6px 0 0;
	background-color:#f3e88b;
	color:#000;
	font-weight:bold;
	padding:0 10px;
	line-height:24px;
}
.box300 .head a.toggle-ctrl,
.box620 .head a.toggle-ctrl {
	float:right;
	display:inline;
	background-position:0 6px;
	background-repeat:no-repeat;
	line-height:24px;
	padding:0 0 0 16px;
	font-size:10px;
	font-weight:normal;
	color:#000;
}
.box300 h2,
.box620 h2 {
	line-height:28px;
	margin-bottom:20px;
}
.box300 .cont,
.box620 .cont {
	clear:both;
}
.box300 .cont1,
.box620 .cont1 {
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	border-radius:0 0 6px 6px;
	border:1px solid #f3e88b;
	padding:0 10px;
}
.box300 .conthide,
.box620 .conthide {
	clear:both;
	height:24px;
	line-height:24px;
	margin:0;
	text-align:center;
}
.box300 .onerow,
.box620 .onerow {
	clear:both;
	padding:5px 10px;
	border-top:1px solid #ccc;
}
.box300 .foot,
.box620 .foot {
	clear:both;
	margin-top:10px;
}
.box300 .foot p,
.box620 .foot p {
	line-height:24px;
	margin:0;
}

.box300 .foot .links,
.box620 .foot .links {
	text-align:right;
	margin:5px 4px 0 0;
}

/******************************************* large / heading tabs */

.h1tabs {
	display:block;
	height:55px;
	margin-bottom:10px;
}
.h1tabs h1 {
	margin:0;
}
.h1tabs .righttab,
.h1tabs .lefttab {
	float:left;
	display:inline;
	padding:10px 15px 0 15px;
	width:439px;
	height:44px;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-radius:10px 10px 0 0;
	border-bottom:1px solid #ccc;
}
.h1tabs .righttab {
	text-align:right;
}
.h1tabs .active{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:0;
}
.h3tabs {
	display:block;
	height:40px;
	margin:20px 0;
}
.h3tabs .righttab,
.h3tabs .lefttab {
	float:left;
	display:inline;
	padding:5px 10px 0 10px;
	width:288px;
	height:30px;
	line-height:30px;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	border-radius:6px 6px 0 0;
	border-bottom:1px solid #ccc;
}
.h3tabs .active{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:0;
}

/******************************************* album controls */

.controls,
.controls1 {
	display:none;
	position:absolute;
	left:5px;
	top:5px;
	font-size:10px;
	font-weight:bold;
	padding:0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-image:url(../res/k60.png);
}
.controls a,
.controls1 a {
	color:#eee;
	display:block;
	position:relative;
	height:20px;
	padding:2px 0 2px 26px;
	overflow:hidden;
	line-height:20px;
	text-align:left;
	background-position:6px 4px;
	background-repeat:no-repeat;
}
.controls a:hover,
.controls1 a:hover {
	color:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#000;
}
.controls a {
	width:84px;
}
.controls1 a {
	width:154px;
}

.controls2 {
	display:none;
	position:absolute;
	right:0;
	top:0;
	font-size:10px;
	font-weight:bold;
	padding:0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	z-index:998;
	background-image:url(../res/k60.png);
}
.controls2 a {
	color:#eee;
	display:block;
	width:94px;
	height:20px;
	line-height:20px;
	padding:2px 24px 2px 6px;
	text-align:left;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-position:102px 4px;
	background-repeat:no-repeat;
	overflow:hidden;
	white-space:nowrap;
}
.controls2 a:hover {
	background-color:#000;
}
.controls4,
.controls3 {
	display:none;
	position:absolute;
	right:0;
	top:0;
	font-size:10px;
	font-weight:bold;
	padding:0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-image:url(../res/k60.png);
}
/*.controls3 a,*/
.controls4 a {
	display:block;
	height:20px;
	line-height:20px;
	color:#eee;
	overflow:hidden;
	padding:2px 20px 2px 6px;
	text-align:left;
	background-repeat:no-repeat;
}
.controls4 a {
	width:154px;
	background-position:158px 4px;
}
/*.controls3 a {
	width:84px;
	background-position:88px 4px;
}
.controls3 a:hover,*/
.controls4 a:hover {
	color:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#000;
}
.controls3 a {
	display:block;
	height:20px;
	width:0;
	line-height:20px;
	color:#eee;
	overflow:hidden;
	padding:2px 0 2px 24px;
	text-align:left;
	background-repeat:no-repeat;
	background-position:4px 4px;
}
.controls3:hover a,
.controls3.hover a {
	width:84px;
	padding:2px 18px 2px 6px;
	background-position:88px 4px;
}
.controls3 a:hover {
	color:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#000;
}

/******************************************* generic big button and form with large inputs */

.button,
.gbutton {
	clear:both;
}
.gbutton {
	height:80px;
	overflow:hidden;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-repeat:repeat-x;
	background-position:0 0;
	background-image:url(../res/gbuttonbg.png);
	color:#000;
	border:3px solid #bbb;
}
.gbutton:hover {
	border:3px solid #56772a;
	background-position:0 -80px;
}
.button em,
.button a {
	display:block;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-repeat:repeat-x;
	background-position:0 0;
	height:16px;
	line-height:16px;
	font-size:16px;
	text-align:center;
	padding:12px 0;
}
.button a {
	color:#000;
	background-image:url(../res/buttonbg.png);
	border:3px solid #bbb;
}
.button em {
	font-style:normal;
	color:#999;
	border:3px solid #ddd;
}
.gbutton a {
	display:block;
	height:64px;
	padding:5px 10px 5px 92px;
	line-height:20px;
	background-position:15px 9px;
	background-repeat:no-repeat;
	font-size:16px;
	color:#000;
}
.gbutton a big {
	font-size:24px;
	font-weight:bold;
	color:#fff;
	line-height:40px;
}
.gbutton a big img {
	margin-top:12px;
}
.gbutton a small {
	font-size:12px;
}
.button a:hover {
	border:3px solid #999;
	background-position:0 -45px;
	color:#000;
}
.button em img,
.button a img {
	vertical-align:top;
	margin:-4px 5px 0 0;
}

.button em img {
	opacity:0.3;
	filter:alpha(opacity:30);
}
.gbutton a img {
	vertical-align:top;
}
.gobutton {
	width:80px;
	height:80px;
	background-image:url(../res/gobtn.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.gobutton:hover {
	background-position:0 -80px;
}
.gobutton a {
	display:block;
	height:80px;
	line-height:80px;
}

form.bigform {
	padding:0;
}
form.bigform .oneln {
	position:relative;
	padding:10px 0;
}
form.bigform p {
	padding:10px 0;
}
form.bigform input {
	margin-top:-10px;
	vertical-align:top;
}
form.bigform select {
	vertical-align:middle;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #999;
	padding:3px;
}
form.bigform .ok,
form.bigform .error,
form.bigform .wait,
form.bigform .explain {
	position:absolute;
	right:0;
	top:10px;
	height:35px;
	line-height:normal;
	background-repeat:no-repeat;
	background-position:0 0;
}
form.bigform .ok,
form.bigform .error,
form.bigform .wait {
	width:140px;
	padding:6px 0 0 30px;
}
form.bigform .explain {
	width:170px;
	padding:6px 0 0 0;
}
form.bigform .ok {
	background-image:url(../res/ok_24px.png);
}
form.bigform .error {
	background-image:url(../res/warning_24px.png);
}
form.bigform .wait {
	color:#666;
	background-image:url(../res/wait_24px.png);
}
input.bigbtn {
	margin:0;
	padding:0 15px;
	height:45px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:3px solid #bbb;
	background-image:url(../res/buttonbg.png);
	background-repeat:repeat-x;
	background-position:0 0;
	color:#000;
	font-size:18px;
	cursor:pointer;
}
input.bigbtn:hover {
	background-position:0 -45px;
	border:3px solid #999;
}
input.bigtxt {
	margin:0;
	padding:12px 10px;
	width:150px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:3px solid #bbb;
	background-color:#fff;
	color:#999;
	font-size:14px;
}
input.bigtxt.active {
	border:3px solid #999;
	color:#000;
}
input.bigtxt.hint {
	color:#999;
}

/******************************************* dummy styles */

.dummyalbums {
	height:250px;
}
.fullw .dummyalbums {
	width:840px;
	margin:0 auto;
}
.dummyfollows {
	height:180px;
}
.dummynews {
	height:180px;
}
.albumbgvisitor {
	background-image:url(../res/dummy-album1.png);
}
.albumbgowner {
	background-image:url(../res/dummy-album.png);
}
.followsbgvisitor {
	background-image:url(../res/dummy-follow1.png);
}
.followsbgowner {
	background-image:url(../res/dummy-follow.png);
}
.dummynews div,
.dummyfollows div,
.dummyalbums div {
	position:relative;
	width:55%;
	margin:0 auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#fff;
	border:4px solid #ddd;
	text-align:center;
	padding:12px;
}
.dummynews div {
	top:50px;
}
.dummyalbums div {
	top:50px;
}
.dummyfollows div {
	top:40px;
}
.dummynews div h4,
.dummyusers div h4,
.dummyfollows div h4,
.dummyfollows div p,
.dummyalbums div h4,
.dummyalbums div p {
	margin:10px 0;
}
.dummyusers {
	margin:2px;
	height:147px;
}
.userbgvisitor {
	background-image:url(../res/dummy-user1.png);
}
.userbgowner {
	background-image:url(../res/dummy-user.png);
}
.dummyusers div {
	position:relative;
	top:30px;
	width:50%;
	margin:0 auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#fff;
	border:4px solid #ddd;
	text-align:center;
	padding:12px;
}

/******************************************* profile */

.profile {
	margin:0 0 20px 0;
	padding:10px;
	clear:both;
	display:block;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#f3e88b;
}
.profile .thumb {
	position:relative;
	float:left;
	display:inline;
	margin:0 10px 10px 0;
}
.profile .thumb .controls {
	left:4px;
	top:4px;
}
.profile .thumb a img {
	width:120px;
	height:120px;
}
.profile .thumb .badges {
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	border-radius:0 0 6px 6px;
	background-image:url(../res/w80.png);
	padding:3px 0 3px 3px;
	text-align:center;
}
.profile .thumb .badges img {
	margin-right:3px;
}
.profile .profile-data {
	float:left;
	display:inline;
	width:150px;
	margin-bottom:5px;
}
.profile .profile-data p {
	padding-left:0.5em;
	line-height:1em;
}
.profile h3 {
	clear:left;
	margin:0 0 10px 0;
}

.profile .intro {
	margin:10px 0;
}
.profile p {
	clear:both;
	padding:0.3em 0;
}
.profile p span.label {
	color:#000;
	font-weight:bold;
	font-size:10px;
	margin-right:1em;
}
.profile .description {
	clear:both;
	position:relative;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-image:url(../res/w40.png);
	padding:1px 10px;
}
.profile .description h4,
.profile .description p {
	padding:0;
	margin:10px 0;
}
.profile .description:hover .controls3 {
	top:6px;
	display:block;
}
.profile .details {
	clear:both;
}
.profile .details .name {
	float:left;
	display:inline;
	clear:both;
	width:60px;
	text-align:right;
	padding:10px 0 0 0;
	margin-right:10px;
	font-weight:bold;
}
.profile .details .value {
	position:relative;
	float:left;
	display:inline-block;
	text-align:left;
	padding:10px 0 0 0;
	width:210px;
	background-position:190px 8px;
	background-repeat:no-repeat;
}
.profile .details .value .shy {
	color:#999;
}
.profile .details .value:hover .controls3 {
	top:6px;
	display:block;
}

/******************************************* albums */

.album-head {
	margin-bottom:6px;
}
.album-head h2 {
	margin-left:10px;
}
.album-head h2 small {
	font-size:12px;
}
.statusrow {
	clear:both;
	margin:0 10px 20px 10px;
	line-height:20px;
}
.statusrow select {
	vertical-align:middle;
	height:20px;
}
.search {
}
.search input.txt {
	width:140px;
	height:16px;
	margin-left:5px;
	padding:4px 5px;
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	border-radius:6px 0 0 6px;
	background-color:#fff;
	border:1px solid #ccc;
	border-right:none;
	font-size:14px;
	line-height:16px;
	vertical-align:top;
	color:#999;
}
.search input.active {
	color:#000;
}
.search input.btn {
	height:26px;
	padding:0 10px;
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	border-radius:0 6px 6px 0;
	border:1px solid #ccc;
	border-left:none;
	font-size:14px;
	color:#666;
	background-image:url(../res/buttonbg.png);
	background-position:0 -10px;
	vertical-align:top;
	cursor:pointer;
}
.search input.btn:hover {
	color:#000;
	background-position:0 -55px;
}

/******************************************* album-grid */

.column620 ul.album-grid {
	margin-right:-10px;
}
.fullw ul.album-grid {
	padding:10px 0 10px 36px;
}
.ascroller ul.album-grid {
	padding:0;
}
ul.album-grid li:hover,
ul.album-grid li.hover {
	background-color:#eee;
}
ul.album-grid li {
	float:left;
	display:inline;
	margin:0 16px 4px 0;
	padding:0;
	width:194px;
	height:244px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#fff;
	overflow:hidden;
}
.fullw ul.album-grid li {
	margin:0 28px 8px 0;
}
.ascroller ul.album-grid li {
	margin:0 6px 0 0;
}
ul.album-grid li .thumb {
	position:relative;
	margin:7px;
	width:180px;
}
ul.album-grid li .thumb a img {
	width:180px;
	height:180px;
}
ul.album-grid li .caption,
ul.album-grid li .caption-auth {
	display:block;
	height:46px;
	overflow:hidden;
}
ul.album-grid li .caption {
	text-align:center;
}
ul.album-grid li .caption-auth {
	text-align:left;
}
ul.album-grid li .caption-auth a img {
	float:left;
	display:inline;
	width:36px;
	height:36px;
	margin:0 7px;
}
ul.album-grid .caption p,
ul.album-grid .caption-auth p {
	font-size:10px;
	line-height:12px;
	margin:0;
}
ul.album-grid .caption h4,
ul.album-grid .caption-auth h4 {
	margin:0 0 5px 0;
	max-height:28px;
	line-height:14px;
	overflow:hidden;
	font-size:12px;
}
ul.album-grid .caption1 {
	display:none;
	width:178px;
	height:40px;
	padding:3px;
	overflow:auto;
	font-size:10px;
	line-height:1em;
	text-align:center;
	color:#fff;
	background:#000;
}

/******************************************* album-list */

ul.album-list {
	padding:20px 0;
	margin-right:-20px;
}
ul.album-list li {
	float:left;
	display:inline;
	width:440px;
	height:180px;
	margin:0 15px 15px 0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#fff;
	overflow:hidden;
	padding:10px;
}
ul.album-list li:hover,
ul.album-list li.hover {
	background-color:#eee;
}
ul.album-list .thumb {
	position:relative;
	float:left;
	display:inline;
	width:180px;
}
ul.album-list .thumb a img {
	width:180px;
	height:180px;
}
ul.album-list .caption {
	position:relative;
	margin-left:10px;
	float:left;
	display:inline;
	width:250px;
	height:180px;
	overflow:hidden;
}
ul.album-list .caption .description {
	height:100px;
	overflow:auto;
}
ul.album-list .caption .data {
	position:absolute;
	bottom:0;
}
ul.album-list .caption .data p {
	margin:4px 0 0 0;
}
ul.album-list .caption h4 {
	line-height:14px;
	max-height:28px;
}
ul.album-list .caption h4 small {
	margin-left:10px;
	font-size:10px;
	color:#999;
	white-space:nowrap;
}
ul.album-list .caption p small {
	font-size:10px;
	color:#999;
	white-space:nowrap;
}

/******************************************* album-detail */

ul.album-detail {
	padding:10px 20px 20px 20px;
}
ul.album-detail li {
	margin-bottom:40px;
}
ul.album-detail li .thumb {
	position:relative;
	float:left;
	display:inline;
	width:606px;
	padding:9px 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eee;
	background-color:#fff;
	text-align:center;
}
ul.album-detail li .thumb:hover,
ul.album-detail li .thumb.hover {
	background-color:#eee;
}
ul.album-detail li .thumb .controls {
	left:17px;
	top:17px;
}
ul.album-detail li ul.options li {
	margin:0 4px 4px 0;
}
ul.album-detail li .caption {
	position:relative;
	float:left;
	display:inline;
	width:260px;
	margin-left:20px;
	margin-top:10px;
}
ul.album-detail li .caption .albumdata {
	clear:both;
	display:block;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ddd;
	padding-top:10px;
	margin:10px 0;
	width:100%;
}
ul.album-detail li .caption .albumdata div {
	float:left;
	display:inline;
	white-space:nowrap;
	margin:0 10px 10px 10px;
	font-size:10px;
}
ul.album-detail li .caption .albumdata a {
	font-weight:bold;
}
ul.album-detail li .caption .albumdata small {
	color:#999;
	margin-right:5px;
}
.caption .onereply {
	clear:both;
	margin:10px 0;
}
.caption .onereply .leftpane {
	float:left;
	display:inline;
	width:35px;
}
.caption .onereply .leftpane a img {
	border:2px solid #eee;
	width:25px;
	height:25px;
}
.caption .onereply .leftpane a:hover img {
	border:2px solid #000;
}
.caption .onereply .editmsg textarea {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #ccc;
	margin:0 0 10px 0;
	padding:5px;
	height:7em;
	width:210px;
}

/******************************************* album-feed */

ul.album-feed {
}
ul.album-feed li {
	margin:0 0 10px 0;
}
ul.album-feed li .status {
	float:right;
	display:inline;
	margin:10px;
	padding:0 0 0 10px;
	font-size:10px;
	line-height:16px;
}
ul.album-feed h3 {
	font-size:24px;
	line-height:28px;
	padding:10px;
	font-weight:normal;
	border-top:1px solid #999;
}
ul.album-feed p {
	padding:10px 10px 5px 10px;
}
ul.album-feed li .thumb {
	position:relative;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eee;
	text-align:center;
}
ul.album-feed li .thumb:hover {
	background-color:#eee;
}
ul.album-feed li .thumb a {
	padding:9px;
	display:block;
}
ul.album-feed li .thumb a img {
	vertical-align:top;
}
ul.album-feed li .thumb .controls {
	left:17px;
	top:17px;
}
ul.album-feed li .thumb .controls a {
	padding:2px 0 2px 26px;
}
ul.album-feed li .thumb:hover .controls {
	display:block;
}
ul.album-feed li .addcomment {
	clear:both;
	margin:10px;
}
ul.album-feed li .addcomment .leftpane {
	float:left;
	display:inline;
	width:30px;
}
ul.album-feed li .addcomment .leftpane a img {
	width:25px;
	height:25px;
	border:2px solid #eee;
}
ul.album-feed li .addcomment a:hover img {
	border:2px solid #000;
}
ul.album-feed li .addcomment .editmsg {
	margin:0 0 5px 40px;
}
ul.album-feed li .addcomment .editmsg textarea {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #ccc;
	margin:0;
	padding:5px;
	height:60px;
	width:465px;
}
ul.album-feed li .addcomment .rightpane {
	float:right;
	display:inline;
	width:70px;
	padding-top:50px;
}

.thumb:hover .controls { /* for all thumbs */
	display:block;
}

/******************************************* share box */

#share {
	position:absolute;
	width:194px;
	height:238px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-image:url(../res/k80.png);
	color:#ccc;
	overflow:hidden;
	z-index:99998;
}
.sharebox {
	padding:14px;
}
.sharebox h5 {
	color:#fff;
	font-size:16px;
	margin-bottom:10px;
}
.sharebox h5 a {
	float:right;
	display:inline;
	width:16px;
	height:16px;
	display:block;
	background-image:url(../res/hide_k16px.png);
	background-repeat:no-repeat;
}
.sharebox .shares a {
	display:block;
	color:#eee;
	padding-left:30px;
	line-height:24px;
	margin:2px 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-repeat:no-repeat;
	background-position:6px 4px;
}
.sharebox .shares a:hover {
	background-color:#666;
	color:#fff;
}
.sharebox label {
	clear:both;
	display:block;
	color:#999;
}
.sharebox input {
	clear:both;
	background-color:#999;
	margin-bottom:8px;
	border:none;
	font-size:10px;
	width:166px;
}
.sharebox p {
	margin:10px 0;
}
.sharebox p a {
	color:#c7e8ad;
}
.sharebox p a:hover {
	color:#fff;
}

/******************************************* albums */

ul.album90list {
	margin-bottom:10px;
}
ul.album90list li {
	clear:both;
	padding:8px 0;
	border-top:1px solid #ccc;
}
ul.album90list li a.thumb {
	float:left;
	display:inline;
	margin:0 10px 10px 0;
}
ul.album90list li a.thumb img {
	width:60px;
	height:60px;
	border:2px solid #eee;
}
ul.album90list li a.thumb:hover img {
	border:2px solid #000;
}
ul.album90list li h4 {
	margin:0 0 3px 74px;
}
ul.album90list li p {
	font-size:10px;
	margin-left:74px;
	margin:3px 0;
}
ul.album-list li ul.options {
	padding:0;
	margin:0;
}
ul.album-list li ul.options li {
	float:left;
	display:inline;
	width:140px;
	margin:0 2px 2px 0;
	padding:0;
}

/******************************************* thumb45grid */

ul.thumb45grid {
	list-style:none;
	padding:2px;
	margin-bottom:8px;
}
ul.thumb45grid li {
	float:left;
	display:inline;
	margin:0;
	width:49px;
	height:49px;
}
ul.thumb45grid li a {
	display:block;
	padding:2px;
	background:#eee;
}
ul.thumb45grid li a img {
	width:45px;
	height:45px;
	vertical-align:top;
}
ul.thumb45grid li a:hover {
	background:#000;
}

/******************************************* events */

.oneevent {
	clear:both;
	padding:5px 0;
	border-top:1px solid #ccc;
	background-position:right 5px;
	background-repeat:no-repeat;
}
.oneevent .leftpane {
	float:left;
	display:inline;
}
.oneevent .leftpane {
	width:49px;
}
.oneevent .leftpane a img {
	border:2px solid #eee;
	width:45px;
	height:45px;
}
.oneevent .leftpane a:hover img {
	border:2px solid #000;
}
.oneevent .user,
.oneevent .album {
	float:left;
	display:inline;
	margin-left:10px;
}
.oneevent .album a img {
	width:60px;
	height:60px;
	border:2px solid #eee;
}
.oneevent .user a img {
	width:45px;
	height:45px;
	border:2px solid #eee;
}
.oneevent .user a:hover img,
.oneevent .album a:hover img {
	border:2px solid #000;
}
.oneevent .scont,
.oneevent .albumcont,
.oneevent .usercont {
	float:left;
	display:inline;
	margin-left:10px;
}
.oneevent .scont {
	width:534px;
}
.oneevent .albumcont {
	width:460px;
}
.oneevent .usercont {
	width:475px;
}
.oneevent p {
	margin:0 0 3px 0;
}
.oneevent p a {
	font-weight:bold;
}

/******************************************* board */

.board {
	clear:both;
	display:block;
	width:620px;
}
.board .onemsg {
	clear:both;
	position:relative;
	padding:10px 0 0 0;
	border-top:1px solid #ccc;
	width:620px;
}
.sentmsgs .onemsg {
	clear:both;
	position:relative;
	padding:10px;
	border-top:1px solid #ccc;
}
.sentmsgs .onemsg h5,
.sentmsgs .onemsg p {
	margin:0;
}
.sentmsgs .onemsg p {
	margin-top:8px;
	color:#999;
}
.box300 .first,
.box620 .first,
.sentmsgs .first,
.board .first {
	border-top:none;
}
.board .onereply {
	clear:both;
	position:relative;
	padding:10px 0 0 60px;
	width:560px;
}
.board .options {
	clear:left;
}
.board .onemsg .leftpane {
	float:left;
	display:inline;
	width:50px;
}
.board .onereply .leftpane {
	float:left;
	display:inline;
	width:30px;
}
.board .badges {
	text-align:center;
	padding:3px 0;
}
.board .album {
	float:left;
	display:inline;
	margin:0 10px 10px 10px;
}
.board .onemsg .leftpane a img {
	vertical-align:top;
	width:45px;
	height:45px;
	border:2px solid #eee;
}
.board .onereply .leftpane a img {
	vertical-align:top;
	width:25px;
	height:25px;
	border:2px solid #eee;
}
.board .album a img {
	width:60px;
	height:60px;
	border:2px solid #eee;
	vertical-align:top;
}
.board .album a:hover img,
.board .leftpane a:hover img {
	border:2px solid #000;
}
.board .onemsg h4,
.board .onemsg h6 {
	padding:0 10px 8px 60px;
	margin:0;
}
.board .onemsg h6,
.board .onereply h6 {
	font-weight:normal;
	color:#999;
}
.board .onemsg h6 a {
	font-weight:bold;
}
.board .onemsg p {
	padding:0 10px 8px 60px;
	margin:0;
}
.board .onereply h4,
.board .onereply h6 {
	padding:0 10px 8px 40px;
	margin:0;
}
.board .onereply p {
	padding:0 10px 8px 40px;
	margin:0;
}
.sentmsgs .onemsg h5 span,
.board .onemsg h4 span,
.board .onemsg h6 span,
.board .onereply h4 span,
.board .onereply h6 span {
	float:right;
	display:inline;
	font-size:10px;
	font-style:normal;
	padding:2px 6px;
	margin-left:10px;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#eee;
	font-weight:normal;
}
.board .onemsg h4 em,
.board .onemsg h6 em,
.board .onereply h4 em,
.board .onereply h6 em {
	font-size:10px;
	font-style:normal;
	padding:1px 5px;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ccc;
}
.board .onemsg .editmsg {
	margin:0 0 5px 60px;
}
.board .onemsg .editmsg textarea {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #ccc;
	margin:0;
	padding:5px;
	height:8em;
	width:510px;
}
.board .onemsg .editmsg textarea.big {
	height:20em;
}
.board .onemsg .editmsg label {
	display:block;
	font-size:10px;
	margin:5px 0 2px 10px;
}
.board .onemsg .editmsg input {
	display:block;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #ccc;
	margin:0;
	padding:5px;
	width:510px;
}
.board .onemsg .editmsg select {
	display:block;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	border-radius:0 0 6px 6px;
	border-top:none;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	padding:3px;
	width:360px;
	margin-left:80px;
}
.board .onemsg .editmsg select#contacts {
	display:none;
}
.board .onereply .editmsg {
	margin:0 0 5px 40px;
}
.board .onereply .editmsg textarea {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #ccc;
	margin:0;
	padding:5px;
	height:5em;
	width:465px;
}
.board .onemsg .editmsg p.warning,
.board .onereply .editmsg p.warning {
	padding:0 0 0 24px;
	margin:5px 0;
	background-image:url(../res/warning_16px.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.board .onemsg ul.options {
	padding-left:60px;
	height:24px;
	padding-bottom:10px;
}
.onereply ul.options {
	padding-left:40px;
	height:24px;
	padding-bottom:10px;
}
.onemsg .controls3,
.onereply .controls3 {
	top:5px;
	right:5px;
}
.onereply:hover .controls3,
.onemsg:hover .controls3 {
	display:block;
}

/******************************************* options */

ul.options {
}
ul.options li {
	float:left;
	display:inline;
	margin:0 4px 0 0;
}
.statusrow label,
ul.options li label,
ul.options li.title {
	line-height:24px;
	margin:0 8px;
}
ul.options li.active {
	display:block;
	line-height:18px;
	font-size:10px;
	padding:2px 8px 2px 24px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ccc;
	white-space:nowrap;
	overflow:hidden;
	background-position:4px center;
	background-repeat:no-repeat;
	background-color:#ccc;
}
ul.options li a {
	display:block;
	line-height:18px;
	font-size:10px;
	padding:2px 8px 2px 24px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ddd;
	white-space:nowrap;
	overflow:hidden;
	background-position:4px center;
	background-repeat:no-repeat;
	background-color:#fff;
}
ul.options li a:hover {
	color:#000;
	background-color:#c7e8ad;
	/*border:1px solid #fff;*/
}

/******************************************* buttons */

.delete {
	float:right;
	display:inline;
	width:12px;
	height:12px;
	margin-top:20px;
	font-size:8px;
	line-height:12px;
}
.delete a {
	display:block;
	background-image:url(../res/delete_12px.png);
	background-repeat:no-repeat;
}
.delete a:hover {
	background-color:#f66;
}
span.inlnbutton {
	margin:0 4px;
}
ul.txtbuttons,
ul.buttons,
ul.vbuttons {
	font-size:10px;
	line-height:16px;
}
.board .onemsg ul.buttons {
	padding-left:60px;
}
.board .onereply ul.buttons {
	padding-left:40px;
}
ul.txtbuttons li,
ul.buttons li {
	float:left;
	display:inline;
	margin:0 4px 0 0;
	height:20px;
}
ul.buttons li {
	text-align:left;
}
ul.vbuttons li {
	float:left;
	display:inline;
	margin:0 2px;
}
ul.vbuttons li.instruction {
	max-width:120px;
	padding:4px 4px 4px 24px;
	color:#999;
	background-image:url(../res/warning_16px.png);
	background-position:4px 4px;
	background-repeat:no-repeat;
}
ul.txtbuttons li {
	text-align:center;
}
ul.txtbuttons li a,
ul.txtbuttons li em,
ul.buttons li a,
ul.buttons li em,
ul.vbuttons li a,
ul.vbuttons li em {
	display:block;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ddd;
	color:#333;
	height:16px;
	background-position:center 4px;
	background-repeat:no-repeat;
}
ul.vbuttons li.active {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#ddd;
	color:#000;
	border:1px solid #ddd;
	padding:30px 10px 4px 10px;
	text-align:center;
	min-width:32px;
	background-position:center 4px;
	background-repeat:no-repeat;
}
ul.vbuttons li.title {
	padding:30px 4px 4px 4px;
	font-size:10px;
	text-transform:uppercase;
	color:#999;
}
ul.buttons li a,
ul.buttons li em {
	padding:2px 4px 2px 24px;
	background-position:4px center;
	background-repeat:no-repeat;
}
ul.vbuttons li a,
ul.vbuttons li em {
	padding:30px 10px 4px 10px;
	text-align:center;
	min-width:32px;
	background-position:center 4px;
	background-repeat:no-repeat;
}
span.inlnbutton a {
	color:#333;
	padding:2px 6px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:4px;
}
ul.txtbuttons li a,
ul.txtbuttons li em {
	padding:2px 4px;
	background-color:#fff;
}
ul.txtbuttons li a.shy {
	color:#ccc;
	border:1px solid #eee;
}
ul.txtbuttons li a.active {
	background-color:#ccc;
}
span.inlnbutton a:hover,
ul.txtbuttons li a:hover,
ul.buttons li a:hover,
ul.vbuttons li a:hover {
	color:#000;
	background-color:#c7e8ad;
}
/*ul.txtbuttons li a:hover,
ul.buttons li a:hover,
ul.vbuttons li a:hover {
	border:1px solid #fff;
}*/
ul.txtbuttons li a.shy:hover {
	color:#eee;
	border:1px solid #eee;
	background-color:#fff;
}
ul.bbuttons {
	margin:0 0 -5px 0;
}
ul.bbuttons li {
	text-align:left;
	margin:0 0 5px 0;
}
ul.bbuttons li em,
ul.bbuttons li a {
	display:block;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#fff;
	border:1px solid #ccc;
	color:#333;
	line-height:24px;
	height:24px;
	padding:0 8px 0 30px;
	background-position:8px center;
	background-repeat:no-repeat;
}
ul.bbuttons li a:hover {
	color:#000;
	border:1px solid #000;
}
ul.buttons li em,
ul.vbuttons li em,
ul.txtbuttons li em,
ul.bbuttons li em {
	font-style:normal;
}
.backbutton {
	clear:both;
	height:56px;
	text-align:right;
	line-height:32px;
	padding-right:10px;
}

/******************************************* edit album */

.albumtitle {
	position:relative;
	margin-bottom:20px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.albumtitle em {
	float:left;
	display:inline;
	font-style:normal;
	margin-top:5px;
	margin-right:10px;
	padding:2px 5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#d2f1b1;
}
.albumtitle h1 {
	padding:0 10px;
}
.albumtitle:hover {
	background-color:#f9f2d9;
	cursor:text;
}
.albumtitle .controls3 {
	right:5px;
	top:9px;
}
.albumtitle:hover .controls3 {
	display:block;
}
.albumpicture {
	position:relative;
	padding:10px;
	margin:0 0 20px 0;
	background-color:#ddd;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.albumpicture .controls4 {
	right:15px;
	top:15px;
}
.albumpicture:hover .controls4 {
	display:block;
}
.albumdescription {
	margin-top:20px;
	position:relative;
	min-height:100px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.albumdescription:hover {
	background-color:#f9f2d9;
	cursor:text;
}
.albumdescription .controls3 {
	right:5px;
	top:5px;
}
.albumdescription:hover .controls3 {
	display:block;
}
.albumdescription p {
	padding:0.25em 10px;
}

/******************************************* customize */

#customisetabs {
	margin:0 0 20px 0;
}
#customisetabs a.active {
	color:#000;
	cursor:text;
}
#customise h3 {
	text-align:center;
}
.custombox {
	padding:10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#eee;
	margin:20px 0 0 0;
}
.custombox .cont {
	clear:none;
	float:left;
	display:inline;
	width:160px;
	margin-left:10px;
}
.custombox p {
	margin:2px 0;
}
.custombox a.toggle-ctrl {
	text-align:left;
	background-position:0 center;
	background-repeat:no-repeat;
	padding:0 0 0 16px;
	font-size:10px;
	font-weight:normal;
	color:#000;
}
.custombox label {
	display:block;
	font-size:10px;
	padding:5px 5px 2px 5px;
}
.custombox select.rounded,
.custombox input.rounded {
	vertical-align:middle;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #999;
}
.custombox input.rounded {
	height:14px;
	padding:4px 3px;
}
.custombox select.rounded {
	padding:3px;
}
.custombox input#head-fsize,
.custombox input#head-opacity {
	width:80px;
}
.custombox input.btn {
	vertical-align:middle;
	height:26px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #999;
	background-image:url(../res/buttonbg.png);
	background-repeat:repeat-x;
	background-position:0 -10px;
	cursor:pointer;
}
.custombox input.btn:hover {
	border:1px solid #666;
	background-position:0 -50px;
}
.sorter {
	display:inline-block;
	vertical-align:top;
	margin:0 5px;
	width:11px;
	font-size:1px;
	line-height:1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#ccc;
}
.sorter img {
	margin:0;
	padding:0;
	vertical-align:top;
}
.cp {
	z-index:999;
}
#customcolors {
	padding:10px 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#eee;
	margin-top:20px;
}
#customcolors ul {
}
#customcolors ul li {
	width:72px;
	float:left;
	display:inline;
	padding:0 2px;
}
#customcolors ul li label {
	display:block;
	font-size:10px;
	text-align:center;
	padding:5px 0;
}
#customcolors ul li input {
	display:block;
	width:68px;
	height:16px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #ddd;
	padding:23px 0;
	text-align:center;
	cursor:pointer;
}
/*ul#customcolors li input {
	width:74px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}*/
.themecontrols {
	margin:20px auto;
	width:200px;
}
.themecontrols .vbuttons li a {
	width:70px;
}
.portfoliomodebox {
	float:left;
	display:inline;
	width:160px;
	padding:20px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#eee;
	margin:0 20px 10px 0;
}
.portfoliomodebox input {
	vertical-align:middle;
}
.portfoliomodebox label {
	margin-left:10px;
}
#customlayout {
	clear:both;
	position:relative;
	padding-left:160px;
}
#customlayout #layoutsample {
	position:absolute;
	left:0;
	top:0;
	width:140px;
	height:140px;
	background-image:url(../res/customlayout_fullm.jpg);
	background-repeat:no-repeat;
	z-index:80;
}
#portfoliomode_s {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:140px;
	height:140px;
	background-image:url(../res/customlayout_portfoliom.jpg);
	background-repeat:no-repeat;
	z-index:81;
}
#blogstyle_s {
	display:none;
	position:absolute;
	left:57px;
	top:42px;
	width:65px;
	height:50px;
	background-image:url(../res/customlayout_blogstyle.jpg);
	background-repeat:no-repeat;
	z-index:82;
}
#board_s {
	position:absolute;
	left:57px;
	top:93px;
	width:65px;
	height:34px;
	background-image:url(../res/customlayout_board.jpg);
	background-repeat:no-repeat;
	z-index:83;
}
.layoutcontrol label {
	font-weight:bold;
	margin-left:10px;
}
.layoutcontrol p {
	margin:10px 0 20px 30px;
	font-size:10px;
}

/******************************************* settings */

form.inputbox,
form.checkboxes {
	clear:both;
	color:#000;
}
form.inputbox {
	padding-top:10px;
}
form.checkboxes h5 {
	padding:10px 10px 5px 10px;
	margin:10px 0 0 0;
	font-weight:bold;
	border-bottom:1px solid #000;
}
form.checkboxes .foot,
form.inputbox .foot {
	padding:10px 0;
	height:24px;
	line-height:24px;
}
form.checkboxes p {
	margin:0 10px;
	padding:3px 0;
	border-bottom:1px dotted #ccc;
}
form.checkboxes p input {
	float:right;
	display:inline;
}
form.checkboxes p label {
	display:block;
	font-size:10px;
	padding:3px 0;
}
form.inputbox p {
	padding:5px 0;
}
form.inputbox p input {
	font-size:14px;
	padding:2px 4px;
	width:152px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ccc;
}
form.inputbox p label {
	float:left;
	display:inline;
	width:110px;
	font-size:10px;
	text-align:right;
	margin-right:5px;
	padding-top:5px;
}

/******************************************* album editing */

form#privacy {
}
form#privacy h4 {
	padding:10px 20px 0 20px;
}
form#privacy ul.privacyb {
	padding:0 20px;
}
form#privacy ul.privacyb li {
	padding:5px 0;
}
form#privacy ul.privacyb li small {
	font-size:10px;
}
form#privacy ul.privacyb li input#password  {
	float:right;
	display:inline;
	width:140px;
	font-size:14px;
	padding:2px 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ccc;
}

ul.widgets li {
	padding:10px 0 0 0;
	border-bottom:1px dotted #ddd;
	background-position:5px 7px;
	background-repeat:no-repeat;
}
ul.widgets li input {
	float:right;
	display:inline;
	margin-right:10px;
}
ul.widgets li label {
	font-weigt:bold;
	font-size:16px;
	padding:5px 30px 10px 40px;
}
ul.widgets li p {
	font-size:10px;
	padding:0 30px 0 40px;
}
.box300 .cont1 .foot {
	padding:10px 0;
	line-height:24px;
}

ul.shares {
	padding:10px 0;
}
ul.shares li {
	float:left;
	display:inline;
	width:132px;
	margin:0 5px 5px 0;
}
ul.shares li a {
	display:block;
	padding:5px 5px 5px 28px;
	line-height:16px;
	background-position:5px center;
	background-repeat:no-repeat;
	background:color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
ul.shares li a:hover {
	color:#000;
	background-color:#c7e8ad;
}
form.links {
	clear:both;
	overflow:hidden;
	margin-top:10px;
	padding:0 0 10px 10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#eee;
}
form.links label {
	display:block;
	clear:both;
	margin:6px 0 0 0;
	padding:0;
}
form.links input {
	font-size:10px;
	width:246px;
	color:#999;
}

.content .welcome,
.content2 .welcome {
	position:relative;
	background-image:url(../res/welcome-frog.png);
	background-position:40px 10px;
	background-repeat:no-repeat;
	padding-left:220px;
	margin-bottom:20px;
}
.content .welcome .controls3,
.content2 .welcome .controls3 {
	top:6px;
	right:0;
}
.content .welcome:hover .controls3,
.content2 .welcome:hover .controls3 {
	display:block;
}

.fullw .welcome {
	margin-bottom:20px;
	background-image:url(../res/welcome-frog.png);
	background-position:20px 10px;
	background-repeat:no-repeat;
	padding:20px 0 20px 200px;
	border-bottom:1px solid #ccc;
}
.fullw .welcome h1 {
	margin:0 0 10px 0;
}
.fullw .welcome p span {
	background-color:#fc6;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:2px 5px;
}

/******************************************* accounts */

.accountstatus {
}
.accountstatus .cont {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-image:url(../res/w80.png);
	color:#000;
	padding:10px;
}
.accountstatus .thumb {
	float:left;
	display:inline;
	margin-right:10px;
}
.accountstatus .thumb img {
	width:45px;
	height:45px;
}
.accountstatus .data {
	float:left;
	display:inline;
	width:205px;
}
.accountstatus .data h5 {
	color:#8db371;
	margin-bottom:5px;
}
.accountstatus .data h5 em {
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	color:#fff;
	padding:2px 5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#c30;
}
.accountstatus .data h5.premium {
	color:#a9a9b4;
}
.accountstatus .data h5.power {
	color:#cbb677;
}
.accountstatus .data p {
	margin:5px 0;
	padding:0;
}
.accountstatus .data span {
	font-size:10px;
	text-transform:uppercase;
	color:#666;
}
.accountstatus .data .usedspace {
	position:relative;
	margin-top:10px;
	width:152px;
	height:14px;
	background-image:url(../res/meter-bg.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.accountstatus .data .usedspace div {
	position:absolute;
	height:14px;
	line-height:14px;
	background-image:url(../res/meter1.png);
	background-repeat:no-repeat;
	background-position:left center;
	text-align:center;
}
.accountstatus .upgradebtn {
	margin-top:10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-image:url(../res/k60.png);
}
.accountstatus .upgradebtn .why {
	display:none;
	text-align:center;
	color:#fff;
	padding:0 10px 5px 10px;
}
.accountstatus .upgradebtn:hover .why {
	display:block;
}
.accountstatus .upgradebtn .why p {
	margin-top:10px;
}
#saving {
	padding:0 0 0 40px;
	height:48px;
	background-image:url(../res/wait32.gif);
	background-repeat:no-repeat;
	background-position:0 8px;
	line-height:48px;
}

/******************************************* contacts */

ul.contacts {
	position:relative;
	clear:both;
	margin-right:-10px;
}
ul.contacts li {
	position:relative;
	float:left;
	display:inline;
	width:285px;
	margin-right:12px;
	margin-bottom:12px;
	padding:8px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	height:60px;
	overflow:hidden;
}
ul.contacts li:hover,
ul.contacts li.hover {
	background-color:#eee;
}
ul.contacts li .controls2,
ul.contacts li .controls4 {
	top:8px;
	right:8px;
}
ul.contacts li:hover .controls2,
ul.contacts li:hover .controls4 {
	display:block;
}
ul.contacts li .thumb {
	float:left;
	display:inline;
	width:60px;
	margin-right:10px;
}
ul.contacts li .thumb a img {
	width:60px;
	height:60px;
}
ul.contacts li .data {
	float:left;
	display:inline;
	width:210px;
}
ul.contacts li .data h4 {
	font-size:16px;
	margin:0 0 6px 0;
}
ul.contacts li .data p {
	margin:6px 0;
}

/******************************************* popup boxes */

.popw {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-image:url(../res/k60.png);
	z-index:999;
}
.popw .cont,
.popw .cont1,
.popw .cont2,
.popw .cont3 {
	position:relative;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	background-color:#fff;
	margin:100px auto 10px auto;
	padding:20px;
}
.popw .cont {
	width:560px;
}
.popw .cont1 {
	width:360px;
}
.popw .cont2 {
	width:210px;
}
.popw .cont3 {
	position:relative;
	width:982px;
}
.popw .cont2 ul.options {
	margin-top:20px;
}
.popw .cont .close,
.popw .cont1 .close,
.popw .cont2 .close,
.popw .cont3 .close {
	position:absolute;
	right:20px;
	top:20px;
	width:16px;
	height:16px;
	background-image:url(../res/hide_16px.png);
}
.popw .cont .close a,
.popw .cont1 .close a,
.popw .cont2 .close a,
.popw .cont3 .close a {
	display:block;
}
.popw h1 {
	text-align:center;
	padding-bottom:20px;
}
.popw .cont .buttons {
	position:absolute;
	right:0;
	bottom:0;
}
.popw .cont3 .buttons {
	position:absolute;
	right:20px;
	bottom:20px;
}
.popw input {
	margin-bottom:10px;
	border:1px solid #999;
	padding:6px 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	vertical-align:middle;
}
.popw input.fill {
	width:340px;
}
.popw input.title {
	font-size:16px;
}
.popw input.selectcover {
	width:220px;
}
.popw p.maskgroup {
	line-height:40px;
}
.popw button {
	width:120px;
	height:30px;
	vertical-align:top;
	margin-top:-1px;
}
.popw label {
	display:block;
	clear:both;
	margin-bottom:5px;
}
.popw textarea {
	width:240px;
	border:1px solid #999;
	padding:6px 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.popw .cont .thumb {
	float:left;
	display:inline;
	width:180px;
	min-height:45px;
	overflow:hidden;
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
	border:3px solid #ccc;
}
.popw .cont .thumb:hover {
	border:3px solid #000;
}
.popw .cont .thumb img {
	max-width:180px;
	max-height:180px;
}
.popw .cont .thumb a {
	display:block;
	width:80px;
	height:40px;
	padding:70px 50px;
	background-image:url(../res/choosethumb.png);
}
.popw .cont .thumb a span {
	width:90px;
	overflow:hidden;
	margin:60px auto 0 auto;
	font-size:16px;
	color:#fff;
}
.popw .data {
	float:left;
	display:inline;
	position:relative;
	width:350px;
	margin-left:20px;
}
.popw #head-bgcropper {
	position:relative;
	width:980px;
	height:180px;
	overflow:hidden;
	border:1px solid #ccc;
}
.popw #head-bgcropper .bgcont {
	position:absolute;
	cursor:move;
}
.popw .sortalbums {
	height:75%;
}
.popw .albumsorter {
	position:absolute;
	top:80px;
	bottom:80px;
	left:100px;
	right:20px;
	overflow:auto;
}
/******************************************* scroll box */

.simplehd {
	margin-bottom:10px;
}
.scrollhd {
	margin:0 30px 0 37px;
}
.simplehd .fright,
.scrollhd .fright {
	margin-top:4px;
}
.ascroller,
.scroller {
	position:relative;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}
.ascroller,
.ascroller .thumbcnt,
.ascroller .thumbcnt .thumbs,
.ascroller .thumbcnt .thumbs ul.album-grid {
	height:250px;
}
.scroller,
.scroller .thumbcnt,
.scroller .thumbcnt .thumbs {
	height:130px;
}
.popw .scroller {
	margin:20px auto 0 auto;
	width:560px;
	background-color:#fff;
	padding:20px;
}
.ascroller .thumbcnt,
.scroller .thumbcnt {
	position:relative;
	margin:0 30px;
	overflow:hidden;
}
.ascroller .thumbcnt .thumbs,
.scroller .thumbcnt .thumbs {
	position:absolute;
	left:0;
	top:0;
}
.scroller .thumbcnt .thumbs {
	white-space:nowrap;
}
.scroller .thumbcnt .thumbs a {
	line-height:120px;
}
.scroller .thumbcnt .thumbs a img {
	border:5px solid #eee;
	vertical-align:top;
	width:120px;
	height:120px;
}
.scroller .thumbcnt .thumbs a:hover img {
	border:5px solid #333;
}
.scroller .thumbcnt .thumbs a.active img {
	border-color:#999;
}
.ascroller .scroll-right,
.ascroller .scroll-left,
.scroller .scroll-right,
.scroller .scroll-left {
	position:absolute;
	top:0;
	height:130px;
	width:30px;
	background-position:0 center;
	background-repeat:no-repeat;
}
.ascroller .scroll-right,
.ascroller .scroll-left {
	height:190px;
}
.ascroller .scroll-left,
.scroller .scroll-left {
	left:0;
	background-image:url(../res/browseleft.png);
}
.ascroller .scroll-right,
.scroller .scroll-right {
	right:0;
	background-image:url(../res/browseright.png);
}
.popw .scroller .scroll-left,
.popw .scroller .scroll-right {
	top:20px;
	bottom:20px;
}
.popw .scroller .scroll-left {
	left:20px;
}
.popw .scroller .scroll-right {
	right:20px;
}
.ascroller .scroll-right a,
.ascroller .scroll-left a,
.scroller .scroll-right a,
.scroller .scroll-left a {
	display:block;
}
.ascroller .scroll-right:hover,
.ascroller .scroll-left:hover,
.scroller .scroll-right:hover,
.scroller .scroll-left:hover {
	background-position:-30px center;
}
.scroller .thumbs span.upgrade {
	display:inline-block;
	width:110px;
	height:52px;
	background-color:#eee;
	background-image:url(../res/whitearrow.png);
	background-repeat:no-repeat;
	background-position:center 10px;
	border:5px solid #eee;
	padding:68px 5px 0 5px;
	overflow:hidden;
}
.scroller .thumbs .upgrade a {
	display:block;
	text-align:center;
	font-weight:bold;
	white-space:normal;
	line-height:normal;
}

/******************************************* redefine base styles */

li.clear {
	float:none;
	display:block;
}
.first {
	border-top:none;
	border-left:none;
	border-top-width:0;
}
.last {
	border-bottom:none;
	border-right:none;
	border-bottom-width:0;
}
.clear {
	clear:both;
	display:block;
}
.clearhr {
	clear:both;
	display:block;
	margin:0 0 20px 0;
	height:10px;
	border-width:0 0 1px 0;
	border-color:#ccc;
	border-style:solid;
}
.box620bg div.clearhr {
	border-color:#999;
}
.foot ul.options {
	margin:0;
}

/******************************************* icons */

/* 24px icons */
.comment-bicon { background-image:url(../res/comment_24px.png); }
.favorite-bicon { background-image:url(../res/favorite_24px.png); }
.share-bicon { background-image:url(../res/share_24px.png); }
.ok-bicon { background-image:url(../res/ok_24px.png); }
.cancel-bicon { background-image:url(../res/cancel_24px.png); }
.contact-bicon { background-image:url(../res/contact_24px.png); }
.message-bicon { background-image:url(../res/message_24px.png); }
.board-bicon { background-image:url(../res/board_24px.png);  }
.fan-bicon { background-image:url(../res/fan_24px.png);  }
.edit-bicon { background-image:url(../res/edit_24px.png);  }
.account-bicon { background-image:url(../res/account_24px.png);  }
.newalbum-bicon { background-image:url(../res/newalbum_24px.png);  }
.updatedalbum-bicon { background-image:url(../res/updatedalbum_24px.png);  }
.hidealbum-bicon { background-image:url(../res/hidealbum_24px.png);  }
.deletealbum-bicon { background-image:url(../res/deletealbum_24px.png);  }
.lock-bicon { background-image:url(../res/lock_24px.png);  }
.viewdetail-bicon { background-image:url(../res/viewdetail_24px.png);  }
.viewlist-bicon { background-image:url(../res/viewlist_24px.png);  }
.viewgrid-bicon { background-image:url(../res/viewgrid_24px.png);  }
.save-bicon { background-image:url(../res/save_24px.png);  }
.preview-bicon { background-image:url(../res/preview_24px.png);  }
.upgrade-bicon { background-image:url(../res/upgrade_24px.png);  }
.goback-bicon { background-image:url(../res/goback_24px.png);  }
.rss-bicon { background-image:url(../res/rss_24px.png);  }
.blogfeed-bicon { background-image:url(../res/blogfeed_24px.png);  }
.wait-bicon { background-image:url(../res/wait_24px.gif);  }
.wait-bicon:hover { background-color:#fff;  }

/* widget icons */
.about-w-bicon { background-image:url(../res/aboutw_24px.png);  }
.comment-w-bicon { background-image:url(../res/commentw_24px.png);  }
.counter-w-bicon { background-image:url(../res/counterw_24px.png);  }
.nametagger-w-bicon { background-image:url(../res/nametaggerw_24px.png);  }
.share-w-bicon { background-image:url(../res/share_24px.png);  }

/* 16px icons for black background */
.comment-kicon { background-image:url(../res/comment_k16px.png); }
.favorite-kicon { background-image:url(../res/favorite_k16px.png); }
.unfavorite-kicon { background-image:url(../res/unfavorite_k16px.png); }
.share-kicon { background-image:url(../res/share_k16px.png); }
.board-kicon { background-image:url(../res/board_k16px.png); }
.change-kicon { background-image:url(../res/change_k16px.png); }
.changebg-kicon { background-image:url(../res/changebg_k16px.png); }
.contact-kicon { background-image:url(../res/contact_k16px.png); }
.message-kicon { background-image:url(../res/message_k16px.png); }
.edit-kicon { background-image:url(../res/edit_k16px.png); }
.add-kicon { background-image:url(../res/add_k16px.png); }
.reply-kicon { background-image:url(../res/reply_k16px.png); }
.forward-kicon { background-image:url(../res/forward_k16px.png); }
.delete-kicon { background-image:url(../res/delete_k16px.png); }
.hide-kicon { background-image:url(../res/hide_k16px.png); }
.show-kicon { background-image:url(../res/show_k16px.png); }
.preview-kicon { background-image:url(../res/preview_k16px.png); }
.locked-kicon { background-image:url(../res/locked_k16px.png); }
.unlocked-kicon { background-image:url(../res/unlocked_k16px.png); }
.follow-kicon { background-image:url(../res/follow_k16px.png); }
.nofollow-kicon { background-image:url(../res/nofollow_k16px.png); }
.watch-kicon { background-image:url(../res/watch_k16px.png); }
.nowatch-kicon { background-image:url(../res/nowatch_k16px.png); }
.watched-kicon { background-image:url(../res/watched_k16px.png); }
.slideshow-kicon { background-image:url(../res/slideshow_k16px.png); }

/* 16px icons for white background */
.comment-icon { background-image:url(../res/comment_16px.png); }
.favorite-icon { background-image:url(../res/favorite_16px.png); }
.share-icon { background-image:url(../res/share_16px.png); }
.reply-icon { background-image:url(../res/reply_16px.png); }
.ok-icon { background-image:url(../res/ok_16px.png); }
.cancel-icon { background-image:url(../res/cancel_16px.png); }
.add-icon { background-image:url(../res/add_16px.png); }
.contact-icon { background-image:url(../res/contact_16px.png); }
.message-icon { background-image:url(../res/message_16px.png);  }
.board-icon { background-image:url(../res/board_16px.png);  }
.fan-icon { background-image:url(../res/fan_16px.png);  }
.account-icon { background-image:url(../res/account_16px.png);  }
.rss-icon { background-image:url(../res/rss_16px.png);  }
.blogfeed-icon { background-image:url(../res/blogfeed_16px.png);  }
.addexistingalbum-icon { background-image:url(../res/addexistingalbum_16px.png);  }
.sort-icon { background-image:url(../res/sort_16px.png);  }
.settings-icon { background-image:url(../res/settings_16px.png);  }
.hidealbum-icon { background-image:url(../res/hidealbum_16px.png);  }
.deletealbum-icon { background-image:url(../res/deletealbum_16px.png);  }
.save-icon { background-image:url(../res/save_16px.png);  }
.preview-icon { background-image:url(../res/preview_16px.png);  }
.newalbum-icon { background-image:url(../res/newalbum_16px.png);  }
.updatedalbum-icon { background-image:url(../res/updatedalbum_16px.png);  }
/*.goback-icon { background-image:url(../res/goback_16px.png);  }*/
.edit-icon { background-image:url(../res/edit_16px.png); }
.viewdetail-icon { background-image:url(../res/viewdetail_16px.png);  }
.viewlist-icon { background-image:url(../res/viewlist_16px.png);  }
.viewgrid-icon { background-image:url(../res/viewgrid_16px.png);  }
.forum-icon { background-image:url(../res/forum_16px.png); }
.faq-icon { background-image:url(../res/faq_16px.png); }
.video-icon { background-image:url(../res/video_16px.png); }
.admin-icon { background-image:url(../res/admin_16px.png); }
.locked-icon { background-image:url(../res/locked_16px.png); }
.unlocked-icon { background-image:url(../res/unlocked_16px.png); }
.watch-icon { background-image:url(../res/watch_16px.png); }
.nowatch-icon { background-image:url(../res/nowatch_16px.png); }
.watched-icon { background-image:url(../res/watched_16px.png); }
.warning-icon { background-image:url(../res/warning_16px.png); }
.error-icon { background-image:url(../res/error_16px.png); background-color:#fba; }

.message-icon { background-image:url(../res/message_16px.png);  }
.digg-icon { background-image:url(../res/digg_16px.png);  }
.google-icon { background-image:url(../res/google_16px.png);  }
.twitter-icon { background-image:url(../res/twitter_16px.png);  }
.facebook-icon { background-image:url(../res/facebook_16px.png);  }
.myspace-icon { background-image:url(../res/myspace_16px.png);  }
.delicious-icon { background-image:url(../res/delicious_16px.png);  }
.link-icon { background-image:url(../res/link_16px.png);  }

.skin-icon { background-image:url(../res/skin_16px.png);  }
.frog-icon { background-image:url(../res/frog_16px.png);  }

.expand-icon { background-image:url(../res/expand.png); }
.collapse-icon { background-image:url(../res/collapse.png); }

.goback-icon { background-image:url(../res/goback.png); }

/* 64px icons for green buttons */
.app-icon { background-image:url(../res/software/download_btn.png); }