/* bt staat voor BoxType
Er zijn dus verschillende stijlen gedefinieerd voor 3 box types.

BT1 = een tabel voor voornamelijk de nieuwsberichten, succesverhalen, de laatste 10 nieuwe profielen (de zgn "info box")
BT2 = deze tabel kunnen we ook wel een actie tabel noemen. Hierin staat bijvoorbeeld een snelzoeken of een snel navigeren
BT3 = een formulier, bijvoorbeeld voor registratie, messenger, zoekformulier
 */

/* Algemene tags die niet onder een boxtype te plaatsen zijn */
BODY {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  text-align: center;
}
TR,DIV {
  text-align:left;
  font-size: 11px;
  color: #595959;
}
TD {
  text-align:left;
  padding-left: 0px;
  vertical-align: top;
}
IMG {
  border: none;
}
P,H1,H2,H3,H4,H5 {
  margin-top: 4px;
  margin-bottom: 8px;
}
A {
  color: #7B1E26;
  text-decoration: none;
  font-weight: normal;
}
A.blind {
  color: #7B1E26;
  text-decoration: none;
}
A.help {
  color: #000000;
  text-decoration: none;
  font-weight: normal;
}
A:hover {
  color: #7B1E26;
  text-decoration: underline;
}
.nalo_banner {
  margin: 10px 0px 0px 22px;
}
.page {
  background-color:#FFFFFF;
  margin-left:auto;
  width: 970px;
  margin-right:auto;
  padding: 0px;
  border: 1px solid #FFFFFF;
}
* html .page {
  width: 968px;
  /*width: 970px;*/
}
.topbar {
  background-color: #00C7FE;
  width: 970px;
  text-align: center;
  border:none;
  border-top: 1px solid #FFFFFF;
}
.footer {
  background-color: #777777;
  width: 970px;
  text-align: center;
  border:none;
}

.content {
/*  padding: 5px;*/
}
.error {
/*  border: 2px solid #999999;*/
/*  background-color: #FFFF80;*/
/*  background-color: #FB971D;*/
  background-color: #FCBA68;
  color: #000000;
 /* font-weight: bold;*/
  padding: 5px;
}
.float_more {
  margin-top: 1px;
  text-align: right;
}
.alert {
  font-size: 20px;
}
.header {
  color: #FF0000;
  font-weight: bold;
}
.imgtext {
  border: none;
  margin-right: 10px;
}
.textbold {
  font-weight: bold;
}
.textgrey {
  color: #999999;
}
.article_em {
  font-weight: bold;
}
.article_strong {
  font-style: italic;
}
.article_title {
  font-size: 13px;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 8px;
}
.article_heading {
  font-size: 13px;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 8px;
}
.article_sectiontitle {
  font-size: 12px;
  font-weight: bold;
}
.extrainfo {
  color: #66666f;
}
.prof_picture {
  border: 1px solid #666666;
  padding: 0px;
  margin: 0px;
}
.lineheight {
  line-height: 20px;
}
.paging_hl {
  font-weight: bold;
  color: #FF0000;
}
UL.menu {
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Form items */
FORM {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
INPUT.button, INPUT.submit, INPUT.reset, INPUT.file {
	font-size: 11px;
	vertical-align: middle;
	margin: 0px;
	margin-right: 3px;
	margin-bottom: 2px;
	width: 220px;
/*
	box-sizing: content-box;
	-moz-box-sizing: content-box;
*/
}
INPUT.text, INPUT.password, SELECT.select {
	font-size: 11px;
	vertical-align: middle;
 	margin: 0px;
	margin-right: 3px;
	margin-bottom: 2px;
	width: 220px;
/*
	box-sizing: content-box;
	-moz-box-sizing: content-box;
*/
}
INPUT.text_custom, INPUT.password_custom, SELECT.select_custom {
	font-size: 11px;
	vertical-align: middle;
 	margin: 0px;
	margin-right: 3px;
	margin-bottom: 2px;
	width: 120px;
/*
	box-sizing: content-box;
	-moz-box-sizing: content-box;
*/
}


INPUT.checkbox, INPUT.radio {
	border: none;
/*
	box-sizing: content-box;
	-moz-box-sizing: content-box;
*/
}
TEXTAREA.textarea {
	font-size: 11px;
	vertical-align: middle;
 	margin: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
	width: 500px;
	height: 150px;
/*
	box-sizing: content-box;
	-moz-box-sizing: content-box;
*/
}
.formdisplay{
  width: 100%;
  padding:0px;
}
.trodd{
  background-color: #FFFFFF;
}
.treven{
  background-color: #F7F7F7;
}
.trheader{
  background-color: #EFEFEF;
}
.trfooter{
  background-color: #D6D6D6;
}

/* BoxType1 */
DIV.bt1 {
  border: none;
  background-color: #FFFFFF;
  padding: 0px;
  text-align: left;
  width: 182px;
  margin-right: 0px;
}
DIV.bt1 TABLE {
  width:172px;
}
DIV.bt1 DIV.boxheader {
  font-size: 13px;
  padding: 0px;
  border: none;
  font-weight: bold;
  color: #B0012C;
  background-color: #FFFFFF;
}

DIV.bt1 DIV.filler1 {height: 3px; border: none; background-color: #FFFFFF;}
DIV.bt1 DIV.filler2 {height: 1px; border: none; background-color: #808080;}
DIV.bt1 DIV.filler3 {height: 7px; border: none; background-color: #FFFFFF;}

DIV.bt1 DIV.content { background-color: #FFFFFF; }
DIV.bt1 DIV.loginbox {
  background-color: #FFFFFF;
  padding: 5px;
  width: 170px;
}
* html DIV.bt1 DIV.loginbox {
  width: 182px;
  w\idth: 170px;
}
DIV.bt1 INPUT.button, DIV.bt1 INPUT.submit, DIV.bt1 INPUT.reset, DIV.bt1 INPUT.file, DIV.bt1 INPUT.text, DIV.bt1 INPUT.password, DIV.bt1 SELECT.select, DIV.bt1 TEXTAREA.textarea { width: 160px; }
DIV.bt1 TD { text-align: left; }

/* BoxType1 profile box */
DIV.bt1profile {
  border-top: none;
  border-right: 1px solid #D6D6D6;
  border-left: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  background-color: #F7F7F7;
  width: 170px;
  padding: 5px;
}
* html DIV.bt1profile {
  width: 182px;
  w\idth: 170px;
}

/* BoxType2 */
DIV.bt2 {border: none; background-color: #E3F7FC; width: 156px; padding: 0px; text-align: left; margin-left:5px; }
DIV.bt2 DIV.boxheader{font-size: 13px; padding: 0px; border: none; width: 156px; font-weight: bold; color: #B0012C; background-color: #FFFFFF;}
DIV.bt2 DIV.filler1 {height: 3px; border: none; background-color: #FFFFFF;}
DIV.bt2 DIV.filler2 {height: 1px; border: none; background-color: #808080;}
DIV.bt2 DIV.filler3 {height: 7px; border: none; background-color: #FFFFFF;}
DIV.bt2 INPUT.button, DIV.bt2 INPUT.submit, DIV.bt2 INPUT.reset, DIV.bt2 INPUT.file, DIV.bt2 INPUT.text, DIV.bt2 INPUT.password, DIV.bt2 SELECT.select, DIV.bt2 TEXTAREA.textarea { width: 140px; }

/* BoxType3 */
DIV.bt3 {border: none; background-color: #FFFFFF; padding: 0px; text-align: left;}
DIV.bt3 DIV.boxheader {font-size: 13px; padding: 0px; padding-top: 11px; border: none; font-weight: bold; color: #B0012C; background-color: #FFFFFF;}
DIV.bt3 DIV.filler1 {height: 3px; border: none; background-color: #FFFFFF;}
DIV.bt3 DIV.filler2 {height: 1px; border: none; background-color: #808080;}
DIV.bt3 DIV.filler3 {height: 6px; border: none; background-color: #FFFFFF;}

DIV.bt3 DIV.filler2 IMG {height: 1px;}

DIV.bt3 DIV.footfiller1 {height: 4px; border: none; background-color: #767676;}
DIV.bt3 DIV.footfiller2 {height: 6px; border: none; background-color: #FFFFFF;}
DIV.bt3 DIV.footfiller3 {height:18px; border: none;	background-color: #B0012C;}
DIV.footbody 		{border: none;	margin-top: 5px; text-align: center; color: #47484A; }
DIV.footbody A		{color: #47484A; }

DIV.bt3 DIV.content {background-color: #FFFFFF; border: 0px solid #FFFFFF; margin: 0px; }
DIV.bt3 .homelists DIV.content {height:140px;}
DIV.bt3 SPAN.vipnote { font-size: 11px; padding-left: 15px; color: #FF9900; }
DIV.bt3 TD { text-align: left; color: #000000;}
DIV.bt3 .top    { vertical-align: top; }
DIV.bt3 .middle { vertical-align: middle; }
DIV.bt3 .bottom { vertical-align: bottom; }
DIV.bt3 .left {text-align: left;}
DIV.bt3 .center {text-align: center;}
DIV.bt3 .right {text-align: right;}
DIV.bt3 .huge {font-size: 20px; font-weight: bold;}
DIV.bt3 .gamesbox { background-color: #F7F7F7; text-align: left; vertical-align: top; width: 100%; }
DIV.bt3 .editfloat { float: right; height: 20px; background-color: #D6D6D6; width: 130px; vertical-align: bottom; text-align: center; padding-right: 3px; margin-top: 10px; }

DIV.bt3 .searchlist {
  margin-top: 0px;
  margin-bottom: 5px;
}
/* BoxType3 editor */
/*DIV.bt3 .editor DIV.content{background-color: #FFF5E8;}*/
DIV.bt3 .editor TR,DIV {color: #000000;}
DIV.bt3 .editor DIV.boxheader {color: #000000;}
DIV.bt3 .editor DIV.filler2 {background-color: #D6D6D6;}
DIV.bt3 .editor INPUT.button, DIV.bt3 .editor INPUT.submit, DIV.bt3 .editor INPUT.reset { width: 140px; }
DIV.bt3 .editor INPUT.text, DIV.bt3 .editor INPUT.password, DIV.bt3 .editor SELECT.select { width: 140px; }
DIV.bt3 .editor .editfloat {background-color: #D6D6D6;}
DIV.bt3 TD			.active {background-color: #D0D0D0;}
DIV.bt3 DIV			.active {background-color: #D0D0D0; }
DIV.bt3 TD			.inactive {background-color: #E8E8E8;}

/* BoxType3 grayed */
/*DIV.bt3 .grayed {background-color: #F8F8F8; border: none; padding: 0px; text-align: left; }*/
DIV.bt3 .grayed DIV.filler2 {background-color: #F7F7F7; }
/*DIV.bt3 .grayed INPUT.button DIV.bt3 .grayed INPUT.submit, DIV.bt3 .grayed INPUT.reset { width: 140px; }*/
/*DIV.bt3 .grayed INPUT.text, DIV.bt3 .grayed INPUT.password, DIV.bt3 .grayed SELECT.select { width: 140px; }*/
DIV.bt3 .grayed .editfloat { background-color: #F7F7F7; }


/* Special stuff added for avigaming! */
.outline {
}
DIV.bt3 .register_header {
  background-color: #E0E0E0;
  font-weight: bold;
  font-size: 13px;
}

DIV.bt3 .register_header H3 {
  font-size: 13px;
}

DIV.bt3 .register_highlight {
  color: #B0012C;
}

DIV.bt3 .register_highlight H3 {
  font-size: 13px;
}

DIV.bt3 .step_header H3 {
  background-color: #E0E0E0;
  font-size: 13px;
}

DIV.bt3 .step_highlight H3 {
  font-weight: bold;
  color: #B0012C;
}
DIV.bt3 .step_grayed {
  color: #808080;
}


DIV.bt3 .confirm_name {
  padding-right: 10px;
  text-align: right;
}

DIV.bt3 .confirm_value {
  text-align: left;
  font-weight: bold;
}

.red H1.article_title {
  font-size: 13px;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 8px;
  color: #FF0000;
}

.imgBranding {
  margin-right: 10px;
}