body{
	background-color:#F8F8F8;
	font-family:tahoma, verdana, helvetica, sans-serif;
	font-size:10pt;
	color:#7E7E7E;
}
p{
	text-align:left;
	padding: 5px 15px 5px 15px;
	color:#7E7E7E;
}
a{
	color:#7E7E7E;
}
a:hover{
	color:#AAAAAA;
	text-decoration:none;
}
.center{
	text-align:center;
}
.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;
}
.underline{
	text-decoration:underline;
}

/*Remove border on image links*/
a:link img{border-style: none;}
img{border-style: none;}

/* Container */
#container{
	margin:0% auto;
	position:relative;
	width:640px;
	text-align:center;
	/*border: 1px solid #E0E0E0;*/
	background-color:#FFFFFF;
}
#contents{

}
.contents{
	text-align:left;
}
ul.none {
	text-align:left;
	list-style:none;
}

/*Border container*/
.bl {background: url(/assets/borderimages/bl.gif) 0 100% no-repeat;}
.br {background: url(/assets/borderimages/br.gif) 100% 100% no-repeat;}
.tl {background: url(/assets/borderimages/tl.gif) 0 0 no-repeat;}
.tr {background: url(/assets/borderimages/tr.gif) 100% 0 no-repeat;padding:5px;}
.t {background: url(/assets/borderimages/dot.gif) 0 0 repeat-x;}
.b {background: url(/assets/borderimages/dot.gif) 0 100% repeat-x;}
.l {background: url(/assets/borderimages/dot.gif) 0 0 repeat-y;}
.r {background: url(/assets/borderimages/dot.gif) 100% 0 repeat-y;}

/*Border menu*/
#menu .bl {background: url(/assets/borderimages/ibl.gif) 0 100% no-repeat;}
#menu .br {background: url(/assets/borderimages/ibr.gif) 100% 100% no-repeat;}
#menu .tl {background: url(/assets/borderimages/itl.gif) 0 0 no-repeat;}
#menu .tr {background: url(/assets/borderimages/itr.gif) 100% 0 no-repeat;}
#menu .t {background: url(/assets/borderimages/dot.gif) 0 0 repeat-x;}
#menu .b {background: url(/assets/borderimages/dot.gif) 0 100% repeat-x;}
#menu .l {background: url(/assets/borderimages/dot.gif) 0 0 repeat-y;}
#menu .r {background: url(/assets/borderimages/dot.gif) 100% 0 repeat-y;}

/*Menu*/
#menu{
	width:606px;
	background-color:#F8F8F8;
	margin:0% auto;
}
#menu ul{
	margin:0;
	padding:0;
}
#menu li{
	list-style:none;
	display:inline;
	padding: 0px 5px 0px 5px;
	font-size:10pt;
	border-right: 1px solid #E0E0E0;
	
}
#menu a{
	color:#7E7E7E;
	text-decoration:none;
}
#menu a:hover{
	color:#AAAAAA;
	text-decoration:none;
}

/* Main */
h3{
	font-weight:bold;
	text-decoration:underline;
	margin-left:15px;
	width:600px;
	color:#7E7E7E;
	text-align:center;
	padding:5px 0 0 0;
	margin:0;
}
.titleMain{
	/*font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 10px;
	margin:10px 0 0 15px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	width:585px;
	color:#7E7E7E;
	text-align:left;
	*/
	display:none;
}
.title{
	font-size:10pt;
	font-weight:bold;
	text-decoration:underline;
	padding:10px 0 5px 0px;
	margin-left:15px;
	border-bottom: 1px solid #E0E0E0;
	width:600px;
	color:#7E7E7E;
	text-align:left;
}
#logo{
	height:100px;
	width:630px;
	background-image:url(/assets/images/logo.jpg);
	margin-bottom:10px;
}
#footer{
	position:relative;
	bottom:10px;
	text-align:center;
	color:#7E7E7E;
	font-style:italic;
	padding-top:2em;
	font-size:8pt;
}

/* Theme Item */
.itemContent{
	position:relative;
}
.itemTheme{
	border: 1px solid #E0E0E0;
	height:170px;
	width:595px;
	margin:10px 0px 10px 15px;
	padding:5px 0 0 5px;
	background-color:#F8F8F8;
}
.itemDownload{
	text-align:right;
	float:right;
	padding-right:5px;
	position:relative;
	top:5px;
	top:150px;
}
.itemPicture{
	float:left;
	border: 1px solid #E0E0E0;
	padding:0;
	margin:0 5px 0 0;
	height:160px;
}
.itemThemeComments{
	font-style:italic;
	text-decoration:underline;
	float:right;
	position:relative;
	padding-top:5px;
	font-weight:normal;
}
itemThemeComments a:hover{
	text-decoration:none;
}
.themeTitles{
	font-weight:bold;
	padding:0px 10px 0px 0px;
	margin:0;
	float:left;
	text-align:left;
}
.themeTitlesContent{
	font-weight:normal;
	float:left;
	padding:0;
	margin:0;
	text-align:left;
	width:222px;
}
.themeTitlesContentP900{
	width:140px;
	font-weight:normal;
	float:left;
	padding:0;
	margin:0;
	text-align:left;
}
.itemDetails{
	font-style:italic;
	text-align:right;
	color:#A5A5A5;
	font-size:8pt;
}

/*Mod Options*/
.itemModTheme{
	text-align:right;
	position:absolute;
	right: 5px;
}
.itemMod{
	text-align:right;
	position:absolute;
	right: 20px;
}
.modAdd{
	text-align:right;
	position:relative;
	right:20px;
	bottom:-5px;
	padding-top:5px;
}

.newsHidden{
	background-image:url(/assets/modimages/hidden.png);
}
.itemMember{
	border: 1px solid #E0E0E0;
	height:170px;
	width:595px;
	margin:10px 0px 10px 15px;
	padding:5px 0 0 5px;
	background-color:#F8F8F8;
}
.itemMember .itemPicture{
	float:left;
	border: 1px solid #E0E0E0;
	padding:0;
	margin:0 5px 0 0;
	height:100px;
	width:100px;
}
.itemMemberTitle{
	text-align:left;
	font-weight:bold;
	text-decoration:underline;
	padding: 0 0 5px 0;
}
.memberTitlesContent{
	font-weight:normal;
	float:left;
	padding:0;
	margin:0;
	text-align:left;
	width: 400px;
}

/*Forms*/
.row{
	width:595px;
	padding: 5px 0px 2px 15px;
	text-align:left;
}
.row .label{
	float:left;
	display:block;
	width:75px;
}
.row .field{
}
.row .fieldn{
	float:left;
}

/*Login Form*/
.frmLogin .row{
	text-align:center;
}
.frmLogin .row .label{
	text-align:right;
	float:none;
	display:inline;
	padding-right:5px;
}

/*styles for the star rater from http://komodomedia.com/blog/samples/ratings.htm*/
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 65px;
	height: 12px;
	position: relative;
	background: url(/assets/images/rating.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:13px;
	height: 12px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 13;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(/assets/images/rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:13px;
}
.star-rating a.two-stars{
	left:13px;
}
.star-rating a.two-stars:hover{
	width: 26px;
}
.star-rating a.three-stars:hover{
	width: 39px;
}
.star-rating a.three-stars{
	left: 26px;
}
.star-rating a.four-stars{
	left: 39px;
}	
.star-rating a.four-stars:hover{
	width: 52px;
}
.star-rating a.five-stars{
	left: 52px;
}
.star-rating a.five-stars:hover{
	width: 65px;
}

/*BB Code*/
/*This is the grey box where everything is contained in*/
.frmBBCode{
	text-align:center;
	width:20em;
	background-color:#F5F5F5;
	border:1px solid #c5c5c5;
}

/*This edits the heading type thing where all the buttons are*/
.frmBBCode .buttons{
	padding:5px 0 5px 0;
	background-color:#efefef;
}
/*This edirs the contents (below the header) where the text area is*/
.frmBBCode .textarea{
	border-top:1px solid #c5c5c5;
	padding: 7.5px 0 0 0;
}
/*This edits the submit button properties*/
.frmBBSubmit{
	margin: 5px 0px 5px 0px;
	width:63px;
	height:22px;
	background:url(/v_modop/bbimages/submit.gif) no-repeat top right;
	border:0;
}

/*These edit the individual buttons*/
.bbcodeImg{
	width:21px; /*Important, change depending on size of image used*/
	
	background:url(/v_modop/bbimages/image.gif) no-repeat top right;
	border:0;
}
.bbcodeUrl{
	width:21px;
	
	background:url(/v_modop/bbimages/link.gif) no-repeat top right;
	border:0;
}
.bbcodeBld{
	width:21px;
	
	background:url(/v_modop/bbimages/bold.gif) no-repeat top right;
	border:0;
}
.bbcodeUnd{
	width:21px;
	
	background:url(/v_modop/bbimages/underline.gif) no-repeat top right;
	border:0;
}
.bbcodeIta{
	width:21px;
	
	background:url(/v_modop/bbimages/italic.gif) no-repeat top right;
	border:0;
}

/*This changes the dropdown box to whatever*/
.frmBBColor{
}
/*This makes "blue" in dropdown appear blue and used for colours*/
.frmBBColor .colorBlue, span.colorblue{
	color:blue;
}
.frmBBColor .colorRed, span.colorred{
	color:red;
}
.frmBBColor .colorPurple, span.colorpurple{
	color:purple;
}
.frmBBColor .colorOrange, span.colororange{
	color:#ffa500;
}
.frmBBColor .colorYellow, span.coloryellow{
	color:yellow;
	/*Tried a black bg so yellow stands out but wasn't good*/
}
.frmBBColor .colorGray, span.colorgreen{
	color:gray;
}
.frmBBColor .colorGreen, span.colorgreen{
	color:green;
}

/*Smiley Stuff*/
.smileyTable{
}
.smileyTable table{
	border: 1px solid #c5c5c5;
	text-align:center;
}
.smileyTable th{
	background-color:#efefef;
	border: 1px solid #c5c5c5;
}
.smileyTable td{
	background-color:#F5F5F5;
	width:100px;
	border: 1px solid #c5c5c5;
	border-top: none;
}
.smileyTable tr{
}
.smileyTable a{
	/*In smiley.html so commented out
	
	color:#787878;
	text-decoration:none;*/
	font-size:11pt;
}
.smileyTable a:hover{
	/*In smiley.html so commented out
	
	color:#b7b7b7;*/
	font-size:11pt;
}
a.smileyPop{
	/*Text instead of button*/
	color:#919191;
	text-align:center;
	font-size:10pt;
	text-decoration:none;
}
.frmBBSmiley{
	width:21px;
	background:url(/v_modop/bbimages/smilie.gif) no-repeat top right;
	border:0
}