body{ background : url('../img/body.png') 0 100px #E4E4E4 repeat-x; font-family : 'Trebuchet MS'; font-size : 12px; color : #333; margin : 0; }

h1{ margin : 0; font-size : 18px; font-style : italic; padding : 0 0 0 20px; font-weight : normal; color : #8CC648; }

h1 b{ color : #1E4D5F; }

h2{ margin : 0 10px 0 10px; font-weight : normal; font-style : italic; padding : 0 0 5px 0; color : #1E4D5F; font-size : 14px; font-weight : bold; }

h3{ margin : 0 10px 10px 0; font-weight : normal; font-style : italic; padding : 0 0 5px 0; color : #fff; font-size : 12px; font-weight : bold; }

.clearer{ clear : both; }

fieldset,form{ border : 0; margin : 0; padding : 0; }

form{ padding : 10px; }

label{ float : left; width : 150px; }

input{ border : 1px solid #ccc; font-family : 'Trebuchet MS'; font-size: 12px; padding : 1px; color : #666; }

input.large{ width: 250px; }

.inputerror{ color: #CC0000; }

.page_nav{ font-weight : bold; margin : 5px 0; width: 685px; text-align: center; }
.page_nav a{ font-weight: normal; color: #8CC648; text-decoration: underline; padding: 5px; margin: 5px; text-align: center; border: 1px solid #D8CEC8; margin-left: auto; margin-top: auto;}
.page_nav a:hover{ text-decoration : none; color : #94bf37; background-color: #F2F2F2; }
.page_nav span{ padding: 0px; margin: 5px; text-align: center; border: 1px solid #FFF; margin-left: auto; margin-top: auto; }
.page_nextprev{ border: 1px solid #FFF !important; }
.page_nextprev:hover{ border: 1px solid #CCC !important; }
.page_nextprev_disabled{ color: #CCC !important; border: 1px solid #FFF !important; }
.page_nextprev_disabled:hover{ border: 1px solid #FFF; background-color: #FFF !important; cursor: default; text-decoration: underline !important; }

#home a{ color: #1E4D5F; text-decoration: none; border-bottom: 1px solid #CCC; }

#home a:hover{ color: #333; text-decoration: none; border-bottom: 1px solid #8CC648; }

#home ul li{ line-height: 20px; }

#confirm_ok{
	background-color: #FCFFDF;
	padding: 5px;
	border: 1px solid #4B8F00;
	color: #4B8F00;
	margin: 5px;
}

select{ font-family : "Trebuchet MS"; font-size : 12px; color : #666; padding : 0px; }

/*#logo{ background : url('../img/logo.gif') no-repeat center center #fff; width : 100%; height : 100px; }*/

#logo{ background : url('../img/green_mail.gif') no-repeat center center #fff; width : 100%; height : 100px; position: relative; }

#baseline{ border: 0px solid; width: 235px; height: 30px; text-align: left; margin: 0 auto; padding: 70px 0 0 0; color: #666; font-style: italic; font-size: 11px; letter-spacing: 1px; }

#copyright{ clear : both; font-size : 10px; margin: 0 auto; text-align : center; width : 350px; color : #999; padding : 5px 10px; }

.button{ background : url('../img/bg.png') repeat-x top left; color : #fff; border : 1px solid #37757F; width : 100px; cursor: pointer; }

.button:hover{ background : url('../img/bg_reverse.png') repeat-x top left; }

#container{ width : 960px; margin : 0 auto; position : relative; }

#left{ background : #1E4D5F; width : 250px; margin : 10px 0 0 10px; padding : 10px 0; float : left; }

#right{ float : left; margin : 10px 0 0 10px; }

#hoofdmenu{ width : 200px; float : left; }

#hoofdmenu ul{ list-style : none; margin : 0; padding : 0; }

#hoofdmenu ul li a{ font-size : 14px; font-weight : bold; font-style : italic; color : #fff; display : block; border-bottom : 1px solid #9FDF53; text-decoration : none; padding : 5px 0 2px 5px; }

#hoofdmenu ul li a.active{ color : #1E4D5F; }

#hoofdmenu ul li a:hover{ background : #ABEF59; }

#hoofdmenu ul li ul li a{ padding : 4px 0 4px 15px; border : 0; font-size : 11px; background : #94CF4D; font-style : normal; }

#hoofdmenu ul li ul li a.active{ background : #1E4D5F; color : #fff; }

#hoofdmenu ul li ul li ul li a{ padding : 4px 0 4px 30px; border : 0; font-size : 10px; background : #94CF4D; font-style : normal; }

#hoofdmenu ul li ul li ul li a.active{ background: #558395; }

#content{ width : 750px; float : left; margin : 0 0 0 10px; position : relative; }

.h1{ width : 300px; margin : 30px auto 0 auto !important; }

.h1 .contentf{ padding : 5px 0; width: 300px; height: 25px; overflow: hidden; }

.home{ width : 400px !important; margin : 0 auto !important; float : none !important; }

/* ROUND */

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#8CC648; margin:0 5px;}
.b2f {height:1px; background:#8CC648; margin:0 3px;}
.b3f {height:1px; background:#8CC648; margin:0 2px;}
.b4f {height:2px; background:#8CC648; margin:0 1px;}
.contentf {background: #8CC648;}
.contentf div {padding : 5px;}

#content .b1f ,.h1 .b1f{height:1px; background:#ffffff; margin:0 5px;}
#content .b2f ,.h1 .b2f{height:1px; background:#ffffff; margin:0 3px;}
#content .b3f ,.h1 .b3f{height:1px; background:#ffffff; margin:0 2px;}
#content .b4f ,.h1 .b4f{height:2px; background:#ffffff; margin:0 1px;}
#content .contentf,.h1 .contentf{background: #ffffff;}

#search .b1f{height:1px; background:#1E4D5F; margin:0 5px;}
#search .b2f{height:1px; background:#1E4D5F; margin:0 3px;}
#search .b3f{height:1px; background:#1E4D5F; margin:0 2px;}
#search .b4f{height:2px; background:#1E4D5F; margin:0 1px;}
#search .contentf{background: #1E4D5F; padding: 5px 0 0 10px;}

.header .b1f, .header .b2f, .header .b3f, .header .b4f{font-size:1px; overflow:hidden; display:block;}
.header .b1f {height:1px; background:#94CF4D !important; margin:0 5px;}
.header .b2f {height:1px; background:#94CF4D !important; margin:0 3px;}
.header .b3f {height:1px; background:#94CF4D !important; margin:0 2px;}
.header .b4f {height:2px; background:#94CF4D !important; margin:0 1px;}
.header .contentf{ background:#94CF4D !important; padding : 2px 0 6px 10px; }

#settings{ width: 250px; margin-top: 5px; }
#settings .b1f, .header .b2f, .header .b3f, .header .b4f{font-size:1px; overflow:hidden; display:block;}
#settings .b1f {height:1px; background:#94CF4D !important; margin:0 5px;}
#settings .b2f {height:1px; background:#94CF4D !important; margin:0 3px;}
#settings .b3f {height:1px; background:#94CF4D !important; margin:0 2px;}
#settings .b4f {height:2px; background:#94CF4D !important; margin:0 1px;}
#settings .contentf{ background:#94CF4D !important; padding : 2px 10px; color: #333; }
#settings .contentf b{ font-weight: bold; font-size: 14px; display: block; padding: 0 0 10px 0; }

table{ width : 100%; }

table .header td, table .header th{ color : #fff; background : #fff; padding : 0; font-weight : bold; font-style : italic; text-align : left; }

table td, table th{ background : #fff; padding : 5px 10px; }

table td.last{ text-align : right; }

.last a.actionbutton{ color: #333; text-decoration: none; border: 1px solid #CCC; padding: 3px; margin: 0 0 0 5px; background: #F2F2F2; }

.last a.actionbutton img{ vertical-align: middle; }

.last a.actionbutton:hover{ color: #8CC648; text-decoration: none; border-bottom: 1px solid #CCC; border: 1px solid #999; background: #FFFFFF; }

img{ border : 0; }

table .alt td{ background : #ebebeb; }

table #alt td{ background : #ebebeb; }

#table_listing{ font-size: 12px; }

.tablehref{ color: #000; text-decoration: none; border-bottom: 1px solid #CCC; }

.tablehref:hover{  border-bottom: 1px solid #999; }

#search{ color : #fff; width : 650px; margin : 5px 0 -5px 10px; padding: -10px 10px 0 0; }

#search form{ margin: 0px; padding: 0px;}

.header a{ color : #fff; }

#ico_add, #ico_edit, #ico_list, #ico_search, #ico_quarantaine, #ico_whitelist, #ico_blacklist, #ico_mails, #ico_users, #ico_settings, #ico_badwords, #ico_goedgekeurdemails, #ico_stats{ padding : 3px 5px 3px 27px; color : #1E4D5F; text-decoration : none;  }
#ico_add:hover, #ico_edit:hover, #ico_list:hover, #ico_search:hover, #ico_quarantaine:hover, #ico_whitelist:hover, #ico_blacklist:hover, #ico_mails:hover, #ico_users:hover, #ico_settings:hover, #ico_badwords:hover, #ico_goedgekeurdemails:hover, #ico_stats:hover, #ico_home:hover{ color : #8CC648; }

#ico_home{ background : url('../img/ico_home.png') no-repeat 5px; padding : 3px 5px 3px 16px; color : #1E4D5F; text-decoration : none; }

#ico_add{ background : url('../img/ico_add.png') no-repeat 5px; }

#ico_edit{ background : url('../img/ico_edit.png') no-repeat 5px; }

#ico_list{ background : url('../img/ico_list.png') no-repeat 5px; }

#ico_search{ background : url('../img/ico_search.png') no-repeat 5px; }

#ico_quarantaine{ background : url('../img/ico_trash.png') no-repeat 5px; }

#ico_whitelist{ background : url('../img/ico_ok.png') no-repeat 5px; }

#ico_blacklist{ background : url('../img/ico_nok.png') no-repeat 5px; }

#ico_mails{ background : url('../img/ico_mail.png') no-repeat 5px; }

#ico_users{ background : url('../img/ico_user.png') no-repeat 5px; }

#ico_badwords{ background : url('../img/ico_chat.png') no-repeat 5px; }

#ico_goedgekeurdemails{ background : url('../img/ico_folder.png') no-repeat 5px; }

#ico_stats{ background : url('../img/ico_stats.png') no-repeat 5px; }

#ico_settings{ background : url('../img/ico_settings.png') no-repeat 5px; font-size: 10px; }

#buttons{ padding : 10px 0 10px 10px; border-top : 1px solid #efefef; border-bottom : 1px solid #efefef; }

#buttons a{ border: 1px solid #CCC; background-color: #F2F2F2; }

#buttons a:hover{ border: 1px solid #999; background-color: #FFF; }

#buttons a.active{ background-color: #FFF; border: 1px solid #1E4D5F; }

#buttons a.active:hover{ color: #000; border: 1px solid #000; }

.addset{ background : #ebebeb; }

.addset div{ border-bottom : 1px solid #fff; }

.addset .button{ margin : 10px 0 0 0; }

.error{ color : #fff; font-weight : bold; margin : 0 0 0 10px; font-size : 11px; background : #1E4D5F; padding : 2px; }

h5{ font-size : 12px; font-weight : normal; color : #999; position : absolute; top : -70px; right : 10px; }

h5 a{ color : #1E4D5F; }

h5 a:hover{ text-decoration : none; }

.emailexplain{ border: 1px solid #999; padding: 10px; background: #CCC; font-family:'Courier New', Courier, monospace; }