@CHARSET "UTF-8";


html, body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana;
	font-size: 12px; 
	width: 100%;
}

img { border: 0px; }

.toolbox { float: right; }
.pointer { cursor: pointer; }
.error { font-style: italic; color: #ff0000; }
.note { font-style: italic; font-size: 10px; font-weight: normal; }



.auth-box {
	border: 1px solid #000;
	width: 300px;
	padding: 5px 25px;
	margin: auto;
}

.wrapper {
	position: relative;
	width: 1000px;
	margin: auto;
}
.footer-spacer {
	clear: both;
	height: 18px;
	margin-top: 75px;
	background: #0e91c9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015e85', endColorstr='#0e91c9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#015e85), to(#0e91c9));
	background: -moz-linear-gradient(top,  #015e85,  #0e91c9);
}

.header {
	position: relative;
	margin-top: 10px;
	height: 66px;
}

.auth-info {
	position: absolute;
	left: 10px;
	top: 10px;
}


.lead-errors {
	clear: both;
	margin: 10px 0px 10px;
	background-color: #ffdfc0;
	border: 1px solid #c3c3c3;
	color: #ff0000;
	padding: 10px 0px 0px 10px;
}

.error-label { color: #f00; }
.error-field { border: 1px solid #ff0000; }
a.error-field { border: 1px solid #ff0000 !important; color: #f00 !important; }


table { border-spacing: 0px; }
table th, table td { font-size: 12px; }
table th { text-align: left; font-weight: bold; padding-right: 10px; }

.tbl-td-valign-top td { vertical-align: top; }


h1 {
	color: #001581;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 3px;
}
h2 { color: #0037b5; margin: 10px 0px 3px; font-size: 16px; }
h3 { margin: 10px 0px 5px; color: #083c8c; font-weight: normal; }


a {
	text-decoration: none;
	color: #005aff;
}


#page-wrapper {
	position: relative;
	width: 1000px;
	margin: auto;
}

.content {
	clear: both;
}


.content-overview .searchbox { text-align: center; padding: 10px 0px 10px; }
.content-overview .big-search { font-size: 18px; }
.content-overview .searchbox input[type='submit'] { position: relative; top: -3px; }



/*** global header stuff ***/
.header { position: relative; }
.language-select { position: absolute; right: 0px; top: 5px; z-index: 10; }

.logo {
	float: right;
	display: block;
	background-image: url('/images/sprite.png');
	width: 140px;
	height: 130px;
	margin-top: 24px;
	margin-right: 66px;
}
.icon-small-delete { position: relative; top: 2px; }

.pager { text-align: center; margin-top: 25px; }

/*** menu ***/
.menu ul { background-color: #e6e6e6; overflow: auto; line-height: 24px; }
.menu ul, .menu ul li { list-style-type: none; }
.menu ul li { float: left; }
.menu ul { padding-left: 0px;}
.menu ul li ul { position: absolute; display: none; z-index: 50; }
.menu ul li ul li { float: none; background-color: #e6e6e6; }
.menu ul li:hover ul { display: block; }
.menu a { display: block; padding-left: 10px; padding-right: 10px; }

.menu .logoff { float: right; }



/*** globale css onderdelen ***/
.foot-note { margin-top: 25px; }

.tbl-form th { text-align: left; font-weight: normal; }
.tbl-form textarea { width: 100%; height: 75px; }
.tbl-form input[type='text'] { width: 250px; }


.tbl-list { width: 100%; }
.tbl-list th { text-align: left; vertical-align: top; color: #0072ff; }
.tbl-list thead th { border-bottom: 1px solid #f4f4f4; }
.tbl-list .row-no-0 td { padding-top: 5px; }

.tbl-list .select-row { background-color: #d8d8d8; }

.tbl-list td.actions { text-align: right; }
.tbl-list .row1 { background-color: #f4f4f4; }


.item-list { clear: both; }
.item-list .item { clear: both; }
.item-list .actions { float: right; }


/*** Gebruikersbeheer ***/
.tbl-users td { vertical-align: top; }



/*** dashboard ***/
.sidebar { float: left; width: 175px; margin-right: 25px; }
.content-dashboard { border-top: 1px solid #d0d0d0; width: 800px; float: left; clear: none; }

.tbl-status-overview { width: 100%; border-spacing: 0px; }
.tbl-status-overview th, .tbl-status-overview td { text-align: center; }
.tbl-status-overview th:first-child, .tbl-status-overview td:first-child { text-align: left; }
.tbl-status-overview td, .tbl-status-overview th { border-bottom: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; padding: 2px 4px; }
.tbl-status-overview td:last-child, .tbl-status-overview th:last-child { border-right: 0px; }
.tbl-status-overview tr:last-child td { border-bottom: 0px; }

.column-container { margin-bottom: 50px; }
.column-container .column-title { font-size: 14px; font-weight: bold; background-color: #0e93cd; color: #fff; padding: 2px 0px 2px 5px; }
.column-container .column { float: left; width: 264px; margin-right: 4px; }
.column-container .column:last-child { margin-right: 0px; }
.tbl-lead-dashboard-list th { width: 180px; font-weight: normal; }
.tbl-lead-dashboard-list tr:hover { background-color: #E6E6E6; cursor: pointer; }
.column-container .footer-link { margin-top: 10px; }

/*** dashboard - response time ***/
.content-dashboard-response-time select { width: 125px; }
.tbl-response-time tr.row0 { background-color: #F4F4F4; }
.tbl-response-time tr td { padding: 3px 0px; }


/*** overview ***/
.content-overview { width: 800px; float: left; }
.lead-item { border-top: 1px solid #d0d0d0; padding: 5px 0px 5px 15px; }
.lead-item-selected { font-weight: bold; }

.tbl-overview tr td { padding: 3px 0px; }
.tbl-overview tr:hover { background-color: #dcdcdc; cursor: pointer; }
.tbl-overview thead tr:hover { background: none !important; cursor: auto !important; }

div.searchbox { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 5px 0px; margin-bottom: 10px; }
.tbl-overview .th-deadline { width: 85px; }
.tbl-searchbox th { vertical-align: middle !important; }
.tbl-searchbox td { padding-right: 25px; }
.tbl-searchbox select { width: 150px; }
.tbl-searchbox input[type='text'] { width: 125px; }

/*** origin leads ***/
.origin-list .item-1 { background-color: #f4f4f4; }


/*** leads ***/
.tbl-lead-info { width: 100%; }


.item { clear: both; margin-bottom: 5px; }
.item label { float: left; width: 115px; }
.item textarea { width: 100%; height: 75px; }



/*** lead form ***/
.frm-lead fieldset { clear: both; padding-right: 15px; margin-bottom: 15px; }
.frm-lead #lead_comments { width: 100%; margin-top: 5px; height: 100px; color: #000; }
.frm-lead .lead-status-fields a { display: block; float: left; margin-right: 10px; background-color: #e4e4e4; border: 1px solid #cfbf92; padding: 1px 13px; }
.frm-lead .lead-status-fields a.active { font-weight: bold; color: #083c8c; }

.frm-lead .action-icons .input-new-mail { float: left; margin-right: 25px; margin-bottom: 10px; }
.frm-lead .action-icons .input-new-mail .caption { position: relative; top: -8px; }


.email-attachment { clear: both; }
.icon-activity { position: relative; top: 3px; }



.lead-forward-box { clear: both; margin-top: 25px; border: 1px solid #a8a8a8; }

.customer-highlight { font-weight: bold; }


/*** Rapporten ***/

.tbl-form-report { background-color: #e6e6e6; padding: 10px; border: 1px solid #b2b2b2; }