/*
-----------------------------------------------
thetain item stylesheet
filename:	item.css
author:		james wheare © thetain.org
version:	2004/3/20
----------------------------------------------- */


/* heading
----------------------------------------------- */

#item h3 {
	clear:left;
	margin:0;
	padding:0 0 1em 0.5em;
	font:normal 1.3em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-indent:0.7em;
	border:1px solid #aaa;
	border-width:0 0 1px 0;
	}
#item h2.graphical {
	padding:10px 0 10px 0;
	border:1px solid #aaa;
	border-width:0 0 1px 0;
	}
#item h2.graphical img {
	padding:2px;
	background:#fff;
	border:1px solid #aaa;
	}

.list .operation a {
	text-decoration: none;
	background-color: transparent;
	color: #F9F6EF;
}
.list table {
	border-collapse: collapse;
	background: white;
	border:1px solid #aaa;
	width: 100%;
}

.list th {
	padding: 0 0 0 12px;
	margin: 0;
	height: 20px;
	background: #ccc;
	text-align: left;
	background: url(/images/admin/spot-title.gif) repeat-x;
	border-bottom: 1px solid #ccc;
}

.list td {
	height: 21px;
	vertical-align: center;
}
.list td.operation {
	text-align: center;
}
.list .main, .list .main a {
	color: black;
}


/* info box
----------------------------------------------- */


#item div#info {
	float:right;
	margin:0;
	margin-bottom:10px;
	width:220px;
	}

#item div#info img {
	margin:10px 0 0 0;
	padding:2px;
	background:#fff;
	border:1px solid #aaa;
	}

#item div#info p.download {
	margin:10px 0 0 0;
	padding:0;
	width:220px;
	height:42px;
	background:url(../images/download_bg.gif) no-repeat 0 0;
	}
body#item.mythi div#info p.download {
	background-position:0 0;
	}
body#item.mythii div#info p.download {
	background-position:0 -42px;
	}
body#item.mythiii div#info p.download {
	background-position:0 -84px;
	}

#item div#info p.download a {
	display:block;
	margin:0;
	padding:0;
	width:220px;
	height:42px;
	background:url(../images/download.gif) no-repeat 0 0;
	}
#item div#info p.download a:hover {
	background-position:0 -42px;
	}
#item div#info p.download a span {
	display:block;
	margin:0;
	padding:0;
	text-indent:-1000em;
	}

#item div#info ul.data {
	float:left;
	margin:10px 0;
	padding:0;
	width:218px;
	font-size:1em;
	line-height:1.5;
	border:1px solid #bbb;
	border-width:0 1px 1px 1px;
	background:#d7d2c3;
	}
#item div#info ul.data li {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:218px;
	list-style-type:none;
	border:1px solid #bbb;
	border-width:1px 0 0 0;
	}

#item div#info ul.data dl {
	margin:0;
	padding:0;
	}
#item div#info ul.data dt {
	clear:both;
	float:left;
	margin:0;
	padding:0.2em 3px;
	width:90px;
	font-weight:bold;
	}
#item div#info ul.data dd {
	clear:right;
	float:right;
	margin:0;
	padding:0.2em 3px;
	width:115px;
	font-weight:normal;
	background:#eae8d7;
	border:1px solid #bbb;
	border-width:0 0 0 1px;
	}
#item div#info ul.review-data
{
    margin-top: 0px;
}
#item div#info ul.data dl.reviews a {
    font-weight: normal;
}
#item div#info ul.data dl.reviews dt {
    background:#eae8d7;
}
#item div#info ul.data dd.rating ul {
	margin: 0;
	padding: 0;
	float:left;
	width:115px;
}
#item div#info ul.data dd.rating ul li {
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	clear:none;
	float:left;
	width:15px;
	list-style-type:none;
	border:none;
}
#item div#info ul.data dd.rating span {
	display:block;
	width:15px;
	height: 15px;
	margin: 2px 0;
	background:url(../images/star-ratings.jpg) no-repeat;
}
#item div#info ul.data dd.rating li.rated span 
{
	background-position: 0 -15px;
}
#item div#info ul.data dd.rating li.unrated span 
{
    background-position: -15px -15px;
}

#item div#info h3 {
	margin:0;
	margin-top:10px;
	padding:0;
	width:auto;
	height:auto;
	background:#d7d2c3;
	border:1px solid #bbb;
	border-width:1px 1px 0 1px;
	font:bold 1.2em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-indent:0;
	}

#item div#info ul.more {
	margin:0;
	padding:0;
	background:#eae8d7;
	border:1px solid #bbb;
	}
#item div#info ul.more li {
	list-style-type:none;
	font-size:1.1em;
	line-height:1.5;
	}

#item div#info ul.more a, #item div#info h3 a {
	display:block;
	padding:0.3em 5px;
	width:208px;
	voice-family: "\"}\"";
	voice-family:inherit;
	}
html>body #item div#info ul.more a, html>body #item div#info h3 a {
	width:208px
	}

#item div#info ul.more a:hover {
	background: #f9f6ef;
	}

/* description
----------------------------------------------- */

#item div#description {
	float:left;
	margin:0 0 1em 0;
	padding:0 0 0.5em 0;
	width:450px;
	overflow:hidden;
	}
#item div#description.require {
	background:url(../images/require_top.gif) no-repeat 8px 10px;
	}

#item div#description p {
	margin:1em 1em 0 1em;
	line-height:1.7em;
	}
#item div#description div.require {
	margin:15px 32px 0.5em 8px;
	padding:0;
	background:url(../images/require.gif) no-repeat 0 100%;
	}
#item div#description div.require p {
	margin:0;
	padding:7px 10px 12px 65px;
	background:url(../images/default.gif) no-repeat 6px 50%;
	}

#item div#description h1,
#item div#description h2,
#item div#description h3,
#item div#description h4,
#item div#description h5,
#item div#description h6 {
	margin:14px 0 0 13px;
	padding:0;border:0;text-indent:0;float:none;
	width:auto;
	}
#item div#description h1 {
	font:bold 24px "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#item div#description h2 {
	font:bold 22px "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#item div#description h3 {
	font:bold 20px "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#item div#description h4 {
	font:bold 18px "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#item div#description h5 {
	font:bold 17px "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#item div#description h6 {
	font:bold 16px "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

#item div#description dl {
	margin:1em 1em 0 1em;
	line-height:1.7em;
	font-size:1.1em;
	}
#item div#description dt {
	font-weight:bold;
	}
#item div#description dd {
	margin:0 0 0.5em 1em;
	}

#item div#description li {
	margin:0 0 0.1em 0;
	padding:0;
	list-style-type:square;
	font-size:1.1em;
	line-height:1.7em;
	}
#item div#description ol li {
	list-style-type:lower-roman;
	}
#item div#description li ul li {
	list-style-type:square;
	font-size:1em;
	line-height:1.5em;
	}

#item div#description code {
	display:block;
	margin:5px 10px 5px 15px;
	padding:5px;
	background: #eae8d7;
	overflow: auto;
	border:2px dashed #006900;
	}

/* screenshots
----------------------------------------------- */

#item ul#screenshots {
	margin:0 0 1em 0;
	padding:0 0 0.5em 0;
	}
#item ul#screenshots li {
	position:relative;
	float:left;
	margin:0 0 0.5em 3px;
	padding:0;
	width:156px;
	list-style-type:none;
	}
#item ul#screenshots p {
	margin:0;
	text-align:center;
	font-size:1em;
	font-weight:normal;
	line-height:1.5;
	}
#item ul#screenshots img {
	margin:0;
	padding:2px;
	background:#fff;
	border:1px solid #aaa;
	}
#item ul#screenshots a:hover img {
	background:#ccc;
	}