body{ font-family : "Trebuchet MS"; font-size : 8pt; margin : 0; }
h1{ margin : 0; padding : 0; font-size : 14pt; text-transform : uppercase; }
fieldset{ border : 0; margin : 0; padding : 0; }
.content{ padding : 10px; display : block; background : #fff; }
.button{ background : none; color : #000; border : 0; font-family : "Trebuchet MS"; font-size : 8pt; font-weight : bold; text-transform : uppercase; }
.text{ border : 1px solid #ccc; color : #666; font-family : "Trebuchet MS"; font-size : 8pt; margin : 0; padding : 0; }
.clearer{ clear : both; }

/* LOGIN */
#login{ width : 200px; height: 200px; position: absolute; left: 50%; top: 50%; margin : -100px 0 0 -100px; }
#login h1{ margin : 0 0 10px 0; text-align: center; }
#login .content{ padding : 5px 10px; background-color: #EFEFEF; }
#login input{ width : 100%; border-bottom: 1px dashed #666; border-left: 0px solid; border-right: 0px solid; border-top: 0px solid; margin: 2px 0; background-color: #EFEFEF; font-family : "Trebuchet MS"; text-align: center; font-size: 16px; font-weight: bold; }
#login .form_btn{ display: none; }

/* FRAME */

#container{ width : 990px; margin : 0 auto; }

/* TOP */

#top{ margin : 20px 0; }
#top a{ 
	color : #000; 
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}
#top a:hover{ 
	color : #9ACA39; 
	text-decoration : none; 
	border-bottom: 1px solid #9ACA39;
}

#top #banner{ float : left; }
#top #userblocks{ float : left; }
#top #userblocks .user{ position: relative; float : left; background : #FFF; color : #fff; width : 40px; height : 53px; margin : 0 5px 0 0; text-align : left; font-size: 9px; }
#top #userblocks .user .atwork{ width: 8px; height: 8px; background: #009900; position: absolute; bottom: 1px; right: 1px; }

#top #welkom{
	padding: 2px 0 0 0;
	font-size: 11px;
	text-transform: none;
	color: #666;
	width: 415px;
	float: left;
}

#top #submenus{
	padding: 2px 0 0 0;
	font-size: 11px;
	text-transform: none;
	color: #666;
	float: right;
}

#top #welkom a{
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

#top #welkom a:hover{
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #666;
}

#top #menu{ float : right; height: 30px;}
#top #menu ul, #top #submenus ul{ list-style : none; margin : 0; padding : 0; }
#top #menu ul li, #top #submenus ul li{ float : left; padding : 0 0 0 15px; }
#top #menu ul li a, #top #submenus ul li a{ color : #000; }
#top #menu ul li a:hover, #top #submenus ul li a:hover{ text-decoration : none; color : #9ACA39; }
#top #menu ul li .active, #top #submenus ul li .active{ text-decoration : none; color : #9ACA39; border-bottom: 1px solid #9ACA39; }

/* CALENDAR */

#calendar{ margin : 0 0 20px 0; }
#calendar h1{ margin : 0 0 10px 0; }

.day{ width : 305px; float : left; margin : 5px; }
.day h5{ font-size : 8pt; font-weight : bold; margin : 0; padding : 0; border-bottom : 1px dotted #ccc; }
.day h5 a{ color: #000; text-decoration: none; }
.day h5 a:hover{ text-decoration: underline; }
.day .content{ border:0 solid #ccc; border-width:0 1px; padding : 5px; }
.day .calendar{ height : 122px; overflow : auto; font-weight: normal; }
.day .calendar small{ color: #999; }
.day .calendar small a{ color: #000 !important; }
.day ul{ margin : 0; padding : 0; list-style : none; color : #666; }
.day ul li{ padding : 2px 0; text-transform : none; }
.day ul li b{ background : #efefef; padding : 0 5px; }
.day ul li b a{ color: #666 !important; }
.day ul li i{ background : #EFE0E0; padding : 0 5px; font-style: normal; font-weight: bold !important; }
.day ul li a{ color : #666; text-decoration : none; }
.day ul li a:hover{ text-decoration : underline; color : #9ACA39; }

.month{ clear : both; margin : 0; padding : 0; font-size : 12pt; font-weight : bold; text-transform : uppercase; border-bottom : 1px solid #999; }
.nrdays{ text-decoration: none; color: #000; }
.nrdays:hover{ text-decoration: underline; color: #000; }

#calendar .icon{ background : #FFF; height : 10px; width : 10px; float : left; margin : 3px 5px 0 0; }
#calendar a{ color : #000; }
#calendar a:hover{ text-decoration : none; color : #9ACA39; }

/* PROJECTS */

#projects{ width : 370px; float : left; }
#projects h1{ margin : 0 0 10px 0; }
#projects .project{ position: relative; padding : 5px 0px 5px 5px; color : #666; clear : both; border-bottom : 1px dotted #ccc; height: 30px; }
#projects .project .icon{ background : #FFF; height : 10px; width : 10px; float : left; margin : 3px 5px 0 0; }
#projects .project .hours{ width : 40px; float : left; margin : 0 5px 0 0; }
#projects .project b{ color : red; font-weight : normal; }
#projects .project i{ color : orange; font-weight : normal; font-style : normal; }
#projects .project .deadline{ width : 60px; float : left; margin : 0 5px 0 0; }
#projects .project a{ color : #000;}
#projects .project a:hover{ text-decoration : none; color : #9ACA39; }
#projects .project small{ text-transform: none; }
#projects .project .title{ float: left; }
#projects .todo{ position: relative; padding : 5px 0px 5px 5px; color : #666; border-bottom : 1px dotted #ccc; float: left; }
#projects .todo a{ color: #666; }

/* PROJECTDETAIL */

#projectheader .content{ padding : 5px 10px; }
#projectheader .content #add{ border-top : 1px dotted #ccc; clear : both; padding : 5px 0 0 0; }
#projectheader .content a{ color : #000; text-transform : none; }
#projectheader .content a:hover{ color : #9ACA39; text-decoration : none; }
#projectname{ width : 300px; margin : 20px 0; }
#projectname .content{ padding : 5px 10px; position: relative; }
#projectname h2{ margin : 0; padding : 0; font-size : 8pt; font-weight : normal; float : left; }
#projectname .icon{ background : #FFF; height : 10px; width : 10px; float : left; margin : 3px 5px 0 0; }
#projectname a{ color : #000; }
#projectname a:hover{ text-decoration : none; color : #9ACA39; }
#projectcontent{ margin : 0 0 0 20px; }
#projectcontent .content{ padding : 2px 5px; }
#projectcontent .subproject{ clear : both; padding : 5px 10px; position: relative; }
#projectcontent h3{ margin : 0; padding : 0; color : #666; font-weight : normal; font-size : 8pt; float : left; width : 250px; }
#projectcontent a{ color : #000; }
#projectcontent a:hover{ text-decoration : none; color : #9ACA39; }
#projectcontent .icon{ background : #FFF; height : 10px; width : 10px; float : left; margin : 3px 5px 0 0; }
#projectcontent .days{ float : left; width : 80px; }
#projectcontent .overview{ float : left; }
#projectcontent .overview .icon{ background : #fff; border : 1px solid #CCC; height : 9px; width : 9px; float : left; margin : 2px 5px 0 0; }
#projectcontent .options{ float : right; }
#projectcontent .options .checkbox{ margin : 2px 5px 0 0; height : 11px !important; float : left; }
#projectcontent .details{ clear : both; }
#projectcontent .details .content{ background : #efefef; padding : 5px 10px; }

#projectcontent #bestanden{ width : 220px; margin : 0; }
#projectcontent #bestanden .content{ background : #fff; padding : 5px 10px; margin : 0; }
#projectcontent #bestanden .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_documents.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#projectcontent #bestanden .content ul{ margin : 0; padding : 0; list-style : none; }
#projectcontent #bestanden .content ul li{ padding : 2px 0; text-transform : none; }
#projectcontent #bestanden .content ul li a{ padding : 0; text-transform : none; display : inline; }
#projectcontent #bestanden .content a{ text-transform : none; padding : 2px 0 0 2px; display : block; }

#projectcontent #planning{ width : 220px; margin : 20px 0 0 0; }
#projectcontent #planning .content{ background : #fff; padding : 5px 10px; }
#projectcontent #planning .content h4{ background-color: #339999; margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_planning.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#projectcontent #planning .content ul{ margin : 0; padding : 0; list-style : none; }
#projectcontent #planning .content ul li{ padding : 2px 0; text-transform : none; clear : both; }
#projectcontent #planning .content ul li input{ float : left; }
#projectcontent #planning .content ul li .title{ float : left; }
#projectcontent #planning .content ul li .date{ float : right; font-weight : bold; }
#projectcontent #planning .content ul li a{ padding : 0; text-transform : none; display : inline; }
#projectcontent #planning .content a{ text-transform : none; padding : 2px 0 0 2px; display : block; }
#projectcontent #planning .content a#event{ clear : both; }

#projectcontent #offertes{ width : 220px; margin : 20px 0 0 0; }
#projectcontent #offertes .content{ background : #fff; padding : 5px 10px; margin : 0; }
#projectcontent #offertes .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_list.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#projectcontent #offertes .content ul{ margin : 0; padding : 0; list-style : none; }
#projectcontent #offertes .content ul li{ padding : 2px 0; text-transform : none; }
#projectcontent #offertes .content ul li a{ padding : 0; text-transform : none; display : inline; }
#projectcontent #offertes .content a{ text-transform : none; padding : 2px 0 0 2px; display : block; }

#projectcontent #werkers{ width : 220px; margin : 20px 0 0 0; }
#projectcontent #werkers .content{ background : #fff; padding : 5px 10px; margin : 0; }
#projectcontent #werkers .content h4{ margin : 0 0 5px 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_user.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#projectcontent #werkers .content ul{ margin : 0; padding : 0; list-style : none; }
#projectcontent #werkers .content ul li{ padding : 2px 0; text-transform : none; }
#projectcontent #werkers .content ul li a{ padding : 0; text-transform : none; display : inline; }
#projectcontent #werkers .content a{ text-transform : none; padding : 2px 0 0 2px; display : block; }
#projectcontent #werkers .content .werker{ text-transform : none; }

#projectcontent #praktisch{ width : 220px; margin : 20px 0 0 0;  }
#projectcontent #praktisch .content{ background : #fff; padding : 5px 10px; }
#projectcontent #praktisch .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_finance.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#projectcontent #praktisch .content ul{ margin : 0; padding : 0; list-style : none; }
#projectcontent #praktisch .content ul li{ padding : 2px 0; text-transform : none; clear : both; }
#projectcontent #praktisch .content ul li#last{ border-top : 1px dotted #ccc; font-weight: bold; }
#projectcontent #praktisch .content ul li .title{ float : left; width : 120px; }
#projectcontent #praktisch .content ul li .current{ float : right; padding : 0 0 0 5px; text-align : right; }
#projectcontent #praktisch .content ul li b{ color : red; font-weight : normal; }
#projectcontent #praktisch .content ul li .partner{ float : left; width : 100px; }
#projectcontent #praktisch .content ul li .hours{ float : left; font-weight : bold; }
#projectcontent #praktisch .content ul li .thours{ float : right; font-weight : bold; }
#projectcontent #praktisch .content ul li a{ padding : 0; text-transform : none; display : inline; }
#projectcontent #praktisch .content a{ text-transform : none; padding : 2px 0 0 2px; display : block; }
#projectcontent #praktisch .content a#praktisch{  width : 120px; }
#projectcontent #praktisch .content div#partner{ color : #666; clear : both; padding : 20px 5px 0 5px; }
#projectcontent #left{ float : left; }
#projectcontent #right{ float : left; margin : 0 0 0 10px; }
#projectcontent .content #add{ border-top : 1px dotted #ccc; clear : both; padding : 5px 0 0 0; }
#projectcontent .content a{ color : #000; text-transform : none; }
#projectcontent .content a:hover{ color : #9ACA39; text-decoration : none; }

#projectcontent #preview{ margin : 0 0 20px 0; width : 700px; }
#projectcontent #preview .content{ background : #fff; padding : 5px 10px; margin : 0; }
#projectcontent #preview .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_preview.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#projectcontent #preview .content img{ border : 1px solid #666; display : block; }
#projectcontent #preview .previewwindow{ overflow: auto; width: 700px; height: 130px; }
#projectcontent #preview .content .image{ float : left; margin : 5px 6px 5px 6px; text-align : center; color : #666; text-transform : none; font-style : italic; }
#projectcontent #preview .content .image a{ color : #666; text-decoration : none; }
#projectcontent #preview .content #navigator{ text-transform : none; }
#projectcontent #preview .content #navigator a{ margin : 0 5px; }
#projectcontent #preview .content #navigator a.active{ color : #9ACA39; text-decoration : none; }

#projectcontent #projectshout .content{ background : #fff; }
#projectcontent #projectshout{ width : 700px; float : left; margin : 0px;  }
//#projectcontent #projectshout #shouts{ height : 300px; overflow : auto; }
#projectcontent #projectshout #shouts h5{ font-size : 8pt; margin : 10px 0 0 0; padding : auto; float : left; }
#projectcontent #projectshout #shouts .icon{ background : #FFF; height : 10px; width : 10px; float : left; margin : 13px 5px 0 0; }
#projectcontent #projectshout #shouts .date{ color : #666; font-style : italic; }
#projectcontent #projectshout #shouts p{ clear : both; margin : 0; padding : 4px 0 4px 0; text-transform : none; border-bottom : 1px dotted #ccc; color : #666; }
#projectcontent #projectshout #addshout{ margin : 10px 0 0 0; padding : 5px 5px 1px 5px; position : relative; }
#projectcontent #projectshout #addshout form{ margin : 0 0 5px 0; padding : 0;  }
#projectcontent #projectshout textarea{ border : 1px solid #cccccc; overflow : auto; width : 400px; height : 100px; font-family : "Trebuchet MS"; font-size : 8pt; }
#projectcontent #projectshout #alert{ color : red; text-transform : none; position : absolute; top : 5px; left : 410px; }
#projectcontent #projectshout .content h4{ margin : 0 0 10px 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_chat.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }

#projectplanning{ margin : 5px 0 0 20px; }
#projectplanning .content{ padding : 5px 10px; }
#projectplanning .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_planning.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#projectplanning .content h4 a{ text-transform: uppercase; text-decoration: none; }
#projectplanning .content #add{ border-top : 1px dotted #ccc; clear : both; padding : 5px 0 0 0; }
#projectplanning .content #add select{ font-family : "Trebuchet MS"; font-size : 8pt; border: 0px solid; text-transform: none; }
#projectplanning .content a{ color : #000; text-transform : none; }
#projectplanning .content a:hover{ color : #9ACA39; text-decoration : none; }

#projectclient{ margin : 5px 0 0 20px; }
#projectclient .content{ padding : 5px 10px; }
#projectclient .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_user.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#projectclient .content h4 a{ text-transform: uppercase; text-decoration: none; }
#projectclient .content #add{ border-top : 1px dotted #ccc; clear : both; padding : 5px 0 0 0; }
#projectclient .content a{ color : #000; text-transform : none; }
#projectclient .content a:hover{ color : #9ACA39; text-decoration : none; }
#projectclient fieldset div{ text-transform : none; clear : both; margin : 5px 0; color : #666; }
#projectclient fieldset label{ text-transform : uppercase; }
#projectclient fieldset div a{ text-transform : none !important; }
#projectclient label{ width : 150px; float : left; font-weight : bold; color : #000; }
#projectclient table{ margin : 10px 0; }
#projectclient table td.header{ font-weight : bold; border-bottom : 1px dotted #ccc; text-transform : uppercase; color : #000; }
#projectclient table td{ text-transform : none; color : #666; }
#projectclient table .icon{ background : #FFF; height : 10px; width : 10px; float : left; margin : 0 5px 0 0; }

#projectstats{ margin : 5px 0 0 20px; }
#projectstats .content{ padding : 5px 10px; }
#projectstats .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_stats.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#projectstats .content h4 a{ text-transform: uppercase; text-decoration: none; }
#projectstats .content a{ color : #000; text-transform : none; }
#projectstats .content a:hover{ color : #9ACA39; text-decoration : none; }
#projectstats table{ margin : 10px 0; }
#projectstats table td.header{ font-weight : bold; border-bottom : 1px dotted #ccc; text-transform : uppercase; color : #000; }
#projectstats table td{ text-transform : none; color : #666; text-align: right; }
#projectstats table .icon{ background : #CCCCCC; height : 10px; width : 10px; float : left; margin : 0 5px 0 0; }
#projectstats table tr#last td{ border-top : 1px dotted #ccc; font-weight : bold; color : #9ACA39; }

#projectmails{ margin : 5px 0 0 20px; }
#projectmails .content{ padding : 5px 10px; }
#projectmails .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_mail.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#projectmails .content h4 a{ text-transform: uppercase; text-decoration: none; }
#projectmails .content a{ color : #000; text-transform : none; }
#projectmails .content a:hover{ color : #9ACA39; text-decoration : none; }
#projectmails table{ margin : 10px 0; }
#projectmails table td.header{ font-weight : bold; border-bottom : 1px dotted #ccc; text-transform : none; color : #000; }
#projectmails table td{ text-transform : none; color : #000; font-size: 12px; }
#projectmails table .icon{ background : #CCCCCC; height : 10px; width : 10px; float : left; margin : 0 5px 0 0; }
#projectmails table tr#last td{ border-top : 1px dotted #ccc; font-weight : bold; color : #9ACA39; }

#projectfeed{ margin : 5px 0 0 20px; }
#projectfeed .content{ padding : 5px 10px; }
#projectfeed .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_chat.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#projectfeed .content h4 a{ text-transform: uppercase; text-decoration: none; }
#projectfeed .content a{ color : #000; text-transform : none; }
#projectfeed .content a:hover{ color : #9ACA39; text-decoration : none; }
#projectfeed table{ margin : 10px 0; }
#projectfeed table td.header{ font-weight : bold; border-bottom : 1px dotted #ccc; text-transform : none; color : #000; }
#projectfeed table td{ text-transform : none; color : #000; font-size: 12px; }
#projectfeed table .icon{ background : #CCCCCC; height : 10px; width : 10px; float : left; margin : 0 5px 0 0; }
#projectfeed table tr#last td{ border-top : 1px dotted #ccc; font-weight : bold; color : #9ACA39; }
#projectfeed #shouts #shout{ position: relative; padding : 0 0 0 5px; }
#projectfeed #shouts #shout small{ font-weight: normal; }
#projectfeed #shouts{ height : 150px; overflow : auto; }
#projectfeed #shouts a{ color: #000; }
#projectfeed #shouts h5{ font-size : 8pt; margin : 10px 0 0 0; padding : auto; float : left; }
#projectfeed #shouts .icon{ background : #12A5DC; height : 10px; width : 10px; float : left; margin : 13px 5px 0 0; }
#projectfeed #shouts .date{ color : #666; font-style : italic; clear: both; margin: 0 0 0 0; text-transform: none; }
#projectfeed #shouts p{ clear : both; margin : 0; padding : 4px 0 4px 0; text-transform : none; border-bottom : 1px dotted #ccc; color : #666; }
#projectfeed #addshout{ background : #efefef; margin : 10px 0 0 0; padding : 5px 5px 1px 5px; position : relative; }
#projectfeed #addshout form{ margin : 0 0 5px 0; padding : 0;  }
#projectfeed textarea{ border : 1px solid #cccccc; overflow : auto; width : 400px; height : 100px; font-family : "Trebuchet MS"; font-size : 8pt; }
#projectfeed #alert{ color : red; text-transform : none; position : absolute; top : 5px; left : 410px; }


#projectcash{ margin : 5px 0 0 0; }
#projectcash .content{ padding : 5px 10px; }
#projectcash .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_finance.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#projectcash .content a{ color : #000; text-transform : none; }
#projectcash .content a:hover{ color : #9ACA39; text-decoration : none; }
#projectcash table{ margin : 10px 0; }
#projectcash table td.header{ font-weight : bold; border-bottom : 1px dotted #ccc; text-transform : uppercase; color : #000; }
#projectcash table td{ text-transform : none; color : #666; vertical-align : top; }
#projectcash table td ul{ margin : 0; padding : 0; list-style :none; }
#projectcash table .icon{ background : #12A5DC; height : 10px; width : 10px; float : left; margin : 0 5px 0 0; }
#projectcash table tr#last td{ border-top : 1px dotted #ccc; font-weight : bold; color : #9ACA39; }

/* ADMINISTRATION */

#adminheader .content{ padding : 5px 10px; }
#adminheader .content #add{ border-top : 1px dotted #ccc; clear : both; padding : 5px 0 0 0; }
#adminheader .content a{ color : #000; text-transform : none; }
#adminheader .content a:hover{ color : #9ACA39; text-decoration : none; }

#adminoverview{ margin : 5px 0 0 0; }
#adminoverview .content{ padding : 5px 10px 0 10px; text-transform: none; }
#adminoverview .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_overview.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#adminoverview .content h4 a{ text-decoration: none; text-transform: uppercase; }
#adminoverview .content a{ color : #000; text-transform : none; }
#adminoverview .content a:hover{ color : #9ACA39; text-decoration : none; }
#adminoverview table{ margin : 10px 0; }
#adminoverview table td.header{ font-weight : bold; border-bottom : 1px dotted #ccc; text-transform : uppercase; color : #000; vertical-align : bottom !important; }
#adminoverview table td.header a{ text-transform : uppercase; }
#adminoverview table td{ text-transform : none; color : #666; vertical-align : top; border-bottom : 1px dotted #ccc; border-left : 1px dotted #ccc; }
#adminoverview table td ul{ margin : 0; padding : 0; list-style :none; }
#adminoverview table .icon{ background : #12A5DC; height : 10px; width : 10px; float : left; margin : 0 5px 0 0; }
#adminoverview table tr#last td{ border-top : 1px dotted #ccc; font-weight : bold; color : #9ACA39; }
#adminoverview table tr#vlast td{ border-top : 1px dotted #ccc; font-weight : bold; color : #666; font-size : 12pt; }

#frm_administratie_filters label{ float: left; width: 150px; clear: both; margin: 5px 0 0 0; }
#frm_administratie_filters select, #frm_administratie_filters input{ float: left; width : 200px; margin: 2px 0; font-family : "Trebuchet MS"; font-size: 12px; }

#frm_financieel_filters label{ float: left; width: 150px; clear: both; margin: 5px 0 0 0; }
#frm_financieel_filters select, #frm_financieel_filters input{ float: left; width : 200px; margin: 2px 0; font-family : "Trebuchet MS"; font-size: 12px; }

/* CLIENTS */

#clientheader .content{ padding : 5px 10px; }
#clientheader .content #add{ border-top : 1px dotted #ccc; clear : both; padding : 5px 0 0 0; }
#clientheader .content a{ color : #000; text-transform : none; }
#clientheader .content a:hover{ color : #9ACA39; text-decoration : none; }

#clientoverview{ margin : 5px 0 0 0; }
#clientoverview .content{ padding : 5px 10px 0 10px; }
#clientoverview .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_user.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#clientoverview .content h4 a{ text-decoration: none; text-transform: uppercase; }
#clientoverview .content a{ color : #000; text-transform : none; }
#clientoverview .content a:hover{ color : #9ACA39; text-decoration : none; }
#clientoverview table{ margin : 10px 0; }
#clientoverview table td.header{ font-weight : bold; border-bottom : 1px dotted #ccc; text-transform : uppercase; color : #000; vertical-align : bottom !important; }
#clientoverview table td.header a{ text-transform : uppercase; }
#clientoverview table td.footer{ font-weight : bold; border-bottom : 1px dotted #ccc; text-transform : uppercase; color : #000; vertical-align : bottom !important; }
#clientoverview table td{ text-transform : none; color : #666; vertical-align : top; border-bottom : 1px dotted #ccc; border-left : 1px dotted #ccc; }
#clientoverview table td ul{ margin : 0; padding : 0; list-style :none; }
#clientoverview table .icon{ background : #12A5DC; height : 10px; width : 10px; float : left; margin : 0 5px 0 0; }
#clientoverview table tr#last td{ border-top : 1px dotted #ccc; font-weight : bold; color : #9ACA39; }
#clientoverview table tr#vlast td{ border-top : 1px dotted #ccc; font-weight : bold; color : #666; font-size : 12pt; }

/* PROFILE */

#profile{ margin : 5px 0 0 0; }
#profile .content{ padding : 5px 10px; text-transform : none; }
#profile .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_user.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; text-transform: uppercase; }
#profile .content a{ color : #000; text-transform : none; }
#profile .content a:hover{ color : #9ACA39; text-decoration : none; }

#workhours{ margin : 5px 0 0 0; }
#workhours .content{ padding : 5px 10px; text-transform : none; }
#workhours .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_finance.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; text-transform: uppercase; }
#workhours .content a{ color : #000; text-transform : none; }
#workhours .content a:hover{ color : #9ACA39; text-decoration : none; }
#workhours table{ margin : 10px 0; }
#workhours table td.header{ font-weight : bold; border-bottom : 1px dotted #ccc; text-transform : uppercase; color : #000; vertical-align : bottom !important; }
#workhours table td.header a{ text-transform : uppercase; }
#workhours table td.footer{ font-weight : bold; border-bottom : 0px solid; text-transform : uppercase; color : #000; vertical-align : bottom !important; }
#workhours table td.footer a{ text-transform : uppercase; }
#workhours table td{ text-transform : none; color : #666; vertical-align : top; border-bottom : 1px dotted #ccc; border-left : 1px dotted #ccc; }

/* DIVERSEN */

#diversheader .content{ padding : 5px 10px; }
#diversheader .content a{ color : #000; text-transform : none; }
#diversheader .content a:hover{ color : #9ACA39; text-decoration : none; }

#diversoverview{ margin : 5px 0 0 0; }
#diversoverview .content{ padding : 5px 10px; text-transform : none; }
#diversoverview .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_forward.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; text-transform: uppercase; }
#diversoverview .content a{ color : #000; text-transform : none; }
#diversoverview .content a:hover{ color : #9ACA39; text-decoration : none; }
#diversoverview .content select{ border: 1px solid #000; font-family : "Trebuchet MS"; font-size : 8pt; }


/* SHOUTBOX */

#shoutbox{ width : 600px; float : left; margin : 0 0 0 20px; }
#shoutbox #shouts #shout{ position: relative; padding : 0 0 0 5px; }
#shoutbox #shouts #shout small{ font-weight: normal; }
#shoutbox #shouts{ height : 850px; overflow : auto; }
#shoutbox #shouts a{ color: #000; }
#shoutbox #shouts h5{ font-size : 8pt; margin : 10px 0 0 0; padding : auto; float : left; }
#shoutbox #shouts .icon{ background : #12A5DC; height : 10px; width : 10px; float : left; margin : 13px 5px 0 0; }
#shoutbox #shouts .date{ color : #999; clear: both; display: block; margin: 0 0 0 15px; text-transform: none; }
#shoutbox #shouts p{ clear : both; margin : 0; padding : 4px 0 4px 0; text-transform : none; border-bottom : 1px dotted #ccc; color : #333; }
#shoutbox #addshout{ background : #efefef; margin : 10px 0 0 0; padding : 5px 5px 1px 5px; position : relative; }
#shoutbox #addshout form{ margin : 0 0 5px 0; padding : 0;  }
#shoutbox textarea{ border : 1px solid #cccccc; overflow : auto; width : 400px; height : 100px; font-family : "Trebuchet MS"; font-size : 8pt; }
#shoutbox #alert{ color : red; text-transform : none; position : absolute; top : 5px; left : 410px; }

/* ROUNDED WHITE */

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; }
.xb1 {margin:0 5px; background:#fff;}
.xb2 {margin:0 3px; }
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

/* ROUNDED GREY */

.ytop, .ybottom {display:block; background:transparent; font-size:1px;}
.yb1, .yb2, .yb3, .yb4 {display:block; overflow:hidden;}
.yb1, .yb2, .yb3 {height:1px;}
.yb2, .yb3, .yb4 {background:#efefef; }
.yb1 {margin:0 5px; background:#efefef;}
.yb2 {margin:0 3px; }
.yb3 {margin:0 2px;}
.yb4 {height:2px; margin:0 1px;}

/* MOUSEOVER MENU */

.mouseovermenu{ width: 175px; position: absolute; left: 2px; top: 7px; z-index: 9; padding: 10px; margin: 0px; cursor: default; }
.mouseovermenu .mcontent{ background-color: #DFDFDF; padding: 0px; margin: 0px; }
.mouseovermenu .mcontent ul{ list-style-type: none; margin: 0px; padding: 2px 5px; }
.mouseovermenu .mcontent ul a{ display: block; text-decoration: none; color: #9ACA39; margin: 0px; padding: 0px; font-weight: normal; }
.mouseovermenu .mcontent ul li{ padding: 3px 5px 3px 5px; margin: 1px 0 1px 0; text-transform: none; }
.mouseovermenu .mcontent ul li img{ vertical-align: middle; }
.mouseovermenu_liover{ background-color: #FFF; border: 1px solid #666; color: #9ACA39; }
.mouseovermenu_li{ background-color: #DFDFDF; border: 1px solid #DFDFDF; color: #000; }
.mtop, .mbottom {display:block; background:transparent; font-size:1px;}
.mb1, .mb2, .mb3, .mb4 {display:block; overflow:hidden;}
.mb1, .mb2, .mb3 {height:1px;}
.mb2, .mb3, .mb4 {background:#DFDFDF; }
.mb1 {margin:0 5px; background:#DFDFDF;}
.mb2 {margin:0 3px; }
.mb3 {margin:0 2px;}
.mb4 {height:2px; margin:0 1px;}

/* ROUNDED CALENDAR */

.ztop, .zbottom {display:block; background:transparent; font-size:1px;}
.zb1, .zb2, .zb3, .zb4 {display:block; overflow:hidden;}
.zb1, .zb2, .zb3 {height:1px;}
.zb2, .zb3, .zb4 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.zb1 {margin:0 5px; background:#ccc;}
.zb2 {margin:0 3px; border-width:0 2px;}
.zb3 {margin:0 2px;}
.zb4 {height:2px; margin:0 1px;}

/* POP */

#pop{ margin : 10px; }
#pop .content{ padding : 5px 10px; }
#pop .content h4{ margin : 0; padding : 0 0 4px 20px; font-weight : normal; background : url('../img/ico_documents.png') no-repeat left 0; border-bottom : 1px dotted #ccc; font-size : 8pt; }
#pop .content h4 a{ text-transform: uppercase; text-decoration: none; }
#pop .content h5{ margin: 10px 0 0 0; padding: 3px; background-image: url(../img/dividerbg.gif); font-size: 12px; font-weight: bold; border-bottom: 1px solid #CCC; }
#pop .content #container{ clear : both; padding : 5px 0 0 0; position: relative; width : 100%; margin : 0 auto; }
#pop .content a{ color : #000; text-transform : none; }
#pop .content a:hover{ color : #9ACA39; text-decoration : none; }
#pop .content input{ font-family : "Trebuchet MS"; border : 1px solid #cccccc; }
#pop .content textarea{ font-family : "Trebuchet MS"; font-size: 11px; border : 1px solid #cccccc; }
#pop .content select{ font-family : "Trebuchet MS"; }
#pop fieldset{  text-transform: none; }
#pop fieldset div{ text-transform : none; clear : both; margin : 5px 0; color : #666; }
#pop fieldset label{ text-transform : uppercase; }
#pop label{ width : 150px; float : left; font-weight : bold; color : #000; }
#pop #compulsory{ padding: 0 0 0 5px; color: #CC0000; font-size: 12px; }
#pop #error{ color: #CC0000; }
#pop #validation-errors{ text-transform : none; color: #CC0000; list-style: none; }

/* CHECKLIST */

#frm_checklist_form{ text-transform: none; font-size: 12px; }
#frm_checklist_form label{ width : 150px; float : left; color : #000; padding: 5px; }
#frm_checklist_form div{ clear: both; }
#frm_checklist_form textarea, #frm_checklist_form input, #frm_checklist_form select{ font-family : "Trebuchet MS"; font-size: 12px; border: 1px solid #CCC; padding: 1px; }
#frm_checklist_form textarea{ width: 800px; height: 100px; }

#frm_checklist_form .checkboxtd_ok_over{ background: #d1e8cf; }
#frm_checklist_form .checkboxtd_nok_over{ background: #e8cfcf; }
#frm_checklist_form .checkboxtd_nvt_over{ background: #e7e6e6; }

#frm_checklist_form .checkboxtd_ok_out{ background: #ffffff; }
#frm_checklist_form .checkboxtd_nok_out{ background: #ffffff; }
#frm_checklist_form .checkboxtd_nvt_out{ background: #ffffff; }

#frm_checklist_form .remarklink{ float: right; font-size: 10px; display: none; padding: 2px; }
#frm_checklist_form .remarklink a{ color: #999; text-decoration: none; }
#frm_checklist_form .remarklink a:hover{ color: #999; text-decoration: none; }

#frm_checklist_form .remark{ display: none; height: 30px; background: none; border: 0px solid; }

#frm_checklist_form #submit{ padding: 10px; background: #F2F2F2; border: 1px solid #000; font-weight: bold; }
#frm_checklist_form #submit:hover{ background: #d1e8cf; cursor: pointer; }

#frm_checklist_form table{ border: 1px solid #999; margin: 10px 0 10px 0;  }

#frm_checklist_form .points{ text-align: center; font-weight: bold; }