/* Include template style */

@import url("template.css");



body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	
	background-color: #1B0C06;
	/* background-image: url(images/frame.jpg);*/
}

div, p, th, td, span {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

/*/*/a{}

body div, body p, body th, body td, body span {
	/* font-size: x-small; */
}

html>head:first-child+body div, html>head:first-child+body p,
html>head:first-child+body th, html>head:first-child+body td, html>head:first-child+body span {
	/* font-size: small; */
}

/**/

/*
p {
	margin: 0px;
}
*/

/* Form Elements */

form {
	margin: 0px;
}

input.text, input.radio, textarea, select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	border:  1px solid #A8B2BB;
}

.knop {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #371E11;
	background-color: #F1F1F1;
	font-weight: bold ;
	width: 1px;
}

/* Hide for IE Mac \*/
.knop {
	width: auto;
}
/* End Hide */

/* Default link style */

a {
 /* color: #CC0000; */
                   color: #2D0000; 

				   font-size : 102%;
				   font-weight : bold;
	/*color: #4F738F;*/
               /* color: #0066CC;*/
	text-decoration: none;	
}

a:hover {
                color: #2D0000;
		/*		color: #000000; */
				font-size : 102%;
				font-weight : bold;
	/*color: #2D0000;*/
                /*color: #0066CC;*/
	/*text-decoration: underline;*/
}

/* The main boxes */

#header {
}

#myzonecontent {
	margin-top: 6px;
	margin-left: 4px;
	margin-right: 4px;
}

#leftcontent {
	/*position: absolute; */
	margin-top: 6px;
	/* left: 6px; */
	margin-left: 6px;
	
	/* left: 43px;*/
	width: 170px;
}

#rightcontent {
	
	margin-top: 6px;
	
               /* right: 4px;*/
               /* left: 925px; */
			 
			 
	 margin-left: 6px;
	 
	
			   /*left: 965px;*/

	width: 170px;
}

#centercontent {

	margin-top: 6px;
	
	/* margin-left: 185px; */
	/*margin-left: 225px;*/
	/* margin-left: 180px; */
	 margin-left: 9px;
	
                /* margin-right: 185px; */
                width: 820px;
}

#subheader {
	clear: both;
}

#content {
	clear: both;
}

#footer {
	margin-left: 185px;
  	margin-right: 185px;
}

/* ERRORS */

.clsErrorMessage {
	width: 100%;
	font-size: 140%;
	color: #2D0000;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

.clsNoLogin {
	border: 1px solid #A8B2BB;
	background-color: #FF0033;
	color: #E5CBA2;
	text-align: center;
	margin-bottom: 8px;
}

/* FOOTER */

.clsFooter {
   text-align: center;
	font-size: 10px;
	background-color : White;
	border : 1px solid #A8B2BB;
	padding: 5px;
}

/* BUTTONS */

.TextButton {
	color: #D7E4F0;
	text-decoration: none;
	font-weight: bold;
}

.TextButton:hover {
	color: #E5CBA2;
	text-decoration: none;	
	font-weight: bold;
}

.TextButtonLight {
	color: #D7E4F0;
	text-decoration: none;
	font-weight: bold;
}

.TextButtonLight:hover {
	color: #E5CBA2;
	text-decoration: none;	
	font-weight: bold;
}

/* SIDEBARS */


/* SUBHEADER */

.clsSubHeaderMessage {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 13px ;/*font-size: 0.9em;*/
	color: #371E11;
}

.clsSubHeaderLogin {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px ; /* font-size: 0.8em;*/
	color: #371E11;
}

/* COMMON */

.clsIcon {
	float: left;
	width: 16px;
	height: 16px;
	vertical-align: bottom;
	margin-right: 2px;
	display: inline;
}

.clsSplitter {
	clear: both;
}

.clsNewsHeadTitle {
	font-size : 120%;
	font-weight : bold;
	color: #371E11;
	font-style : italic;
}

.clsNewsHeadTitleBack {
}


body>div .clsSplitter {
	height: 1px;
}

.clsIndexDescription {
	clear: both;
	height: auto;
}

/* PROPERTIES */

.clsPropertyName {
	font-weight: bold;
}

.clsPropertyValue {
}

/* INDEX */

.clsIndexCategoryForm {
	float: left;
	width: auto;
}

.clsIndexSortForm {
	float: right;
	width: auto;
}

.clsIndexNewsArticle {
	clear: both;
}

.clsIndexNewsTitleBack {
	clear: both;
	padding: 0px;
	padding-top: 25px;
	border-bottom : 1px solid #A8B2BB;
	height: 1.3em;
}

.clsIndexNewsTitleBackNoContent {
	clear: both;
}

.clsIndexNewsTitle {
	font-weight : bold;
	padding-left : 2px;
	padding-right : 4px;
	float: left;
}

.clsIndexNewsTitle a {
	color: #371E11;
}

.clsIndexNewsTitle a:hover {
	color: #2D0000;
}

.clsIndexNewsDownloadStats {
	float: right;
	color : #4F738F;
}

.clsIndexNewsUserStats {
}

.clsIndexNewsUser {
}

.clsIndexNewsUser a {
	font-size: .8em;
	float: left;
	clear: left;
}

.clsIndexNewsUser a:hover {
	color: #2D0000;
}

.clsIndexNewsDate {
	font-size: .8em;
	padding-left: 3px;
	color : #949494;
	float: left;
}

.clsIndexButtonsTop {
	float: right;
}

.clsIndexButtonsBottom {
	float: right;
}

.clsIndexNewsText {
	clear: both;
	margin: 10px 0px;
                 
}

.clsIndexNewsRating {
	float: right;
	clear: both;
	margin-top: 10px;
}

/* DETAIL */

.clsDetailNewsTitleBack {
	clear: both;
	padding: 0px;
	padding-top: 25px;
	border-bottom : 1px solid #A8B2BB;
	height: 1.3em;
}

.clsDetailNewsTitleBackNoContent {
	clear: both;
}

.clsDetailNewsTitle {
	font-weight : bold;
	padding-left : 2px;
	padding-right : 4px;
	float: left;
}

.clsDetailNewsTitle a {
	color: #371E11;
}

.clsDetailNewsTitle a:hover {
	color: #2D0000;
}

.clsDetailNewsDownloadStats {
	float: right;
	color : #4F738F;
}

.clsDetailNewsUserStats {
}

.clsDetailNewsUser {
	font-size: 80%;
}

.clsDetailNewsUser a {
	/* font-size: 80%; */
	float: left;
	clear: left;
}

.clsDetailNewsUser a:hover {
	color: #2D0000;
}

.clsDetailNewsDate {
	font-size: 80%;
	padding-left: 3px;
	color : #949494;
	float: left;
}

.clsDetailNewsFileSize {
}

.clsDetailNewsRatingResults {
	float: right;
}

.clsDetailNewsText {
	clear: both;
	margin: 10px 0px;
}

.clsDetailNewsRating {
	float: right;
	clear: both;
	margin-top: 10px;
	list-style-type: square;
}

.clsDetailRelated {
	clear: both;
	margin-top: 30px;
}

.clsDetailReplies {
	clear: both;
	margin-top: 8px;
}

/* CATEGORIES */

.clsCategoriesShowAll {
	float: right;
}

.clsCategoriesNewsTitleBack {
	
}

/* SEARCH */

.clsSearchProperties {
	clear: both;
	margin-top: 4px;
	height: 1%;
	border: 1px solid #A8B2BB;
	background-color: #F1F1F1;
}

.clsSearchGo {
	clear: both;
	margin-top: 4px;
}

.clsSearchFoundText {
	clear: both;
	margin-top: 10px;
}

.clsSearchError {
	clear: both;
}

.clsSearchResults {
	clear: both;
}

.clsSearchResult {
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

/* RELATED */

.clsAuthorBio {
	clear: both;
	margin-top: 10px;
}

.clsRelated {
	float: left;
	width: 270px;
	height: 270px;
	margin-right: 8px;
}

.clsRelated a {
	color: #371E11;
}

.clsRelated a:active {
	color: #371E11;
}


/* STATS */

.clsNewsStats {
	clear: both;
	height: auto;
}

.clsNewsStatsBox {
	float: left;
	margin-right: 6px;
	height: 270px;
}

.clsNewsStatsBox a:active {
	color: #371E11;
}

.clsNewsStatsBox a:visited {
	color: #371E11;
}

/* Hide for IE Mac \*/
* html .clsNewsStats {height: 1%;}
/* End Hide */

/* REPLIES */

.clsNewsReplyBack {
	width: 100%;
	clear: both;
	padding-bottom :3px;
	border-bottom: 1px solid #A8B2BB;
}

.clsNewsReplySubject {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 80%;
	color : Black;	
	text-decoration: none;
	font-weight : bold;
}

.clsNewsReplyAuthor {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 80%;
	color : #949494;	
	text-decoration: none	
}

.clsNewsReplyAuthor:hover{
	color: #2D0000;
}

.clsNewsReplyDate {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 80%;
	color : #949494;	
	text-decoration: none	
}

.clsNewsReplyText {
	font-size : 80%;
	padding-top : 3px;
	padding-bottom :16px;	
}

/* TABLEINDEX */

.clsIndexTableHolder {
	clear: both;
	width: 100%
}

.clsIndexTable {
	width: 100%;
	border: 1px solid #A8B2BB;
}

.clsIndexTable th {
	background-image: url(images/title-grad.gif);
	background-color: #235388;
	text-align: left;
	border-bottom: 1px solid #A8B2BB;
}

.clsIndexTable th a {
	font-weight: bold;
	color: #E5CBA2;
}

.clsIndexTable th a:hover {
	font-weight: bold;
	color: #E5CBA2;
}

.clsIndexTable th a:visited {
	font-weight: bold;
	color: #E5CBA2;
}

.clsIndexTable td {
	font-size : 12px;
}

.clsIndexTableOdd {
	background-color: #F5FAFF;
}

.clsIndexTableEven {
	background-color: #F1F5FF;
}

/* MYZONE */

.clsMyZoneBlockTitle {
	border-bottom: 1px solid #A8B2BB;
	font-weight: bold;
}

/* FORMS */

.clsForm {
	background-color : #F1F1F1;
}

.clsFormBorder {
	background-color : #F1F1F1;
	border : 1px solid #A8B2BB;
}

.clsFormBorder th {
	background-image: url(images/title-grad.gif);
	background-color: #235388;
	border-top : 1px solid #A8B2BB;
	border-bottom : 1px solid #A8B2BB;
	color: #E5CBA2;
}

.clsFormBorder td {
	padding: 3px;
	border-bottom : 1px solid #A8B2BB;
}

.clsFormBorder td td {
	padding: 2px;
	border-bottom: 0px;
}

input.short, textarea.short {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	border:  1px solid #A8B2BB;
	width: 170px;
}

input.medium, textarea.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	border:  1px solid #A8B2BB;
	width: 300px;
}

input.long, textarea.long {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	border: 1px solid #A8B2BB;
	width: 550px;
}

textarea.long {
	height: 150px;
}


.text:focus
{
	border: 1px solid red;
}


/* Start Offers */

.clsOffers {
	clear: both;
}

.clsOfferTable {
	width: 100%;
	border: 1px solid #A5B2C6;
}

.clsOfferTable th {
	color: #371E11;
	background-color: #F1F1F1;
}

.clsOfferTable td {
	border-top: 1px solid #A5B2C6;
}

/* End Offers */

/* Forum Code blocks */

pre {
	width: 100%;
	overflow: auto;
}

/* ---- TOOL BAR ---- */
.kos_toolBar { background-color:#9BCDFF; height:20px; width:450px; border-bottom:3px solid #9BCDFF; border-top:3px solid #9BCDFF;}
.kos_toolBar td { background-color:#E5CBA2; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border: 0; margin: 0; padding: 0; }
.kos_toolBar td a, .toolBar td a:hover, .toolBar td a:visited { color: #000000; text-decoration: none; }
.kos_toolBar td img { vertical-align:text-bottom; margin: 0 2px 0 4px; }
.kos_toolBar td span { vertical-align:middle; padding-right: 4px; background-color: #E5CBA2; }