/* CSS Document */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #ffffff;
background-image: url('images/menu/watermerk2.jpg'); background-repeat: no-repeat; background-position: -150px 50px;
margin: 0px;
padding: 20px;
width: 100%;
overflow:hidden
}

* {
margin:0; 
padding:0
}

tr, td, input, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000
} 

a, a:visited, a:hover, a:active, {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
border-color: #000000;
text-decoration: none
}

.container {
text-align: left; 
width: 801px
}

.loading {
text-align: left; 
width: 200px
}

.enter {
margin: 0px auto;
width: 100px;
height: 100px
}

.header {
width: 801px;
height: 75px
}

.menu {
float: left; 
width: 400px
}

.content {
float: right; 
width: 400px
}

.loading {
float: right; 
width: 400px
}


.links {
float: right; 
width: 400px; 
height: 450px; 
overflow-y:scroll;
overflow-x:hidden
}

.form {
float:left;
padding:0 10px 10px 10px;
background:#f3f3f3
}

#msg {
display:none; 
position:absolute;
z-index:200;
background:url(images/arrow/msg_arrow.gif) left center no-repeat;
padding-left:500px
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 400px; 
	height: 450px;
	overflow: hidden;
	border:1px dashed #cccccc
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:400px;
		height:450px;
		overflow:hidden;
		float:left	
		}
	div.scroller div.content {
		width: 10000px
		}

.clear { 
  clear: both
  }