body {
	margin: 6px 0;
	padding: 0;
	background: url(../images/bgn.jpg) repeat-x;
	background-color: #E9E9D5;
	font: 0.7em "arial", "Trebuchet MS", Verdana, sans-serif;
	line-height: 1.5em;
	color: #454545; 
	text-align:center;
	}
h1 a, h2 a {
	text-decoration: none;
	color: #185DA0;
}
h1 a:hover, h2 a:hover {
	color: #FF6600;
	background: #FFF;
}
select{
  	BORDER: 0px solid Black;
	padding-right:1px;
	height:17px;
	FONT-SIZE: 9px;
	PADDING-BOTTOM: 0px;
	margin-TOP: 0px;
}
h1 { 
	color: #185DA0;
	margin: 0; 
	padding: 0; 
	font: bold 1.4em Arial, Sans-Serif; 
	letter-spacing: 0px;
}
h2{
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:Bold;
letter-spacing: -1px;
font-size: 1.1em;
color: #185DA0;
vertical-align: text-top;
z-index:1;
 margin-top: 3px; margin-bottom: 3px;
}
#clear{
height: 23px;

}
h3{
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:Bold;
letter-spacing: -1px;
font-size: 1.0em;
color: #185DA0;
vertical-align: text-top;
z-index:1;
 margin-top: 3px; margin-bottom: 3px;
}
.h3 a{
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:Bold;
letter-spacing: -1px;
font-size: 1.0em;
color: Red;
vertical-align: text-top;
z-index:1;
margin-top: 3px; margin-bottom: 3px;
}
table{
font: 1.1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
input{
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:10px;
   background-color: #fff;
   border:1px solid Black;
    }
form {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
label{
width:25%;
text-align:left;
float:left;
font-weight:bold;
}    
   
.h2{
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
height: 8px;
font-weight:Bold;
letter-spacing: -1px;
padding-bottom: 2px;
font-size: 1.1em;
color: #185DA0;
vertical-align: text-top;
z-index:1;
}
.coll{
color: #66B1D8;
}
#rate{
color:Red;
font-size:9px;
}
.row{
  padding:2pt;
}

.pp{margin:0px;
padding:0px;
float:right;
background-color:#fff;
border:0px solid #fff;
}

textarea {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
border:1px solid Black;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
}
#shade{
position:absolute;
width:100%;
height:100%;
background: #000000; opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; filter: alpha(opacity=90);
z-index:1;
}

/* Header */

#headerTop a{
		color: #aaa;
		}
#headerLink{
	margin-left:3px; 
	padding:4px;
	float:right;
	text-align:left;
}
#headerZoek{
	margin-right:3px; 
	padding:2px;
	float:right;
	text-align:right;
}
#hslogo{
 float:left;
 padding-left:6px;
  }
#headerTop {
	width: 900px;
	min-height:30px;
	height:30px;
	margin: 0 auto;
	margin-top:10px;
	background-color: Black;
	background: url(../images/bghd1px.jpg) repeat-x; 
	border: 1px solid #cce;
	border-bottom: none;
	text-align: right;
	vertical-align: middle;
}

#header {
	width: 900px;
	min-height:55px;
	height:55px;
	margin: 0 auto;
	background-color:#62ADD4;
	background: url(../images/bghs1px.jpg) repeat-x; 
	border-left: 1px solid #cce;
	border-right: 1px solid #cce;
}
#NameOfColl{
text-transform: uppercase;
color:Black;
font-weight:Bold;
padding-bottom:6px;
font-size:12px;
}
#commentbox {
background-color:White;
border:0px solid #185DA0;
color: #185DA0;
padding-top:20px;
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
z-index:1;
}
#infobox {
position:absolute;
width:600px;
max-height: 500px; /* Moz, Opera.. */
overflow:auto;
overflow-x: none;
height: expression(this.scrollHeight > 500 ? "500px" : "auto"); /* IE */
left:25%;	
top:10%; 
background-color:White;
border:1px solid #185DA0;
color: Black;
padding-top:20px;
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
z-index:1;
}
#SwitchColl{
max-height:350px;
overflow:auto;
height:auto !important;
height:350px;
}
#wraplogin{
background: url(./images/login.jpg) no-repeat;
background-position:right;
}
/* Content */

#content {
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	background-color:White;
	min-height:2000px;
  	height:auto !important;
   	border: 1px solid #cce;
	border-top: none;
	border-bottom: none;
	margin-left: auto;
margin-right: auto;
text-align: left;
}
/* Column One */
#hmain {
	float: left;
	width: 600px;
	padding: 10px 0 0 23px;
	text-align: left;
	}
	/* Column One showcoll*/
#hmaincoll {
	float: right;
	width: 600px;
	padding: 23px 10 0 10px;
	text-align: left;
	margin-right: 15px;
	}
	
#resultcontainer {
	float: left;
	width: 600px;
	padding: 0px;
	overflow:auto;
	max-height:1060px;
	height:auto !important;
	SCROLLBAR-FACE-COLOR: #f0f0f0;
	SCROLLBAR-HIGHLIGHT-COLOR: #c0c0c0;
	SCROLLBAR-SHADOW-COLOR: #c0c0c0; 
	SCROLLBAR-3DLIGHT-COLOR: #f0f0f0; 
	SCROLLBAR-DARKSHADOW-COLOR: #f0f0f0;
}
#commwrap{
padding-top:2px;
width:600px;
max-width: 583px;
overflow-y: auto;
overflow-x: hidden;
	max-height:1060px;
	height:auto !important;
	SCROLLBAR-FACE-COLOR: #f0f0f0;
	SCROLLBAR-HIGHLIGHT-COLOR: #c0c0c0;
	SCROLLBAR-SHADOW-COLOR: #c0c0c0; 
	SCROLLBAR-3DLIGHT-COLOR: #f0f0f0; 
	SCROLLBAR-DARKSHADOW-COLOR: #f0f0f0;
}

/* Column Two */

#colTwo {
	float: left;
	width: 250px;
	padding: 5px 5px 10px 5px;
	margin-left:15px;
	margin-top:0px;
	height: auto;
	color: #454545; 
}

#colTwoColl {
	float: left;
	width: 230px;
	padding: 2px 2px 2px 7px;
	margin-left:5px;
	margin-top:25px;
	height: auto;
	color: #454545; 
}
/* Footer */

#footer {
	clear: both;
	width: 900px;
	height:36px;
	margin: 0 auto;
	padding: 0px;
	border: 1px solid #cce;
	background: #fff url(../images/cntftr.jpg)  repeat-x ;
	background-position: bottom;
	border-top: none;
}

#close{
	clear: both;
	width: 900px;
	height:20px;
	margin: 0 auto;
	padding: 10px 0;
	border: 0px solid #000;

	border-top: none;
}
#close2{
	clear: none;
	height:40;
	margin: 0;
	padding: 0px 0;
	border-top: 1px solid #bbb;

}
#footer p {
	text-align: center;
	font-size: x-small;
}
#login{
     display: block; 
	 position: absolute;
	 border:0px solid Black; 
	 width:auto !important;
	 width:63%;
	 height:100px;
}
#loginform{
border:1px solid #4997BE;
position:relative;
height:100px;
width:23%;
padding:5px;
}
#Coll { 
display: block; 
position: absolute;
border:0px solid Black; 
background: #fff; opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; filter: alpha(opacity=20);
min-height:100%; 
height:auto !important;
height:820px; 
min-width: 54%;
width:auto !important;
width:100%; 
}
#bannerright{
right:10px;
top:10px;
float:right;
}

#CollUrl {
min-height:70px;
height:auto;
padding:1px;
		border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
		padding: 10px 10px 10px 10px;	
		margin: 0 0 10px 0;
		color: #454545; 
		background-color:#F4F4F4;
	}
#CollUrl2 {
min-height:70px;
height:auto;
padding:1px;
width:42%;
float:left;
min-height:140px;
	height:140px;
		border: 1px solid #eee;
		padding: 10px 10px 10px 10px;	
		margin: 0 10px 10px 0;
		color: #454545; 
		background-color:#F4F4F4;
	}

#CollUrlFav {

	min-height:70px;	
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 10px 10px 10px;	
		margin: 0 0 10px 0;
	}
#CollUrlFavOUD {
min-height:70px;
height:auto;
padding:1px;
		border: 1px solid #eee;
		padding: 10px 10px 10px 10px;	
		margin: 0 0 10px 0;
		color: #454545; 
		background-color:#F4F4F4;
	}	

#CollUrlIco {
min-height:40px;
vertical-align: center;
float: right;
height:auto;
padding:2px;
		border: 0px solid #eee;
		padding: 5px 5px 5px 5px;	
		margin: 0 0 10px 0;
		color: #454545; 
		background-color:#F4F4F4;
	}
#CollUrlEdit {
min-height:50px;
height:auto !important;
height:50px;
padding:2px;
border: 1px solid #eee;
padding: 10px 10px 10px 10px;	
margin: 0 0 10px 0;
color: #454545; 
background-color:#F4F4F4;
	}
	
	#CollUrlEdit:hover {
		border: 1px solid #ccc;
	}
#AddUrls {
min-height:70px;
width:590px;
height:auto;
padding:2px;
		border: 1px solid #eee;
		padding: 10px 10px 10px 10px;	
		margin: 0 0 10px 0;
		color: #454545; 
		background-color:#D6E7FF; 
	}
#Addurls:input{
margin-bottom:2px;}
.bsel{
border: 1px solid black;
height:19px;
}
.rowdiv  {
display:  table-row;
width:auto;
}
#hyper{
vertical-align: super;
font-weight:bold;
}
#GrabRate{
padding:10px;
background: #fff; opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; filter: alpha(opacity=20);
border:1px solid Black; 
width:8%;
float:left;
margin-right:10px;
margin-top:5px;
text-align:center;
display:inline;
}
#GrabRateTotal{
padding:4px;
background: #fff; opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; filter: alpha(opacity=20);
border:1px solid Black; 
width:150px;
float:left;
margin-right:10px;
margin-top:5px;
text-align:center;
}
#NameCollDiv{
float:left;
height:72px;
width:85%;
display:inline;
overflow:auto;
}
#NameColl{
text-transform: uppercase;
/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif; 
height: 9px;
font-weight:Bold;
/*letter-spacing: -1px;*/
font-size: 1.0em;
color: #FFFFFF;
vertical-align: text-top;
z-index:1;
}
#DescColl{
text-transform: lowercase;
Font-family:verdana,arial,sans-serif
font-size:	13px
letter-spacing: 0px;
color: Blue;
vertical-align: text-top;
height:auto;
}
#DescColl2{
text-transform: lowercase;
Font-family:verdana,arial,sans-serif
font-size:	13px;
color: Black;
vertical-align: text-top;
height:auto;
}
#InfoComm{
background-color:#FFF;
float:left;
width:110px;
text-transform: lowercase;
font-family:'trebuchet ms',helvetica,sans-serif;
letter-spacing: 0px;
font-size: 1.0em;
color: #185DA0;
vertical-align: text-top;
}
#DescComm{
background-color:#D6E7FF;
float:left;
margin-bottom:2px;
width:480px;
max-width: 480px;
text-transform: lowercase;
font-family:'trebuchet ms',helvetica,sans-serif;
letter-spacing: 0px;
padding:2px;
font-size: 1.0em;
color: #185DA0;
vertical-align: text-top;
height:auto;
}
#info{
height:auto;
padding:1px;
width:590px;
border: 1px solid #eee;
padding: 10px 10px 10px 10px;	
margin: 0 0 10px 0;
color: #454545; 
background-color: #F5F5E0;
}
input.ver{
font-size: 15pt;
text-transform: uppercase;
vertical-align: middle;
}
.msg{
font-size: 15pt;
text-transform: uppercase;
color: Red;
}
.msg2{
font-size: 15pt;
text-transform: uppercase;
color: Green;
}
#label{
padding-right:16px;
font-weight:Bold;
margin-top:3px;
padding-bottom:2px;
}
#label2{
padding-right:13px;
font-weight:Bold;
margin-top:3px;
}
#label3{
padding-right:13px;
font-weight:Bold;
margin-top:3px;
padding-top:20px;
}
#underline{
border-bottom:1px solid #CCC;
padding:5px;
margin-bottom:5px;
}
#LoginMessage{
padding:0px;
color: Red;
font-weight: bold;
}
#Message a{
padding:0px;
color: Red;
font-weight: bold;
}
#Message2 a{
padding:0px;
color: #185DA0;
font-weight: bold;
background:#D6E7FF;
}
#ErrorMessage{
padding:0px;
color: Red;
font-weight: bold;
}
#SearchMessage{
padding:0px;
color: Red;
font-weight: bold;
}
#ConfirmDelete2{
display:none;
padding:0px;
color: Red;
font-weight: bold;
}
#divborder{
padding:0px;
border: 1px solid #4997BE;
}
#divborderwhite{
padding:0px;
border: 1px solid #fff;
}
#addsright{
padding:0px;
width:auto;
background: #fff;
border: 0px solid #4997BE;
margin-top:13px;
}
#wrapper{
overflow: auto;
max-height:1110px;
height:auto !important;
}
#wrapshow{
overflow: auto;
max-height:1800px;
height:auto !important;
}
.zoekinput{
	background-image: url(../images/search.gif);
	background-repeat: no-repeat;
	BORDER-top: 1px solid #CCCCEE;
	BORDER-left: 1px solid #CCCCEE;
	height:15px;
	PADDING-LEFT: 17px;
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 0px;
	PADDING-TOP: 0px;
	}

#prow{
border-bottom:1px dotted #9CC9E0;
width:100%;
margin-top: 2px; margin-bottom: 2px;
}

.cell{
  width:97%;
  color:Blue;
  padding:2pt;
  float:left;
  color:#B7B7B7;
  text-align:top;
  border-bottom:1px dotted #9CC9E0;
  height:auto !important;
  min-height:30px;
  height:30px;
}
.cellid{
color:Blue;
}
.cu{
margin-left:2px;
}
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #4D98BF;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #4D98BF;
		
		font-weight: bold;
		background-color: #61ACD3;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	#menu {
  background-color: #eee;
  padding-left: 10px;
  height: 32px;
  width:890px;
  z-index:-1;
   }
  #menu a {
    display: block;
    font-size: 12px;
    float: left;
    margin: 3px 5px 0px 0px;
    height: 16px;
     padding: 5px 12px 7px 12px;   
    color: #303030;
    background-color: #eee;
    font-weight: bold; }
    #menu a:hover {
      text-decoration: none;
      background-color: #dddddd; }
    #menu a.active {
      padding: 4px 11px 8px 11px;
      border: 1px solid #bebebe;
      border-bottom: none;
      background-color: #ffffff; }
      #menu a.active:hover {
        background-color: #ffffff; }
.tab{
      padding: 4px 11px 8px 11px;
      border: 1px solid #bebebe;
      border-bottom: none;
      background-color: #ffffff; 
}

.selector {
	    float: right;
}


.selector .tool, .selector .tool:visited {
    float: right;
    font-weight: bold;
    text-decoration: none;
    color: #e37400;
    padding: 2px 1px;
    border: 4px solid #fff;
    background: #fff;
    margin-top: 3px;
    height: 20px;
    word-spacing: -0.1em;
}

.selector span.tool {
    background: #e37400 ;
    padding: 0;
    height: auto;
} /*ie6*/

.selector span.tool strong {
    display: block;
   
    color: #fff;
    padding: 2px 6px;
    height: 16px;
}

.selector a.tool:hover {
    text-decoration: underline;
}

.selector select {
    font-size: 100%;
}




.mo
{
width:70px; 
height:24px;
background-image:url(../images/t240.gif);
}
.mo a {display:block}
.mo img {width:100%; height:100%}
.mo a:hover img {visibility:hidden;}

.mo1
{
width:70px; 
height:24px;
background-image:url(../images/t70.gif);
}
.mo1 a {display:block}
.mo1 img {width:100%; height:100%}
.mo1 a:hover img {visibility:hidden;}


.mo2
{
width:70px; 
height:24px;
background-image:url(../images/t300.gif);
}
.mo2 a {display:block}
.mo2 img {width:100%; height:100%}
.mo2 a:hover img {visibility:hidden;}


.mo3
{
width:70px; 
height:24px;
background-image:url(../images/t900.gif);
}
.mo3 a {display:block}
.mo3 img {width:100%; height:100%}
.mo3 a:hover img {visibility:hidden;}