/* CSS Document */
body {
	background-color: #0e0e0e;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/mainbg.gif);
	font-size: 10px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY:Verdana;
}

.leftplusbg
{
	width: 14px; background-image: url(images/left_plus_bg.gif);
}

.righttplusbg
{
	width: 14px; background-image: url(images/rite_plus_bg.gif);
}

.leftbg
{
	width: 14px; background-image: url(images/left_bg.gif);
}

.righttbg
{
	width: 14px; background-image: url(images/rite_bg.gif);
}

.lineH
{
	height: 1px; background-color:#697177;
}
.lineH1
{
	height: 1px; background-color:#BEC3C6;
}
.lineV
{
	width: 1px; background-color:#697177;
}

.lineV1
{
	width: 1px; background-color:#BEC3C6;
}



.info:link {COLOR: #FFFFFF; TEXT-DECORATION:none;}
.info:visited {COLOR: #FFFFFF; TEXT-DECORATION:none;}
.info:hover {COLOR: #FFFFFF; TEXT-DECORATION:underline;}

.toplinks {padding: 5px 10px 5px 10px; font-size: 10px; COLOR: #697177; FONT-FAMILY:Verdana;}
.toplinks A:link {COLOR: #697177; TEXT-DECORATION:none;}
.toplinks A:visited {COLOR: #697177; TEXT-DECORATION:none;}
.toplinks A:hover {COLOR: #FFFFFF; TEXT-DECORATION:none;}

.textNormal {font-size: 10px; COLOR: #FFFFFF; FONT-FAMILY:Verdana;}
A:link {COLOR: #FFFFFF; TEXT-DECORATION:none;}
A:visited {COLOR: #FFFFFF; TEXT-DECORATION:none;}
A:hover {COLOR: #000000; TEXT-DECORATION:none;}

.gbnick {COLOR: #2D3A41; TEXT-DECORATION:none;}
A.gbnick:link {COLOR: #2D3A41; TEXT-DECORATION:none;}
A.gbnick:visited {COLOR: #2D3A41; TEXT-DECORATION:none;}
A.gbnick:hover {COLOR: #697177; TEXT-DECORATION:none;}

.textResources {font-size: 10px; COLOR: #FFFFFF; FONT-FAMILY:Verdana;}
.textResources A:link {COLOR: #FFFFFF; TEXT-DECORATION:underline;}
.textResources A:visited {COLOR: #FFFFFF; TEXT-DECORATION:underline;}
.textResources A:hover {COLOR: #000000; TEXT-DECORATION:underline;}

.light {COLOR: #8A9499; TEXT-DECORATION:none;}

.bottomText {font-size: 10px; COLOR: #697177; FONT-FAMILY:Verdana; padding: 10px; background-color:#262B2E;}
.bottomText A:link {COLOR: #697177; TEXT-DECORATION:none;}
.bottomText A:visited {COLOR: #697177; TEXT-DECORATION:none;}
.bottomText A:hover {COLOR: #ffffff; TEXT-DECORATION:none;}
.textHeading {font-size: 10px; COLOR: #2D3A41; FONT-FAMILY:Verdana; font-weight:bold;}

h1 {
	font-size:10px;
	FONT-FAMILY:Verdana;
	padding:5px 10px;
	color:#929ba1;
	font-weight:lighter;
}
h2 {
	font-size:10px;
	FONT-FAMILY:Verdana;
	padding:0px 10px;
	color:#697177;
	font-weight:lighter;
}	

.rightcontent {padding: 5px 10px 5px 10px; font-size: 10px; COLOR: #929BA1; FONT-FAMILY:Verdana;}

.clock {
  border: 0;
  height: 15px;
  background-color: #000000;
  font-size: 10px;
  COLOR: #697177; 
  FONT-FAMILY:Verdana;
}

.submenu-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 199px;
  height: 42px;
  background-image: url('images/blank.gif');
  background-repeat: repeat;
  cursor: hand;
}

.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}

.headers{
width: 100%;
font-size: 120%;
font-weight: bold;
}

.textfield {
	height: 16px;
	width: 100%;
	border: 1px solid #b2b2b2;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
}

.textfieldip {
	height: 16px;
	width: 100%;
	border: 1px solid #b2b2b2;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
}

/* classes for validator */
  .tfvHighlight
    {color: #B31515; font-weight: bold;}
  .tfvNormal
    {color: #FFFFFF;}

.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: left;
margin-top: 2px;
margin-right: 3px;
}

.headers{
width: 100%;
height: 19px;
color: #697177;
font-size: 10px;
font-weight: bold;
border: 1px solid black;
background-color: #171717;
}

.switchcontent{
width: 100%;
border: 1px solid black;
border-top-width: 0;
padding: 3px;
background-color: #252424;
}

.headers2 {
width: 100%;
height: 19px;
color: #697177;
font-size: 10px;
font-weight: bold;
border: 1px solid #4B4B4B;
background-color: #54585A;
}

.switchcontent2 {
width: 100%;
border: 1px solid #4B4B4B;
border-top-width: 0;
padding: 3px;
background-color: #667177;
}

/*
	--------
	DIA
	--------
*/
ul.dia {
	margin: 0 0 0px 0px;
	list-style: none;
}
ul.dia li {
	display: inline;
}
ul.dia li a {
	background: transparent;
	padding: 0px;
}
ul.dia li a:hover {
	background: #F4F4F4;
	padding: 0px;
}
ul.dia li a {
	padding: 9px 6px 26px 7px;
	height:86px;
	width:86px;
	background: url('images/dia.gif') no-repeat;
	border: none;
}
ul.dia li a:hover { 
	padding: 9px 6px 26px 7px;
	height:86px;
	width:86px;
	background: url('images/dia.gif') no-repeat;
	background-position: -86px 0; 
	border: none;
	}

.submitbutton1 {
height: 16px;
font-family: Verdana;
color: #282A2B;
font-size: 10px;
text-align: left;
border: 1px solid #4B4B4B;
background-color: #54585A;
}

/* MSN PASWD CHECK */
.css0162
{background-color:#EBEBEB;border-right:solid 1px #BEBEBE;border-bottom:solid 1px #BEBEBE;}
.css0163
{background-color:#FF4545;border-right:solid 1px #BB2B2B;border-bottom:solid 1px #BB2B2B;}
.css0164
{background-color:#FFD35E;border-right:solid 1px #E9AE10;border-bottom:solid 1px #E9AE10;}
.css0165
{background-color:#3ABB1C;border-right:solid 1px #267A12;border-bottom:solid 1px #267A12;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #4B4B4B;
font-family: Verdana;
color: #282A2B;
font-size: 10px;
padding: 2px;
background-color: #54585A;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter:
progid:DXImageTransform.Microsoft.Shadow(color=#0E0E0E,direction=135,strength=2)
progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

#dhtmlpointer{
position:absolute;
left: -800px;
z-index: 101;
visibility: hidden;
}

fieldset
{
border: 1px solid #626B6F;
text-align: left;
padding: 2px 6px
}

.legend { COLOR: #2D3A41; }

.afmelden { 
background-image: url(../../images/blank.gif); 
  position: absolute;
  left: 0px;
  width: 199px;
  height: 42px;
  cursor: hand;
}

.afmelden:hover { 
background-image: url(../../images/class/uitroepteken.png); 
  position: absolute;
  left: 0px;
  width: 199px;
  height: 42px;
  cursor: hand;
}

.listhead {
font-size: 10px; 
COLOR: #393939; 
FONT-FAMILY:Verdana;
font-weight: bold;
text-decoration: underline;
}

.cmtimg {
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

div.scroll {	
height: 100px;	
width: 100%;	
overflow: auto;	
padding: 0px;
margin: 0px;
}

.userfoto {
  width: 400px;
  height: 100px;
  background-image: url('../../images/evengeduld.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

.beta-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 231px;
  height: 233px;
  background-image: url('images/beta.png');
  background-repeat: no-repeat;
  cursor: hand;
}

.bug-overlay {
  position: absolute;
  top: 15px;
  right: 120px;
  width: 100px;
  height: 100px;
  background-image: url('images/reportbug.png');
  background-repeat: no-repeat;
  cursor: hand;
}

.top20-overlay {
  position: absolute;
  top: 0px;
  left: 210px;
  width: 380px;
  height: 77px;
  background-image: url('../../images/blank.gif');
  background-repeat: repeat;
  cursor: hand;
}

.new-overlay {
  position: absolute;
  top: 0px;
  left: 538px;
  width: 100px;
  height: 100px;
  background-image: url('images/new.png');
  background-repeat: no-repeat;
  cursor: hand;
}