/* header */
body.dashboard header .branding {
	padding: 40px 0 0;
}
	body.dashboard header .branding a {
		display: none;
	}
	body.dashboard header .branding .container_12 {
		width: 960px;
		margin: 0 auto;
	}
		body.dashboard header .branding .container_12 > div {
			width: 298px;
			height: 96px;
			border: 1px solid #d5d5d5;
			border-bottom: 0;
			-moz-border-radius: 7px 7px 0 0;
			-webkit-border-radius: 7px 7px 0 0;
			border-radius: 7px 7px 0 0;
			background: url(../images/dashboard_column_bg.png) left bottom no-repeat #fefefe;
			float: left;
			margin: 0 10px;
		}
			body.dashboard header .branding .container_12  .prisma a {
				background: url(../images/prisma_logo.png) center 19px no-repeat transparent;
				display: block;
				width: 100%;
				height: 100%;
			}			
			body.dashboard header .branding .container_12  .aesop a {
				background: url(../images/aesop_logo.png) center 30px no-repeat transparent;
				display: block;
				width: 100%;
				height: 100%;
			}
			body.dashboard header .branding .container_12  .veritime a {
				background: url(../images/veritime_logo.png) center 34px no-repeat transparent;
				display: block;
				width: 100%;
				height: 100%;
			}

/* header - branded */
body.dashboard.branded header div.top-section {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

body.dashboard.branded header .branding .container_12 {
	padding-top: 144px;
}

body.dashboard.branded header .branding {
	height: 241px;
	padding: 0;
}
	body.dashboard.branded header .branding .container_12 > div {
		display: block;
		float: left;
	}



/* main */	
body.dashboard .main-content {
	margin-top: 0;
}
	body.dashboard .main-content .container_12 {
		width: 960px;
		margin: 0 auto;
	}
		body.dashboard .main-content .container_12 > div {
			float: left;
			width: 300px;
			min-height: 635px;
			margin: 0 10px;
			border-top: 1px solid #e4e4e4;
			background: #c8c8c8; /* Old browsers */
			background: -webkit-linear-gradient(top, #c8c8c8 0%, #F4F3EF 80%);
			background: -moz-linear-gradient(top, #c8c8c8 0%, #F4F3EF 80%);
			background: -o-linear-gradient(top, #c8c8c8 0%, #F4F3EF 80%);
			background: -ms-linear-gradient(top, #c8c8c8 0%, #F4F3EF 100%);		
			background: linear-gradient(top, #c8c8c8 0%, #F4F3EF 80%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#F4F3EF',GradientType=0 );
		}
	
/* notifications */
.dashboard  .widget.notifications {
	margin: 0 1px;
	width: 298px;
	background: #2b2b2b; /* Old browsers */
	background: -webkit-linear-gradient(top, #2b2b2b 0%,#3a3a3a 33%,#3a3a3a 66%,#2b2b2b 100%);
	background: -moz-linear-gradient(top, #2b2b2b, #3a3a3a 33%,#3a3a3a 66%,#2b2b2b 100%);
	background: -o-linear-gradient(top, #2b2b2b 0%, #3a3a3a 33%,#3a3a3a 66%,#2b2b2b 100%);
	background: -ms-linear-gradient(top, #2b2b2b 0%, #3a3a3a 33%,#3a3a3a 66%,#2b2b2b 100%);
	background: linear-gradient(top, #2b2b2b 0%,#3a3a3a 33%,#3a3a3a 66%,#2b2b2b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#002b2b2b',GradientType=0 );
}
	.dashboard  .widget.notifications h2 {
		padding: 0 30px;
		border-bottom: 1px solid #4e4e4e;
		color: #f4f4f2;
	}
	.dashboard  .widget.notifications ul.action {
		right: 20px;
	}
	.dashboard  .widget.notifications ul.data {
		padding: 20px;
	}
		.dashboard  .widget.notifications ul.data li {
			margin-bottom: 10px;
		}
		.dashboard  .widget.notifications ul.data li:last-child {
			margin-bottom: 0;
		}
			.dashboard .widget.notifications ul.data li span {
				display: inline-block;
				color: #fff;
				padding: 0 7px;
				line-height: 19px;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 12px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
			}
			.dashboard .widget.notifications ul.data li span.red {
				background: #880e1a;
			}
			.dashboard .widget.notifications ul.data li span.green {
				background: #1f6c41;
			}
			.dashboard .widget.notifications ul.data li a {
				padding-left: 5px;
				color: #fff;
				text-decoration: underline;
			}	

/* widget with blue title */
.dashboard .widget.list h2 {
	border-bottom: 1px solid #ccc;
	background: #e9edf0;
}
.dashboard .widget.list ol {
	padding: 15px 15px 30px;
}
	.dashboard .widget.list ol li {
		line-height: 22px;
	}
		.dashboard .widget.list ol li span {
			color: #636363;
			font-weight: bold;
		}
		.dashboard .widget.list ol li a {
			color: #636363;
			text-decoration: underline;
		}

/* absentee rate widget */ 
.dashboard .widget.absentee-rate > div {
	padding: 0 10px 15px 20px;
}
	.dashboard .widget.absentee-rate > div > div {
		float: left;
	}
.dashboard .widget.absentee-rate img {
	float: right;
}
.dashboard .widget.absentee-rate span:nth-child(2) {
	margin-bottom: 10px;
}
.dashboard .widget.absentee-rate .label {
	display: block;
	color: #636363;
	font-size: 12px;
	line-height: 16px;
}
.dashboard .widget.absentee-rate .value {
	display: block;
	color: #3a3a3a;
	font-size: 24px;
	font-weight: bold;
}
.dashboard .widget.absentee-rate .value.green {
	color: #419639;
}

/* fill rate widget */
.dashboard .widget.fill-rate img {
	margin: 0 10px 10px 7px;
}
/* current overtime hours widget */
.dashboard .widget.current-overtime-hours img {
	margin: 0 10px 20px 15px;
}
/* time sheet status widget */
.dashboard .widget.time-sheet-status img {
	margin: -7px 10px 10px 13px;
}

/* absence totals widget */
.dashboard .widget.absence-totals> div {
	padding: 0 20px 10px 20px;
}
	.dashboard .widget.absence-totals > div > div {
		float: left;
	}
	.dashboard .widget.absence-totals > div > div:last-child {
		float: right;
	}
	.dashboard .widget.absence-totals > div > div:last-child .label {
		width: 120px;
		text-align: center;
	}
.dashboard .widget.absence-totals span:nth-child(2) {
	margin-bottom: 20px;
}
.dashboard .widget.absence-totals .label {
	display: block;
	color: #636363;
	font-size: 12px;
	line-height: 16px;
}
.dashboard .widget.absence-totals .value {
	display: block;
	color: #3a3a3a;
	font-size: 24px;
	font-weight: bold;
}
.dashboard .widget.absence-totals .value.blue {
	color: #003876;
}
.dashboard .widget.absence-totals a {
	margin-top: 5px;
	display: block;
	width: 118px;
	text-align: center;
	line-height: 27px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #c7c7c7;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-decoration: none;
	background: #ffffff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
        background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
        background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
        background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
        background: linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
}

/* my absences widget */
.dashboard .widget.my-absences img {
	margin: 0 15px 10px;
}

/* clock in widget */
.dashboard .widget.clock-in {
	border: 1px solid #000;
	background: #003876;
	width:278px;
	padding-top: 65px;
}
	.dashboard .widget.clock-in h2 span{
		display: inline-block;
		width: 88px;
		position: absolute;
		top: -15px;
		line-height: 82px;
		color: #333;
		font-size: 69px;
		font-weight: bold;
		text-align: center;
		z-index: 2;
	}
		.dashboard .widget.clock-in h2 span i {
			position: absolute;
			left: 0;
			display: block;
			width: 86px;
			height: 38px;
			border: 1px solid #e3e3e3;
			z-index: -1;
		}
		.dashboard .widget.clock-in h2 span i:first-child {
			top: 0;
			background: #ffffff;
                        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                        background: -moz-linear-gradient(top,  #ffffff 0%, #fbfbfb 100%);
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fbfbfb));
                        background: -webkit-linear-gradient(top,  #ffffff 0%,#fbfbfb 100%);
                        background: -o-linear-gradient(top,  #ffffff 0%,#fbfbfb 100%);
                        background: -ms-linear-gradient(top,  #ffffff 0%,#fbfbfb 100%);
                        background: linear-gradient(top,  #ffffff 0%,#fbfbfb 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 );
		}
		.dashboard .widget.clock-in h2 span i:last-child {
			top: 41px;
			background: #fbfbfb;
                        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                        background: -moz-linear-gradient(top,  #fbfbfb 0%, #f7f7f7 100%);
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f7f7f7));
                        background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f7f7f7 100%);
                        background: -o-linear-gradient(top,  #fbfbfb 0%,#f7f7f7 100%);
                        background: -ms-linear-gradient(top,  #fbfbfb 0%,#f7f7f7 100%);
                        background: linear-gradient(top,  #fbfbfb 0%,#f7f7f7 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f7f7f7',GradientType=0 );
		}
	.dashboard .widget.clock-in h2 .hours {
		left: 46px;
	}
	.dashboard .widget.clock-in h2 .minutes {
		right: 46px;
	}
.dashboard .widget.clock-in fieldset {
	margin: 20px 10px 15px;
}
	.dashboard .widget.clock-in fieldset div.select {
		margin-bottom: 10px;
	}
		.dashboard .widget.clock-in fieldset div.select > a {
			width: 256px;
		}
			.dashboard .widget.clock-in fieldset div.select > a em{
				padding: 0 47px 0 10px;
				color: #333;
				font-size: 18px;
				white-space: nowrap;
				width: 161px;
				display: block;
				overflow: hidden;
			}
		.dashboard .widget.clock-in fieldset div.select ul {
			width: 256px;
		}
	.dashboard .widget.clock-in fieldset input[type=submit] {
		width: 258px;
		margin: 0;
		padding: 0;
		line-height: 38px;
		height: 38px;
		font-weight: bold;
		font-size: 14px;
		color: #333;
		border: 1px solid #c7c7c7;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background: #ffffff;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
                background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
                background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
                background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
                background: linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );

	}

