﻿/*
* .side-box
*/
.side-box
{
	border : solid 2px #dcdcdc;
	padding: 10px;
	margin: 0 0 10px 0;
}

#show-num
{
	float : right;
	padding:0px;		
}

/*
* .plugin-item
*/
.plugin-item
{
	width:570px;
}

.plugin-item div.plugin-item-preview-image
{
	clear: both;
	float: left;
	width: 180px;
	height: 160px;
	overflow:hidden;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline;
}

.plugin-item div.plugin-item-preview-image img
{
	clear: both;
	float: right;
	margin-top:3px;
}

.plugin-item-contents
{
	padding : 4px;
}

.plugin-item-contents
{	
	width : 372px;
	float : right;
	margin-bottom : 40px;
}

.plugin-caption
{
	font-size : 15px;
	font-weight : bold;	
	float : left;
}

.plugin-category
{
	margin : 3px 0 0 4px;
	float : left;
}

.plugin-author
{
	margin : 0px 0 0px 0;
	float : right;
}

.plugin-favor
{
	float :left;
	clear:both;
}

.plugin-version
{
	margin : 0px 0 2px 0;
	clear : both;
	float : left;
}

.plugin-updatedate
{
	padding:0;
	margin : 2px 0 2px 0;
	float:right;
}

.plugin-description
{
	clear : both;
	padding : 3px;
}

.plugin-dlbutton
{
	clear : both;
	float : left;	
	margin : 10px 0 0 0;
}

.plugin-downloaddetail
{
	margin : 20px 0 0 6px;
	float : left;
}

.plugin-item .plugin-item-left
{
	/*clear:both;*/
	display: inline;
	float: left;
	width: 330px;
}

.plugin-item-left .button
{
	float:left;
}

.plugin-item-left .download
{
	height:20px;
	line-height:24px;
}

.plugin-item .script-item-left
{
	display: inline;
	float: left;
	width: 270px;
}

.plugin-item h3
{
	margin-top: 0px;
}

.plugin-item div.preview-image
{
	clear: both;
	float: right;
	width: 180px;
	height: 160px;
	overflow:hidden;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline;
}

.plugin-item div.preview-image img
{
	clear: both;
	float: right;
	margin-top:3px;
}

.plugin-item div.script-image
{
	clear: both;
	float: right;
	width: 230px;
	height: 160px;
	overflow:hidden;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline;
}

.plugin-item div.script-image img
{
	clear: both;
	float: right;
	margin-top:3px;
}
.plugin-item .plugin-author
{
	margin-top: 4px;
	margin-bottom: 4px;
	float: right;
	display: inline;
	margin-right: 10px;
	line-height: normal;
}

.plugin-item .plugin-author span
{
	font-size: 12px;
	color: #d54000;
}
.plugin-item span.plugin-author-title
{
	float: right;
}

.plugin-item blockquote
{
	font-size: 12px;
	line-height: 16px;
	margin: 10px 5px;
}

.plugin-item .plugin-star
{
	margin-left: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #a1a1a1;
}

.plugin-item span.plugin-date
{
	clear:both;
	display: block;
	margin-left: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #a1a1a1;
}

.plugin-item span.plugin-version
{
	display: block;
	margin-left: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #a1a1a1;
}

.plugin-item div.detailnavi
{
	margin-left: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}

.plugin-item table
{
	margin-left: 5px;
}

.plugin-item table td
{
	padding: 3px 0px;
}

.plugin-item table td .title
{
	color: #666666;
	
}

.plugin-item table td .content
{
	color: Black;
}

/* Licence item */
.licence-item
{
	margin: 0 0 10px 0;
	width: 500px;
	float: left;
	background: url(../img/left-top-corner-box.jpg) top left no-repeat;
	overflow: hidden;
}

.licence-item:after { 
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.licence-item h3
{
	padding: 12px 0px 3px 5px;
	margin: 0 0 0 10px;
	/*line-height: 16px;*/
	font-size: 14px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	overflow: hidden;
}
.licence-item h3:after { 
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.licence-item blockquote
{
	font-size: 12px;
	line-height: 20px;
	margin: 10px 10px 10px 15px;
}

/* Sidemenu GoogleAd */
.googlead
{
	margin-top: 15px;
	margin-left: 20px;
}

/* PLUGINS DETAILS INFO */

#plugin_name_contents
{
	margin-bottom: 30px;
	overflow: hidden;
}

#plugin_name_contents:after { 
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#plugin_name_contents .plugin_info_left
{
	float: left;
}

#plugin_name_contents h2
{
	width: 250px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 26px;
	background: url(../img/icon.gif) no-repeat center left;
}

#plugin_name_contents h2 span
{
	margin-left: 32px;
}

#plugin_name_contents .Author
{
	float: right;
}

blockquote.Description
{
	margin: 10px 10px 10px 5px;
}

#plugin_name_contents blockquote.Description
{
	float: left;
	width: 380px;
}

#plugin_name_contents .image
{
	float: right;
	width: 100px;
	margin-top: 5px;
}

#plugin_name_contents .image img
{
	border: none;
}

#plugin_name_contents .button
{
	float: right;
	margin-top: 5px;
	width: 100px;
}


/* PLUGINS REVIEW */

#plugin_review .review
{
	width: 520px;
	margin-bottom: 30px;
	border-bottom: 1px solid #b2b2b2;
	background: #efefef;
}

#plugin_review .review .review_title
{
	background: white;
	width: 520px;
	height: 17px;
	
}

#plugin_review .review span.review_author
{
	float: left;
	color: #d57000;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 1px;
	background: #efefef url(../img/review_tab.jpg) no-repeat right;
	padding-right: 10px;
	
}

#plugin_review .review span.review_rating
{
	float: right;
	display: inline;
}

#plugin_review .review blockquote
{
	clear: both;
	font-size: 12px;
	line-height: 16px;
	margin: 10px 5px;
}

#plugin_review .review span.review_date
{
	display: block;
	color: #666666;
	font-size: 12px;
	margin-bottom: 3px;
	margin-left: 3px;
}

/* Comment */
#plugin_Comment_insert h3
{
	padding: 5px 0px 5px 32px;
	margin: 20px 0 5px 0;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

#plugin_Comment_insert h3.comment_rank
{
	background: url(../img/rank.jpg) no-repeat center left;
}

#plugin_Comment_insert h3.comment_text
{
	background: url(../img/review.jpg) no-repeat center left;
}

/* Report */
#plugin_Report_insert h3
{
	padding: 5px 0px 5px 32px;
	margin: 20px 0 5px 0;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

#plugin_Report_insert h3.report_text
{
	background: url(../img/bug.jpg) no-repeat center left;
}

.mod-spacer
{
	clear: both;
}


/* Plugin */
.mod-plugin-author
{
	float: right;
}
.mod-plugin-author span.plugin-author
{
	font-size: 12px;
	color: #d54000;
}


.mod-plugin-image
{
	clear: both;
	margin-top: 4px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 170px;
	float: right;
}

.mod-plugin-button
{
	margin-top:5px;
}
.mod-plugin-image img
{
	border: 0;
}

.mod-plugin-info
{
	width: 520px;
	float: left;
	font-size: 12px;
	line-height: 16px;
	
}


/* Bookmarklet */
.mod-bookmarklet-code
{
	padding: 5px;
	border: 1px solid #444444;
	border-style:double;
	background: #ede3cc;
}

textarea.javasrc
{
	width: 520px;
	font-size: 13px;
	background: #ede3cc;	
}

.mod-bookmarklet-image
{
	clear: both;
	margin-top: 4px;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 220px;
	float: right;
}

.mod-bookmarklet-image img
{
	border: 0;
}

/* plugin-caution */
.plugin-caution
{
	margin-left: 5px;
	line-height: 18px;
	font-size: 12px;
}

.plugin-caution li
{
	margin-top: 4px;
}


/* Separator Line */
.separator
{
	clear: both;
	margin-top: 15px;
	width: inherit;
	height: 1px;
	background: url(../img/separator_line.jpg) no-repeat center;
}

/* confirm upload and manage */
div.mod-confirm-image
{
	clear:both;
	height: 160px;
	overflow:hidden;
}

div.mod-confirm-image-left-plugin
{
	float:left;
	width:170px;
}

div.mod-confirm-image-left
{
	float:left;
	width:220px;
}

div.mod-confirm-image-right-plugin
{
	float:left;
	margin-left:10px;
	width:300px;
}
div.mod-confirm-image-right
{
	float:left;
	margin-left:5px;
	width:295px;
}
