/*
 * Covide: White [1]
 */

* {
	margin: 0;
	padding: 0;
}
td.list_data ol, td.list_data ul {
	margin: 20px;
}
html{height:100%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #273740;
	background: #fff; 
}

h1 {
	font-size: 120%; 
	font-weight: bold;
}
h2{font-size:120%;}

a {
	color: #273740; 
	text-decoration: none;
}

a:hover {
	color: #16abf6;
}

a img {
	border: none;
}

.fl_left {
	float: left;
}

.fl_right {
	float: right;
}
.mod_content ul{margin:6px 6px 6px 1px !important; }


/*
 * Layout
 */
#headerwrap {
	background-color: transparent;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
#header {
	width: 96%;
	height: 100px; 
	background-color: transparent; 
	margin: 0 auto;
}
#headerleft {
	width: 230px; 
	height: 70px; 
	float: left; 
	overflow: hidden;
}
#headercenter {
	width:auto;
	height: 60px;
	float: left;
	display:inline;
	overflow: hidden;
	color: #FFF;
	text-align: right;
	font-weight: bold;
}
#headercenter p{
	color:#273740; 
	display:block; 
	margin-top:-2px;
}
#headercenter a{
	color:#273740;
}
#headerright {
	width: 560px; 
	height: 70px; 
	float: right;
	display:inline; 
	text-align:right;
	width:auto;
}
#topnav {
	width: 100%;
	height: 36px;
	background-color: #d3dfe4;
	line-height: 30px;
	float: left;
	overflow: hidden;
}
#pagecontainer {
	background: transparent;
	width: 100%;
	height: auto;
	display: block;
	overflow: auto;
}
#contentcontainer {
	width: 96%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-bottom:12px;
	overflow: hidden;
}
#sidebar {
	width: 170px;
	min-height:300px;
	display: inline;
	float: left;
	padding:12px 6px 6px 6px;
}
#maincontent {
	position:relative;
	left:0;
	width:auto;
	margin: 6px 3px 6px 180px;
	padding:6px;
	display:block;
}
#maincontent_fullwidth {
	width: 98% !important;
	width:auto;
	height: auto;
	min-height: 30%;
	float: left; 
	margin: 1% 1% 1% 0;
	padding-left:12px;
	display: inline;
}
/* Login page specific styles */
#login_main{
	border: 1px solid #bfd8ff;
	width:340px; 
	height: auto;
	position:absolute;
	left:50%;
	margin-left:-170px;
	top:50%;
	margin-top:-200px;
	padding-bottom: 20px;
}
#logocontainer{
	width:170px;
	height:125px;
	text-align:center;
	margin:0 auto;
}
#logocontainer img{
	margin:0 auto;
}
#login_main table#logintable{
	_margin-top:60px;
}
#login_main #logintable img {
	margin: 0 auto;
}
#logintable {
	margin: 0 auto;
}
#logintable p {
	padding:6px; 
	text-align:center;
}
/* Content vervolgpagina's */
#mod_header{background: transparent; width:100%; height:36px; display:block; border-bottom: 1px solid #fff; overflow:hidden;}
#mod_header_options{width:auto; height:auto; background:transparent; display:block; line-height:36px; overflow:hidden;}
#mod_header h1{padding:9px !important; background:transparent;}
.mod_header_options{width:auto; height:auto; background:transparent; display:block; overflow:hidden;}
.mod_content{display:inline; float:left; width:100%; min-height: 20px; margin: 0 0 12px 0; overflow:visible;}

/* Quickmenu header*/
#mod_header_menu ul { list-style-type: none;  width: 100%; height:20px;  padding:12px 0 0 0; margin-bottom:-24px;}
#mod_header_menu ul li { float: left; margin:1px 0 0 1px; padding: 3px 6px; background-color: #aac8fc; height:20px; line-height:20px;}
#mod_header_menu ul li a { color: #273740; display:block;}
#mod_header_menu ul li a:hover { text-decoration: none; color: #273740; }
#mod_header_menu ul li:hover { float: left; padding: 3px 6px; background-color: #fff; }

#mod_footer_menu{background:transparent; width:100%; /*height:auto;*/height:20px; }
#mod_footer_menu ul {list-style-type: none; margin: -12px 0 -24px 0; padding: 0 0 12px 0; width: auto; height:auto; text-align:right; float:right; }
#mod_footer_menu ul li { float: left; margin:0; padding: 3px 6px; background-color: #aac8fc; border-left: 1px solid #fff; }
#mod_footer_menu ul li a { color: #273740; }
#mod_footer_menu ul li a:hover { text-decoration: none; color: #273740; }
#mod_footer_menu ul li:hover { float: left; padding: 3px 6px; background-color: #fff;}
#mod_header_menu_moreactions_bottom{margin:-20px 0 0 -24px;}
/*
	.mod_content table td{background:#dee9fc;}
	.mod_content table td:hover{background:#fff; } 
*/	
.mod_content_options{width:99%; height:auto; background:#bfd8ff; border-top: 1px solid #fff; padding:1% 0 1% 1%;}
.mod_content_options_alt{width:99%; height:auto; background:#d7e7ff; border-top: 1px solid #fff; padding:1% 0 1% 1%;}
.mod_content b{text-indent:4px;}
#footer{background:transparent; width:100%; min-height:30px; display:block; margin:0 auto; padding-top:4px; float: left;}

#covide_info{background:#d4e1f6;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7; opacity: 0.7; width:100%; min-height:24px; display:block; margin:0 auto; padding-top:6px; float: left; position: fixed; bottom: 0px;}
#covide_performance_info{bottom:0px; background-color:transparent; display:block; width:94%; height:12%; text-align:right; padding-right:12px; text-indent:38px;}
#covide_performance_info_toggle{width:4%; height:12%; margin-top:0; background:transparent;}

/*
 * Topnav
 */
#topnav ul{background-color: #d3dfe4; list-style-type:none; overflow:hidden; display:inline; height:30px; margin-top:6px; width:100%; display:block;}
#topnav ul li{float:left; margin-left:0;}
#topnav ul li a{color:#273740; text-decoration:none; float:left; margin:0 2px 0 0; padding:0 6px 0 24px; background-color:#dee9fc; width:auto;}
#topnav ul li a:hover{color:#333; background-color:#f7faff;}
#topnav ul li a.active{color:#333; background-color:#f7faff;}
#topnav ul li.selected{background: url(../../themes/0/bg_tab.png) repeat-x left top;}

/* Icons in de tabs*/
.dashboard1{background:url(../gfx/icons/mods/dashboard.png) no-repeat 4px 50%;}
.finance{background:url(../../themes/default/modules/money_euro.png) no-repeat 4px 50%;}
.cms{background:url(../../themes/default/modules/cms.png) no-repeat 4px 50%;}
.address{background:url(../../themes/default/modules/address.png) no-repeat 4px 50%;}
.calendar{background:url(../../themes/default/modules/calendar.png) no-repeat 4px 50%;}
.notes{background:url(../../themes/default/modules/notes.png) no-repeat 4px 50%;}
.email{background:url(../../themes/default/modules/mail.png) no-repeat 4px 50%;}
.filemanagement{background:url(../../themes/default/modules/filemanagement.png) no-repeat 4px 50%;}
.projects{background:url(../../themes/default/modules/projects.png) no-repeat 4px 50%;}
.sales{background:url(../../themes/default/modules/sales.png) no-repeat 4px 50%;}
.support{background:url(../../themes/default/modules/support.png) no-repeat 4px 50%;}
.campaigns{background:url(../../themes/default/modules/campaigns.png) no-repeat 4px 50%;}
.chat{background:url(../../themes/default/modules/chat.png) no-repeat 4px 50%;}
.history{background:url(../../themes/default/modules/history.png) no-repeat 4px 50%;}
.todo{background:url(../../themes/default/modules/todo.png) no-repeat 4px 50%;}
.module_social {background: url(../../themes/default/modules/social.png) no-repeat 4px 50%;}
.module_snack{background:url(../../themes/default/modules/snack.png) no-repeat 4px 50%;}
.use_mod {background: url(../../themes/default/modules/use_mod.png) no-repeat 4px 50%;}


#sidebar table{float:left;}
#menucalendar {text-align: center; width: 165px; height:auto; margin-top:0px;}
#menucalendar p{border: 1px solid #999; border-style: solid none none none; font-weight:bold; padding:8px 0 0 0;}
#menucalendar table{display:inline !important; float:left !important;}
#calendar {
	width: 98%;
	margin: 0 auto;
}
.calendar_table{ display:block !important; float:left;}
.calendar_user_name{text-align:center;}

/*
 * Header options menu
 */
ul#quickmenu {display:inline; float:left; list-style-type:none; width:auto;}
ul#quickmenu li {width:100%;}
ul#quickmenu li a {background: #fff; display:block;}

/*
 * Header User preferences / Search
 */
#header_search input[type="button"]{font-size:12px; margin:2px 1px 0 4px !important;}
#headersearchkey{float:left; width:240px; padding:2px; }
#search_in{display:inline; float:left; _height:23px; margin-top:2px;}

/*
 * Add Dashboard
 */
ul#add_dashboard {
	width:100%;
	height:24px;
	border-bottom: 1px solid #e2e2e2; 
	list-style-type:none;  
	line-height:24px; 
	display:block; margin: 1% 0 0 0; 
	overflow:visible; 
	z-index:6;
}
ul#add_dashboard li {float:left; margin-left:0;}
ul#add_dashboard li a{
	border-left: 1px solid #e2e2e2; 
	border-top: 1px solid #e2e2e2; 
	border-right: 1px solid #e2e2e2; 
	color:#666; 
	text-decoration:none; 
	float:left; 
	padding: 0 3px;
	display:block;
	outline:none;
}
ul#add_dashboard li a:hover{color:#333; padding: 0 3px; display:block;}
ul#add_dashboard li a.selected{background-color:#fff; display:block; height:24px; border-right:none;}	
ul#add_dashboard li a.add_block{color:#333; }

/*
 * Dashboard
 */
.dashboard{
	background: url(../../themes/0/bg_contentarea.png /*bg_dashboard.png*/) repeat-x left top;
	float:left; 
	border-left: 1px solid #e2e2e2; 
	border-right: 1px solid #e2e2e2; 
	border-bottom: 1px solid #e2e2e2; 
	display:block;
	width:100% !important; 
	height:auto; 
	margin:0 auto; 
}
.dashboard h3{padding:3px 0 3px 12px; font-weight:bold;}

#column_ownnotes {
    width: 96%;
}
#column_ownnotes ul{
	margin-left:26px;
}
#column_ownnotes ol{
	margin-left:26px;
}
#column_ownsales {
    width: 96%;
}
#column_ownsales ul{
	margin-left:26px;
}
#column_ownsales ol{
	margin-left:26px;
}
/*
 * Sortables
 */
.col{background:transparent; width:31%; min-height:300px; float:left; border:none; margin: 9px;}

.block {width:100%; height:auto; background-color:#fff; border:1px solid #e2e2e2;margin:6px 0 12px 0;}
.block_header{width:100%; height:24px; border-bottom: 1px solid #aac8fc; cursor: move;}
.block_title {width:100%; background: #dee9fc /*#D4E1F6 url(gradientxxxx.png) repeat-x left -2px;*/}
.block_title h4{font-size:100%; height:24px; line-height:24px; padding:3px; display:inline; text-indent:6px;}
.block_options{display:inline; float:right; margin-top:-20px;}
.block_options a img{padding:4px 3px 3px 4px;}
.block_options a img:hover {cursor:hand;}
.block_options_toggle{background:url(icons/ui/hide.png) no-repeat center center; text-indent:-9999px;}
.block_options_remove{background: url(icons/ui/remove2.gif) no-repeat center center; text-indent:-9999px;}
.block_content{width:auto; height:auto; padding:6px; overflow:hidden;}

.block_content ul li{border-bottom: 1px dotted #e2e2e2; display:block;}
.block_content ul li span{margin-right:12px; width:120px;}
.icon{background-color:#283740;}
.action{padding:0 3px; margin-left:3px;}
.more{display:block;margin-top:3px;}

.data_table{border:1px solid #e2e2e2; width:99%;}
.data_table tr {border-bottom:1px solid #e2e2e2;padding:3px;}
.data_table td{border-left:1px solid #e2e2e2;padding:3px;}

/*
 * Modules
 */


/* Address */
#relcardtable h1{margin:0; border-bottom:1px solid #e2e2e2; padding:3px 0; text-indent:3px;}
#relcardtable .list_header{background:#aac8fc; width:30%;}
#relcardtable .list_header_center{margin:0; padding:3px;}
#relcardtable .list_data{background: #dee9fc; padding:3px 0 3px 3px;}

#relcard_information,#relcard_extra,#relcard_bcards,#relcard_memo,#relcard_projects,#relcard_notes,
#relcard_customercontact,#relcard_todo,#relcard_calendar,#relcard_filemanagement,#relcard_googleFilemanagement,#relcard_sales,#relcard_morgage, #relcard_templates,#relcard_email, #relcard_support,#relcard_commitems,#relcard_planning {
	margin-top:12px; padding:3px;
	border:1px solid #e2e2e2;
	width:97%;
	background-color:#FFFFFF;
}

#relcard_information h1,#relcard_extra h1, #relcard_bcards h1,#relcard_memo h1,#relcard_projects h1,#relcard_notes h1,
#relcard_customercontact h2, #relcard_todo h1, #relcard_calendar h1, #relcard_googleFilemanagement h1, #relcard_filemanagement h1,#relcard_sales h1, #relcard_morgage h1,
#relcard_templates h1,#relcard_email h1, #relcard_support h1, #relcard_planning h1 {
	border-bottom:1px solid #f4f4f4; display:block; margin-bottom:2px; padding:3px;
	}
	#relcard_commitems h1{
		border-bottom:1px solid #f4f4f4; display:block; margin-bottom:-2px; padding:3px;
	}
#relcard_extra table{width:100% !important;}
#relcard_extra table td.list_header{width:30% !important;}	

/* column 1 */
#relcard_bcards{}
#relcards_projects{}
#relcard_sales{}
 
/* column 2 */
#relcard_commitems{}
#relcard_support{margin-left:0;}
#relcard_notes{margin-left:0;}
#relcard_customercontact{margin-left:0;}
#relcard_todo{margin-left:0;}
#relcard_calendar{margin-left:0;}
#relcard_filemanagement{margin-left:0;}
#relcard_googleFilemanagement{margin-left:0;}
#relcard_sales{margin-left:0;}
#relcard_calendar{margin-left:0;}
#relcard_templates{margin-left:0;}
#relcard_email{margin-left:0;}
#relcard_planning{margin-left:0;}


/* More actions */
.addressactionicons_show{float:left;}
.addressactionicons{float:right; width:120px; height:auto; padding:6px 0;}
.adressactionicons a{padding:8px 0; display:block; padding:3px 0; background: #fff; text-indent: 4px;}

/* Agenda */
ul#user_name_extrauser{
	margin: 6px 0 6px 36px !important;
	list-style-type: none;
}

ul#user_name_users li.enabled {margin-left:20px !important; padding:3px 0;}
ul#user_name_extrauser li.enabled {margin-left:20px !important; padding: 3px 0;}
input#extrauser{margin:12px 0;}

#calendarform{padding:12px !important;}
input#search_term{margin-bottom:12px;}

#send_sms_layer {
    height: 140px;
    display: block;
    border: 1px solid #333;
    padding: 12px;
    z-index: 10;
    overflow: hidden;
    padding-bottom: 10px;
}
/* Email */
#email_sender_layer{height: 140px; display:block; border: 1px solid #333; padding:12px; z-index:10; overflow:hidden; padding-bottom:10px;}

/* Email message comes in an iframe */ 
#mailContent{width:1000px; height:auto; display:inline !important; padding:12px; overflow:auto; /* <- for ie */}
#mailContent body{background:#fff;}
#user_name_mailusers{left:0 !important;}

/* Notes */
#user_name_noteto{left:0 !important;}
#searchform{background:transparent;}

/* User edit */
#useredit tr.list_header{background:#aac8fc; width:100%;}
#useredit td.list_header{background:#dee9fc;width:20%;}

/* Shared folders */
table.shared_folder_list {
	width: 200px;
}
td.shared_folder_list ul {
	margin: 0 0 0 20px;
}
td.shared_folder_list_icons {
	width: 3px;
}
td.shared_folder_list_icons ul {
	list-style-type: none;
	margin: 0;
}

/*
 * Forms
 */
.inputtext{width:220px; padding:0 3px; _margin-top:1px;}
.inputselect{ border:1px solid #999; margin:4px; padding:2px 0 2px 2px;}
option{padding:0 3px;}

/*
 * Specific styles 
 */
#headerright p {
	color:#273740; 
	padding: 4px 0 6px 0;
	text-align:right;
}
#headerright a{
	color:#273740; 
	text-decoration:none;
}
#headerright a:hover{
	text-decoration:underline;
}
#headerright form{
	text-align:right;
	float:right;
}
#headerright input, #headerright option {
	padding:0 3px;
}
#headerright .inputtext{
	height:18px; 
}
#headerright .inputselect{
	
}

#mod_header h1{
	background:#fff; 
	padding:3px; 
	border: 1px solid #e2e2e2; 
	border-style: none;
}
#maincontent h1{
	margin:6px 0;
}
#footer p, #footer span{
	padding:12px 0 0 2%;
}
#covide_performance_info img{
	padding:0 3px;
}

/*
 * Theme 1 
 */
.test_bg_topnav{background: #fff;}

/* class for full height and width */
.fullheight {
	width: 100%;
	height: 100%;
}

/* style definitions for lists/views */
th.list_header, td.list_header, span.list_header  {
	background-color: #aac8fc; 
	font-weight: bold;
	padding: 2px 3px 2px 3px;
	vertical-align: top;
	min-width:20%;
	white-space: nowrap;
}
td.list_data_highlighted {
	background-color: #cdcdcd;
	padding: 2px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #787821;
}
tr.list_data_highlighted_hover td {
	background-color: #cdcdcd;
}
th.list_header A, td.list_header A {
	color: #666;
	vertical-align: top;
}
th.list_header A:hover, td.list_header A:hover {
	background-color: #eee;
}
th.list_header_clean, td.list_header_clean {
	font-weight: bold;
	padding: 2px;
	vertical-align: top;
}
table.list_data_clean, td.list_data_clean {
	padding: 2px;
	vertical-align: top;
}
label.radiobutton {
	display: block;
	border: 1px solid transparent;
}
label.radiobutton:hover {
	background-color: #ddd;
	border: 1px solid #bbb;
}
table.view_header {
	margin:5px 0 5px 0;
	width: 100%;
}
table.view_header td {
	padding:1px 0 1px 3px;
}

#errordiv {
	background-color:#fff;
	width:510px;
	padding:10px 0;
	margin:0 0 15px 0;
	font-size:16px;
}
th.list_header_center {
	background-color: #aac8fc;
	font-weight: bold;
	padding: 3px;
	vertical-align: top;
}

table.list_data, td.list_data, table.list_data_top, td.list_data_top {
	background-color: #dee9fc; /* disabled to background in popups */
	/* vertical-align: center; */
	padding: 3px !important;
}
.calendar_planning {
	background-color: #dee9fc; /* disabled to background in popups */
    padding: 2px !important;
	line-height: 3px;
}
.td_list_data a img{
	margin-top:4px;
	}
td.list_data_submapping {
	background-color: #e9e9e9 !important;
	padding: 2px;
	vertical-align: top;
	border: 1px solid #d0d0d0;
}
/* highlighted */
td.list_data_highlighted{
	background:#fcefa1 !important; 
	border:1px solid #fcefa1 !important;
}
tr.list_record_hover td.list_data_highlighted {
	background-color: #e2e2e2 !important;
}
tr.list_record_hover td.list_data_submapping {
	background-color: #e2e2e2 !important;
}
/* List data */
table.list_data {
	text-align: left;
	background:#ffff66; 
	border-botttom:1px solid #e2e2e2;
}
table.table_data {
	text-align: left;
}
tr.list_record {	
	background-color:#cadcfc; 
}
tr.list_record_hover td {
	background-color: #ecf1fa; /*#ecf2fc;*/
}
tr.list_record td {
	/* vertical-align:middle; */
}
tr.list_record_even{
	background-color: #DEE9FC;
}
.weekviewweekday {
	width: 14%;
}

/* infolayer styles */
div#infocontainer {
	z-index: 10;
	right: 0px;
	top: 20px;
	text-align: right;
}

div.infolayer {
	border: 1px outset;
	background-color: #f2f2f2;
	padding: 1px;
	z-index: 10;
	margin-top: 3px;
	text-align: left;
	/* scrollbar toevoegen indien nodig */
	max-height: 400px;
	overflow: auto;
}
div.inforight {
	width: 500px;
	right: 5px;
	z-index: 11;
	display: none;
}
div.infovoip {
	min-width: 200px;
	margin-left: 300px;
	right: 5px;
	z-index: 11;
	display: none;
}
div.infobottom {
	margin: 0px auto;
	bottom: 0px;
}

div.infowait {
	position: absolute;
	top: 50%;
	left: 45%;
	text-align: center;
	display: none;
}

.nowrap {
	white-space: nowrap;
}
	/* content copied verbatim from old style, cleanup if needed */

	select#history option {
		color: black;
	}
	select#history optgroup {
		color: #777;
	}
	.window_header, .view_header, .fullwidth {
		width: 100% !important;
		text-align: left;
	}
	.pagecontent {
		padding: 0px 10px 0px 10px;
		vertical-align: top;
	}
	optgroup {
		font-family: arial, verdana, serif;
		font-size: 11px;
		color: #000;
		background-color: #f2f2f2;
	}

	/* class for full height and width */
	.fullheight {
		width: 100%;
		height: 100%;
	}
	.weekviewweekday {
		width: 14%;
	}
	/* style for window borders */
	.venster_data {
		/*background-color: #dee9fc;*/
		padding: 5px;
		border-style:solid;
		border-width:1px 0 1px 1px;
		border-color:#9b9aaa;
		vertical-align: top;
		width: 100%;
	}

	.window_header {
		border-top:2px solid #fff;
		padding:20px 0 10px 0;
	}
	
/* Calendar */

	.calendar_table {
		background-color: #dee9fc;
		margin:0 12px 6px 0;
		float:left;
	}
	.calendar_table  #search_day{
		background:#000;
		float:left;
		margin-left:-4px;
	}	
	
/* Every Covide user has his/her own column */
.calendar_user {
		/* background:#fff; creates lines between the different apointments */
		background: #dee9fc;
   		border-left: 1px solid #6da8c6;
    	vertical-align: top;
		width:auto;
		width:200px;
} 
.calendar_usercolumn{
	white-space:nowrap;
	max-width: 200px !important;
	min-width: 200px !important;
	width: 200px !important;
	line-height: 18px; height: 18px !important; 
}
td.calendar_user a img{
	display:inline;
	white-space:nowrap;
	padding: 3px;
}
td.calendar_datecolumn{
	background: #dee9fc;
	width:40px; 
	line-height: 18px; height: 18px !important; 
	overflow:hidden;
}
.calendar_contentcolumn {	background: #aac8fc; white-space: normal !important; overflow:hidden; }

.venster_left_nomenu {
		/* nothing yet */
	}
	.venster_left_hasmenu {
		/* nothing yet */
	}
	.venster_right {
		vertical-align: top;
		background:transparent url('../../themes/0/dialog_r.jpg') repeat-y;
		border-width: 1px 1px 1px 0;
		border-style: solid;
		border-color: #9B9AAA;
	}
	div.venster_right_spacer {
		width: 20px;
	}

	.table_data {
		/*border: 1px solid #cdcdcd;*/
	}
	.imagebutton, .imageconstanttransparancy {
		margin-left: 1px;
		margin-right: 1px;
	}
	.currentpage {
		text-decoration: underline;
		font-weight: bold;
	}
	.marked {
		font-weight: bold;
	}
	
	td.menuLnk {
		font:11px Arial,Verdana,Tahoma,Helvetica;
		background-image: url('../../themes/0/menu_link_m.gif');
	}
	td.menuLnkNav {font:11px Arial,Verdana,Tahoma,Helvetica;background-image: url('../../themes/0/menu_link_m_nav.gif')}

	span.onderdeel {
		font-size: 18px;
		color:#000;
		padding: 2px;
	}
	/* This span should not be visible if empty */
	span.titel {
		color:#000;
		padding: 2px;
	}
	span.datum {font:22px Arial,Tahoma,Helvetica,Verdana;color:#AAAAAA;}
	span.gebruiker {font:11px Arial,Tahoma,Helvetica,Verdana;color:#333333;}
	span.menu {font:11px Arial,Tahoma,Helvetica,Verdana;color:#05488E;}

	.inputtext, .inputtextarea {
		background-color: #eaf1fc;
		font: 11px arial, verdana, serif;
		border: 1px solid #999;
		padding: 3px;
		margin: 1px;
		color: #000;
	}
	.inputfocus {
		/* border-style: dotted; */
		border: 1px inset #555;
		background-color: #fffbf6;
		color: #000;
	}
	.inputselect {
		background-color: #eaf1fc;
		font: 11px arial, verdana, serif;
		padding: 2px 0 2px 2px !important;
		color: #000;
	}
	.inputcheckbox {
		background-color: #eaf1fc;
		color: #000;
	}
	.inputbutton {
		background-color: #fff;
		font: 11px arial, verdana, serif;
		border: 1px solid #ff6600;
		position: relative;
		top: -3px;
		height: 15px;
		color: #a94400;
		cursor: pointer;
	}

	li.enabled {
		/* list-style: image; */
		list-style-image: url('../../themes/default/personal.gif');
	}
	li.special {
		/* list-style: image; */
		list-style-image: url('../../themes/default/personal_silver.gif');
	}
	li.disabled {
		/* list-style: image; */
		list-style-image: url('../../themes/default/personal_red.gif');
	}
	li.group {
		/* list-style: image; */
		list-style-image: url('../../themes/default/personal_group.gif');
	}

	a {
		text-decoration:none;
		color:#0071bb;
	}
	a.no_underline {
		text-decoration: none;
	}
	a:hover {
		text-decoration:underline;
	}

	a.menu {
		font-size: 11px;
		color: #000;
	}

	/* {{{ general page styles */
	#page_container {
		height: 100%;
		width: 100%;
	}

	#td_page {
		height: 100%;
		width: 100%;
		text-align: center;
		vertical-align: middle;
	}

	#pageBottom {
		width: 100%;
	}
	/* }}} end general page styles */

	/* {{{ menu items etc */
	#td_menu {
		width: 100%;
		vertical-align: top;
		height: 95px;
	}
	#menu {
		width: 100%;
		vertical-align: top;
		margin: 0 0 20px 0;
  }

	#menuHome {
		padding-right:10px;
	}

	.menuItem {
		padding-top: 12px;
		width: 36px;
		background-repeat: no-repeat;
		background-position: 0px 9px;
		vertical-align: top;
	}

	.menuItem img {
		border: 0px;
	}

	#menuDate {
		display: inline;
		position: absolute;
		top: 0px;
		right: 0px;
		text-align: right;
	}

	#menuDate span.date {
		font-size: 18px !important;
		color: #dedede !important;
		font-weight: bold;
	}

	#menuDate span.user {
		font-size: 11px !important;
		color: #fff !important;
		margin-right: 6px;
	}

	#menuDate span.clock {
		color: #dedede !important;
	}
	#clock_seconds {
		margin-right: 6px;
	}
	/* }}} end menu */

	form {
		/* prevent whitespace when using form tags */
		display: inline;
	}

	/* {{{ desktop elements */
	div.desktopcontainer {
		width: 100%;
	}
	/* a block item on the desktop*/
	div.desktopItem {
		width:20%;
		background-color:#EFEFEF;
		border:1px solid #9B9C9E;
		margin:3px;
		text-align: left;
		display: table-cell;
	}

	/* title of the block, or division in a block*/
	div.desktopItemTitle {
		background-color:#E1E3E2;
		width:100%;
		height:20px;
		font-size: 11px;
		color:#666666;
		font-weight:bold;
	}

	/* layout the data in the desktopItem block*/
	div.desktopItemData {
		font-size: 11px;
		color:#666666;
		padding:4px;
	}
	/* }}} end desktop elements */

	/* progress bar styles */
	span.progressborder {
		border-top: 1px solid black;
		border-bottom: 1px solid black;
	}
	span.progressbar {
		background-color: #ccc;
	}
	span.progressleft {
		border-left: 1px solid black;
	}
	span.progressright {
		border-right: 1px solid black;
	}

	a.action {
		vertical-align: middle;
		padding-left: 1px;
		padding-right: 1px;
	}

	div#covide_body {
		height: 100%;
		width: 100%;
	}

	div#infocontainer {
		z-index: 10;
		right: 0px;
		top: 20px;
		text-align: right;
	}

	div.infolayer {
		border: 1px outset;
		background-color: #f2f2f2;
		padding: 1px;
		z-index: 10;
		margin-top: 3px;
		text-align: left;
		/* scrollbar toevoegen indien nodig */
		max-height: 400px;
		overflow: auto;
	}
	div.inforight {
		width: 500px;
		right: 5px;
		z-index: 11;
		display: none;
		}
		div.inforight td.list_header{
			white-space:nowrap;
		}
	div.infovoip {
		width: 200px;
		margin-left: 300px;
		right: 5px;
		z-index: 11;
		display: none;
	}
	div.infobottom {
		margin: 0px auto;
		bottom: 0px;
	}
	.nowrap {
		white-space: nowrap;
	}
	.bold {
		font-weight: bold;
	}
	.valign_top {
		vertical-align: top;
	}
	span.disabled {
		color: #777;
	}
	a.autocomplete {
		color: #666;
		padding: 1px;
	}
	li a {
		color: #666;
	}
	#xmlhttp_status {
		display: none;
		position: absolute;
		left: 0px;
		top: 0px;
		font-weight: bold;
		background-color: white;
		border: 1px outset black;
		padding: 2px 10px;
	}
	div.index_limit {
		height: 500px;
		overflow: auto;
		border: 1px solid #666;
		padding: 1px;
	}


	/* }}} end desktop elements */
    /* {{{ css for formvalidation stuff */

    .info   { color: black; background-color: transparent; font-weight: normal; }
    .warn   { color: rgb(120,0,0); background-color: transparent; font-weight: normal; }
    .error  { color: red; background-color: transparent; font-weight: bold }

    /* }}} */
	/* Businesscard tab CSS */
	.bcard_tab_ul {
		background: #fff;
		list-style-type: none;
		line-height: 25px;
		height: 25px;
		padding: 0;
		margin: 5px 0 1px 0;
		width: 100%;
	}
	.bcard_tab_li {
		margin: 0;
		float: left;
		background: white;
	}
	.bcard_tab_li a {
		background:#DEE9FC;
		text-decoration: none;
		outline: none;
		display: block;
		margin-right:1px;
		padding: 0 8px;
	}
	.bcard_tab_li a:hover {
		background-color: #DEE6FC;
	}
	.bcard_tab_li.selected a {
		color: #333;
		background-color: #AAC8FC !important;
	}
	#editbcard table {
		margin-top: -8px;
	}
	.expand_custom_view .list_header,
	.expand_options .list_header,
	.expand_custom .list_header,
	.expand_account .list_header,
	.expand_information .list_header,
	.expand_company_1 .list_header,
	.expand_business .list_header,
	.expand_private .list_header,
	.expand_other .list_header
	{
	min-width: 190px;
}
.addressactionicons {
	position: absolute;
	z-index: 200;
	background-color: #aac8fc;
	border: 1px solid #e2e2e2;
	padding:4px;
}

div.adressactionicons a {display:block; padding:4px 0 !important; text-indent: 4px !important;}

.mod_header_menu_moreactions {
	position: absolute;
	right: 38px;
	z-index: 200;
	background-color: #aac8fc;
	border: 1px solid #e2e2e2;
	padding:4px;
}
.mod_header_menu_moreactions_bottom {
	position: absolute;
	right: 38px;
	top:-36px;
	z-index: 200;
	background-color: #aac8fc;
	border: 1px solid #e2e2e2;
	padding:4px;
}

.list_hidden {
	display: none;
}

.previewcontent{background:/*#ecf1fa*/ #fcefa1 ;border: 1px solid #aac8fc; border-style: none solid solid solid; width:372px; margin-top:2px;}
.previewcontent p{color: #273740; padding:4px; display:block !important;}

/*
 * styles for columns in extended projectmodule
 */

.project_purchase, .project_margin, .project_price, .project_time, .project_user {
	width:70px !important;
}

.project_actions {
	width:55px;
}

.project_service_hours {
	width:90px;
}

.project_time {
	width:88px !important;
}

.project_activity {
	width:180px !important;
}

.project_type {
	width:254px;
}

.project_empty {
	width:25px !important;
}

.hence_campaign {
	border:1px solid #E2E2E2;
	margin-left:9px;
	margin-top:12px;
	padding:3px;
	width:97%;
}

.hence_left_email {
	border-right:1px solid #E2E2E2;
	width:40%;
	float:left;
	display:inline;
}

.div_right_chart {
	width:57%;
	float:left;
	padding:3px;
	height:300px;
	overflow:auto;
}

#charts {
	padding:10px;
}

#tblChartsProjects {
	border:1px solid #E2E2E2;
}

.project_border_user {
	border-left:1px solid #E2E2E2;
	padding-left: 5px;
	padding-top: 5px;
}

#project_overflow_users {
	padding-top: 5px;
	overflow:auto;
	height:250px;
}

#chartUser {
	text-align:center;
}

.current {
	background-color: #DCDCDC;
	color: #7A7A7A;
}

/* Sales Module */

#sales_general_information{
	border-style: solid;
	border-color: #eeeeee;
	margin: 10px;
	padding: 5px;
	overflow:hidden;
}
.sales_quotes_salesman_container{
	width:860px;
	height:318px;
	overflow-x:scroll;
	border: 1px solid #CCCCCC;
}
.sales_general_information_totals{
	float: left;
	width:auto;
	text-align:right;
}
.sales_general_information_totals a{
	margin:0 4px;
	padding:0 4px;
	background:transparent;
	width:99%;
}
.sales_salesman_result_contentwrap{
	width:85%;
	border:2px solid #eee;
	margin:6px 0;
	width:auto;
}
.sales_salesman_results_container{
	/*width:95%;*/
	height:auto;
	margin:0 12px;
}
.sales_salesman_results{
	margin: 0 auto;
	padding:0;
	overflow:hidden;
	width:70%;
}
.sales_salesman_results h1{
	/*padding:6px 0 0 0;*/
}
.sales_salesman_results_table{
	height:250px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.sales_salesman_results_table a img{
	float:left;
}
.sales_salesman_results_total{
	border-top: 1px; 
	border-color: #fff;
	border-style: solid;
}
.sales_salesman_results_chart{
	width:390px;
	height:240px;
	margin-top:5px
}
.sales_options{
	white-space:nowrap;
	padding-right:12px;
}

span .current li {
	line-height: 20px;
}

.autocomplete span li {
	line-height: 20px;
}

#sortable-container h1, #sortable-container2 h1 {
	cursor:move;
	width:100%;
}

#sortable-container, #sortable-container2{
	min-height:600px;
}

.border_projecten{
	margin-left: 5px;
	margin-top: 10px;
	border:1px solid #E2E2E2;
	float:left;
	display:inline;
	padding: 5px;
}

.costsEmployee{
	color:red;
}

.incomeEmployee{
	color:green;
}

#incomeEmployee td, #overviewCostsEmployeeTbl td{
	border-bottom:1px solid #E2E2E2;
}

.campaign_reponseReason {
	width:auto;
	float: left;
	border:1px solid #E2E2E2;
	padding:5px;
	margin-left:9px;
	margin-top:10px;
}

#campaign_nameCharts {
	margin-left:10px;
	margin-top:20px;
	clear:left
}

.campaign_charts {
	margin-top: 0px;
	float:left;
	width:98%;
	border:none;
	overflow:auto;
	margin-left:6px;
	padding:0px;
	margin-bottom:10px;
}

.campaign_chart_first {
	width:36%;
	overflow:auto;
	margin-left:0px;
}

#campaign_chart_second {
	width:60%;
	margin-left:10px;
	overflow:auto;
}

.campaign_border {
	margin-left:5px;
	margin-top:10px;
	border:1px solid #E2E2E2;
	float:left;
	display:inline;
	padding:5px;
}

.precalculation_font {
	font-weight:bold;
	font-size:12px;
}

.precalculation_font_big {
	font-weight:bold;
	font-size:14px;
}



.border_projecten{
	margin-left: 5px;
	margin-top: 10px;
	border:1px solid #E2E2E2;
	float:left;
	display:inline;
	padding: 5px;
}

.costsEmployee{
	color:red;
}

.incomeEmployee{
	color:green;
}

#incomeEmployee td, #overviewCostsEmployeeTbl td{
	border-bottom:1px solid #E2E2E2;
}

.campaign_reponseReason {
	width:auto;
	float: left;
	border:1px solid #E2E2E2;
	padding:5px;
	margin-left:9px;
	margin-top:10px;
	min-width:187px;
}

#campaign_nameCharts {
	margin-left:10px;
	margin-top:20px;
	clear:left
}

.campaign_charts {
	margin-top: 0px;
	float:left;
	width:98%;
	border:none;
	overflow:auto;
	margin-left:6px;
	padding:0px;
	margin-bottom:10px;
}

.campaign_chart_first {
	width:36%;
	overflow:auto;
	margin-left:0px;
}

#campaign_chart_second {
	width:59%;
	margin-left:10px;
	overflow:auto;
}

.campaign_border {
	margin-left:5px;
	margin-top:10px;
	border:1px solid #E2E2E2;
	float:left;
	display:inline;
	padding:5px;
}

.precalculation_font {
	font-weight:bold;
	font-size:12px;
}

.precalculation_font_big {
	font-weight:bold;
	font-size:14px;
}

.border_campaign_top {
	border:1px solid #E2E2E2;
	margin-left:9px;
	margin-top:12px;
	padding:3px;
	width:auto;
	overflow:auto;
	float:left;
	min-width: 399px;
}

#tbl_campaign_top td {
	white-space:nowrap;
}

.dcolortabs{
	padding: 5px 0 0 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	clear: both;
	width: 100%;
	height: 24px;
}
.ddcolortabs ul.tab{
	margin:1px !important;
	padding:0;
	list-style:none;
	font-weight:bold;
}
.ddcolortabs li{
	font-size: 12px;
	display:inline;
	margin:0;
	padding:0;
}
.ddcolortabs a{
	float:right;
	color: #000;
	background-color: #aac8fc;
	margin:0 0 0 1px;
	padding:0 20px 1px 20px;
	text-decoration:none;
	letter-spacing: 0px;
}
.ddcolortabs a span{
	float:right;
	display:block;
	padding: 6px 8px 3px 7px;
}
.ddcolortabs a span{
	float:none;
}
.ddcolortabs a:hover{
	background-color: #dee9fb;
}
.ddcolortabs a:hover span{
	background-color: #dee9fb;
}
.ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/
	background-color: #dee9fb;
}
.ddcolortabsline{
	clear: both;
	padding: 0;
	width: 100%;
	height: 8px;
	line-height: 8px;
	background: #678b3f;
	border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}
.tabcontainer{
	clear: both;
	width: 100%; /*width of 2nd level sub menus*/
}
.tabcontent{
	background-color: #dee9fb;
	padding: 5px;
	display: none;
}
.sales_div {
	padding: 5px;
}
.borderall {
	border: 1px solid #ccc;
}
.showhide {
	padding: 8px 9px;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: 700;
}
.clear	{
	clear: both;
	overflow: hidden;
	line-height: 0;
}
.search_tbl {
	padding: 10px 0;
}
.search_td {
	border-left: 1px solid #999;
}
.padd_td {
	padding: 0 5px;
}
.search_users_tbl {
	margin-top: -10px;
}
.search_users_td {
	padding-right: 10px;
	padding-left: 5px;
}
.search_users_div {
	margin-top: 12px;
}
.classification_div {
	width:200px;
	margin:auto;
}
.generaldiv {
	padding:5px;
}
.axis_tbl {
	margin : 15px 0 0 20px;
}
.chart_div {
	padding: 10px 20px 5px 15px;
}
.nosales_div {
	text-align: center;
	font-size:16px;
	color:#000;
	text-decoration:none;
	font-weight:700;
	padding: 5px 0;
}
.piechart_img {
	border: 1px solid #CCC;
	float:right;
	display:inline;
}
ul.totals {
	display:inline;
	margin:0 !important;
	padding:0 !important;
}
ul.totals li {
	display:inline;
	padding:0 5px;
	font-weight: bold;
	margin-left: 0px !important;
}
.text_center {
	text-align: center;
}
.quotes_statuses_header {
  height: 16px;
}

.classi_desc_column {
	width:200px;
}
.classi_descfull_column {
	width:500px;
}
.classi_active_column {
	width:30px;
}
.classi_cms_column {
	width:20px;
}

.fht_table_body table thead tr th, .fht_fixed_header table thead tr th, table thead tr th {
    padding: 9px;
}

.empty-cell {
    overflow:hidden;
}

.salesman_piechart {
  width: 365px;
  text-align: center;
}

td.salesman_piechart{
	border-top:1px solid #aac8fc;
}

.classi_desc_column {
	width:200px;
}
.classi_descfull_column {
	width:500px;
}
.classi_active_column {
	width:20px;
}
.classi_cms_column {
	width:20px;
}

.useage_table {
	width:100%;
}

.useage_border_right {
	border-right:1px solid #999;
	vertical-align:top;
	padding:0 10px 0 10px;
}

.useage_end_td {
	vertical-align:top;
	padding:0 10px 0 10px;
}

.useage_end_td table{
	margin: 0 auto;
}

.useage_table_select_user {
	float:left;
	padding:5px 5px 0 10px;
	height:30px;
	font-weight:bold;
}
/* Support details */
.support_firm_information{
	border: 1px solid #999;
	margin: 0 auto;
	padding:10px;
	width: 100%;
}
.support_details_contactinfo{
	border: 1px solid #999;
	margin: 0 auto;
	padding:10px;
	width: 98%;
}
.support_details {
	border: 1px solid #999;
	margin: 0 auto;
	padding:10px;
	width: 98%;
}
.support_details th{
	border-bottom: 1px solid #e2e2e2;
	line-height:16px;
	margin-bottom:6px;
	padding:3px 0;
	text-align:left;
	text-transform:capitalize;
}
.support_details td{
	padding:4px 0;
}

.support_form_text {
	width: 250px; text-align: left;
}

.support_form_area {
	width: 250px; 
	height: 200px; 
	text-align: left;
}

.social_input {
	margin: 5px 10px;
	padding: 5px;
	background: #aac8fc;
	z-index:1;
	height: 20px;
}

.social_feeditem {
	padding: 2px;
	margin: 10px 5px;
	border: 1px solid gray;
	z-index: 1;
}

.social_feeditem img {
	width: 48px;
	height: 48px;
	margin-right: 5px;
}

#social_settings {
	float: right;
}

.social_settings {
	width: 300px;
}

ul.social_filters li {
	height: 19px;
}

/* Set css off 'Did you know block(DYNB)' */

#leftNavDYKB {
	height:100px;
	float:left;
	width:20px;
	vertical-align:middle;
}

#holderDYKB {
	height:100px;
	float:left;
	width:310px;
}

#headerDYKB {
	font-weight:bold;
	padding:5px;
}

#imageDYKB {
	padding:5px;
}

#contentDYKB {
	padding:5px;
}

#rightNavDYNB {
	height:100px;
	clear:right;
	width:20px;
}
.list_header:first-letter{
	text-transform: uppercase;
}
.block_title:first-letter{
	text-transform: uppercase;
}
#relcardtable h1:first-letter{
	text-transform: uppercase;
}
.bcard_tab_li a:first-letter {
	text-transform: uppercase;
}

.linkedin_connections {
	width: 400px;
}

.linkedin_connections td {
	margin-top: 10px;
}

.linkedin_connections td img.profile {
	height: 50px;
	width: 50px;
	margin: 0px;
}

.linkedin_importfields {
	background-color: white;
	border: 1px solid black;
	position: absolute;
	top: -10px;
	left: 15px;
	z-index: 1000;
	min-width: 250px;
	padding: 3px;
	display:none;
}

.linkedin_importfields label {
	height: 25px;
	line-height: 25px;
}

.linkedin_importfields table {
	width: 100%;
}

.linkedin_importfields input, .linkedin_importfields select {
	float: right;
}

.linkedin_importfields input {
	width: 150px;
}

.linkedin_importfields strong {
	margin: 6px 4px;
}
/* New CSS */
.list_header_support{
	background-color: #AAC8FC;
	font-weight: bold;
	padding: 2px 3px;
	vertical-align: top;
	min-width: 0px;
	max-width: 10%;
	width: 10% !important;
}

.list_data_support{
	width: 39%;
	
}

.list_data_support2{
	width: 40%;
}

.list_data_support3{
	width: 75%;
}

.supportinfo{
	width: 100%;
}

.supportinfo2{
	margin-top: 1%;
    overflow: auto;
    width: 100%;
}

.supportinfo_left{
	width: 49%;
	float: left;
	background: #AAC8FC;
}

.supportinfo_right{
	width: 50%;
	float: right;
}

.commitem_header {
	height: 24px;
	line-height: 24px;
	width: 99%;
	background: #AAC8FC;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #FFF;	
	padding-left: 1%;
}

.commitem {
	width: 100%;
	border-bottom: 1px solid #FFF;
}

.commitem_title {
	height: 30px;
	background: #CADCFC;
	cursor: pointer;
	clear: both;
	padding-left: 1%;
	padding-right: 1%;
}

.commitem_body {
	background: #EAF1FC;
	width: 100%;
	padding: 0px;
	float: left;
}

.item_body{
	width: 100%;
	float: left;
	margin: 10px;
	overflow-x: hidden;
}

.commitem_subject {
	height: 30px;
	line-height: 1.3;
	display: block;
	float: left;
    width: 41%;
	overflow: hidden;
}

.commitem_att{
	width:3%;
	float: left;
	display: block;
	height: 30px;
    left: 0;
    position: relative;
    top: 6px;
}

.item_att{
	float: left;
	width: 100%;
}

.item_att h4{
	border-bottom: 1px dotted #CADCFC;
}

.item_att ul li{
	border-bottom: 1px dotted #CADCFC;
	padding: 5px 0;
	list-style: none;
}

.item_att ul{
	margin: 0 !important;
}

.sender_receiver{
	display: block;
    float: left;
    height: 30px;
    margin: 0 1%;
    width: 39%;
}

.commitem_receiver {
	float: left;
    width: 100%;
    height: 15px;
    overflow: hidden;
	white-space: nowrap;
}

.commitem_sender {
	float: left;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.date_time{
	display: block;
    float: left;
    height: 30px;
    padding-right: 1%;
    text-align: right;
    width: 10%;
	white-space: nowrap;
}

.commitem_date {
	float: left;
    width: 100%;
}

.commitem_time{
	float: left;
    width: 100%;
}

.commitem_type {
	width:3%;
	float: left;
	display: block;
	height: 30px;
    left: 4px;
    position: relative;
    top: 6px;
}

.list_data_white {
	width: 1% !important;
	background: #FFFFFF !important;
}

.sortdiv{
	border: 1px solid #999;
	margin-bottom: 2%;
	width: 99%;
	background: #FFFFFF;
}

.sortdiv h1{
	height: 24px;
	line-height: 24px;
	background: #FFFFFF;
	padding-left: 1%;
	width:99% !important;
}

.support_description {
	background: #CADCFC;
	width: 99.5%;
	margin-bottom: 2%;
}

.support_description h1{
	background: #AAC8FC;
	height: 24px;
	line-height: 24px;
	padding-left: 1%;
	border-bottom: 1px solid #FFFFFF;
}

.support_textarea {
	width: 97%; 
	height: 150px; 
	margin: 1%;
}

#inactiveAlert{
	color: #F00;
}

#inactiveAlert{
	color: #F00;
}

.sendnotemail{
	background: #AAC8FC;
	height: 24px;
}

.sendnotemail_inner{
	height: 24px;
	float: right;
}

.sendmail{
	height: 24px;
	padding-right: 5px;
}

.sendmail a:hover{
	color: #000;
}

.sendnote{
	height: 24px;
	padding-right: 5px;
}

.sendnote a:hover{
	color: #000;
}

.new_note{
	background: url("../../themes/default/icons/txt.png") no-repeat ;color: #000000;
    height: 24px;
    line-height: 24px;
    padding-left: 17px;
    padding-top: 2px;
	font-weight: normal;
	font-size: 11px;
}

.new_mail{
	background: url("../../themes/default/icons/mail_new.png") no-repeat ;color: #000000;
    height: 24px;
    line-height: 24px;
    padding-left: 17px;
    padding-top: 2px;
	font-weight: normal;
	font-size: 11px;
}

.reply{
	float: left;
	margin: 10px;
}

.reply_note{
	background: url("../../themes/default/icons/note_reply.png") no-repeat;
    height: 24px;
    line-height: 24px;
    padding-left: 17px;
    padding-top: 2px;
	font-weight: normal;
	font-size: 11px;
}

.reply_mail{
	background: url("../../themes/default/icons/mail_reply.png") no-repeat;
    height: 24px;
    line-height: 24px;
    padding-left: 17px;
    padding-top: 2px;
	font-weight: normal;
	font-size: 11px;
}

.support_email_list{
	list-style: none;
}

#addemail{
	float: left;
	margin: 0 5px 5px 0;
	height: 20px;
	cursor: pointer;
}

#issueaddemailaddress{
	width: 175px;
	float: left;
}

#addemaildiv{
	display: none;
}

.export_progress {
	margin: 10px;
	background-color: #CADCFC;
	border: 1px solid #AAC8FC;
}

.ui-progressbar {
	height: 20px;
}

.ui-progressbar-value {
	height: 20px;
	font-size: 20px;
	border-right: 1px solid #AAC8FC;
	background-image: url("../../themes/1/progressbar.gif");
}

#issuemain_queue_id{
	float: left; 
}

.supportsearch{
	margin: 5px;
}

.search_queue_td{
	padding: 0 5px;
}

.comm_count{
	background: none repeat scroll 0 0 #AAC8FC;
    border-bottom: 1px solid #FFFFFF;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding-left: 1%;
    width: 99%;
	text-align: right;
}

.comm_count_img{
	height: 24px;
    position: relative;
    top: 4px;
    width: 3%;
	margin: 0 2px 0 5px;
}

.overdue_notpaid {
	color: red;
}

.msg_success {
	background-color: #d9fed9;
	display: block;
	height: 20px;
	border: 1px solid #3db13d;
	margin: 10px;
	padding: 2px;
	text-align: center;
	line-height: 20px;
}

/* Todo planning */
.todo_planning_bar {
	background-color: #AAC8FC;
	cursor: pointer;
}

#page_layer {
	width: 98%;
	margin: 0 1%;
	overflow: auto;
}

#user_settings_left {
    float: left;
    width: 49.5%;
}

#user_settings_right {
    float: right;
    width: 49.5%;
}

.settings_block {
	background: #FFF;
    border: 1px solid #E2E2E2;
    margin: 0 0 10px 0;
}

.settings_block_header {
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
}

.settings_block_header img{
	float: right;
	position: relative;
	top: 4px;
}

.settings_block_header h1{
	float: left;
	width: 93% !important;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 4px;
}

.settings_block_header h1:first-letter {
  text-transform: uppercase;
}

.settings_block_content {
	background: #FFF;
	border-top: 1px solid #E2E2E2;
	padding: 2px;
}

.action_save {
	float: right;
	position: relative;
	top: 2px;
}

.action_deactivate {
	float: right;
	position: relative;
	top: 2px;
}

.toggle {
    background: url("../../themes/default/icons/arrowHide.png") no-repeat scroll right center #FFFFFF;
    float: left;
    height: 24px;
    width: 5%;
	cursor: pointer;
}

.toggle_hide {
    background: url("../../themes/default/icons/arrowShow.png") no-repeat scroll right center #FFFFFF !important;
    float: left;
    height: 24px;
    width: 5%;
	cursor: pointer;
}

#group_label{
	font-size: 14px !important;
	margin: 7px;
}

#usercard_information,
#usercard_hrm,
#usercard_hours,
#usercard_kilometers,
#usercard_projexecutor,
#usercard_projmanager,
#usercard_projusers,
#usercard_support,
#usercard_notes,
#usercard_notescustcont,
#usercard_sales,
#usercard_todos,
#usercard_calendar {
	margin-top: 12px;
    padding: 3px;
    border: 1px solid #e2e2e2;
    width: 97%;
	background-color:#FFFFFF;
}

#usercard_information h1,
#usercard_hrm h1,
#usercard_hours h1,
#usercard_kilometers h1,
#usercard_projexecutor h1,
#usercard_projmanager h1,
#usercard_projusers h1,
#usercard_support h1,
#usercard_notes h1,
#usercard_notescustcont h1,
#usercard_sales h1,
#usercard_todos h1,
#usercard_calendar h1 {
    border-bottom: 1px solid #f4f4f4;
    display: block;
    margin-bottom: 2px;
    padding: 3px;
}

#validEmail {
	margin-top: 4px;
	margin-left: 9px;
	width: 30px;
	height: 17px;
	float: left;
	display: none;
}

.msg_success {
	background-color: #d9fed9;
	display: block;
	height: 20px;
	border: 1px solid #3db13d;
	margin: 10px;
	padding: 2px;
	text-align: center;
	line-height: 20px;
}