/* /////////////////////////////////////////////////////////////////////
 CONTENT / MODULE COLORS
//////////////////////////////////////////////////////////////////////*/

.clr_recording, .clr_recording a {
	color:#1279C3;	
}

.clr_schedule, .clr_schedule a {
	color:#f17721;	
}

.clr_sickleave, .clr_sickleave a {
	color:#8327AB;
}

.clr_planning, .clr_planning a {
	color:#64A121;
}


/* /////////////////////////////////////////////////////////////////////
 CONTENT / GRADIENT BACKGROUNDS
//////////////////////////////////////////////////////////////////////*/

.bkg_grad_blue {
	background: rgb(35,138,205);
	background: -moz-linear-gradient(top,  rgba(71,176,241,1) 0%, rgba(36,138,206,1) 42%, rgba(2,102,172,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,176,241,1)), color-stop(42%,rgba(36,138,206,1)), color-stop(100%,rgba(2,102,172,1)));
	background: -webkit-linear-gradient(top,  rgba(71,176,241,1) 0%,rgba(36,138,206,1) 42%,rgba(2,102,172,1) 100%);
	background: -o-linear-gradient(top,  rgba(71,176,241,1) 0%,rgba(36,138,206,1) 42%,rgba(2,102,172,1) 100%);
	background: -ms-linear-gradient(top,  rgba(71,176,241,1) 0%,rgba(36,138,206,1) 42%,rgba(2,102,172,1) 100%);
	background: linear-gradient(top,  rgba(71,176,241,1) 0%,rgba(36,138,206,1) 42%,rgba(2,102,172,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47b0f1', endColorstr='#0266ac',GradientType=0 );
}

.bkg_grad_blue_header {
	background: rgb(35,138,205);
	background: -moz-linear-gradient(top,  rgba(82,183,246,1) 0%, rgba(36,138,206,1) 55%, rgba(2,102,172,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(82,183,246,1)),color-stop(55%,rgba(36,138,206,1)), color-stop(100%,rgba(2,102,172,1)));
	background: -webkit-linear-gradient(top,  rgba(82,183,246,1) 0%,rgba(36,138,206,1) 55%,rgba(2,102,172,1) 100%);
	background: -o-linear-gradient(top,  rgba(82,183,246,1) 0%,rgba(36,138,206,1) 55%,rgba(2,102,172,1) 100%);
	background: -ms-linear-gradient(top,  rgba(82,183,246,1) 0%,rgba(36,138,206,1) 55%,rgba(2,102,172,1) 100%);
	background: linear-gradient(top,  rgba(82,183,246,1) 0%,rgba(36,138,206,1) 55%,rgba(2,102,172,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52b7f6', endColorstr='#0266ac',GradientType=0 );
}

.bkg_grad_lblue_td { /* Topdown */
	background: rgb(248,248,248);
	background: -moz-linear-gradient(top,  rgba(245,250,254,1) 0%, rgb(255,255,255) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,250,254,1)), color-stop(100%,rgb(255,255,255)));
	background: -webkit-linear-gradient(top,  rgba(245,250,254,1) 0%,rgb(255,255,255) 100%);
	background: -o-linear-gradient(top,  rgba(245,250,254,1) 0%,rgb(255,255,255) 100%);
	background: -ms-linear-gradient(top,  rgba(245,250,254,1) 0%,rgb(255,255,255) 100%);
	background: linear-gradient(top,  rgba(245,250,254,1) 0%,rgb(255,255,255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEF7FF', endColorstr='#ffffff',GradientType=0 );
}

.bkg_grad_lblue_dt { /* Down to top */
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,250,254,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(245,250,254,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,250,254,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,250,254,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,250,254,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,250,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EEF7FF',GradientType=0 );
}


.bkg_grad_grey_header {
	background: rgb(35,138,205);
	background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(241,241,241,1) 50%, rgba(227,227,227,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)),color-stop(50%,rgba(241,241,241,1)), color-stop(100%,rgba(227,227,227,1)));
	background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(241,241,241,1) 50%,rgba(227,227,227,1) 100%);
	background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(241,241,241,1) 50%,rgba(227,227,227,1) 100%);
	background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(241,241,241,1) 50%,rgba(227,227,227,1) 100%);
	background: linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(241,241,241,1) 50%,rgba(227,227,227,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e3e3',GradientType=0 );
}

.bkg_grad_grey_lr {
	background: rgb(243,243,243); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(left,  rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.bkg_grad_grey_td { /* Topdown */
	background: rgb(248,248,248);
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgb(255,255,255) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgb(255,255,255)));
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgb(255,255,255) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgb(255,255,255) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgb(255,255,255) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgb(255,255,255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 );
}

.bkg_grad_grey_dt { /* Down to top */
	background: rgb(240,240,240);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,240,240,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
}


/* /////////////////////////////////////////////////////////////////////
 CONTENT / SECTIONS
//////////////////////////////////////////////////////////////////////*/

.section {
	display:block;
	border-bottom:solid 1px #D0D0D0;
	margin-bottom:1px;
	background-color:#fff;
}

.section:after {  
    content: ".";  
    display: block;  
    height: 0;  
    font-size: 0;  
    clear: both;  
    visibility: hidden;  
}  


.section.sidemenu {
	margin-right:290px;
}

.section .section_title {
	height:35px;
	color:#0372c1;
	font-weight:bold;
	font-size:12px;	display:block;
	padding-top:9px;
	padding-left:18px;
	padding-right:12px;
	border-bottom:solid 1px #dadada;
	margin-bottom:1px;
	
	background: rgb(248,248,248);
	background: -moz-linear-gradient(top,  #fff 0%, #F0F0F0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#F0F0F0));
	background: -webkit-linear-gradient(top,  #fff 0%,#F0F0F0 100%);
	background: -o-linear-gradient(top,  #fff 0%,#F0F0F0 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#F0F0F0 100%);
	background: linear-gradient(top,  #fff 0%,#F0F0F0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F0F0F0',GradientType=0 );

}

.section .section_subtitle {
	color:#0372c1;
	display:inline-block;
	text-align:left;
}

.section .section_content {
	padding:18px;
	padding-bottom:20px;
	display:block;
	position:relative;
}

/*.section .section_content:after {  
    content: ".";  
    display: block;  
    font-size: 0;  
    clear: both;  
    visibility: hidden;  
}*/

.section .section_content.wt_table {
	background:url(../site_art/content_table_label_bkg.png) repeat-y;
}


.section .section_content.wt_table.small {
	background-position: -40px 0px;
}

.section.panel_left .section_content {
	border-right:solid 1px #dadada;
	min-height:430px;
	padding-top:18px;
}

.section ul {
	padding:0; 
	margin:0;
	list-style-type:none;
}

.section li {
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	padding-bottom:4px;
	margin-top:3px;
	background:url(../site_art/icons_arrows.png) no-repeat 0px 5px;
	color:#0372c1;
}

.section li a {
	text-decoration:none;
    color: #0372C1;
}

.section li a:hover {
	text-decoration:underline;
	font-weight:bold;
}
/* VARIATIONS */

	/* Transparent */
	.section.transparent {
		background:none;
	}

	/* White */
	.section.white {
		background-color:#fff;
	}

	/* Grey */
	.section.grey {
		background-color:#f8f8f8;
	}
	
	/* Blue */
	.section.blue {
/*		background: rgb(238,247,255);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,247,255,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,247,255,1)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,247,255,1) 100%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,247,255,1) 100%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,247,255,1) 100%);
		background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,247,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef7ff',GradientType=0 );
*/
		background-color:#eef7ff;
		border-bottom:1px solid #C0E2FF
	}
	
	/* Yellow */
	.section.yellow {
		background-color:#FFFFEC;
	}
	
	/* Red */
	.section.red {
/*		background-color:#FFF4F4;*/
		background-color:#FFFFEC;
	}

	.section.red li {
		background:url(../site_art/icons_arrows.png) no-repeat 0px -68px;
		color:#e31414;
	}
	
	.section.red .icon.small.link {
		background-position:-8px -462px;
	}
	
	/* Green */
	.section.green {
/*		background-color:#F7FBF7; */
		background-color:#FFFFEC;
	}
	
	.section.green li {
		background:url(../site_art/icons_arrows.png) no-repeat 0px -140px;
		color:#2FAC0F;
	}

	/* Information */
	.section.information {
/*		background-color:#F7FBF7; */
		background-color:#FFFFEC;
	}

	/* Loading */
	.section.loading {
		font-weight:bold;
	}

	.section.loading .section_content {
	/*	padding:6px 26px 6px 19px;*/
	}

/* /////////////////////////////////////////////////////////////////////
 CONTENT / REMARK
//////////////////////////////////////////////////////////////////////*/

.remark_label {
	color:#757575;
	background-color:#FFFFEC;
	border-color:#dedede;
	border-style:solid;
	border-width:1px;
	padding:6px;
	margin-bottom:12px;
	display:block;
}

.remark_label.red {
	color:#E31414;
}

.remark_information {
	color:#1279C3;
	background-color:#EEF7FF;
	border-color:#C0E2FF;
	border-style:solid;
	border-width:1px;
	padding:6px;
	margin-top:6px;
	margin-bottom:6px;
	display:block;
}

.remark_error {
	color:#FF0000;
	background-color:#FEF3F3;
	border-color:#FCC5C5;
	border-style:solid;
	border-width:1px;
	padding:6px;
	margin-top:6px;
	margin-bottom:6px;
	display:block;
}

/* /////////////////////////////////////////////////////////////////////
 CONTENT / TABLE
//////////////////////////////////////////////////////////////////////*/

.content_body_table_wrapper {
/*	margin-right:-1px;*/
/*	background-color:#fbfbfb;*/
}

.content_body_table {
	border-collapse:collapse;
	width:100%;
}

.content_body_table thead{
	height:32px;
	border-bottom:solid 1px #dadada;
	background: rgb(248,248,248);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(248,248,248,1) 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(80%,rgba(248,248,248,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,248,248,1) 80%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,248,248,1) 80%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,248,248,1) 80%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,248,248,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
}

.content_body_table thead th{
	color:#1279c3;
	height:28px;
	margin:0px;
	padding-left:19px;
	padding-right:26px;
	text-align:left;
	border-right:1px solid #cdcccc;
}

.content_body_table thead th .tablesorter-header-inner{
	color:#1279c3;
}

.content_body_table thead th:last-child {
	border:none;
}

.content_body_table thead th.noborder {
	border:none;
}

.content_body_table th.center, .content_body_table td.center {
	text-align:center;
}


.content_body_table thead th.header, .content_body_table thead th.sorting, .content_body_table thead th.tablesorter-headerUnSorted {
	background:url(../site_art/content_table_thead_spacer_sortactive.png) no-repeat right center;
	cursor:pointer;
	font-weight:bold;
}

.content_body_table thead th.headerSortUp, .content_body_table thead th.sorting_asc, .content_body_table thead th.tablesorter-headerAsc {
	background:url(../site_art/content_table_thead_sortdown.png) no-repeat right center;
	cursor:pointer;
}

.content_body_table thead th.headerSortDown, .content_body_table thead th.sorting_desc, .content_body_table thead th.tablesorter-headerDesc {
	background:url(../site_art/content_table_thead_sortup.png) no-repeat right center;
	cursor:pointer;
}
.content_body_table thead th.sorter-false {
	background-image:none;
	cursor:default;
}



.content_body_table tbody{
	background-color:#fff;
}

.content_body_table tbody tr{
/*	background-color:#fbfbfb;
/*	background-color:#f8fcff;*/
	border-bottom:none;
	margin:0px;
	padding:0px;
}

.content_body_table tbody tr.odd{
/*	background-color:#FFF;*/
}

.content_body_table tbody tr:hover, .content_body_table tbody tr.odd:hover{
	background-color:#EEF7FF;
}


.content_body_table tbody td{
	padding-left:19px;
	padding-right:26px;
	padding-top:6px;
	padding-bottom:6px;
	margin:0px;
/*	vertical-align:top;*/
	border-right:1px solid #e4e4e4;
}

.content_body_table tbody td:last-child {
	border:none;
}

.content_body_table tbody td.noborder {
	border:none;
}


.content_body_table tbody td.detailLink {
	cursor:pointer;
}

.content_body_table tbody tr.detailLink:hover td,  .content_body_table tbody td.detailLink:hover{
	color:#1279c3;
	cursor:pointer;
}

.content_body_table tr.red, .content_body_table tr.red.odd, .content_body_table td.red, .content_body_table td.red.odd {
	background-color:#fdd1d1;
}

.content_body_table tr.red:hover, .content_body_table tr.red.odd:hover, .content_body_table td.red:hover, .content_body_table td.red.odd:hover {
	background-color:#f0c7c7;
}

.content_body_table tr.green, .content_body_table tr.green.odd, .content_body_table td.green, .content_body_table td.green.odd {
	background-color:#d1fdd4;
}

.content_body_table tr.green:hover, .content_body_table tr.green.odd:hover, .content_body_table td.green:hover, .content_body_table td.green.odd:hover {
	background-color:#c3efc6;
}

.dataTables_wrapper {
	overflow:hidden;
}

.dataTables_processing {
	display:none;
}

.dataTables_length {
	color:#0372C1;
}

.dataTables_length select {
	color:#0372C1;
	padding:2px;
}

.dataTables_paginate .paginate_button, .dataTables_paginate .paginate_active{
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: inline-block;
    padding: 2px 6px;
	margin-left:5px;
	color:#fff;
	cursor:pointer;
	border:1px solid #ccc;
	background-color:#319bdf;
	font-weight:bold;
}

.dataTables_paginate .paginate_active{
	color:#1279c3;
    background-color: #FFFFFF;
	font-weight:bold;
}

.dataTables_paginate .paginate_button.paginate_button_disabled{
	display:none;
}



.tableTotal {
	color:#1279c3;
	padding:6px;
	padding-right:24px;
	margin-bottom:16px;
	display:block;
	border-bottom:3px solid #C0E2FF;
	border-top: 1px solid #E4E4E4;
	font-weight:bold;
	background-color: #F8F8F8;
	text-align:right;
}

.tableTotal a {
	text-decoration:none;
}

.tableTotal a:hover {
	text-decoration:underline;
}

.tableTotal .tableTotalIcon {
	height:18px;
	width:18px;
	display:inline-block;
	margin-right:5px;
	float:left;
}

.tableTotal .tabelTotalValue {
	height:18px;
	display:inline-block;
	float:left;
}

.tableNoResult {
	font-weight:bold;
/*	padding:6px 26px 6px 19px;*/
	padding:18px;
	padding-bottom:20px;
	display:block;
}

.tableNavigation {
	padding:15px;
	padding-bottom:9px;
	overflow:hidden;
	border-top: 2px solid #C0E2FF;
}

.tableNavigation .left {
	float:left;
	width:33%;
}

.tableNavigation .center {
	text-align:center;
	color:#888888;
	padding-top:5px;
	vertical-align:middle;
	display:table-cell;
	width:33%;
	float:left;
}

.tableNavigation .center .dataTables_info {
	color:#888888;
}

.tableNavigation .right {
	float:right;
	width:33%;
	text-align:right;
}

/* /////////////////////////////////////////////////////////////////////
 CONTENT / FORM
//////////////////////////////////////////////////////////////////////*/

.wtForm {
	margin:0px;
/*	min-height: 100%;*/
	height: auto !important;
	height: 100%;

}

.wtForm.sidemenu {
	margin-right:270px;
}

.wtForm label, .wtForm .label {
    color: #1279C3;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 4px;
	margin-right:10px;
	cursor: pointer;
}

.wtForm label.light, .wtForm .label.light {
	font-size:12px;
	color:#565656;
	font-weight:normal;
}

.wtForm select, .wtForm input, .wtForm textarea {
	display:inline-block;
/*  font-family: Corbel,"Trebuchet MS",Geneva,sans-serif;*/
	font-family: 'Segoe UI',Helvetica, Arial, Verdana;

}

.wtForm input[type=text], .wtForm input[type=password], .wtForm input[type=number], select, textarea {
	border: 1px solid #a1d0ee;
	border-radius: 4px;
    display: inline-block;
	font-family: 'Segoe UI',Helvetica, Arial, Verdana;
	font-size:1em;
	margin: 4px 0;
    padding: 5px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wtForm .wt_hour_input, .wtForm .wt_minute_input {
	width:40px;
}

.wtForm input[type=text]:focus, .wtForm input[type=password]:focus, select:focus, textarea:focus {
	/*	border:1px solid #B7B5B7; */
	border: 1px solid #64aadc;
}

/* Grey version */
.wtForm input[type=text].grey, .wtForm input[type=password].grey, select.grey, textarea.grey {
	border-color:#DDD; 
	color:#4B4B4B;
}


/* /////////////////////////////////////////////////////////////////////
 CONTENT / FORM / PLACEHOLDER
//////////////////////////////////////////////////////////////////////*/

.placeholder {
/*	border:1px solid #d2d0d2;
	border-radius: 4px 4px 4px 4px;
	display: block;
	font-family: 'Segoe UI',Helvetica,Arial,Verdana;
	font-size: 12px;
	padding: 8px;
*/
}
.placeholder:focus,
.placeholder:active {
/*	border:1px solid #35C411;
	-moz-box-shadow:0 0 3px #35C411, 0 0 1px rgba(0,0,0,0.25) inset;
	-webkit-box-shadow:0 0 3px #35C411, 0 0 1px rgba(0,0,0,0.25) inset;
	box-shadow:0 0 3px #35C411, 0 0 1px rgba(0,0,0,0.25) inset;
*/
}

.placeholder.pllabel,
.placeholder.pllabel:focus,
.placeholder.pllabel:active{
	border:none;
	color:#888;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	text-shadow:none;
}

*.unselectable {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}


/* /////////////////////////////////////////////////////////////////////
 NICE RADIO + CHECKBOX
//////////////////////////////////////////////////////////////////////*/

/* checkbox */
.checkbox {
	width: 21px;
	height: 20px;
	margin-right:5px;
	background: url(../site_art/control_checkbox.png) no-repeat;
	display: inline-block;
	vertical-align:middle;
}

.checkbox.checked {	background-position:0px -40px; }
.checkbox.downunchecked { background-position:0px -20px; }
.checkbox.downchecked { background-position:0px -60px; }
.checkbox.disabled { background-position:0px -80px; }
.checkbox.checked.disabled { background-position:0px -100px; }

.checkbox.large {
	width: 40px;
	height: 40px;
	padding: 0 10px 0 0;
	margin-bottom:5px;
	background: url(../site_art/control_checkbox_large.png) no-repeat;
	display: inline-block;
	vertical-align:middle;
}

.checkbox.large.checked { background-position:0px -80px; }
.checkbox.large.downunchecked {	background-position:0px -40px; }
.checkbox.large.downchecked { background-position:0px -120px; }
.checkbox.large.disabled { background-position:0px -160px; }
.checkbox.large.checked.disabled { background-position:0px -200px; }
/* radio-buttons */
.radio {
	width: 21px;
	height: 20px;
	margin-right:5px;
	background: url(../site_art/control_radio.png) no-repeat;
	display: inline-block;
	vertical-align:middle;
}

.radio.checked {	background-position:0px -40px; }
.radio.downunchecked { background-position:0px -20px; }
.radio.downchecked { background-position:0px -60px; }
.radio.disabled { background-position:0px -80px; }

/* /////////////////////////////////////////////////////////////////////
 CONTENT / FORM / SLIDER
//////////////////////////////////////////////////////////////////////*/

#slider {
	height:24px;
	background-color:#F9F9F9;
	text-align: left;
	background: url(../site_art/control_slider.png) repeat-x;
	padding-right:21px;
}

#slider .ui-slider-handle {
	position: relative;
	width: 21px;
	height: 24px;
	display:block;
	z-index: 2;
	background: url(../site_art/control_slider.png) repeat-x 0 -24px;
}

#slider .ui-slider-handle.ui-state-hover, .ui-slider-handle.ui-state-active {
	background: url(../site_art/control_slider.png) repeat-x 0 -48px;
}

/* /////////////////////////////////////////////////////////////////////
 CONTENT / DATEPICKER
//////////////////////////////////////////////////////////////////////*/

.datepickerWidget {
	border:solid 1px #D0D0D0;
	background-color:#FFFFFF;
	padding:2px 6px;
	display:inline-block;
	border-radius: 4px;
    line-height: 24px;
	color:#000;
	cursor:pointer;
}

.datepickerWidget .lbl_period {
	color:#5C5C5C;
	font-weight:bold;
}

.datepicker {
	position: relative;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
	z-index:50000;
}
.datepicker .container {
	background: #fff;
	top: 5px;
	left: 5px;
	padding:10px;
	border:#dadada solid 1px;
	box-shadow:1px 1px rgba(0, 0, 0, 0.25);
	display:block;
	overflow:hidden;
}

.datepicker .datepanel_wrapper {
   padding:15px;
   padding-top: 3px;
   margin-left:17px;
   float:left;
   border-left:solid 1px #e8e8e8;
   height:120px;
   width:170px;
}

.datepanel_wrapper .panel_title {
	color:#1279C3;
	font-weight:bold;
	margin-bottom: 5px;
}

.datepanel_wrapper .panel_diff {
	width:50%;
	float:left;
}

.datepanel_wrapper .panel_periods {
	width:50%;
	float:left;
}

.datepanel_wrapper .dateinput {
	width:100%;
}

.datepanel_wrapper #btn_unlimited {
	float:right;
}

.datepicker .container .datepanel_wrapper .diff{
	display:block;
	float:left;
	color:#1279C3;
	line-height:23px;
}

.datepicker .container .datepanel_wrapper .preset{
	display:block;
	width:100%;
	float:left;
	color:#1279C3;
	line-height:23px;
}

.datepicker .container .datepanel_wrapper .preset:hover{
	display:block;
	float:left;
	color:inherit;
}

.datepicker .datepanel_wrapper input[type=text].error {
	border:solid 1px #f00;
}

.datepicker .container table {
	border-collapse:collapse;
	float:left;
}
.datepicker .container a {
	color: #565656;
	text-decoration: none;
	cursor: default;
	outline: none;
}
.datepicker .container table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
.datepicker .container th {
	text-align: center;
	color: #000;
	font-weight: normal;
}
.datepicker .container tbody th {
	text-align: left;
}
.datepicker .container tbody a {
	display: block;
}
.tbl_days a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.tbl_years a,
.tbl_months a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
.datepicker .container td.notinmonth a {
/*	color: #136A9F;*/
	color: #A8A8A8;
}
.datepicker .container td.notinmonth a:hover {
	color: #136A9F;
}

.datepicker .container td.saturday, .datepicker .container td.sunday {
	background-color: rgba(0, 0, 0, 0.06);
}



.datepicker .tbl_days td.selected{
	background: #239CE4;
}

.datepicker .tbl_days td.selected a{
	color: #fff;
}

.datepicker .tbl_days td.notinmonth.selected {
	background: #71C0F0;
}

.tbl_years td.selected,
.tbl_months td.selected{
	background: #17384d;
}
.datepicker a:hover,
.datepicker a:hover {
	color: #000;
}
.datepicker .container td.notinmonth a:hover {
	color: #999;
}
.datepicker .container tbody th {
	text-align: left;
}
.datepicker .container .spacer div {
	width: 20px;
}
.datepicker .container .gonext a,
.datepicker .container .goprev a,
.datepicker .container .lbl_mode_month a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepicker .container .gonext a {
	float: right;
	width: 20px;
}
.datepicker .container .goprev a {
	float: left;
	width: 20px;
}
.datepicker table.mode_days tbody.tbl_months,
.datepicker table.mode_days tbody.tbl_years {
	display: none;
}
.datepicker table.mode_months tbody.tbl_days,
.datepicker table.mode_months tbody.tbl_years,
.datepicker .container table.mode_months tr.tbl_dayofweek {
	display: none;
}
.datepicker table.mode_years tbody.tbl_days,
.datepicker table.mode_years tbody.tbl_months,
.datepicker table.mode_years tr.tbl_dayofweek {
	display: none;
}
.datepicker .container td.disabled a,
.datepicker .container td.disabled.notinmonth a{
	color: #333;
}
.datepicker .container td.disabled a:hover {
	color: #333;
}

/* /////////////////////////////////////////////////////////////////////
 CONTENT / TABS
//////////////////////////////////////////////////////////////////////*/

ul.tabs {
	padding:0px;
	margin:0px;
	margin-top:0px;
    list-style: none;
	overflow:hidden;
}

ul.tabs li {
	padding:0px;
    float: left;
	display: inline-block; /* For ignore double margin in IE6 */
    margin-right:6px;
	width:100%;
	position:relative;
	background-image:none;
}

ul.tabs li {
	text-decoration: none;
	float:left;
	cursor: pointer;
	display: block;
	font-weight: bold;
	height: 30px;
	width:inherit;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
	border-radius: 4px;
    border: 1px solid #DADADA;
    background-color: #f1f1f1;
    color: #0372C1;
	text-shadow:0 1px 0 rgba(255, 255, 255, 1);
}

ul.tabs li:hover, ul.tabs li.active {
	text-decoration:none;
    border: 1px solid #DADADA;
    background-color: #FFFFFF;
    color: #0372C1;
}

ul.tabs li a, ul.tabs li a:hover {
	text-decoration:none;
    color: #0372C1;
}

.tab_panel {
	display:none;
}

.tabs_wrapper.horizontal {
	padding-top:5px;
	padding-left:12px;
	padding-right:12px;
	border-bottom:solid 1px #dadada;
	display:block;
}

.tabs_wrapper.horizontal .tabs li {
	border-bottom: none;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}


/* /////////////////////////////////////////////////////////////////////
 CONTENT / PANEL
//////////////////////////////////////////////////////////////////////*/

.panel {
	padding:18px;
	padding-top:20px;
	border-bottom:solid 1px #e8e8e8;
	display:block;
}

.panel .panel_content {
	display:block;
	overflow:hidden;
}

.panel .title {
	color:#0372C1;
	display:block;
	font-weight:bold;
	padding-bottom:6px;
}

.panel a {
	color:#0372C1;
	text-decoration:none;
}

.panel a:hover {
	color:#0372C1;
	font-weight:bold;
	text-decoration:underline;
}

.panel ul {
	padding:0; 
	margin:0;
	margin-left:10px;
	margin-top:10px;
	list-style-type:none;
}
.panel li {
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 24px;
	padding-bottom:4px;
	margin-top:3px;
}

/*////////////////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////////
 CONTENT / BUTTON
//////////////////////////////////////////////////////////////////////*/

.tableNavigation a{
}

.tableNavigation a:hover{
	font-weight:bold;
}

/* Default button */
.button {
	display:inline-block;
	line-height:26px;
	padding:2px;
	padding-left:12px;
	padding-right:12px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:12px;
/*	border:1px solid #ccc;
*/
	color:#fff;
	background:url("/core/site_art/slickmap/black-highlight.png") repeat-x scroll left top #1279c3;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
}
.button a {
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	display:inline-block;
	color:#fff;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);
}

.button:hover {
	background-color:#1482d1;
	text-decoration:none;
}

.button:hover a{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}


/* Small */
.button.small {
	display:inline-block;
    line-height: 22px;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.button.small a {
	display:inline-block;
}

.button.small a:hover {
	text-decoration:none;
}

/* Small */
.button.large {
	display:inline-block;
	background-image:url("/core/site_art/slickmap/black-highlight-large.png");
	line-height: 34px;
	padding:2px;
	padding-left:20px;
	padding-right:20px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-right:1px solid #888888;
	border-bottom:1px solid #393939;
}

.button.large a {
	display:inline-block;
}

.button.large a:hover {
	text-decoration:none;
}

/* White */
.button.white, .button.white.small:hover {
	border:1px solid #D0D0D0;
	background-color:#fff;
	background-image:none;
}

.button.white:hover {
	background-color:#f8f8f8;
}

.button.white, .button.white a, .button.white:hover a {
	color:#1279c3;
	text-shadow:none;
}

/* Green */
.button.green,  .button.green.small:hover {
/*	border:1px solid #ccc;*/
	background-color:#35C411;
}

.button.green:hover {
	background-color:#37cc12/*30b110*/;
}

.button.green, .button.green a, .button.green:hover a {
	color:#fff;
}

/* Lightgreen */
.button.lightgreen, .button.lightgreen.small  {
	border:1px solid #ccc;
	background-color:#f1fdd1;
	background: #f1fdd1; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,253,209,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,253,209,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,253,209,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,253,209,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,253,209,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,253,209,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1fdd1',GradientType=0 ); /* IE6-9 */

}

.button.lightgreen:hover, .button.lightgreen.small:hover {

	background-color:rgba(216,233,169,1);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(216,233,169,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(216,233,169,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(216,233,169,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(216,233,169,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(216,233,169,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(216,233,169,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8e9a9',GradientType=0 ); /* IE6-9 */

/*	background-color:rgba(206,225,154,1);
/*	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(206,225,154,1) 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(206,225,154,1))); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(206,225,154,1) 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(206,225,154,1) 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(206,225,154,1) 100%); /* IE10+ */
/*	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(206,225,154,1) 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cee19a',GradientType=0 ); /* IE6-9 */

/*	background-color:rgba(236,255,184,1);
/*	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(236,255,184,1) 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(236,255,184,1))); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(236,255,184,1) 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(236,255,184,1) 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(236,255,184,1) 100%); /* IE10+ */
/*	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(236,255,184,1) 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecffb8',GradientType=0 ); /* IE6-9 */

}

/*.button.lightgreen,  .button.lightgreen.small:hover {
	border:1px solid #dadada;
	background-color:#f1fdd1;
}

.button.lightgreen:hover {
	background-color:#ecffb8;
}

*/

.button.lightgreen, .button.lightgreen a, .button.lightgreen:hover a {
	color:#1279c3;
	text-shadow:none;
}

/* Red */
.button.red,  .button.red.small:hover {
/*	border:1px solid #ccc;*/
	background-color:#E31414;
}

.button.red:hover {
	background-color:#ed1515;
}

.button.red, .button.red a, .button.red:hover a {
	color:#fff;
}

/* Grey */
.button.grey, .button.grey.small  {
	border:1px solid #ccc;
	background-color:#f9f9f9;
	background: #f6f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */

}

.button.grey:hover, .button.grey.small:hover {
	background-color:rgba(240,240,240,1);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(210,210,210,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(210,210,210,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(210,210,210,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(210,210,210,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(210,210,210,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(210,210,210,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */

}

.button.grey, .button.grey a, .button.grey:hover a {
	color:#1279c3;
	text-shadow:none;
}

/* Transparent */
.button.transparent, .button.transparent a, .button.transparent:hover a {
	border:none;
	background:none;
	color:#565656;
	font-weight:normal;
	text-align:left;
	text-shadow:none;
}

.button.transparent:hover a {
	color:#1279c3;
}





/* /////////////////////////////////////////////////////////////////////
 CONTENT / DYNAMIC SUGGESTIONBOX
//////////////////////////////////////////////////////////////////////*/

.suggestbox_wrapper {
	background: url("/core/site_art/icons_suggestbox_search.png") no-repeat scroll right 10px center #FFF;
	border: 1px solid #CCCCCC;
	border: 1px solid #a1d0ee;
	padding: 1px 6px;
	border-radius: 4px 4px 4px 4px;
	font-size: 12px;
	display:inline-block;
}

.suggestbox_wrapper.combo {
	background:none;
	background-color: #FFF;
}


.suggestbox_wrapper input[type="text"], .suggestbox_wrapper input[type="text"]:focus, .suggestbox_wrapper select, .suggestbox_wrapper select:focus {
	padding:0px;
	border:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	display:inline-block;
	width: 100%;
	margin-top:2px;
	padding-top:1px;
	padding-left:5px;
	background:none;
	background-color:none;
}

.suggestbox_wrapper input[type="text"], .suggestbox_wrapper input[type="text"]:focus {
	/*width:98%;*/
}

/*.suggestbox_wrapper table {
	display:block;
}

.suggestbox_wrapper table td, .suggestbox_wrapper table tr, .suggestbox_wrapper table tbody {
	display:block;
}
*/

.suggestbox_wrapper table th {
	text-align:left;
	font-weight:normal;
	padding-right:20px;
}

.suggestbox-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _margin:0; }
.suggestbox { border:1px solid #CCC; border-top-color:#e4e4e4; background:#FFF;	cursor:default;	text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */	_height:350px; 	_margin:0; 	_overflow-x:hidden; }
.suggestbox .selected { font-weight:bold; background-color:#EEF7FF; }
.suggestbox .selected strong { font-weight:bold;}
.suggestbox div { color:#434242; padding:0px 18px; white-space:nowrap; cursor:pointer; line-height:30px; }
.suggestbox div.subheader { 
	color:#1279C3; 
	padding: 0px 18px;
	white-space:nowrap;
	cursor:default;
    position: absolute;
    right: 0;
    top: -6px;
	font-weight:bold;
	text-transform:capitalize;
}

.suggestbox .submenu_wrapper { 
	padding: 0px 10px;
	white-space:nowrap;
	cursor:default;
    position: absolute;
    right: 0;
    top: -6px;
	font-weight:bold;
}

.suggestbox .submenu { 
	white-space:nowrap;
	cursor:pointer;
	display:block;
}

.suggestbox .submenu a { 
	margin-left:10px;
}

.suggestbox strong { font-weight:normal; color:#1279C3; }

/* Suggesbox icon */
#sbx_icon {
 margin-top:2px;	
}

/* /////////////////////////////////////////////////////////////////////
 COLORPICKER
//////////////////////////////////////////////////////////////////////*/

div.colorPicker-picker {
  height: 20px;
  width: 20px;
  padding: 0 !important;
  border: 1px solid #999;
  border-radius:4px;
  background: url(../site_art/colorpicker_arrow.gif) no-repeat bottom right;
  cursor: pointer;
  font-size:14px;
  line-height: 17px;
  text-align: center;
  color:#B3B3B3;
}

div.colorPicker-palette {
  width: 162px;
  position: absolute;
  border: 1px solid #C2C2C2;
  background-color: #f9f9f9;
  padding: 2px;
  z-index: 9999;
}
  div.colorPicker_hexWrap {width: 100%; float:left }
  div.colorPicker_hexWrap label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div.colorPicker_hexWrap input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; border-radius:2px; }

div.colorPicker-swatch {
  height: 22px;
  width: 22px;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 20px;
  font-size:17px;
  color:#ccc;
  text-align:center;
}

div.colorPicker-swatch:hover {
	border-color:#006;
}