@charset "utf-8";

body, html, div, img, center, input, label, form, ul, li, h1, h2, h3, p {
	margin: 0px;
	padding: 0px;
	border: none;
}

html {
	height:100%;
}

body {
	height: 100%;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	background-color: #fff;
	/*min-width: 1800px;*/
	min-width:1012px;
	/*float:left;*/
}


h2 .img {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	overflow: hidden;
	position: relative;
	margin-right: 7px;
	top: 6px;
}

h2.main_head {
	position: relative;
}

#main h2 span.mess {
	padding-left: 20px;
	color: #01982f;
	font-size: 20px;
}
#main h2 span.mess span {
	color: #CD0A0A;
}

input[readonly], textarea[readonly], select.readonly{
	background-color:#F0F0F0;
}

.ui-dialog-title {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}

.failureOnServerSidedValidation {
	font-size: 20px;
	color: #DD4B39;
	margin-bottom: 10px;
	margin-top: 10px;
}

input[type="radio"].big_radio {
	display: none;
}

input[type=radio].big_radio + span {
	display: inline-block;
	border: 1px solid #3693F4;
	border-radius: 50%;
	margin-top: 10px;
}
input[type=radio].big_radio:checked + span {
	background-color: #3693F4;
}
.radio_big_span {
	background-color: white;
	width: 1.7em;
	height: 1.7em;
}

#forgotPasswordLink {
	color: #288fc6;
	display: inline-block;
	float: right;
	margin-top: -15px;
	cursor: pointer;
}

#showNewPassword {
	color: #01982f;
}

#noNewPassword {
	color: #dd4b39
}

.m-top-10 {
	margin-top: 10px;
}

.m-top-20 {
	margin-top: 20px;
}

.excel-export-img {
	background: url("../images/import_xls.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.csv-export-img {
	background: url("../images/import_csv.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

.pdf-export-img {
	background: url("../images/import_pdf.png");
	display: inline-block;
	width: 16px;
	height: 16px;
}

div.item p, div.commentDiv p {
	margin-top:5px;
	margin-bottom: 5px;
}

:focus { outline: 0; }

.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cf {display: inline-block;}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */

.left {
	display: block;
	float: left;
	min-height: 10px;
	height: auto !important;
	height: 10px;
}
.right {
	display: block;
	float: left;
	min-height: 10px;
	height: auto !important;
	height: 10px;
}
#task_content {
	margin-left: 15px;
}
a, a:visited, a:active {
	color:  blue;
	text-decoration: none;
}
a:hover {
	color: #288fff;
	text-decoration: underline;
}
a.blue, a.blue:visited, a.blue:active, a.blue:hover {
	color: #1155CC !important;
	text-decoration: underline !important;
}
a.light_blue {
	color: #00b6ff;
}

#header{
	-moz-box-sizing: border-box;
	background: none repeat scroll 0 0 #444444;
	/*border-bottom: 1px solid #222222;*/
	color: #bbbbbb;
	height: 77px;
	min-width: 952px;
	/*    overflow: hidden;*/
	/*padding: 24px 44px;*/
	position: relative;
	width: auto !important;
}

#logobox {
	position: relative;
	float:left;
	/*	top: 15px;*/
	left: 14px;
	width: 500px;
}

#logo{
	/*	height: 42px;*/
	margin-right:8px;
	float: left;
}

#logoinfo {
	position: absolute;
	display: inline;
	bottom: 0px;
	font-size: 29px;
	color: #999999;
	/*	text-shadow: 1px 1px #EEEEEE, 1px 1px 3px #999999;*/
}

#logoinfo label.suite {
	font-weight: normal;
	font-size: 14px;
	display: block;
	margin-top: 5px;
	color: #AAAAAA;
}

#header #time_button_email_box {
	position:relative;
}

#header #time_button_box {
	float:left;
	position:relative;
	z-index:100;
	width: 130px;
}

#loginbox {
	float: right;
	position: relative;
	top: 14px;
	right: 38px;
}

#logininfo {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-align: right;
}

#logininfo #day {
	height: 30px;
	overflow: hidden;
	font-size: 12px;
	padding: 0 !important;
	text-align: right;
	width: 200px !important;
}

#logininfo a,
#logininfo a:visited {
	color: #bbbbbb;
	text-align: right;
	text-decoration:none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
}

#logininfo a:hover {
	color: #BB4B39;
}

#logininfo a.email {
	font-weight: bold;
}

#loginbox img {
	border: 1px solid #ACACAC;
	border-radius: 2px 2px 2px 2px;
	margin-left: 8px;
	width: 50px;
}

.top_navigation div.nav-left {
	float:left;
}

.top_navigation div.nav-right {
	float:right;
}

.top_navigation div.nav-left ul {
	margin-right: 0px;
}

.top_navigation div.nav-right ul {
	margin-left: 0px;
}

.top_navigation ul {
	float:left;
	overflow: hidden;
	margin: 0 34px 0 34px;
	padding: 0;
	border: 0 none;
	list-style-type: none;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.top_navigation ul li {
	display: inline;
	list-style-image: none;
	list-style-type: none;
	white-space: nowrap;
	float: left;
}

.top_navigation .nav-left ul li {
	margin: 0 18px 0 0;
}

.top_navigation .nav-right ul li {
	margin: 0 0 0 18px;
}

.top_navigation a, .top_navigation a:active, .top_navigation a:visited {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 39px;
	min-width: 20px;
	padding: 0px 4px;
}

#navigation_tools {
	height: 39px;
	font-size: 14px;
	line-height: 39px;
	background-color: #4E4E4E;
	width: 100%;
	position: relative;
	z-index: 1;
	top: 0px;
}

#navigation_tools a, #navigation_tools a:active, #navigation_tools a:visited {
	color: #FFFFFF;
}

#navigation_tools a:hover, #navigation_tools a.more_links:hover {
	/*text-shadow: -1px -1px 0px #000000;*/
	color: #bbbbbb;
	/*	background-color: #525252;*/
	/*background-image: -moz-linear-gradient(left, #444444 0%, #666666 40%, #666666 60%, #444444 100%);
	background-image: -webkit-linear-gradient(left, #444444 0%, #666666 40%, #666666 60%, #444444 100%);*/
	/*	background-image: -ms-linear-gradient(left, #444444 0%, #666666 40%, #666666 60%, #444444 100%);*/
	/*	background-image: -o-linear-gradient(left, #444444 0%, #666666 40%, #666666 60%, #444444 100%);*/
}
#navigation_tools ul li a.top_active {
	font-weight: bold;
	color: #fff;
	background: url("../images/menu_active.png") no-repeat scroll center 33px transparent;
}

#navigation_tools a.edit_usersettings {
	float: right;
	text-align: right;
	background: url("../images/edit_wheel.png") left top no-repeat;
	width: 34px !important;
	height: 30px;
	text-indent: 9999px;
	overflow: hidden;
	padding: 0px !important;
}
#navigation_tools a.edit_usersettings:hover {
	background: url("../images/edit_wheel.png") left -30px no-repeat;
}

#navigation {
	height: 38px;
	font-size: 14px;
	line-height: 35px;
	background-color: #ffffff;
	width: 100%;
	position: relative;
	z-index: 1;
	top: 0px;
	border-bottom: 1px solid #EBEBEB;
}
#navigation a, #navigation a:active, #navigation a:visited {
	color: #444444;
	text-decoration: none;
	display: block;
	height: 38px;
	min-width: 20px;
	width: 20px;
	width: auto !important;
	padding: 0px 4px;
	float: left;
}
#navigation a:hover {
	color: #444444;
	text-decoration: none;
	border-bottom: 1px solid #4c4c4c;
}
#navigation a.on, #navigation a.on:active, #navigation a.on:visited {
	font-weight: bold;
	border-bottom: 1px solid #dd4b39;
	color: #444444;
}
#navigation a.edit_usersettings {
	float: right;
	text-align: right;
	background: url("../images/edit_wheel.png") left top no-repeat;
	width: 34px !important;
	height: 30px;
	text-indent: 9999px;
	overflow: hidden;
	padding: 0px !important;
}
#navigation a.edit_usersettings:hover {
	background: url("../images/edit_wheel.png") left -30px no-repeat;
}

#content {
	/*	margin-top: 32px;*/
	min-height: 600px;
}

#subnavigation {
	display: block;
	position: absolute;
	min-height: 400px;
	height: 400px;
	height: auto !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#subnavigation ul li a, #subnavigation ul li a:active, #subnavigation ul li a:visited {
	color: #222;
	display: block;
	-o-transition:color .7s;
	-ms-transition:color .7s;
	-moz-transition:color .7s;
	-webkit-transition:color .7s;
}
#subnavigation ul li.on a, #subnavigation ul li.on a:active, #subnavigation ul li.on a:visited {
	color: #444444;
	font-weight: bold;
}
#subnavigation ul li a:hover, #subnavigation ul li a.on:hover {
	text-decoration: none;
	color: #dd4b39;
}
#subnavigation ul li a.mainitem, #subnavigation ul li a.mainitem:active, #subnavigation ul li a.mainitem:visited {
	background: url("../images/subnavigation_mainitem.png") no-repeat;
}
#subnavigation ul li.open a.mainitem {
	background: url("../images/subnavigation_mainitem.png") no-repeat;
}
#subnavigation ul li {
	list-style-type: none;
	display: block;
}
#subnavigation ul li:hover {
	/*	background-color: #ebebeb;*/
}
#subnavigation ul.subitems {
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#main {
	/*	position: absolute;*/
	min-width: 950px;
	/*	width: 100%;*/
	/*width: auto !important;*/
	padding-left: 10px;
	/*	border-left: 1px solid #eeeeee;*/
	margin-left: 219px;
	margin-right: 295px;
}

#main h3 {
	border-bottom: 1px solid #EBEBEB;
	border-top: 0px solid #EBEBEB;
	color: #999999;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 10px;
}
#main h3 a, #main h3 a:hover {
	color: #999999;
	background: url("../images/subnavigation_mainitem.png") no-repeat scroll 0 0 transparent;
	background-position: 0px 5px;
	padding-left: 14px;
}
#main h3 a.on, #main h3 a.on:hover {
	background-position: 0px -22px;
}
.mainlist .item {
	border-bottom: 1px solid #ebebeb;
	line-height: 42px;
}
.mainlist .item:hover {
	/*background-color: #fff8f8;*/
}
.mainlist .header {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #555555;
	margin-top: 15px;
}
.mainlist .header:hover {
	background-color: transparent;
}
.mainlist .item a, .mainlist .item a:active, .mainlist .item a:visited {
	color: #222;
	text-decoration: none;
	/*    -o-transition:.5s;
        -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;*/
}
.mainlist .item a:hover {
	color: #dd4b39;
}

#headline {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 10px;
	margin-top: 0px;
	height: 34px;
	line-height: 30px;
}

#headline h1, #headline h2 {
	display:inline;
	color: #555555;
	font-size: 14px;
	font-weight: normal;
	padding: 17px 0px 17px 0px;
	border: none;
}
#headline .open {
	background: url("../images/subnavigation_mainitem.png") no-repeat scroll right 5px transparent;
	padding: 0 16px 0 0;
	margin-right: 8px;
}
#headline h1.open {
	color: #999999;
}
#headline h1.dashboard {
	margin-left: 12px;
}
#footer {
	position: relative;
	bottom: 0;
	width: 100%;
	background-color: #333333;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	line-height: 44px;
	font-size: 11px;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#footer ul li {
	display: inline;
}
#footer ul li a {
	text-decoration: none;
	padding: 0 5px;
	color: #aaaaaa;
}
#footer ul li a:hover {
	color: #ffffff;
}
#footer a.logo {
	background: url("../images/OneLogo_footer.png") no-repeat scroll top left transparent;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 28px;
	float:none;
}
#footer a.logo:hover {
	background: url("../images/OneLogo_footer.png") no-repeat scroll left -27px transparent;
}
#task_overview .item span.small, #time_overview .item span.small {
	font-size: 11px;
}
#task_overview .item span.middle, #time_overview .item span.middle {
	width: 350px;
	margin-right: 10px;
}
#task_overview .item span.middle a, #time_overview .item span.middle a {
	font-size: 13px;
}
#task_overview .item span.middle u, #time_overview .item span.middle u {
	text-decoration: none;
	font-size: 10px;
	color: #999999;
}
a.delete, a.cancel, .epi-delete {
	display: block;
	width: 20px;
	height: 20px;
	background: url("../images/delete_icon.png") left center no-repeat;
	text-indent: -9999px;
}
a.switch {
	display: block;
	width: 20px;
	height: 20px;
	background: url("../images/switch.png") left center no-repeat;
	text-indent: -9999px;
}

a.active:not(.DTTT_button) {
	display: block;
	width: 20px;
	background: url("../images/active_icon.png") left center no-repeat;
	text-indent: -9999px;
}
a.abort {
	background: url("../images/abort_action.png") no-repeat scroll left top transparent;
	display: block;
	float: right;
	text-indent: -9999px;
	width: 14px;
	margin-right: 15px;
	height: 14px;
}
#main .task a.abort {
	margin-right: 5px;
}
a.abort:hover {
	background: url("../images/abort_action.png") no-repeat scroll left -14px transparent;
}
a.new, .epi-add {
	background: url("../images/new_action.png") no-repeat scroll left top transparent;
	display: block;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	height: 14px;
	text-indent: -9999px;
	width: 14px;
	margin-right: 15px;
}
a.new:hover {
	background: url("../images/new_action.png") no-repeat scroll left -14px transparent;
}
a.more_select {
	background: url("../images/more_select.png") no-repeat scroll left top transparent;
	display: block;
	float: left;
	margin-top: 7px;
	margin-left: 10px;
	height: 21px;
	text-indent: -9999px;
	width: 21px;
	margin-right: 15px;
}
a.to_left, a.to_right {
	display: block;
	float: left;
	height: 35px;
	text-indent: -9999px;
	width: 45px;
	margin-bottom: 15px;
}
a.to_left {
	background: url("../images/to_left.png") no-repeat scroll left top transparent;
}
a.to_right {
	background: url("../images/to_right.png") no-repeat scroll left top transparent;
}
a.to_left:hover, a.to_right:hover {
	background-position: left -35px;
}
a.to_group {
	background: url("../images/group_icon.png") no-repeat scroll left top transparent;
	display: block;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	height: 15px;
	text-indent: -9999px;
	width: 15px;
	margin-right: 15px;
}
a.to_user {
	background: url("../images/user_icon.png") no-repeat scroll left top transparent;
	display: block;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	height: 15px;
	text-indent: -9999px;
	width: 15px;
	margin-right: 15px;
}
a.edit_icon {
	background: url("../images/edit_icon.png") no-repeat scroll left top transparent;
	display: block;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	height: 16px;
	text-indent: -9999px;
	width: 15px;
	margin-right: 5px;
}
.button {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #DD4B39;
	border-color: #B62222;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.button:hover {
	background-position: 0 -15px;
	text-decoration: none;
	background-color: #DB3A28;
}
.linkbutton {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.linkbutton.red {
	background-color: #DD4B39;
	border-color: #B62222;
}
.linkbutton.red:hover {
	background-position: 0 -15px;
	text-decoration: none;
	background-color: #DB3A28;
}
.linkbutton.orange {
	background-color: #dd8639;
	border-color: #b66422;
}
.linkbutton.orange:hover {
	background-position: 0 -15px;
	text-decoration: none;
	background-color: #da6e1e;
}
.linkbutton.green {
	background-color: #58b54e;
	border-color: #216d19;
}
.linkbutton.green:hover {
	background-position: 0 -15px;
	text-decoration: none;
	background-color: #38922e;
}
.accept {
	background: url("../images/accept_task.png") no-repeat scroll 15px 7px #2D2D2D;
	padding-left: 37px;
}
.grey {
	background-color: #2D2D2D;
}
.grey:hover {
	background-color: #666;
}

a.button, a.button:active, a.button:visited {
	display: block;
	color: #fff;
}
a.button:hover {
	color: #fff;
	text-decoration: none;
}
.lite, .lite_on {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #F5F5F5;
	border-color: #CCCCCC #CCCCCC #B3B3B3;
	/*border-image: none;*/
	border-style: solid;
	border-width: 1px;
	color: #333333 !important;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.lite:hover, .lite_on:hover {
	background-position: 0 -15px;
	color: #333333;
	text-decoration: none;
	background-color: #E6E6E6;
}

a.button:active, .lite:active, .lite_on:active {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
	outline: 0 none;
}

a.erstellen {
	width: 120px;
}
a.button_delete {
	width: 100px;
}
.colorred {
	color: #dd4b39 !important;
}
.filter, .filterbig {
	padding-bottom: 20px;
	padding-top: 10px;
	text-align: left;
}
.filter table.filter_table {

}
.filter table.filter_table tr.inactive {
	color: #999999;
}
.filter table.filter_table tr.active {
	color: #222222;
}
table.filter_table td {
	vertical-align: middle;
}
table.filter_table td.vtop {
	padding-top: 2px;
}
.filter input,
.filter input.selectautocomplete {
	font-size: 12px !important;
	line-height: 21px !important;
	width: 250px !important;
	height: 21px !important;
	padding: 2px !important;
	-moz-border-radius: 4px !important;
	-khtml-border-radius: 4px !important;
	border-radius: 4px !important;
}
.filter select {
	font-size: 11px !important;
	line-height: 13px !important;
	width: 260px !important;
	height: 24px !important;
	padding: 2px !important;
	-moz-border-radius: 4px !important;
	-khtml-border-radius: 4px !important;
	border-radius: 4px !important;
}
.filter table.filter_table tr.inactive input,
.filter table.filter_table tr.inactive input.selectautocomplete {
	border: #EBEBEB 1px solid !important;
	color: #999999;
}
.filter table.filter_table tr.inactive select {
	border: #EBEBEB 1px solid !important;
	color: #999999;
}
.filter table.filter_table tr.active input,
.filter table.filter_table tr.active input.selectautocomplete {
	border: #ebebeb 1px solid;
	color: #222;
}
.filter table.filter_table tr.active select {
	border: #ebebeb 1px solid !important;
	color: #222;
}
.filter input.radio, .filter table.filter_table tr.active input.radio, .filter table.filter_table tr.inactive input.radio, input.inline {
	width: 15px !important;
	margin-right: 10px !important;
	border: none !important;
}

.filter_table span {
	line-height: 27px;
}

#main .message span {
	color: #dd4b39;
}
#main form input, #main input.selectautocomplete, #main form select, #main form textarea {
	border: #ebebeb 1px solid;
	font-size: 12px;
	line-height: 18px;
}
#time_overview input {
	border: #ebebeb 1px solid;
	font-size: 12px;
	line-height: 12px;
	width: 85px;
}
#time_overview input.radio {
	width: auto;
	margin-right: 5px;
}
#main form textarea, #savemyday_form textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 13px;
	line-height: 16px;
	border: 1px solid #EBEBEB;
	border-radius: 8px 8px 8px 8px;
}
#main form textarea#body {
	height: 200px;
}
#main form textarea#comment, #main form textarea#reportingtext {
	height: 50px;
}
#main form textarea#description {
	height: 70px;
}
#main .task form label {
	width: 100px;
}
#main form#users_edit label,
#main form#my_profile label,
#main form#projects_edit label,
#main form#customers_edit label,
#main form#business_data_edit label
{
	width: 150px;
}
#main form#users_edit input, #main form#users_edit select,
#main form#my_profile input, #main form#my_profile select,
#main form#projects_edit input, #main form#projects_edit select,
#main form#customers_edit input, #main form#customers_edit select,
#main form#business_data_edit input, #main form#business_data_edit select,
#main form#configuration_edit input, #main form#configuration_edit input,
#main form#project_forecast_edit input, #main form#project_budget_edit input,
.form_column_wrapper, #main form#project_capabilities_edit input,
#main form#formForecastEdit input
{
	margin-right: 30px;
}
#main form input.radio,
#main .task form input.radio,
#main form#users_edit input.radio,
#main form#my_profile input.radio,
#main form#projects_edit input.radio,
#main form#customers_edit input.radio,
#main form#business_data_edit input.radio
{
	width: 15px;
	margin-right: 10px;
	border: none;
}
#main form label.full
{
	width: 250px;
}
#main form label.radio,
#main form#users_edit label.radio,
#main form#my_profile label.radio,
#main form#projects_edit label.radio,
#main form#customers_edit label.radio,
#main form#business_data_edit label.radio
{
	width: 50px;
}
#main .task form label.radio {
	width: 20px;
}
#main .task form label.info {
	width: 380px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 10px;
	padding-top: 0px;
}
#main .task form label.url_list {
	width: 380px;
	margin-bottom: 10px;
	padding-top: 0px;
	height: auto !important;
}
#main .task form label.url_list ol {
	padding: 0px;
	margin: 8px 0px 0px 30px;
}
#main .task form label.url_list ol li {
	padding-top: 3px;
}
#main .task form label.info strong {
	font-size: 14px;
}
#main form#groups_edit label.info {
	width: 620px;
	font-size: 11px;
}
#main .task .inline_radio_menu,
#main form#users_edit .inline_radio_menu
{
	padding-left: 5px;
	float: left;
	display: block;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	background-color: #fff;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

#main .task #projektlist {
	display: block;
	margin-right: 35px;
	min-width: 410px;
	width: auto !important;
	width: 410px;
}
#main .task .ui-widget-header,
#tasks_timeentry .ui-widget-header,
#tasks_edit .ui-widget-header
{
	background-color: #666 !important;
	background-image: none !important;
}
#main .task #slider_time,
#main .task #slider_effort,
#main .task #slider_kv {
	width: 355px;
	margin: 8px 0px 0px 0px;
	border: none;
}
#main .task select#timeneed,
#main .task select#effortneed,
#main .task select#kvneed {
	width: 76px;
	text-align: right;
}
#main .task select#timedo {
	width: 45px;
}
#main form .multiple select {
	height: 300px;
}
select option {
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
}
option:hover, option:focus {
	background: url(../images/option_bg.gif) left top repeat #666;
	color: #fff;
}

#main .task .ui-widget-content .ui-state-focus,
#main .task .ui-widget-content .ui-state-hover,
#tasks_timeentry .ui-widget-content .ui-state-focus,
#tasks_timeentry .ui-widget-content .ui-state-hover,
#tasks_edit .ui-widget-content .ui-state-focus,
#tasks_edit .ui-widget-content .ui-state-hover
{
	background-color: #666 !important;
	background-image: none !important;
	border-color: #2D2D2D !important;
}
#main .task .ui-slider-horizontal,
#tasks_timeentry .ui-slider-horizontal,
#tasks_edit .ui-slider-horizontal {
	height: 0.7em;
}
#main .filter {
	border-bottom: #ebebeb 1px solid;
	padding-bottom: 15px;
}
#main .task .left {
	width: 400px;
	background-color: #ebebeb;
	overflow: hidden;
	padding-left: 15px;
}
#main form#users_edit .rights {
	padding: 10px 15px;
	width: 900px;
	margin-top: 15px;
	margin-left: -13px;
	border: 1px solid #EBEBEB;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
body.login {
	background-color:#4E4E4E;
}
#main.dashboard{
	margin-left:0px;
}
#dashboard_items {
	padding-top: 15px;
}
#dashboard_items .item small {
	font-size: 10px;
	color: #999;
}
#dashboard_items .item_header {
	font-size: 14px;
	border-top: 1px solid #EBEBEB;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#dashboard_items .item_header span.middle {
	width: 200px;
	margin-right: 10px;
	display: block;
	float: left;
	min-height: 34px;
	height: 34px;
	height: auto !important;
}
#dashboard_items .item_header span.small {
	width: 130px;
	margin-right: 10px;
	display: block;
	float: left;
}
#dashboard_items .item_header span.middle u {
	text-decoration: none;
	font-size: 10px;
	color: #999999;
}
#dashboard_items .item_header:hover {
	background-color: #ffffd6;
}
#dashboard_items .item {
	display: inline-block;
	border-bottom: none;
}

.style1  {
	background: #fff;
}

.style2 {
	background: #f7f7f7;
}
.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus {

}
.ui-autocomplete a.ui-state-hover, .ui-autocomplete a.ui-state-focus {
	background-color: #CCC;
	border-color: #CCC;
	background-image: none !important;
}

.loginform {
	margin: 0 auto !important;
	float: none !important;
}

.loginform form {
	display: block;
	width: 340px;
	height: 180px;
	margin: 40px auto;
	color: #DDDDDD;
}
#loginSubmit {
	width: 260px;
	height: 40px;
}
#main form#login label {
	width: 80px;
}
#main form#login .item, #main form#requestForNewPasswordForm .item {
	padding-bottom: 25px;
}

#requestForNewPasswordButton {
	float: right;
	height: 40px;
	width: 260px;
}

.loginform .login_error, .loginform .request_password_info {
	text-align: center;
	display: block;
	width: 1000px;
	height: 25px;
	padding-bottom: 20px;
	margin: 0 auto -40px;
	color: #dd4b39;
	font-size: 20px;
	line-height: 35px;
}

.tooltip {
	display:none;
	background: url(../images/tooltip_hg.png) left top repeat;
	font-size:12px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	min-width: 10px;
	width: auto !important;
	width: 10px;
	padding:10px;
	color:#fff;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

.task div#time_for_bill_tasks {
	display: none;
}
#addFiles {
	position: relative;
}
#addFiles .loader, #addCommentFiles .loader {
	position: absolute;
	bottom: -235px;
	left: 150px;
	width: 30px;
	height: 30px;
	display: none;
}
#taskFiles {
	border-top: 1px solid #666666;
	margin-top: 20px !important;
	padding-top: 10px;
	margin-right: 30px;
}

#uploader {

}
#uploader_border {
	float: left;
	width: 200px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
}
#uploader_border .plupload_scroll .plupload_filelist {
	height: 160px;
}
#uploader_border li.plupload_droptext {
	line-height: 50px;
}
#uploader_border .plupload_container {
	padding: 0px 30px 0px 0px;
}
#uploader_border a#uploader_browse, #uploader_border a.plupload_start,  #uploader_border_comment #uploader_comment_browse{
	color: #42454A !important;
}
#taskFileList {
	border-top: 1px solid #666666;
	margin-top: 20px !important;
	padding-top: 10px;
	margin-right: 30px;
}
#taskFileList td {
	padding-bottom: 5px;
	padding-right: 25px;
}
#taskFileList span {
	font-size: 10px;
}

div.ui_dialog .ui-widget-header {
	background-color: #666 !important;
	background-image: none !important;
}

u.small_grey {
	color:#999999;
	font-size:10px;
	text-decoration:none;
	font-style: normal;
}

span select {
	border-radius: 8px 8px 8px 8px;
	float: left;
	height: 30px;
	padding: 4px;
	width: 330px;
	border: 1px solid #EBEBEB;
	font-size: 12px;
	line-height: 18px;
}

#time_overview .img_up {
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	display: block;
	float: left;
	height: 40px;
	margin-right: 5px;
	overflow: hidden;
	width: 40px;
}

button.button#filter_box_prev, button.button#filter_box_next {
	font-size: 13px !important;
	line-height: 20px;
}

.oneworld_start {
	text-align: center;
	display: block;
	height: 180px;
	margin: 60px auto;
	width: 100%;
	max-width: 1400px;
}

.oneworld_start .item {
	display: block;
	width: 14.2%;
	height: 160px;
	margin: 0 1%;
	padding:0 !important;
	text-align: center;
	border: none;
}

.oneworld_start .item .image {
	display: block;
	text-align: center;
	/*width: 120px;*/
	/*height: 140px;*/
}
.full{
	/*	line-height: 10px;*/
	/*    filter: Alpha(opacity=70);
        opacity: 0.7;
        moz-opacity: 0.7;*/
}
.timebar{
	display: block;
	height: 40px;
	line-height: 10px;
	position: relative;
	top: 12px;
}
#savemyday_form.item {
	line-height: 20px;
	margin-top: 20px;
}

.form_default {
	color:#cccccc;
	font-style:normal;
}
.form_normal {
	color:#000000;
	font-style:normal;
}

div#userpic {
	width: 150px;
	height: 150px;
	border: 1px solid #CCCCCC;
}

div#userpic img.userpic {
	width:150px;
}

div#userpic img.dummypic {
	width: 40px;
	position: relative;
	top: -20px;
	left: -20px;
	margin-left: 50%;
	margin-top: 50%;
}
.info-row h1 {
	margin-top:10px;
	border-top: none;
	padding: 0 0 17px 10px;
	margin-bottom:0px;
}

table.dataTable .info-row {
	cursor: auto;
}
table.dataTable .info-row td {
	border-top:none;
}

#mail_event {
	margin-bottom: 15px;
}

#ui-datepicker-div {
	/*	z-index: 100 !important;*/
	z-index: 9999 !important;
}

.html_base_style {
	border: 1px dotted #444444;
	padding: 4px;
	font-size: 14px;
}

.html_base_style > *  {
	margin:0;
	padding:0;
	border: 0 none;
	color: black;
}

.html_base_style a  {
	text-decoration: underline;
	color: blue;
}

.html_base_style h1 {
	font-size: 22px !important;
	font-weight: bold !important;
}

.html_base_style h2{
	font-size: 20px !important;
	font-weight: bold !important;
	padding-bottom: 0 !important;
}

.html_base_style h3{
	font-size: 18px !important;
	font-weight: bold !important;
}

.html_base_style li{
	margin-left: 20px;
}

.html_base_style p{
	margin-top: 4px;
	margin-bottom: 4px;
}

.html_description_headline {
	font-size: 11px;
	margin-top: 15px;
}

.user_systemactions {
	margin-bottom: 20px;
}


div.externalDialog label {
	color: #707070;
	display: block;
	float: left;
	height: 28px;
	margin-right: 20px;
	padding-top: 10px;
	width: 90px;
}

div.externalDialog {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

div.externalDialog select {
	border: 1px solid #EBEBEB;
	border-radius: 8px 8px 8px 8px;
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	height: 34px;
	line-height: 18px;
	margin-right: 20px;
	padding: 7px;
	text-align: left !important;
	width: 260px;
}

div.externalDialog textarea {
	border: 1px solid #EBEBEB;
	border-radius: 8px 8px 8px 8px;
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	height: 150px;
	max-width: 640px;
	min-width: 640px;
	padding: 4px;
	width: 640px;
}

div.externalDialog input {
	border: 1px solid #EBEBEB;
	border-radius: 8px 8px 8px 8px;
	display: block;
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	height: 25px;
	line-height: 18px;
	margin-right: 20px;
	padding: 4px;
	width: 250px;
}

div.externalDialog .mce-tinymce.mce-container.mce-panel {
	border: 1px solid #EBEBEB;
	float: left;
	width: 647px;
}

#addCommentDialog .mce-tinymce.mce-container.mce-panel {
	width: 1020px;
	margin-top: 20px;
}

div.externalDialog #supportDialogForm .mce-tinymce.mce-container.mce-panel {
	width: 536px;
}

div.externalDialog .mce-container.mce-panel.mce-stack-layout-item {
	border: 0 none !important;
}

#invalidSubmit {
	color: #dd4b39;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	margin-left: 10px;
	margin-top: 13px;
}

#supportDialogForm #uploader_border {
	width: 678px;
	padding-right: 0px;
}

#embedDiv {
	float:left;
	height:1000px;
	width:900px;
}

#embedDiv.incomingBillEmbedDiv, #embedDiv.outgoingBillEmbedDiv {
	float:left;
	height:1000px;
	width:620px;
}

.fileListScrollbox {
	margin-right:30px;
	/*float:left;*/
	height:350px;
	width:590px;
	overflow:scroll;
	overflow-y:scroll;
	overflow-x:auto;
	border:1px solid #EBEBEB;
	line-height: 1.4;
	margin-top: 20px;
	clear: both;
}

.fileListUl {
	margin-left:30px;
	margin-top:5px;
	/*	width:440px;*/
}

.fileElement {
	cursor:pointer;
	font-size: 14px;
}

.fileElement:hover {
	color: #dd4b39;
}

.fileElement.chosen {
	color: #dd4b39;
}

#loadScreen {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/loading.gif) #FFFFFF no-repeat center center;
	opacity: 0.8;
	z-index: 10000;
}

.urlField {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	/*	hyphens: auto;*/
}

input:focus, textarea:focus, mce-tinymce:focus {
	border: 1px solid #FCA500; /* Do NOT use !important here! RM 2014-12-10*/
}

.ui-state-error {
	color: #dd4b39 !important;
}

.fs {
	width: 100% !important;
	margin: 0 !important;
	padding: 20px !important;
	box-sizing: border-box;
}

.fs h3 {
	margin-top: -20px !important;
}

.dashboard_tool_name {
	color: #ffffff;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	font-size: 17px;
	line-height: 18px;
	float: none !important;
}

.dashboard_statistics_table {
	color: #ffffff;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	margin: 0 auto;
}

.dashboard_statistics_table tr {
	height: 140px;
}

.dashboard_statistics_table tr.innerRow {
	height: 10px;
}


.dashboard_statistics_item {
	min-height:120px;
	width: 305px;
	margin-right: 10px;
	margin-left: 10px;
	padding-left: 20px;
}

.dashboard_statistics_item.green {
	background: #2ECC71;
}

.dashboard_statistics_item.grey {
	background: #9a9a9a;
}

.dashboard_statistics_item.blue {
	background: #2980B9
}

.dashboard_statistics_item.darkblue {
	background: #2C3E50;
}

.dashboard_statistics_item.yellow {
	background: #F1C40F;
}

.dashboard_statistics_item.orange {
	background: #D35400;
}

.dashboard_statistics_item.red {
	background: #E74C3C;
}
.dashboard_statistics_item.darkgray {
	background: #444444;
}

.dashboard_statistics_item_number {

	font-size: 50px;
	padding-top: 30px;

}

.dashboard_statistics_item_text {
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 5px;
}

.dashboard_statistics_item_absent_details,
.dashboard_statistics_item_used_holidays,
.dashboard_statistics_items_worktime {
	font-size:12px;
	padding-bottom: 10px;
	padding-top: 10px;
	display:none;
}

a.nostyle {
	text-decoration: none;
	color: white;
}

#switchedUserViewUserInfo {
	color: #dd4b39;
	font-size: 18px;
	margin-left: 610px;
	padding-top: 32px;
	position: absolute;
}

#stopUserViewSwitchButton {
	margin-left: 10px;
	cursor: pointer;
	position: absolute;
}

.error-color {
	color: #dd4b39 !important;
}

.plusIcon {
	color: #16a765 !important;
	background: url(../images/new_action_single.png) 0px top no-repeat;
	text-decoration: none;
}

.plusIcon:hover {
	text-decoration: none;
	cursor: pointer;
}

#content {
	/*float: left;*/
}

.logo {
	float: left;
	display: block;
	width: 160px;
	height: 60px;
	overflow: hidden;
	padding-left: 45px;
	padding-right: 20px;
}

h1 {
	font-size: 20px;
	line-height: 27px;
	font-weight: normal;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 10px;
	margin-top: 50px;
	color: #555555;
	padding: 17px 0px 17px 38px;
}
h1.top {
	margin-top: 0px;
}

#subnavigation {
	width: 190px;
	margin-left: 22px;
	margin-top: 10px;
}

#main {
	margin-right: 20px;
	margin-left: 219px;
	margin-top: 10px;
	float:left;
}
#main h2 {
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 15px;
}
#main .message {
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 15px;
	color: #01982f;
	position: absolute;
	top: -63px;
	right: 50px;
}
#subnavigation a.erstellen {
	margin: 0px 0px 5px 16px;
}

#subnavigation ul li a, #subnavigation ul li a:active, #subnavigation ul li a:visited {
	padding-left: 16px;
	height: 28px;
	line-height: 27px;
}
#subnavigation ul.subitems li {
	padding-left: 25px;
}
#subnavigation ul li a.mainitem, #subnavigation ul li a.mainitem:active, #subnavigation ul li a.mainitem:visited {
	background-position: 3px 10px;
}
#subnavigation ul li.open a.mainitem {
	background-position: 3px -18px;
}

.mainlist .item {
	min-height: 23px;
	height: 23px;
	height: auto !important;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
}
.mainlist .item span {
	margin-right: 10px;
	display: block;
	min-width: 20px;
	float: left;
}
.mainlist .item span.small {
	width: 50px;
}
.mainlist .item span.middle {
	width: 200px;
}
.mainlist .item span.big {
	width: 300px;
}
#main .mainform .item {
	margin-top: 20px;
}
form#tasks_edit {
	padding-top: 10px;
}
#main .task .item {
	margin-top: 10px;
}

#main form input, #main input.selectautocomplete, #main form select, #main form textarea, .form_column_wrapper {
	height: 30px;
	width: 250px;
	/*	-moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;	 */
	padding: 4px;
	float: left;
}

#main form select {
	width: 260px;
	height: 38px;
	padding-top: 10px;
}
#main form label {
	width: 200px;
	display: block;
	min-height: 28px;
	padding-top: 10px;
	float: left;
}

#main .task form input, #main .task input.selectautocomplete {
	margin-right: 30px;
	height: 25px;
}
#main .task form select {
	height: 34px;
}
#main .task #projektlist {
	min-height: 38px;
	height: auto !important;
	height: 38px;
}

#main .filter, #main .filterbig {
	padding-top: 30px;
	padding-bottom: 30px;
}
.error {
	height:20px;
	background-color:#DD4B39;
	font-size: 12px;
	border:1px solid #c53727;
	padding:8px 10px;
	color:#fff;
	display:none;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	z-index: 10;
}

.error p {
	margin:0;
}

.error em {
	display:block;
	width:0;
	height:0;
	border:18px solid;
	border-color: transparent #DD4B39 transparent transparent;
	position:absolute;
	bottom:0px;
	left:-40px;
}