@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:1000px;
margin:5px auto;
background: url(images/bgadmin.gif) repeat;
color: #666;
}

h1 {
	background: url(images/nav_bg_over.jpg) repeat-x;
	height:24px;
	line-height:24px;
	color:#EAEAEA;
	font-size:13px;
	font-weight:800;
	padding-left:10px;
}

h3 {
	font-size:13px;
	font-weight:800;
}

fieldset {
	padding:5px;
	border:1px solid #999;
	margin:2px;
}

legend {
	text-align:center;
	font-weight:700;
}

label {
	width:80px;
	float:left;
	font-weight:700;
	padding-left:5px;
	background: rgb(246, 246, 246);
	border-right: 1px solid rgb(233,233,233);
	height: 24px;
	line-height:23px;
	border-bottom:1px solid rgb(233,233,233);
	text-align:right;
}

input,textarea,select {
	border:1px solid #999;
	background:#FFF;
	height:20px;
	margin:2px;
}

.clear {
	clear:both;
}

.submit input{
	width:60px !important;
}

.error  {
	color: #F60;
}

ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
	color: green; 
}

a:hover {
	color: rgb(255,153,0);
}

table {
	border: 1px solid  #666;
	text-align:center;
}

td {
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
.tb_header {
	background: url(../images/acp/nav_bg_over.jpg) repeat-x;
	height:24px;
	line-height:24px;
	color:#CCC;
	font-size:13px;
	font-weight:800;
}

#wrapper {
	width:923px;
	margin:auto;
	margin-top:5px;
}

.top {
	background: url(images/top.png) no-repeat;
	height:12px;
	font-size:1px;
}

.inner {
	background: url(images/wrapper.png) repeat-y;
}

#banner {
	background: url(images/banner.jpg) no-repeat;
	width:898px;
	margin:auto;
	height:144px;
}

.content {
	background: url(images/gradient.gif) repeat-x;
	width:898px;
	margin:auto;
	padding-top:15px;
	padding-bottom:5px;
}

.bottom {
	background: url(images/bottom.png) no-repeat;
	height:13px;
	width:923px;
	font-size:1px;
}

.footer {
	background: url(images/foot-menu.gif) repeat-x;
	width:898px;
	margin:auto;
	height:24px;
	line-height:24px;
	text-align:center;
	color: #666;
	font-size:12px;
	font-weight:700;
}

/* Navigation Bar */
#nav {
	background: url(images/nav_bg.gif) repeat-x;
	width:898px;
	margin:auto;
	height:36px;
	line-height:36px;
	top:0;
	left:0;
}

#nav ul a {
	width:125px;
	float:left;
	color:#FFF;
	font-size:13px;
	font-weight:700;
	border-right:1px solid  #333;
	border-left: 1px solid #666;
	text-align:center;
}

#nav ul a:hover {
	background: url(images/nav_bg_over.jpg) repeat-x;
}

/* Holly Hack for IE \*/
* html #left li { float: left; height: 1%; }
* html #left li a { height: 1%; }
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */

.horizontalcssmenu li{
position: relative;
display: inline;
float: left;
}

.horizontalcssmenu li ul{
left: 0;
top: 0;
background: url(images/nav_bg.gif);
border-top:1px solid #CCC;
position: absolute;
display: block;
visibility: hidden;
height:18px;
line-height:18px;
}

.horizontalcssmenu ul li ul li{
	border-bottom:1px solid #FFF;
    background: url(images/nav_bg.gif);	
}
	
/* End Navigation Bar */

/* Content */

#main {
	width:640px;
	float:left;
	padding-left:5px;
}

#right {
	width:248px;
	float:left;
}

.login {
	width:240px;
	margin:auto;
	border:1px solid #666;
	
}

.login input{
	width:150px;
}

.login .submit input {
	width:80px !important;
	margin-left:40px;
}

.login img {
	width:64px;
	float:left;
	padding:2px;
	border:1px solid #333;
	margin:4px;
}

#login {
	width:638px;
	float:left;
	border:1px solid  #000;	
}

#login fieldset {
	width:300px;
	margin:auto;
}

#login label {
	width:120px;
}

#login input {
	width:150px;
}

#login .submit input {
	width:80px !important;
}

#register {
	background: #FFF;
}


.user {
	display:inline;
	color: #060;
}


/* End Content */

/* SlideShow */
$slide {
	width:638px;
}

		.innerfade-title{
        		position: absolute;
        		bottom: 20px;
        		left: 0;
        		z-index: 290;
        		width: 100%;
        		background: #00a7ee url(img/title-bg.png);
        		height: 34px;
        		filter:alpha(opacity=80);
        		-moz-opacity: 0.8;
        		opacity: .8;
        		border-top: 1px solid white;
		}
		.innerfade-title h2{
		        color: white;
		        font-weight: bold;
        		margin-top: 0;
        		margin-bottom: 0;
       			text-align: center;
        		font-family: Arial;
        		font-size: 16px;
        		font-style: italic;
        		line-height: 34px;
		}
		.mycontrolboxclass{
			position: absolute;
			right: 35px;
			top: 20px;
		}
		.bg-frame img { behavior: url(win_png.htc); }

/* End Slideshow */
#mods_cat {
	width:638px;
	float:left;
	border:1px solid #000;
	margin-top:5px;
}

.mods_cat {
	width:157px;
	float:left;
	display:inline;
	border-right:1px dashed  #039;
	border-bottom:1px dashed  #039;	
	padding-bottom:2px;
}

.mods_cat img {
	width:100px;
	height:60px;
	border:2px solid #333;
	margin:4px;
	padding:2px;
}

.mods_cat a:hover img {
	border: 2px solid  #F90;
}

#lastimg {
	width:639px;
	float:left;
	margin-top:5px;
	border:1px solid #060;
}

.lastimg {
	width:212px;
	float:left;
	border-right:1px solid #060;
	border-bottom:1px solid #060;	
	
}

.imgheight {
	height:180px;
	overflow:hidden;
}

.lastimg img {
	width:180px;
	padding:2px;
	border:2px solid  #666;
	margin:4px;	
}

.lastimg a:hover img {
	border:2px solid #F90;
}

.img_name {
	text-align:center;
}

.view {
	text-align:center;
}

/* Rating */
.rating {
	text-align:center;
	padding:0;
}

.rating img {
	border:none;
	margin:0;
	padding:0;
	width:auto;
}

/* End Rating */

/* VIew Image */

#viewimg {
	width:638px;
	float:left;
	border:1px solid #333;
}

.viewimg img {
	width: expression(document.body.clientWidth < 400? "400px" : document.body.clientWidth > 600? "600px" : "auto");
	max-width:600px;
	margin:8px;
	border:5px solid #666;	
}

.viewimg a:hover img {
	border:5px solid #F90;		
}

.imginfo {
	width:240px;
	margin:auto;
	border:1px solid #666;
	margin-top:5px;	
}

.info {
	padding-left:10px;
	padding-top:5px;
}


/* End View Img */

/* Comment */
.comments {
	padding-left:20px;
}
.comments textarea{
	width:400px;
	height:50px;
}

#viewcoms {
	margin:10px 5px 5px 0px;
	background-color: rgb(236, 239, 245);	

}

#viewcoms img {
	width:64px;

}

.comment-left {
	width:100px;
	float:left;
	padding-top:5px;	
}

.comment-right {
	width:500px;
	float:left;
	padding-top:10px;
}

.clear-com {
	clear:both;
	border-bottom:1px solid #FFF;
}
/* End Comment */

#viewcat {
	width:638px;
	float:left;
	border:1px solid  #333;
}

#viewab {
	width:636px;
	float:left;
	border:1px solid #999;
}

#topimg {
	width:240px;
	margin:auto;
	border:1px solid #666;
	margin-top:5px;	
}


#topimg img {
	width:180px;
	padding:2px;
	border:2px solid  #666;
	margin:4px;	
}

#topimg a:hover img {
	border:2px solid #F90;
}

.topimg {
	border-bottom:1px dotted #333;
	text-align:center;
}

.loader {
	text-align:center;
	margin:5px;
}