/* Start of CMSMS style sheet 'Monsterhits' */
/* CSS Document */
/*  BASE

---------------------------------------------------------------*/

body {

  background: #e1dfdf url("images/body_bg.gif") repeat-x center top;

  margin: 0 0 20px 0;

  padding: 0;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  line-height: 16px;

  color: #3A3C3D;

}

table tr td, table tr th {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  line-height: 16px;

  color: #3A3C3D;

}

/*  forms -----------------------------------------------------*/

form {

  margin: 0;

  padding: 0;

}

form .f_field {

  background: #FFFFFF url("images/field_bg.gif") no-repeat left top;

  border: 1px solid #767676;

  vertical-align: middle;

  padding: 1px;

}

#form .f_textarea {

#  background: #FFFFFF url("images/field_bg.gif") no-repeat left top;

#  border: 1px solid #767676;

#  vertical-align: middle;

#  padding: 1px;

#}

form .f_button {

  vertical-align: middle;

  margin-top: 4px;

}



/*  tables ----------------------------------------------------*/

table {

  border: 0;

}



/* Not Used

table th, table td {

  text-align: left;

  vertical-align: top;

*/



}



/*  images ----------------------------------------------------*/

img {

  border: 0;

}

img.img-left {

  float:left;

  margin-right: 10px;

}

img.img-right {

  float:right;

  margin-left: 10px;

}

img.icon {

  vertical-align: top;

  margin-right: 2px;

}

/*  links -----------------------------------------------------*/

a {

  color: #ff3c16;

  text-decoration: none;

  font-weight: bold;

}

a:hover {

  color: #ce0000;

  text-decoration: none;

  font-weight: bold;

}

/*  CONTAINER AND PAGE

---------------------------------------------------------------*/

#container {

  position: relative;

  background: #FFFFFF url("images/container_bg.gif") repeat-y left top;

  width: 962px;

  margin: 0 auto 0 auto;

}

#page {

  position: relative;

  background: url("images/page_bg.gif") no-repeat left top;

  width: 962px;

  min-height: 556px;

}

/*  HEADER

---------------------------------------------------------------*/

#header {

  height: 96px;

}

#logo {
	position: absolute;
	float: left;
	left: 12px;
	top: 96px;

}

/* IE5 Mac only */

#nav {

  padding: 48px 25px 0 0;

  width: 500px;

  float: right;

  text-align: right;

}

/* All browsers \*/

#nav {

  margin: 48px 25px 0 0;

  padding: 0;

  float: right;

  text-align: right;

}

/* end hack */

#nav ul {

  margin: 0;

  padding: 0;

}

#nav ul li {

  display: inline;

  margin: 0 0 0 5px;

  padding: 0;

}

/*  COLUMNS

---------------------------------------------------------------*/

#cols {

  padding: 0 8px 0 8px;

}

#col-left {

  float: left;

  width: 744px;

  margin: 0 0 0 0;

}

#col-right {

  float: right;

  width: 200px;

  margin: 0 0 0 0;

}

/*  LEFT COLUMN

---------------------------------------------------------------*/

/*  search ----------------------------------------------------*/

/* IE5 Mac only */

#search {

  padding: 0;

  margin: 0;

  padding: 25px 0 0 100px;

  height: 75px;

}

/* All browsers \*/

#search {

  padding: 0;

  margin: 0;

  padding: 25px 0 0 100px;

  height: 85px;

}

/* end hack */

#search p {

  padding: 0;

  margin: 0 0 0 100px;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  line-height: 11px;

  font-weight: bold;

  color: #3A3C3D;

}

/* IE5 Mac only */

#search-nav {

  text-align: left;

  padding: 0 15px 0 15px;

}

/* All browsers \*/

#search-nav {

  text-align: right;

  padding: 0 15px 0 15px;

}

/* end hack */

#search-nav a {

  margin-left: 5px;

}

#search-nav a.help {

  float: left;


  margin-left: 0;

}

#search img {

  vertical-align: middle;

  margin-right: 10px;

}

#search .f_field {

  width: 380px;

}

#search .f_button {

  margin-left: 10px;

}



/*  sub columns -----------------------------------------------*/

.sub-cols {

  padding: 20px 20px 0 20px;

}

.col-left img.txt, .col-right img.txt{

  margin: 0 0 4px 2px;

}

.sub-cols .col-left {

  float: left;

  width: 329px;

}

.sub-cols .col-right {

  float: right;

  width: 329px;

}



/*  content ---------------------------------------------------*/

.content {

  padding: 20px;

}

.content h1, .content h2, .content h3 {

  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;

  font-size: 26px;

  font-weight: normal;

  line-height: 26px;

  letter-spacing: -1px;

  color: ce0000;

  padding: 0;

  margin: 0 0 5px 0;

}

.content h2 {

  margin: 0 0 5px 0;

}

.content h3 {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 16px;

  font-weight: bold;

  line-height: 16px;

  letter-spacing: 0px;

  color: ce0000;

  margin: 0 0 5px 0;

}

.content h4 {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 16px;

  font-weight: bold;

  line-height: 16px;

  letter-spacing: 0px;

  color: #5D5D5D;

  margin: 30px 0 0 0;

}

.content table h4 {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 22px;

  font-weight: bold;

  line-height: 22px;

  letter-spacing: 0px;

  color: #5D5D5D;

  margin: 0;

}

.content small {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 13px;

  line-height: 16px;

  padding-left: 10px;

}

.content .meta {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  color: #8D929A;

  line-height: 11px;

}

.content p {

  font-size: 13px;

  line-height: 18px;

}

.content p.small {

  font-size: 11px;

  line-height: 13px;

}

.content .commentlink {

  padding: 6px 0 0 10px;

  background: url("images/comment_bg.gif") no-repeat left top;

  width: 148px;

  height: 27px;

  font-weight: bold;

  font-size: 15px;

  line-height: 15px;

  margin-bottom: 40px;

}

.content .commentlink img.ico {

  vertical-align: middle;

}

.content .commentlink a {

  color: #447EB6;

}

.content .commentlink a:hover {

  color: #6398CD;

}

.content table.directory {

  width: 703px;

  margin: 20px auto 20px auto;

}

.content table.directory th {

  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;

  font-size: 22px;

  font-weight: normal;

  line-height: 26px;

  letter-spacing: -1px;

  color: #5D5D5D;

  padding: 0px 10px 10px 60px;

}

.content table.directory td {

  padding: 10px 10px 10px 80px;

  width: 50%;

}

.content table.list {

  border-left: 1px solid #ECF3FF;

  border-right: 1px solid #ECF3FF;

  border-bottom: 1px solid #ECF3FF;

  width: 703px;

  border-collapse: collapse;

  margin: 20px 0 20px 0;

}

.content table.list th {

  border-bottom: 1px solid #ECF3FF;

  border-left: 1px solid #CCD3DF;

  padding-left: 5px;

  background: url("images/th_bg.gif") repeat-x left top;

  height: 22px;

  vertical-align: middle;

  font-size: 13px;

}

.content table.list tr.alt {

  background-color: #F2F4F8;

}

.content table.list td {

  padding: 4px;

}

.content table.list tr.sub td {

  font-size: 11px;

  line-height: 11px;

  padding: 1px 1px 3px 5px;

  white-space: nowrap;

}

.content table.list tr.sub td.date {

  padding: 1px 1px 3px 22px;

}

.content table.list tr.sub td.uploader {

  text-align: right;

}

.content table.list tr.sub span.recent {

  color: green;

}

.content table.list tr.sub span.old {

  color: red;

}

.content table.list td img.icon {

  vertical-align: top;

  margin-right: 2px;

}

.content .pagenav{

  background: url("images/pagenav_bg.gif") no-repeat center top;

  padding: 10px 0 0 0;

  font-size: 12px;

  line-height: 14px;

  font-weight: bold;

  text-align: center;

}

.content table.details {

  border-left: 1px solid #ECF3FF;

  border-right: 1px solid #ECF3FF;

  border-bottom: 1px solid #ECF3FF;

  width: 703px;

  border-collapse: collapse;

  margin: 20px 0 20px 0;

}

.content table.details th {

  border-bottom: 1px solid #ECF3FF;

  border-left: 1px solid #CCD3DF;

  padding-left: 5px;

  background: url("images/th_bg.gif") repeat-x left top;

  height: 22px;

  vertical-align: middle;

  font-size: 15px;

}

.content table.details tr.alt {

  background-color: #F2F4F8;

}

.content table.details td {

  padding: 4px;

}

.content table.files {

  border-left: 1px solid #ECF3FF;

  border-right: 1px solid #ECF3FF;

  border-bottom: 1px solid #ECF3FF;

  width: 703px;

  border-collapse: collapse;

  margin: 0px 0 0px 0;

}

.content table.files th {

  border-bottom: 1px solid #ECF3FF;

  border-left: 1px solid #CCD3DF;

  padding-left: 5px;

  background: url("images/th_bg.gif") repeat-x left top;

  height: 22px;

  vertical-align: middle;

  font-size: 12px;

}

.content table.files tr.alt {

  background-color: #F2F4F8;

}

.content table.files td {

  padding: 4px;

}

.content table.files td.more {

  text-align: center;

  font-size: 11px;

}

.content h2 small {

	font-family: Arial, Helvetica, sans-serif !important;

	padding: 0;

	font-size: .5em;

	color: #999999;

}

.content .att-rateall {

	float: right;

	background-color: #F9FAFB;

	border-top: 1px solid #EBECED;	

	border-left: 1px solid #EBECED;

	margin-top: 4px;

	padding: 4px;

}

.content .att-rateall img {

	border: 0;

}



.content table.t-edit-table {

	width: 100%;

	border-bottom: 1px solid #D8D9DA;

	border-collapse: collapse;

}

mededeling {
	width: 80px;
	height: 90px;
	border:0px solid #ffffff; 
	font-size: 11px; 
	text-decoration: none; 
	}

.content table.t-edit-table tr td input.tablebutton {

	border: 1px solid #406EA1;

	background: #7BAAD9 url("../gfx/tablebutton_bg.gif") repeat-x left top;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	width: 75px;

}

.content table.t-detail-table {

	margin: 10px 0 30px 0;

	width: 100%;

	border-bottom: 1px solid #D8D9DA;

	border-collapse: collapse;

}

.content table.t-detail-table tr th {

	background: #FFFFFF url("../gfx/t-info-table-th_bg.gif") repeat-x left top;

	padding: 1px 1px 1px 5px;

	color: #FFFFFF;

	text-align: left;

	border: 1px solid #406EA1;

}

.content table.t-detail-table tr td {

	background: #FFFFFF url("../gfx/t-info-table-even_bg.gif") repeat-x left top;

	padding: 5px;

}

.content table.t-detail-table tr td img {

	float: left;

	border: 0;

}

.content table.t-detail-table tr.odd td {

	background: #F4F8FB url("../gfx/t-info-table-odd_bg.gif") repeat-x left top;

}

.content table.t-detail-table tr.editContainer {

	border-left: 0px;

	border-right: 0px;

}

.content table.t-detail-table tr.editContainer td.editContent {

	border-top: 0px;

	background: #FFFAE8 url("../gfx/t-info-table-edit_bg.gif") repeat-x left top;

}

.content table.t-detail-table tr td.edit {

	border-left: 2px solid #ECEEF0;

}

.content table.t-detail-table tr td.label {

	border-right: 2px solid #E6E7E8;

}

.content table.t-detail-table tr.edit td {

	background: #FFFAE8 url("../gfx/t-info-table-edit_bg.gif") repeat-x left top;

}

.content table.t-detail-table tr.edit td.label {

	border-right: 2px solid #E6E7E8;

}

.content table.t-detail-table tr td.label strong {

	color: #7E8588;

}

.content table.t-detail-table tr td small {

	padding: 0;

	font-size: .8em;

}

.content table.t-detail-table tr td input.tablebutton {

	border: 1px solid #406EA1;

	background: #7BAAD9 url("../gfx/tablebutton_bg.gif") repeat-x left top;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	width: 75px;

}

/*  new comments ----------------------------------------------*/



div.tcomm_caption {

	border-top: 1px solid #80ABE7;

	background: #EDF5FC;

	text-align: right;

	padding: 7px 20px 10px 20px;

}

div.tcomm_caption select {

	font-size: 11px;

	vertical-align: middle;

}

div.tcomm_caption input {

	vertical-align: middle;

}

div.tcomm_author {

	position: relative;

	font-size: 0.9em;

	line-height: 14px;

	height: 30px;

	margin-top: 20px;

	padding: 3px 0 0 53px

}

div.tcomm_quote {

	padding: 3px 0 0 22px

}

div.tcomm_author div.avatar{

	position: absolute;

	width: 34px;

	height: 24px;

	left: 10px;

	top: 2px;

}

div.tcomm_author div.avatar img {

	border: 1px solid #BED2E8;

}

div.tcomm_author div.burried {

	float: right;

	padding: 3px 5px 0 5px;

	font-size: 15px;

	font-weight: bold;

	color: #B5CDE5;

}

div.tcomm_author div.comm_rating {

	float: right;

	background: url("../gfx/comm_rating_bg.gif") no-repeat left top;

	width: 87px;

	height: 26px;

	padding: 5px 0 0 4px;

	font-size: 15px;

	font-weight: bold;

	color: #B5CDE5;

}

div.tcomm_author a {

	color: #698EB8;

}

div.tcomm_author a:hover {

	color: #406EA1;

}

div.tcomm_author div.comm_rating img {

	margin: 0 5px 0 0;

	vertical-align: top;

	border: 0;

}

div.tcomment {

	background: url("../gfx/comm_bg.gif") repeat-x left top;

}

div.tcomment .tcomm_top{

	background: url("../gfx/comm_tl.gif") no-repeat left top;

	height: 20px;

}

div.tcomment .tcomm_top .tcomm_topright{

	background: url("../gfx/comm_tr.gif") no-repeat right top;

	height: 20px;

}

div.tcomment .tcomm_bottom {

	background: url("../gfx/comm_bl.gif") no-repeat left top;

	height: 10px;

}

div.tcomment .tcomm_bottom .tcomm_bottomright{

	background: url("../gfx/comm_br.gif") no-repeat right top;

	height: 10px;

}

div.tcommentodd {

	background: url("../gfx/comm_alt_bg.gif") repeat-x left top;

}

div.tcommentodd .tcomm_top{

	background: url("../gfx/comm_alt_tl.gif") no-repeat left top;

	height: 20px;

}

div.tcommentodd .tcomm_top .tcomm_topright{

	background: url("../gfx/comm_alt_tr.gif") no-repeat right top;

	height: 20px;

}

div.tcommentodd .tcomm_bottom {

	background: url("../gfx/comm_alt_bl.gif") no-repeat left top;

	height: 10px;

}

div.tcommentodd .tcomm_bottom .tcomm_bottomright{

	background: url("../gfx/comm_alt_br.gif") no-repeat right top;

	height: 10px;

}

.tcomm_text {

	border-left: 1px solid #BED2E8;

	border-right: 1px solid #BED2E8;

	padding: 0 10px 0 10px;

	overflow: hidden;

}

.tcomm_text .options {

	margin: 0;

}

.tcomm_text .options p {

	margin: 6px 0 10px 0;

}

.tcomm_text .options a img {

	border: 0;

	vertical-align: middle;

}

.tcomm_text div.tcomment, .tcomm_text div.tcommentodd {

	margin-left: 20px;

}

.tcomm_text div.tcomm_author {

	margin-left: 20px;

}




/*  comments --------------------------------------------------*/

.comment {

  margin: 0 30px 0 30px;

}

.comment h3 {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 16px;

  font-weight: bold;

  line-height: 16px;

  letter-spacing: 0px;

  color: #5D5D5D;

  margin: 30px 0 4px 0;

}

.comment .options {

  border-top: 1px solid #ECF3FF;

  font-size: 11px;

  text-align: right;

}

table.newcomment {

  border-collapse: collapse;

  background-color: #F8F9FB;

  border: 1px solid #E1E6EE;

  width: 644px;

  margin: 20px 0 0 30px;

}

table.newcomment tr {

  border: 1px solid #E1E6EE;

}

table.newcomment td {

  padding: 10px;

}

table.newcomment td .f_textarea{

  width: 380px;

  height: 130px;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  line-height: 16px;

  color: #3A3C3D;

}

.content .commentnav{

  background: url("images/pagenav_bg.gif") no-repeat -200px 0px;

  padding: 10px 0 0 10px;

  font-size: 12px;

  line-height: 14px;

  font-weight: bold;

  text-align: left;

  margin: 10px 0 40px 30px;

}



/*  RIGHT COLUMN

---------------------------------------------------------------*/

/*  stats -----------------------------------------------------*/

#stats {

  width: 156px;

  height: 57px;

  background: #FFFFFF url("images/stats_bg.gif") no-repeat left top;

  padding: 15px;

  margin-bottom: 20px;

}

#stats table {

  margin: 10px 0 0 0;

  border: 0;

}

#stats table th {

  vertical-align: top;

  text-align: left;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  font-weight: bold;

  line-height: 11px;

  color: #3A3C3D;

}

#stats table td {

  vertical-align: top;

  text-align: left;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  font-weight: bold;

  line-height: 11px;

  color: #FC7C00;

}



/*  login -----------------------------------------------------*/

#login {

  padding: 15px;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  font-weight: bold;

  line-height: 18px;

}

#login img {

  margin-bottom: 10px;

}

#login .f_field {

  width: 160px;

}

#login-nav {

  border-left: 1px solid #E1E6EE;

  background-color: #F1F3F7;

  border-right: 1px solid #E1E6EE;

  padding: 15px;

}

#login-nav ul {

  padding: 0;

  margin: 0;

}

#login-nav ul li{

  padding: 0 0 0 20px;

  margin: 0;

  list-style: none;

  background: url("images/li_bg.gif") no-repeat 0 3px;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  font-weight: bold;

}

/*  FOOTER

---------------------------------------------------------------*/

#footer {

  position: relative;

  background: #FFFFFF url("images/footer_bg.gif") repeat-y left top;

  width: 962px;

  height: 35px;

}

#copyright {

  float:left;

  padding: 8px 8px 8px 18px;

  width: 400px;

}

#links {

  float:right;

  text-align: right;

  padding: 8px 18px 8px 8px;

  width: 200px;

}

#copyright, #links {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  color: #FFFFFF;

  line-height: 11px;

}

#links a {

  color: #FFFFFF;

  font-weight: bold;

}

#links a:hover {

  color: #1C5C9A;

  font-weight: bold;

}

/*  ADSPACES

---------------------------------------------------------------*/

.adspace-top {

  text-align: center;

  padding-top: 5px;

  height: 90px;

}

.adspace-middle {

  border-top: 1px solid #F0F2F5;

  background-color: #F9FAFB;

  border-bottom: 1px solid #F0F2F5;

  padding: 0 5px 0 5px;

}

.adspace-inline {

  float: right;

  margin: 13px 0 10px 10px;

}

.adspace-side {

  padding: 25px 15px 15px 15px;

  text-align: center;

  background: url("images/line_side.gif") no-repeat left top;

}

.adspace-bottom

{

  padding: 0 0 20px 30px;

}

/*  MISC

---------------------------------------------------------------*/

.clear {

  clear: both;

  font-size: 4px;

}

.HIGHLIGHT {

  background: #FFFFE0;

}

/*  PAGING

---------------------------------------------------------------*/

.pages {

    background: url("images/pagenav_bg.gif") no-repeat center top;

    padding: 20px 0 10px 0;

    margin: 20px 0 10px 0;

    clear: left;

    font-size: 11px;

    text-align: center;

}



.pages a, .pages span {

    padding: 0.2em 0.5em;

    margin-right: 0.1em;

    border: 1px solid #fff;

    background: #fff;

}



.pages span.current {

    border: 1px solid #2E6AB1;

    font-weight: bold;

    background: #30659E;

    color: #fff;

}



.pages a {

    border: 1px solid #9AAFE5;

    text-decoration: none;

}



.pages a:hover {

    color: #1c5c9a;

    border-color: #6398CD;

    background: #ecf2f8;

}



.pages a.nextprev {

    font-weight: bold;

}



.pages span.nextprev {

    color: #666;

}



.pages span.nextprev {

     border: 1px solid #ddd;

     color: #999;

}



.t-comboList {

	margin: 0;

	padding: 0;

}



.t-comboList a {

	display: block;

	background-color:#FBFFFF;

	border-bottom: solid 1px #456A9F;

	border-left: solid 1px #456A9F;

	border-right: solid 1px #456A9F;

	padding: 2px;

	text-decoration: none;

	font-size: 10px;

	color: #4B6BA4;

}



.t-comboList a:link, .t-comboList a:active, .t-comboList a:visited {

	color: #4B6BA4;

}



.t-comboList a:hover {

	background: #456A9F;

	color: #ffffff;

}

  .transparent {
    filter:alpha(opacity=90);
    background-color:green;
    display:none;
    width:170;
    height:100;
    position:absolute;
    color: white;
    border: 1 green solid;
}

div#news {
	width: 180px;
}
/*  EOT

/* End of 'Monsterhits' */