/* Include template style */

@import url("template.css");

body {
  font-family: Comic Sans MS, sans-serif, Verdana, Arial, Helvetica;
  font-size: 13px;
  color: #000000;
  background: #FFFFDD;
  margin: 0px;
}

.clsBody {
  background: #FFF9BF;
  background-image: url(images/pattern.jpg);
  background-position: top;
  background-repeat: repeat-x;
  text-align: center;
}

div, p, th, td, span {
  font-family: Comic Sans MS, sans-serif, Verdana, Arial, Helvetica;
  font-size: 13px;
}

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

/* Form Elements */

form {
  margin: 0px;
}

input.text, input.radio, textarea, select {
  font-family: Comic Sans MS, sans-serif, Verdana, Arial, Helvetica;
  font-size: 12px;
}

input.text {
  font: 1.1em  Comic Sans MS, sans-serif, Verdana, Arial, Helvetica;
  color: #333;
  margin: 3px;
  height: 22px;
  border: solid 0 #fff;
  padding: 3px 0px;
  background: transparent url("images/textfield_bg.gif") no-repeat;
  width: 200px;
}

body>input.text {
  background: transparent url("images/textfield_bg.gif") no-repeat;
}

.knop {
  font-family: Comic Sans MS, sans-serif, Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #BE018F;
  background-color: #FFAEEB;
  border: 1px solid #96DFFE;
  font-weight: bold ;
  width: 1px;
  cursor: pointer;
}

.clsSideBarSearchEntry {
  font: 1.1em  Comic Sans MS, sans-serif, Verdana, Arial, Helvetica;
  color: #333;
  margin: 3px;
  height: 22px;
  border: solid 0 #fff;
  padding: 3px 0px;
  background: transparent url("images/textfield_bg_small.gif") no-repeat;
  width: 115px;
}

html[xmlns] .clsSideBarSearchEntry {
  background: transparent url("images/textfield_bg_small.gif") no-repeat;
}

.clsLoginEntry {
  font: 1.1em  Comic Sans MS, sans-serif, Verdana, Arial, Helvetica;
  color: #333;
  margin: 3px;
  height: 22px;
  border: solid 0 #fff;
  padding: 3px 0px;
  background: transparent url("images/textfield_bg_small.gif") no-repeat;
  width: 115px;
}

html[xmlns] .clsLoginEntry {
  background: transparent url("images/textfield_bg_small.gif") no-repeat;
}


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

/* Default link style */

a {
  color: #0000FF;
  text-decoration: none;
}

a:hover {
  color: #0000FF;
  text-decoration: underline;
}

/* The main boxes */

#contentholder {
  width: 750px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#header {
}

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

#leftcontent {
  float: left;
  display: inline;
  width: 140px;
  margin-top: -17px;
  overflow: hidden;
}

#rightcontent {
  float: right;
  display: inline;
  width: 140px;
  margin-top: -17px;
  overflow: hidden;
}

#centercontent {
  float: left;
  width: 456px;
  margin-top: -19px;
  margin-left: 7px;
  background-color: #FFFFDD;
  overflow: auto;
}

#subheader {
  clear: both;
}

#content {
  clear: both;
}

#footer {
  clear: both;
}

/* ERRORS */

.clsErrorMessage {
  width: 100%;
  font-size: 14px;
  color: #003366;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}

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

/* FOOTER */

.clsFooter {
   text-align: center;
  font-size: 10px;
  padding: 5px;
}

/* BUTTONS */

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

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

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

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

/* SIDEBARS */


/* SUBHEADER */

.clsSubHeaderMessage {
  font-family: Comic Sans MS, sans-serif, Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #003300;
}

.clsSubHeaderLogin {
  font-family: Comic Sans MS, sans-serif, Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #003300;
}

/* COMMON */

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

.clsSplitter {
  clear: both;
}

.clsNewsHeadTitle {
  font-size: 16px;
  font-weight: bold;
  color: #018FBE;
  background-color: #FFBA53;
  font-style: italic;
  width: 100%;
}

.clsNewsHeadTitleBack {
}


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

.clsDescription {
  background-color: #FF8CE2;
  padding: 5px;
  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;
  margin-top: 10px;
  margin-left: -5px;
  margin-right: -5px;
  padding: 5px;
  border-bottom: 1px solid #CCCCCC;
  height: 1.3em;
}

.clsIndexNewsTitleBackNoContent {
  clear: both;
}

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

.clsIndexNewsTitle a {
  color: #003300;
}

.clsIndexNewsTitle a:hover {
  color: #00CC00;
}

.clsIndexNewsDownloadStats {
  float: right;
  color : #000000;
}

.clsIndexNewsUserStats {
}

.clsIndexNewsUser {
}

.clsIndexNewsUser a {
  font-size: 10px;
  float: left;
  clear: left;
}

.clsIndexNewsUser a:hover {
  color: #003366;
}

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

.clsIndexButtonsTop {
  float: right;
}

.clsIndexButtonsBottom {
  float: right;
}

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

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

/* DETAIL */

.clsDetailNewsTitleBack {
  clear: both;
  padding: 0px;
  margin-top: 10px;
  margin-left: -5px;
  margin-right: -5px;
  padding: 5px;
  height: 1.3em;
}

.clsDetailNewsTitleBackNoContent {
  clear: both;
}

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

.clsDetailNewsTitle a {
  color: #003300;
}

.clsDetailNewsTitle a:hover {
  color: #00CC00;
}

.clsDetailNewsDownloadStats {
  float: right;
  color: #000000;
}

.clsDetailNewsUserStats {
}

.clsDetailNewsUser {
  font-size: 10px;
}

.clsDetailNewsUser a {
  float: left;
  clear: left;
}

.clsDetailNewsUser a:hover {
  color: #003366;
}

.clsDetailNewsDate {
  font-size: 10px;
  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: #F2F5FA;
}

.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: 440px;
  /* height: 270px; */
  margin-right: 8px;
}

.clsRelated a {
  color: #0000FF;
}

.clsRelated a:active {
  color: #0000FF;
}


/* STATS */

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

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

.clsNewsStatsBox a:active {
  color: #003060;
}

.clsNewsStatsBox a:visited {
  color: #003060;
}

/* 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: Comic Sans MS, sans-serif, Verdana, Arial, Helvetica;
  font-size : 10px;
  color : Black;  
  text-decoration: none;
  font-weight : bold;
}

.clsNewsReplyAuthor {
  font-family: Comic Sans MS, sans-serif, Verdana, Arial, Helvetica;
  font-size : 10px;
  color : #949494;  
  text-decoration: none 
}

.clsNewsReplyAuthor:hover{
  color: #003366;
}

.clsNewsReplyDate {
  font-family: Comic Sans MS, sans-serif, Verdana, Arial, Helvetica;
  font-size : 10px;
  color : #949494;  
  text-decoration: none 
}

.clsNewsReplyText {
  font-size : 10px;
  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: #FFFFFF;
}

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

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

.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 : #FFF9BF;
}

.clsFormBorder {
  background-color: #FFF9BF;
  border: 1px solid #CCCCCC;
}

.clsFormBorder th {
  background-color: #FFF9BF;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  color: #003300;
}

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

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

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

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

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

textarea.long {
  height: 150px;
}