
.w50 { width: 50px; }
.w70 { width: 70px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w100p { width: 99%; }


.gallery label { font-weight: bold;}


.album_menu li {display:inline;color:black;}
.album_menu li a {color:black;}

.item {float:left; margin:20px;}
.item div {text-align:center;}


.show_image .image_user_note {width:90%;text-align:center;border:1px solid lightgrey;margin:20px auto;padding:10px;}
.show_image .image_user_note a {margin:0 25px;}

.show_image .image {text-align:center;}

.show_image .user_layer_with_border{border : 1px dashed #5555FF;}


.show_image .nav {text-align:center;}


.show_image .voting { background: url(../../../images/bg.gif) repeat-x scroll 0 -576px; padding: 10px 0; overflow: hidden; width:300px;margin:0px auto;}
.show_image .voting li { float: left; color: #777; }
.show_image .voting li a { text-decoration: none; outline: none; }
.show_image .voting li a:hover { background: #777; color: #fff; }
.show_image .voting li.author { margin-right: 10px; color: #999; text-decoration: none; background: url(../../../images/icons.gif) no-repeat scroll 0 -105px; padding-left: 13px; }
.show_image .voting li.author a { font-weight: bold; }
.show_image .voting li.date { color: #999; font-size: 11px; margin-right: 20px; }
.show_image .voting li.link { color: #999; font-size: 11px; margin-right: 20px; background:url(../../../images/link_url.gif) center left no-repeat;padding-left: 15px;}

.show_image .voting li.plus { margin-right: 5px; }
.show_image .voting li.total { margin-right: 5px; color: #aaa; }
.show_image .voting li.total a:hover, .show_image .voting li.total a { background: #fff; color: #aaa; }
.show_image .voting li.minus { margin-right: 20px; }
.show_image .voting li.plus a { background: url(../../../images/icons.gif) no-repeat scroll 0 -90px; float: left; display: block; height: 11px; margin-top: 3px; text-decoration: none; width: 9px; }
.show_image .voting li.plus a:hover { background: url(../../../images/icons.gif) no-repeat scroll -40px -90px; }
.show_image .voting li.minus a { background: url(../../../images/icons.gif) no-repeat scroll -10px -90px; float: left; display: block; height: 11px; margin-top: 4px; text-decoration: none; width: 9px; }
.show_image .voting li.minus a:hover { background: url(../../../images/icons.gif) no-repeat scroll -70px -90px; }

.show_image .voting.voted li.plus a { cursor:default; background: url(../../../images/icons.gif) no-repeat scroll 0 -90px; }
.show_image .voting.voted li.minus a { cursor:default; background: url(../../../images/icons.gif) no-repeat scroll -10px -90px; }

.show_image .voting.plus li.plus a { background: url(../../../images/icons.gif) no-repeat scroll -40px -90px; }
.show_image .voting.minus li.minus a { background: url(../../../images/icons.gif) no-repeat scroll -70px -90px; }
.show_image .voting.guest li.plus a { background: url(../../../images/icons.gif) no-repeat scroll 0 -90px; cursor: default; }
.show_image .voting.guest li.minus a { background: url(../../../images/icons.gif) no-repeat scroll -10px -90px; cursor: default; }
.show_image .voting.positive .total { color: #390 !important; }
.show_image .voting.negative .total { color: #f00 !important; }

.show_image .voting.minus li.plus a:hover { background: url(../../../images/icons.gif) no-repeat scroll 0 -90px; }
.show_image .voting.plus li.minus a:hover { background: url(../../../images/icons.gif) no-repeat scroll -10px -90px; }

.show_image .voting li.comments-total a { font-size: 11px; }
.show_image .voting li.comments-total a span { padding: 0 2px; }
.show_image .voting li.comments-total a span.green { color: #390; }
.show_image .voting li.comments-total a span.red { color: #f00; }
.show_image .voting li.comments-total a:hover { background: #390; }
.show_image .voting li.comments-total a:hover span { color: #fff; }
.show_image .voting li.comments-total a:hover span.red { background: #f00; }

.show_image .title {margin:0px 50px;}
.show_image .users { padding: 0px 0; overflow: hidden; margin:0px 50px;}
.show_image .users li { float: left; color: #777; margin-left:10px;}
.show_image .users li a { text-decoration: none; outline: none; }
.show_image .users li a:hover { color: #000; }
.show_image .users li.not_confirmed a{ color:lightgrey;}
.show_image .users li.not_confirmed a:hover { color: #000; }


.show_image #info_div {
	position:absolute;
	padding:10px;
	padding-bottom:20px;
	width:200px;
	height:50px;
	display:none;
	z-index:40;
	background-color:#000077;
	border:1px solid white;
	color:white;
}
.show_image #info_div a {
	color:white;
	padding:5px;
}


/*
	Fancy Uploader
*/

#status { background-color:#F9F7ED; padding:10px 15px;width:420px;}
#status .progress {background: white url(../../../images/modules/gallery/FancyUpload/progress-bar/progress.gif) no-repeat; background-position:	+50% 0; margin-right:			0.5em;}
#status .progress-text { font-size: 0.9em; font-weight:	bold;}
#list {	list-style: none; width: 	450px; margin: 	0;}
#list li.file{border-bottom: 1px solid #eee;background: url(../../../images/modules/gallery/FancyUpload/file.png) no-repeat 4px 4px;}
#list li.file.file-uploading{ background-image: url(../../../images/modules/gallery/FancyUpload/uploading.png);	background-color: #D9DDE9;}
#list li.file.file-success {background-image: url(../../../images/modules/gallery/FancyUpload/success.png);}
#list li.file.file-failed{ background-image: url(../../../images/modules/gallery/FancyUpload/failed.png);}
#list li.file .file-name{ clear:left; display:block; font-size:1.2em; font-weight:bold; height:40px; line-height:40px; margin-left:44px; overflow:hidden; width:350px; }
#list li.file .file-size{font-size: 0.9em; line-height: 18px; float: 	right; margin-top: 2px; margin-right: 6px;}
#list li.file .file-info{display: block; margin-left: 44px; font-size: 0.9em; line-height: 20px;}
#list li.file .file-remove{	clear: 	right; float: 	right; line-height: 18px; margin-right: 6px;}



.album_wrap {
	width:100%;
	background:#F7F8F9;
	border:1px solid lightgrey;
	margin-bottom:7px;
	position:relative;
	padding-bottom: 15px;
	-moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; 
	
}
.album_wrap .photo {
	padding:7px;
	text-align:center;
	width:200px; 
	float:left;
}
.album_wrap .photo img {padding:2px; border:1px solid lightgrey; }
.album_wrap .txt {margin-left:220px;}
.album_wrap p {font-size:0.9em;margin-bottom:0px;}
.album_wrap .txt .edit {position:absolute; right: 5px; bottom: 2px;}
.album_wrap .txt .aTitle {font-size:17px; font-weight:bold; margin: 10px 0px;}
.album_wrap .txt .desc {color:#000; line-height:12px; margin:5px 0px;}

.image_wrap {float:left;width:230px; height:260px; position:relative;  }
.image_wrap .photo {margin:7px 7px 0 7px;padding:7px;border:1px solid lightgrey;text-align:center; line-height:200px; height:200px; vertical-align:middle; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}
.image_wrap .photo img {vertical-align:middle;}
.image_wrap .photo:hover{border:1px solid grey;}
.image_wrap .txt {text-align:center;margin:0px;}
.image_wrap .txt a.mapped {color:red;}
.image_wrap p {font-size:0.8em;}

.image_wrap .more {display:none; z-index: 142; position:absolute; top:60%; left:100px;  width: 230px; padding:10px; background:#F7F8F9; border:1px solid lightgrey; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; }
.image_wrap .more p{margin-bottom:2px; line-height:13px;}
.image_wrap .more span {font-weight:bold;}
.image_wrap .more .red {color:#f00;}
.image_wrap .more .green {color:#0f0;}
.image_wrap .more .desc{margin:5px 0px;}

.catlist_wrap {float:left; height:190px; width:170px;}
.catlist_wrap .photo {border:1px solid lightgrey; height:130px; line-height:130px; margin:7px 7px 0; padding:7px; text-align:center; vertical-align:middle;}
.catlist_wrap .photo img {vertical-align:middle;}
.catlist_wrap .photo:hover{border:1px solid grey;}
.catlist_wrap .txt {text-align:center;margin:0px;}
.catlist_wrap .txt a.mapped {color:red;}
.catlist_wrap p {font-size:0.8em;margin;}



.admin.category option.bold {font-weight:bold;}

a.edit_item { background: url(../../../images/edit.gif) no-repeat 0 1px; padding-left: 15px; margin-left: 10px; text-decoration: none; font-size: 11px; color: #70aae0; }
a.delete_item { background: url(../../../images/delete.gif) no-repeat 0 1px; padding-left: 15px; margin-left: 5px; text-decoration: none; font-size: 11px; color: #f00; }
a.show_item { padding-left: 15px; margin-left: 10px; text-decoration: none; font-size: 11px; color: #70aae0; }
a.add_item { background: url(../../../images/modules/gallery/new_12x12.png) no-repeat 0 1px; padding-left:15px;margin-left: 10px; text-decoration: none; font-size: 11px; color: #70aae0; }


.edit_image {border:1px solid lightgrey;}

.edit_image td {text-align:center;}
.edit_image thead td {border-bottom:1px solid lightgrey; background-color:#eeeeee;border-left:1px solid lightgrey;}
.edit_image thead td.image {width:150px;}
.edit_image thead td.title {width:150px;}
.edit_image thead td.tags {width:90px;}
.edit_image thead td.category {width:150px;}
.edit_image thead td.cover {width:60px;}
.edit_image thead td.select {width:60px;}

.edit_image tbody td {border-bottom:1px solid lightgrey;padding:5px;;border-left:1px solid lightgrey;}
.edit_image tbody td.title textarea {width:140px;height:100px;}
.edit_image tbody td.tags textarea {width:100px;height:100px;}

.tags ul.cloud { text-align: center; }
.tags ul.cloud li { display: inline; margin-right: 5px; line-height: 22px; }
.tags ul.cloud li a { color: #8b8b8b; text-decoration: none; font-size: 18px; }
.tags ul.cloud li a:hover { background: #777; color: #fff; }
.tags ul.cloud li a.w1 { font-size: 11px; }
.tags ul.cloud li a.w2 { font-size: 12px; }
.tags ul.cloud li a.w3 { font-size: 14px; }
.tags ul.cloud li a.w4 { font-size: 16px; }
.tags ul.cloud li a.w5 { font-size: 18px; }
.tags ul.cloud li a.w6 { font-size: 20px; }
.tags ul.cloud li a.w7 { font-size: 22px; }
.tags ul.cloud li a.w8 { font-size: 24px; }
.tags ul.cloud li a.w9 { font-size: 26px; }
.tags ul.cloud li a.w10 { font-size: 28px; }


.clear {clear:both; height:1px; line-height:1px;}

.gallery{padding:0px 20px;margin:0px;}

.gButton, .gButton span {
	height:22px;
	line-height:22px;
	text-decoration:none;
	color:#333333;
}
.gButton {
	background:transparent url(../../../images/modules/gallery/button-small.gif) no-repeat scroll 0 0;
	overflow:visible;
	padding:0;
	text-align:center;
	white-space:nowrap;
	display:block;
	float:left;
}
* HTML .gButton {width:100px;}

.gButton span {
	margin-left:20px; 
	padding-right:20px;
	background:transparent url(../../../images/modules/gallery/button-small.gif) no-repeat scroll right 0; 
	display:block;
}
