/* OpenID icon style */
input.system-openid, input.com-system-openid {
   background: url(http://openid.net/images/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

div#skinrank-container {
font-family: Arial, sans-serif;
font-size: 12px;
color: #333;
width: 590px;
}

a {
    color: #1e6298;
text-decoration: none;
}

a:hover {
    text-decoration: underline;
    }

img {
border: 0;
}

div.clear {
    clear: both;
    }


div.skin-sort {
    float: left;
width: 645px;
    margin-bottom: 15px;
    }
div.skin-sort p {
float: left;
margin: 0;
margin-right: 10px;
}

div.skin-sort ul {
list-style-type: none;
margin: 0;
padding: 0;
    }
    div.skin-sort li {
float: left;
margin-right: 15px;
    }
a.selected-up, a.selected-down {
padding-right: 11px;
font-weight: bold;
}
a.selected-up {
background: url(/images/skinrank/arrow_up.gif) no-repeat 100% 1px;
}
a.selected-down {
background: url(/images/skinrank/arrow_down.gif) no-repeat 100% 2px;
}
div.skin {
position: relative;
width: 625px;
height: 90px;
padding: 10px;
margin-bottom: 15px;
background: url(/images/skinrank/skin_bg.gif) no-repeat;
					    }


div.skin-one-thumbnail {
position: relative;
width: 255px;
height: 255px;
/* padding: 10px; */
/* margin-bottom: 15px; */
/* background: url(/images/skinrank/skin_bg.gif) no-repeat; */
					    }




				    
			    div.skin-thumbnail,
			    div.skin-description,
		    div.metadata,
		    div.skin-rating-download {
		position: absolute;
				}
					
		div.skin-thumbnail {
			    width: 160px;
			height: 90px;
		    overflow: hidden;
			    }
		    
		    div.skin-description, div.metadata {
			left: 185px;
		    width: 304px;
			    }
				    
		    div.skin-description h2 {
						margin: 0;
			    font-size: 16px;
				    }
					    
			    div.skin-description p {
			margin-top: 5px;
						}
									
			div.metadata {
			    font-size: 11px;
				top: 80px;
			}
						
		div.metadata ul {
	    list-style-type: none;
		margin: 0;
		    padding: 0;
		    }
			    
		    div.metadata li {
		float: left;
	    margin-right: 10px;
	    }
		    
    div.skin-rating-download {
	right: 1px;
			    width: 144px;
		font-size: 11px;
		    color: #888;
			text-align: center;
			}
			
			div.rating-details {
			    margin-top: 5px;
				    }
										    
		    div.download-small {
			margin-top: 10px;
			}
												
			div.download-small a {
			    display: block;
			width: 124px;
		    height: 27px;
		margin: 0 auto;
		    padding-top: 5px;
			color: #fff;
		    font-weight: bold;
		background: url(/images/skinrank/download_small.gif) no-repeat;
			}
		div#skinrank-container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333;
	width: 590px;
}

a {
	color: #1e6298;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

div.clear {
	clear: both;
}

div#skinrank-container h1  {
	font-size: 19px;
	color :#333;
	text-decoration: none;

}

div#skinrank-container h1.a  {
	font-size: 19px;
	color :#333;
	text-decoration: none;

}






div.skin-sort {
	float: left;
	width: 645px;
	margin-bottom: 15px;
}

div.skin-sort p {
	float: left;
	margin: 0;
	margin-right: 10px;
}

div.skin-sort ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.skin-sort li {
	float: left;
	margin-right: 15px;
}

a.selected-up, a.selected-down {
	padding-right: 11px;
	font-weight: bold;
}

a.selected-up {
	background: url(/images/skinrank/arrow_up.gif) no-repeat 100% 1px;
}

a.selected-down {
	background: url(/images/skinrank/arrow_down.gif) no-repeat 100% 2px;
}

div.skin {
	position: relative;
	width: 625px;
	height: 90px;
	padding: 10px;
	margin-bottom: 15px;
	background: url(/images/skinrank/skin_bg.gif) no-repeat;
}



div.skin-description h2 {
	margin: 0;
	font-size: 16px;
}

div.skin-description p {
	margin-top: 5px;
}

div.metadata {
	font-size: 11px;
	top: 80px;
}

div.metadata ul, div.metadata-one ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.metadata li {
	float: left;
	margin-right: 10px;
}

div.metadata-one {
	color: #888;
}

div.metadata-one li {
	margin-bottom: 3px;
	font-size: 11px;
}

div.skin-rating-download {
	right: 1px;
	width: 144px;
	text-align: center;
}

div.rating-details, div.rating-details-one {
	margin-top: 5px;
	font-size: 11px;
	color: #888;
}

div.rating-details-one {
	line-height: 140%;
}

div.download-small {
	margin-top: 10px;
}

div.download-small a, div.download-big a {
	display: block;
	color: #fff;
	font-weight: bold;
}

div.download-small a {
	width: 124px;
	height: 27px;
	margin: 0 auto;
	padding-top: 5px;
	background: url(/images/skinrank/download_small.gif) no-repeat;
}

div.download-big {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

div.download-big a {
	width: 138px;
	height: 24px;
	padding-top: 6px;
	text-align: center;
	font-size: 14px;
	background: url(/images/skinrank/download_big.gif) no-repeat;
}

div.skin-breadcrumbs {
	font-size: 11px;
}

div.skin-one {
	width: 645px;
	position: relative;
}

div.skin-one-details {
	position: absolute;
	right: 0;
	top: 0;
	width: 375px;
	background: url(/images/skinrank/skinone_details_bg.gif) no-repeat;
}

div.skin-one-details-wrapper {
	padding: 10px 20px;
	line-height: 135%;
}

div.skin-one-rating-download {
	width: 335px;
	height: 99px;
	padding: 15px 20px;
	background: url(/images/skinrank/skinone_detailsW.gif) no-repeat;
}

div.skin-rate {
}

div.skin-rate p {
	margin: 0;
	margin-right: 7px;
	float: left;
}

div.stars-one {
	float: left;
	margin-top: -1px;
}

div.report-problem {
	position: absolute;
	bottom: 25px;
	font-size: 11px;
}

div.skin-comments {
	margin-top: 20px;
}

div.skin-comments-title {
	float: left;
	margin-bottom: 5px;
}

div.skin-comments h3 {
	float: left;
	margin: 0;
	font-size: 16px;
}

p.add-comment {
	float: left;
	margin-top: 3px;
	margin-left: 15px;
}

div.comment {
	width: 645px;
	padding-bottom: 10px;
	margin-bottom: 15px;
border-bottom: solid 1px #d6d6d6;

}

div.comment-text {
	margin: 7px 0;
	line-height: 140%;
}

div.comment-metadata {
	font-size: 11px;
	color: #888;

}