/* general */
h1.usergallery_title {
	margin-bottom:10px;
}

.roundme {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.mygalleries p { padding-bottom:10px;}

#rateframe {
	visibility:hidden;
	height:1px;
}

/* forms */
.galleryform {
	background:#EEE;
	padding:10px;
	border:1px solid #CCC;
	margin:15px;
	position:relative;
}
.accordion .galleryform {
	margin-top:-1px;
}
.galleryform label {
	display:block;
	float:left;
	width:100px;
	font-weight:bold;
	clear:left;
}
.galleryform .text {
	padding:2px;
	border:1px solid #CCC;
	background:#FFF;
	max-width:350px;
	width: 100%;
}

p.gallery_description {
	margin-top:10px;
	padding-bottom:10px;
}

/* accordion */
div.accordion {
	position:relative;
	margin-bottom:20px;
}
div.accordion a {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.accordion a.ui-accordion-header {
	display:block;
	margin-top:5px;
	background: url('../img/accordeontoggle.png') right 2px no-repeat #EEE;
	border:1px solid #CCC;
	padding:10px 5px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
div.accordion a.ui-accordion-header-active {
	background: url('../img/accordeontoggle.png') right -30px no-repeat #EEE;
	box-shadow:0px 2px 2px 0px #CCC;
}
div.accordion a.ui-accordion-header span {
	font-weight:normal;
}
div.accordion a.ui-accordion-header:hover {
	color:#000;
	background-color:#DDD;
	text-decoration:none;
}

div.accordion a.delete {
	background:url(../img/gallerydelete.png) left top no-repeat;
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:0;
	right:0;
	text-indent:-9999px;
	margin:0;
	padding:0;
	border:0;
	cursor:pointer;
}
div.accordion a.delete:hover {
	background:url(../img/gallerydelete.png) left bottom no-repeat;
}

/* user images */
div.imagerow {
	border:1px solid #CCC;
	margin-bottom:10px;
	padding-bottom:5px;
	background:#F9F9F9;
	position:relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.imagerow:hover {
	background:#FFF;
	box-shadow:0px 0px 3px 0px #CCC;
}
div.imagerow .imagenr {
	background:#DDD;
	padding:5px 2px;
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
}
div.imagerow img {
	position:absolute;
	right:5px;
	padding:1px;
}
div.imagerow img.waiting {
	border:4px solid #CCC;
}
div.imagerow img.allowed {
	border:4px solid #090;
}
div.imagerow img.denied {
	border:4px solid #C00;
}
div.imagerow label {
	margin-left:5px;
	padding-top:2px;
}

ul.colorlegend {
	float:right;
	font-size:10px;
	margin-top:5px;
}
ul.colorlegend li {
	float:left;
	margin-right:3px;
}
ul.colorlegend li.color {
	display:block;
	width:16px;
	height:16px;
	line-height:16px;
	margin-left:8px;
}
ul.colorlegend li.waiting {
	background:#CCC;
}
ul.colorlegend li.allowed {
	background:#090;
}
ul.colorlegend li.denied {
	background:#C00;
}

div.accordion a.userimg, div.picholder a.userimg {
	display:block;
	height:100px;
	width:100px;
	overflow:hidden;
	padding:1px;
	border:1px solid #666;
	float:left;
	margin:10px 14px;
	background:#FFF;
}
div.accordion a.userimg:hover, div.picholder a.userimg:hover {
	border:1px dotted #FC0;
}
div.picholder {
	border-top:1px dotted #CCC;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}

h3.type_title {
	padding:7px 2px;
	background:#EEE;
}
ul.picholder {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.picholder li {
	height:120px;
	padding:1px;
	float:left;
	margin:10px;
	text-align:center;
	padding:2px;
	overflow:hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
ul.picholder li:hover {
	background:#EEE;
}
ul.picholder li a {
	text-decoration:none;
}
ul.picholder li .imghold {
	border:1px solid #666;
	width:150px;
	height:150px;
	margin:auto;
	overflow:hidden;
	text-align:center;
	margin-top:15px;
}

ul.picholder .product-container,ul.picholder .product-container h5 a {
	transition: all .4s;
}
ul.picholder .product-container:hover{
	background: #2e3c79 !important;
}
ul.picholder .product-container:hover h5 a{
	color:#fff !important;
}
/* comments */
div.user_comments {
	margin:15px;
}
div.user_comments h3 {
	padding-bottom:10px;
}
ul.comments {
	clear:both;
	margin:0 !important;
	padding:0;
	list-style:none;
	border-top:1px dotted #CCC;
}
ul.comments li {
	border-bottom:1px dotted #CCC;
	vertical-align:top;
	padding:4px 2px;
}
#idTab3 ul.comments li:hover {
	background:#EEE;
}
ul.comments li span {
	display:block;
	font-weight:bold;
	padding-bottom:2px;
}
a.addcomment {
	margin-left:15px;
}
a.addrating {
	margin-right:15px;
	float:right !important;
}

a.delete_comment {
	float:right;
	margin: 5px 10px 10px 10px;
}

/* product relation */
ul.related {
	padding:0;
	margin:10px 0px;
	list-style:none;
	clear:both;
}
ul.related li {
	margin:5px;
	line-height:50px;
	height:50px;
	float:left;
}

div.suggestions {
	background:#FFF;
	border:1px dotted #CCC;
	color:#39C;
	padding:2px;
	position:absolute;
	margin-left:32%;
	margin-top:-3px;
	display:none;
}

ul.linkedprod {
	float:left;
	clear:both;
	margin:5px 0 5px 0 !important;
}
ul.linkedprod li {
	float:left;
	line-height:50px;
	margin-right:10px;
}