/**
 * Layout.
 */
html, body {
	height: 100%;
}

div#main {
	height: 100%;
}
table#mainTable {
	width: 100%;
	height: 100%;
}
	table#mainTable td#left {
		vertical-align: top;
		width: 237px;
		background: #e1e4e8;
	}
	table#mainTable td#center {
		vertical-align: top;
		background: #f8f8f8 url(/images/layout/centerTopBack.png) repeat-x 0 0;
		padding-right: 40px;
	}

		table#mainTable td#center div#centerBox td.field {
			font-weight: normal;
		}

	table#mainTable td#right {
		vertical-align: top;
		width: 247px;
	}

a {
	text-decoration: none;
	color: #424950;
	cursor: pointer;
}
#version_info {
	position: absolute;
	top: 35px;
	left: 195px;
	color: #9FA7AE;
	font-size: 11px;
}

/**
 * Form styling
 */
input, textarea, select {
	padding: 2px;
	border: 1px solid #AFAFAF;
}
textarea {
	height: 150px;
}
legend {
	font-weight: bold;
}

hr {
	border: 0;
	color: #ACB3B8;
	background-color: #ACB3B8;
	height: 1px;
}

body, p, table, input, select, textarea {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

div#top {
	position: absolute;
	width: 100%;
	height: 53px;
	background: url(/images/layout/topBgLoop.png) repeat-x;
}
	div#top div#logo {
		float: left;
		height: 53px;
		width: 235px;
	}
	div#logo a {
		color:#9fa7ae;
	}
	div#logo img {
		margin-top: 10px;
		margin-left: 10px;
	}
	div#top div#tabs {
		position: relative;
		top: 15px;
		left: 2px;
		float: left;
		height: 54px;
	}
	div#tabs div.tabHref {
		float: left;
		padding-right: 2px;
		display: block;
		font-weight: bold;
		font-size:15px;
		color:#58687d;
	}
	div#tabs span {
		position: relative;
		top: 2px;
		padding-left:4px;
	}
	div#tabs div#customer_search_box {
		position: relative;
		top: 10px;
	}
	div#tabs img {
		position: relative;
		top: 6px;
	}
		div#tabs div.tabLeft {
			position: relative;
			top: 1px;
			float: left;
			height: 54px;
			width: 10px;
			background: url(/images/layout/tabLeftBg.png) no-repeat;
		}
		div#tabs div.tabLoop {
			position: relative;
			top: 1px;
			float: left;
			height: 54px;
			background: url(/images/layout/tabBgLoop.png) repeat-x;
		}
		div#tabs div.tabRight {
			position: relative;
			top: 1px;
			float: left;
			height: 54px;
			width: 10px;
			background: url(/images/layout/tabRightBg.png) no-repeat;
		}
	div.userSettingsBox {
		float:right;
		position:relative;
		top:25px;
		right:22px;
		width:360px;
		height:26px;
	}
		div.userMessageBox {
			float:right;
			position:relative;
			top:9px;
			padding-right:10px;
			height:16px;
			font-size:11px;
			color:#9ba8ba;
			text-align:right;
		}
			div.userMessageBox span#userMessageText {cursor:pointer;}
			div.userMessageBox input#user_message_input {
				font-size: 11px;
				border: 0px solid #2c3137;
				color: #2c3137;
				background: #9ba8ba;
				display: none;
			}
		div.userSetTab {
			float:right;
			position:relative;
			z-index:101;
			height:26px;
			font-size:11px;
		}
			div.userSetTabLeft {
				float:left;
				width:28px;
				height:26px;
				background:url(/images/layout/userSetTabLeft.png) no-repeat 0 0;
			}
				#user_status {
					position:relative;
					top:8px;
					left:8px;
					cursor:pointer;
				}
			div.userSetTabLoop {
				float:left;
				width:80px;
				width:auto;
				min-width:80px;
				height:26px;
				padding-right: 5px;
				background:url(/images/layout/userSetTabLoop.png) repeat-x 0 0;
				cursor:pointer;
			}
				div.userSetTabLoop span {
					position:relative;
					top:8px;
					font-weight:bold;
					color:#41484f;
				}
				#userContentView {
					float:right;
					position:relative;
					cursor:pointer;
				}
			div.userSetTabRight {
				float:left;
				width:25px;
				height:26px;
			}
			div#userTabContent {
				width:100%;
				opacity:0.9;
				display:none;
			}
				#userContTable {
					width:100%;
					background:#d7dce2 url(/images/layout/userContRightBack.png) repeat-x 0 0;
					font-size:10px;
				}
				#userContTable td {
					vertical-align: middle;
				}
					td.userSpacerRight {
						height:2px;
						border-right:1px solid #b5bbc0;
						font-size:1px;
						background:url(/images/layout/userSpacerBack.png) repeat-x 0 100%;
					}
					td.userSpacerLeft {
						height:2px;
						border-left:1px solid #b5bbc0;
						font-size:1px;
						background:url(/images/layout/userSpacerBack.png) repeat-x 0 100%;
					}
					td.userContRight {
						width:27px;
						padding:6px 0px;
						text-align:center;
						border-left:1px solid #b5bbc0;
					}
					td.userContLeft {
						border-right:1px solid #b5bbc0;
					}
						td.userContLeft a {
							display:block;
							margin-left:7px;
							font-weight:bold;
							color:#58687d;
						}
						td.userContLeft a:hover { color:#3575b5; }
				td.userContBottomLeft {
					height:6px;
					font-size:1px;
					background:#f8f8f8 url(/images/layout/userContBottomLeft.png) no-repeat 0 0;
				}
				td.userContBottomRight {
					height:6px;
					font-size:1px;
					background:#f8f8f8 url(/images/layout/userContBottomRight.png) no-repeat 100% 0;
				}
div.topPush {
	height: 52px;
}

div.topPushCenter {
	height: 52px;
	width: 580px;
}
div#customer_select_box {
	position:relative;
	top:0px;
	height:40px;
	width:237px;
	background:url(/images/layout/companySelectBack.png) repeat-x 0 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
	div#customer_select_box div {
		float:left;
		position:relative;
		top:10px;
		left:8px;
		font-size:11px;
		color:#454c53;
	}
	div#customer_select_box input {
		font-size:11px;
		border-left:1px solid #4b535a;
		border-top:1px solid #4b535a;
		border-right:1px solid #a4acb1;
		border-bottom:1px solid #a4acb1;
		width:128px;
	}
	div#customer_select_box img {
		float:right;
		position:relative;
	}
	div#customer_info_search {
		position: absolute !important;
		top: -1px !important;
		left: 237px !important;
		z-index: 20;
		width: 197px;
		height: 40px;
		background: #e1e4e8 url(/images/layout/companySelectBack.png) repeat-x 0 0;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		display: none;
	}
		div#customer_info_search div.attentionIcon {
			float:left;
			padding:0px 0px;
		}
			div#customer_info_search div.attentionIcon img {
				position:relative;
				top:0px;
			}
		div#customer_info_search div.attentionText {
			float:left;
			width:150px;
			padding-left: 5px;
			font-size:10px;
			font-weight:bold;
		}
div#leftBox {
	position: relative;
	top:0px;
	width: 237px;
	font-family:Tahoma, Geneva, sans-serif;
	border-bottom:1px solid #fff;
}

div#userBox {
	height: 100px;
}

	div#userBox p {
		padding-bottom: 5px;
		font-size: 11px;
	}

div#centerBox {
	position: relative;
	top: 20px;
	left: 20px;
	max-width:1200px;
}
.infoItem, .infoItemTitle {
	float:left;
	margin-right:10px;
}
	.infoItem input, .infoItem label {
		font-size:11px;
	}
	.infoItemTitle input {
		font-size:11px;
		width:400px;
	}
.project_priority {
	float: left;
	text-align: center;
	cursor: pointer;
	min-width: 28px;
	height: 16px;
	margin-right: 2px;
	margin-left : 2px;
}
div#projectInfoBox {
	position:absolute;
	z-index:20;
	right:22px;
	float:right;
	width:267px;
	opacity:0.90;
	-webkit-box-shadow: 2px 2px 4px #444;
    -moz-box-shadow: 2px 2px 4px #444;
}
	div#projectInfoContent {
		height:103px;
		background:url(/images/layout/projectInfoContentBack.png) no-repeat 0 0;
	}
		div#projectInfoContent a { color:#3575b5; }
		div#projectInfoLeft {
			float:left;
			width:85px;
			padding-left:5px;
			padding-top:5px;
		}
			div#projectInfoLeft div#header img {
				float:left;
				position:relative;
				left:5px;
			}
			div#projectInfoLeft div#header span {
				position:relative;
				top:1px;
				left:10px;
				font-size:10px;
				font-weight:bold;
				color:#40474e;
			}
			table.priorityDisp {
				font-size:10px;
				width:100%;
				margin-top:5px;
			}
				table.priorityDisp a {
					position: relative;
					top: 2px;
				}
				table.priorityDisp .prioritySpacer {
					height:4px;
					font-size:1px;
				}
		div#projectInfoRight {
			float:left;
			width:168px;
			padding-left:3px;
			padding-top:5px;
			font-size:10px;
		}
			div#projectInfoRight .icons {
				float:left;
				position:relative;
			}
			div#projectInfoRight .title {
				position:relative;
				top:2px;
				left:6px;
				font-weight:bold;
				color:#40474e;
			}
			div#timeSelect {
				float:right;
				position:relative;
				top:1px;
			}
				.infoIcon {
					float:right;
					margin-left:4px;
				}
				.selector {
					font-size:10px;
					padding:0px;
				}
				div.timeDisplay {
					float: left;
					padding-top:8px;
				}
					div.timeDisplay span { font-weight: bold; }
					div.timeDisplay span.absentRed { font-weight: bold; color:#b53535; }
					div.timeDisplay a { font-size: 11px; text-transform:lowercase; }
				div.projectInfoSpacer {
					margin:8px 0px;
					height:2px;
					font-size:1px;
					background:url(/images/layout/projectSpacer.png) repeat-x 0 0;
				}

	div#projectInfoController {
		cursor:pointer;
		font-size:1px;
	}

/* FIELD_CHERRYPICK */
div.field_cherrypick_container {
	margin-bottom: 20px;
}

	div.field_cherrypick_selection {
		float: left;
		margin: 10px;
		width: 200px;
		height: 300px;
	}

	div.field_cherrypick_selection > ul {
		border: 1px solid #AAA;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 2px 2px 2px #CCC;
		-moz-box-shadow: 2px 2px 2px #CCC;
		-webkit-box-shadow: 2px 2px 2px #CCC;
	}

	span.field_cherrypick_header {
		padding-bottom: 5px;
		display: block;
	}

		div.field_cherrypick_selection li {
			margin: 4px;
			padding: 2px;
			border: 1px solid #BBB;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			background-color: #EEE;
			box-shadow: 1px 1px 0px #CCC;
			-moz-box-shadow: 1px 1px 0px #CCC;
			-webkit-box-shadow: 1px 1px 0px #CCC;
			cursor: pointer;
		}

	div.field_cherrypick_control {
		border: 1px solid #F00;
		float: left;
		margin: 10px;
		width: 50px;
		height: 300px;
	}

	li.sortable_required {
		border: 1px solid #B99 !important;
		background-color: #FEE !important;
	}


/* Notifications */
div.notificationBox {
	float:left;
	padding:10px;
	border:1px;
	width:249px;
	height:55px;
	height:auto !important;
	min-height:55px;
	border:1px solid #b1b4be;
	background:#e7eaeb url(/images/layout/notifyBackgr.png) repeat-x 0 0;
	margin-bottom:10px;
	margin-right:10px;
	font-size:11px;
}
	div.notificationBox a {
		display:block;
		padding-bottom:4px;
		font-weight: bold;
	}

.clear {
	clear: both;
}
.clear10 {
	clear: both;
	height:10px;
	font-size:1px;
}
.push40 {
	height:40px;
}
.push10 {
	height:10px;
	font-size:1px;
}
.push20 {
	height:20px;
	font-size:1px;
}
.push4 {
	height:4px;
	font-size:1px;
}


/* View Table */
.tableDashTitle {
	font-weight:bold;
	padding-bottom:4px;
	padding-left:4px;
}
.infoSizeController {
	cursor:pointer;
	background:url(/images/icons/show_more.png) no-repeat 100% 0;
}

a.list_icon img {
	padding-left: 3px;
	padding-right: 3px;
}
table.viewTable, table.viewTableDash {
	border: 1px solid #cdcdcd;
	padding:5px;
	border-spacing: 0px;
	background: #fff;
	width: 100%;
}

	table.viewTable th, table.viewTableDash th {
		background: #595f67;
		color: #fff;
		font-size: 11px;
		padding: 5px;
		border-right: 1px solid #424950;
	}
	table.viewTable th.sort, table.viewTable th.sort-desc, table.ViewTable th.sort-asc {
		-moz-background-clip: border;
		-moz-background-origin: padding;
		-moz-background-inline-policy: continuous;
	}
	table.viewTable th.sort {
		background: #595f67 url(/images/layout/arrowsOrder.png) no-repeat scroll 100% 50%;
	}
	table.viewTable th.sort-desc {
		background: #2B3036 url(/images/layout/arrowsOrderDESC.png) no-repeat scroll 100% 50%;
	}
	table.viewTable th.sort-asc {
		background: #2B3036 url(/images/layout/arrowsOrderASC.png) no-repeat scroll 100% 50%;
	}

	table.viewTable td.dashboardTRHeading {
		background-color: #e5f2ff;
		border-right: 1px solid #dbdfe6;
		border-bottom: 1px solid #dbdfe6;
	}

	table.viewTable td.dashboardTRHeadingFirst {
		background-color: #e5f2ff;
		border-right: 1px solid #dbdfe6;
		border-bottom: 1px solid #dbdfe6;
		border-left: 1px solid #dbdfe6;
	}

	table.viewTable th a, table.viewTableDash th a {
		text-decoration: none;
		color:#fff;
	}
	table.viewTable tbody td:first-child {
		border-left: 1px solid #dbdfe6;
	}
	table.viewTable td {
		color: #000;
		font-size: 11px;
		padding: 5px;
		border-right: 1px solid #dbdfe6;
		border-bottom: 1px solid #dbdfe6;
		vertical-align:top;
	}

	table.viewTable td.tdFirst {
		color: #000;
		font-size: 11px;
		padding: 5px;
		border-right: 1px solid #dbdfe6;
		border-bottom: 1px solid #dbdfe6;
		border-left: 1px solid #dbdfe6;
		vertical-align:top;
	}

	table.viewTable td.tdLast {
		color: #000;
		font-size: 11px;
		padding: 5px;
		border-right: 0px solid #dbdfe6;
		border-bottom: 1px solid #dbdfe6;
	}
	table.viewTableDash td {
		color: #000;
		font-size: 11px;
		padding: 5px;
		border-right: 1px solid #dbdfe6;
		border-bottom: 1px solid #bbb;
		vertical-align:top;
	}
	table.viewTableDash td.tdLast {
		color: #000;
		font-size: 11px;
		padding: 5px;
		border-right: 0px solid #dbdfe6;
		border-bottom: 1px solid #ccc;
	}
	table.viewTable img.spaceRight {
		position:relative;
		top:1px;
		padding-right:4px;
	}
	.trColored {
		background:#eceef2;
	}
	table.viewTable td a, table.viewTableDash td a {
		color: #3575b5;
		text-decoration: none;
	}
	table.viewTable span, table.viewTableDash span { font-size:10px; color:#999; }
	table.viewTable td a:hover, table.viewTableDash td a:hover {
		color: #000;
		text-decoration: underline;
	}

	table.viewTable td.odd, table.viewTableDash td.odd {
		background: #eceef2;
	}
table.viewTable thead td {
	border: 0px;
}
div.tableHolder {
	margin: 13px 0px 10px 0px;
	padding:10px;
	border:1px solid #ccc;
	background:#f1f3f3;
}
table.customerDashHeader {
	background:#f1f3f3;
}
	table.customerDashHeader td {
		vertical-align:top;
		font-size:11px;
		padding:5px 4px;
	}
	table.customerDashHeader .compDashInfoTitle {
		text-align:right;
		min-width:95px;
	}
	table.customerDashHeader .pushSecondRight {
		padding-right:35px;
	}
	table.customerDashHeader .boldingInfoText {
		font-weight:bold;
	}
	table.customerDashHeader .smallTextDescription {
		padding-top:6px;
		font-size:10px;
	}
	table.customerDashHeader .createdChanged {
		width:100px;
	}

div.leftMenuHeaderActive {
	opacity:0.5;
}
div.leftMenuHeader {
	display: block;
	height:24px;
	border:1px solid #acb3b8;
	background:url(/images/layout/menuHeaderBack.png) repeat-x 0 0;
	color:#58687d;
	cursor:move;
}
div.dashboardHeader {
	display: block;
	height:24px;
	border:1px solid #acb3b8;
	background:url(/images/layout/dashboardLinkBack.png) repeat-x 0 0;
	color:#fff;
	cursor:pointer;
}
	.leftMenuHeader img.menuIconLeft, .dashboardHeader img.menuIconLeft {
		position:relative;
		top:4px;
		left:4px;
	}
	.leftMenuHeader img.slideControl {
		position:relative;
		float:right;
		cursor:pointer;
	}
	.leftMenuHeader span, .dashboardHeader span {
		position:relative;
		top:1px;
		left:10px;
		font-size:11px;
		font-weight:bold;
	}
div.leftMenu {
	background: url(/images/layout/menuBg.png) repeat-y top right;
}
div.leftMenu a {
	display: block;
	padding-left: 17px;
	padding-top:3px;
	font-size: 11px;
	height: 17px;
	color:#3575b5;
	border-bottom:1px solid #d3d7dc;
	background: url(/images/layout/menuBg.png) no-repeat top right;
}
div.leftMenu span.menu_inactive {
	display: block;
	padding-left: 17px;
	padding-top:3px;
	font-size: 11px;
	height: 17px;
	border-bottom:1px solid #d3d7dc;
	color:#ccc;
	background: url(/images/layout/menuBg.png) repeat-y top right;
}

div.leftMenu a.menuSel {
	display: block;
	padding-left: 17px;
	padding-top:3px;
	font-size: 11px;
	font-weight: bold;
	height: 17px;
	color:#3575b5;
	background: url(/images/layout/menuSelBg.png) no-repeat top right;
}

div.leftMenu a:hover {
	text-decoration:underline;
}
div.menuBottom {
	height:10px;
	border:1px solid #acb3b8;
	background:url(/images/layout/menuBottomBack.png) repeat-x 0 0;
}

.btnFrame {
	display: inline-block;
	padding-bottom: 10px;
}
.button {
	position: relative;
	float: left;
	height: 29px;
	margin-right: 10px;
}
.button:hover {
	text-decoration: none;
}

.button .buttonLeft {
	float: left;
	width: 10px;
	height: 29px;
	background:url(/images/layout/buttonLeftBg.png) no-repeat;
}

.button .buttonLoop {
	float: left;
	height: 29px;
	background: url(/images/layout/buttonLoopBg.png) repeat-x;
}

.button .buttonRight {
	float: left;
	width: 10px;
	height: 29px;
	background: url(/images/layout/buttonRightBg.png) no-repeat;
}

.button img {
	position: relative;
	top: 6px;
	margin-right:6px;
}

.button span {
	position: relative;
	top: 3px;
	font-weight: bold;
}

.j-button {
	display: inline-block;
	border: 1px solid #c5c7c8;
	padding: 0px 6px;
	color: #3f4850;
	font-size: 11px;
	line-height: 26px;
	min-height: 26px;
	font-weight: bold;
	background-image: -moz-linear-gradient(#fefefe, #e0e0e0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#fefefe));
	background-image: -webkit-linear-gradient(#fefefe, #e0e0e0);
	background-image: -o-linear-gradient(#fefefe, #e0e0e0);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.j-button img {
	vertical-align: text-top;
}

.hidden {
	display: none;
}
.sp_pagecounter {
	padding-left: 5px;
}

/* new chatbox */
#task_bar {
	position:fixed;
	z-index:12;
	bottom:0px;
	left:0px;
	width:100%;
	height:22px;
	min-width:1100px;
	background:#596166;
}
span.searchBoxTaskBar {
	position:fixed;
	left:1px;
	bottom:2px;
}
	span.searchBoxTaskBar input {
		border-top:1px solid #282e34;
		border-left:1px solid #282e34;
		border-bottom:1px solid #acb3b8;
		border-right:1px solid #acb3b8;
		font-size:11px;
		width:229px;
		background:#fff url(/images/layout/searchBoxBackIcon.png) no-repeat 100% 0;
	}

.close
{
	color: red;
}

.status
{
	vertical-align: text-bottom;
	height: 14px;
}

.errorText {
	position: relative;
	top: -3px;
}

dl.errors {
	padding-top: 5px;
}

dl.errors dd {
	padding-left: 20px;
	padding-bottom: 3px;
	background: url(/images/icons/bullet_error.png) no-repeat top left;
}

input#move_up {
	background: url(/images/icons/bullet_arrow_up.png) no-repeat top left;
	border: 0px;
	width: 16px;
	height: 16px;
	font-size: 0px;
}

input#move_down {
	background: url(/images/icons/bullet_arrow_down.png) no-repeat top left;
	border: 0px;
	width: 16px;
	height: 16px;
	font-size: 0px;
}

.timeBox {
	border: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 5px;
	background: #FFFFCF;
}

.commentBox {
	border: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 5px;
	background: #fff;
}
.commentBox .info {
	float: left;
}
.commentBox .comment_action {
	float: right;
}
.commentBox .description {
	clear: both;
}

.emailBox {
	border: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 5px;
	background: #e9f0f4;
}

div.reply_box {
	float: right;
	width: auto;
}

div.email_attachment {
	float: right;
	margin-top: 5px;
	text-align: right;
	width: auto;
	font-size: 10px;
}

	div.email_attachment span.email_attachment_title {
		font-size: 12px;
		font-weight: 600;
	}
	div.attachment_frame {
		padding: 5px;
		border: 1px solid #ccc;
		background: #eee;
		max-width: 300px;
	}
	div.attachment_frame a.fs_file {
		float: right;
		margin: 2px;
	}

.email_body_box {
	float: left;
	width: 420px;
}

table.tDescr td {
	padding:8px;
}

/* scrollbar */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	border:1px solid #424950;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #424950;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/**
 * JQuery Tooltip
 */
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #fff;
	padding: 5px;
	opacity: 0.85;
	border: 1px solid #CDCDCD;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 2px 2px 5px #999;
	-moz-box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;
	background-image: url(/images/layout/table_bakground_loop.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}
#tooltip h3, #tooltip div { margin: 0; }

/**
 * Date picker
 */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
	width:auto;
}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
	width:auto;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/**
 * Autocomplete
 */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

/* GRITTER */
/* ie6 trash */
* html #gritter-notice-wrapper {
	position:absolute;
	z-index: 999;
}
* html .gritter-top {
	margin-bottom:-10px;
}
* html .gritter-item {
	padding-bottom:0;
}
* html .gritter-bottom {
	margin-bottom:-11px;
}
* html .gritter-close {
	background:url(/images/layout/gritter-close-ie6.gif);
	width:22px;
	height:22px;
	top:7px;
	left:7px;
}

/* the norm */
#gritter-notice-wrapper {
	position:absolute;
	/*top:175px; */
	top: 70px;
	right:20px;
	width:349px;
	z-index:999;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	opacity:0.9;
	-webkit-box-shadow: 2px 2px 4px #444;
    -moz-box-shadow: 2px 2px 4px #444;
}
.gritter-item {
	display:block;
	/*background-image:url(/images/layout//gritter-bg-tile-small.png);
	background-repeat:repeat-y;
	background-position:top right;*/
	border:1px solid #2B3036;
	/* background:#e7eaeb url(/images/layout/notifyBackgr.png) repeat-x 0 0; */
	background: #595F67;
	/* color:#000; */
	color: #fff;
	padding:16px 16px 16px 16px;
	/*font-size: 10px;*/
}
	.gritter-item p { font-size:12px; font-weight: 600; }
.hover .gritter-item {
	background-position:top right;
}
.gritter-item p {
	padding:0;
	margin:0;
}
.gritter-close {
	position:absolute;
	bottom:7px;
	left:10px;
	background:url(/images/layout/gritter_close.png) no-repeat 0 0;
	cursor:pointer;
	width:7px;
	height:7px;
}
.gritter-title {
	/*font-size:10px;*/
	font-size: 12px;
	font-weight: 600;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;

	/*text-shadow:1px 1px #000;  Not supported by IE :( */
}
.gritter-image {
	width:16px;
	height:16px;
	padding-bottom:4px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0 0 5px 0;
	/* font-size:10px; */
	/*font-size: 12px;*/
}
.gritter-with-image {
	width:195px;
	float:right;
}
#gritter-notice-wrapper .gritter-no-title .gritter-title {
	display: none;
}

.projectCounterPriority,
.projectCounterNormal,
.projectCounterOnHold,
.projectCounterAll {
	float: left;
	text-align: center;
	cursor: pointer;
	width: 24px;
	height: 16px;
}
.projectCounterPriority {
	background: url("/css/images/table_header_background_loop.png") repeat-x scroll 0 0 #770000;
	color: white;
	border: 1px solid #770000;
	margin-right: 5px;
}
.projectCounterNormal {
	background: url("/css/images/table_header_background_loop.png") repeat-x scroll 0 0 #000077;
	color: white;
	border: 1px solid #000077;
	margin-right: 5px;
}
.projectCounterOnHold {
	background: url("/css/images/table_header_background_loop.png") repeat-x scroll 0 0 #777777;
	color: white;
	border: 1px solid #777777;
	margin-right: 5px;
}

span.gray,
span.gray a,
a.gray {
	color: #999999;
}

/** Box **/
div.box {
	border: 1px solid #cdcdcd;
	background-color: #f1f3f3;
	padding: 10px;
	margin-bottom: 10px;
}

/** Box table (used for dashboard) **/
div.box-table {
	/*border: 1px solid #cdcdcd;
	padding: 5px;
	margin-bottom: 10px;*/

}
div.box-table select {
	margin:0px;
	padding:0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}

div.box-table td {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
div.box-table a {
	color: #3575B5;
}
div.box-table > table {
	border-collapse: collapse;
	width:100%;
	background:url(../images/dashboard/LargeBoxBack.png) repeat-x 0 bottom;
}
	div.box-table table td.first_box {
		background:url(../images/dashboard/SmallBoxBack.png) repeat-x 0 bottom;
	}
div.box-table > table > tbody > tr > td {
	vertical-align: top;
	border: 1px solid #9297a5;
	padding: 10px;
	width: 25%;
}
div.box-table div.box-table-header {
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 8px;
}

/** Simple 2 column list */
table.list-simple td:first-child {
	padding-right: 15px;
	font-weight: bold;
}
table.list-simple td:last-child {
	text-align: right;
}
table.list-simple tr.list-simple-separator > td {
	padding-top: 15px;
}
table.list-simple td.list-simple-item {
	font-weight: normal;
}
span.header {
	font-weight: bold;
}

table.dashboardSystem {
	font-size: 11px;
}

div#dashboardTableSlider {
	width: 100%;
	height: 9px;
	cursor: pointer;
	font-size: 1px;
	background-image: url('/images/dashboard/SliderBackground.png');
	background-repeat: repeat-x;
	text-align: center;
}

table#dashboard_boxes_table {
	width: 100%;
}
	table#dashboard_boxes_table tr {
		width: 33%;
	}
.dashboardSlideControl {
	cursor:pointer;
	/*background:url(../images/dashboard/dashboard_slide_back_hover.png) repeat-y 0 0;*/
}
img.dashboardSlideControlImage {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.dashboard_user_box {
	float:left;
	margin-top:5px;
	margin-right:5px;
	width: 321px;
	height: 190px;
	background: #fff;
	border-top: 1px solid #2b3036;
	border-left: 1px solid #2b3036;
	border-right: 1px solid #2b3036;
	font-size: 11px;
}

	.dashboard_user_box a {
		color: #3575b5;
		text-decoration: none;
	}

	.dashboard_user_box a:hover {
		color: #000;
		text-decoration: underline;
	}

.dashboard_user_box_content {
	height: 190px;
	border-bottom: 1px solid #595F67;
	-webkit-box-shadow: 2px 2px 4px #444;
	-moz-box-shadow: 2px 2px 4px #444;
	background:#e2e6e8 url(../images/dashboard/user_box_backgr.png) repeat-x 0 0;
}

.dashboard_user_box_header {
	height:18px;
	background:#eceef2;
	border-bottom:1px solid #2b3036;
	font-size:10px;
	color:#2b3036;
}
	.dashboard_user_box_header span {
		position: relative;
		left: 8px;
	}

	.status_image {
		position: relative;
		top: 2px;
		left: 4px;
	}

.dashboard_user_box_content div.dashboard_user_box_boxes_parent {
	width: 321px;
	height: 90px;
}

.dashboard_user_box_boxes_parent div.dashboard_user_box_boxes_first {
	float: left;
	width: 94px;
	height: 79px;
	padding: 5px;
	border-bottom: 1px solid #dcdee2;
}
.dashboard_user_box_boxes_parent div.dashboard_user_box_boxes {
	float: left;
	width: 97px;
	height: 79px;
	padding: 5px;
	border-bottom: 1px solid #dcdee2;
	background:url(../images/dashboard/user_small_box_backgr.png) no-repeat 0 0;
}

.dashboard_user_box_boxes_first div.dashboard_user_box_boxes_priority {
	height:12px;
	margin-bottom: 5px;
}

.dashboard_user_box_content div.dashboard_user_box_lower {
	padding: 10px 7px 5px 7px;
}

img.dashboard_user_box_heading_image {
	vertical-align: middle;
	margin-right: 3px;
}

span.dashboard_user_box_heading {
	font-size: 11px;
	font-weight: bold;
	color: #424950
}

span.dashboard_user_box_pressure {
	font-weight: bold;
	color: #b53535 !important;
}

div.dashboard_user_box_description {
	margin-bottom: 5px;
}

div.dashboard_user_box_last_project {
	margin-bottom: 5px;
}

.floating_window {
	position: absolute;
	z-index: 999;
	/*margin-top:5px;
	margin-right:5px;*/
	background: #fff;
	border-top: 1px solid #2b3036;
	border-left: 1px solid #2b3036;
	border-right: 1px solid #2b3036;
	font-size: 11px;
	overflow: hidden;
}

	.floating_window a {
		color: #3575b5;
		text-decoration: none;
	}

	.floating_window a:hover {
		color: #000;
		text-decoration: underline;
	}

.floating_window_content {
	border-bottom: 1px solid #595F67;
	-webkit-box-shadow: 2px 2px 4px #444;
	-moz-box-shadow: 2px 2px 4px #444;
	background:#e2e6e8 url(../images/dashboard/user_box_backgr.png) repeat-x 0 0;
}

.floating_window_header {
	height:18px;
	background:#eceef2;
	border-bottom:1px solid #2b3036;
	font-size:10px;
	color:#2b3036;
}
	.floating_window_header span {
		position: relative;
		left: 8px;
		font-weight: bold;
	}

	img.floating_window_image {
		position: relative;
		top: 2px;
		left: 4px;
		width: 14px;
		height: 14px;
	}

.floating_window_content div.floating_window_lower {
	padding: 10px 7px 5px 7px;
	/*overflow: hidden;*/
	/*overflow: auto;*/
}

#dialog {
	display: none;
	overflow: hidden;
}
#dialog iframe {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
}
.content_hide {
	float: right;
	position: relative;
	z-index: 9;
	background: url(/images/icons/show_less.png) no-repeat 0 0;
	height: 19px;
	width: 19px;
	cursor: pointer;
}
.content_hide_closed {
	background: url(/images/icons/show_more.png) no-repeat 0 0;
}

/** Info container stylesheet, used for project, offer, product package */
.info_container {
	border: 1px solid #ccc;
/*	margin: 13px -10px 0px -10px; */
	margin: 10px 0px 10px 0px;
	background: #f1f3f3;
	padding: 10px;
	height: auto;
	overflow: hidden;
}
.info_container textarea {
	position: relative;
}
.info_container input,
.info_container select,
.info_container textarea {
	background: #fff;
}
.info_container input:disabled,
.info_container select:disabled,
.info_container textarea:disabled,
.info_container textarea.disabled {
	background: #F6F6F6;
}
.info_container_description {
    font-size: 11px;
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff;
}
.info_container_description_project {
	border: 1px solid #ccc;
	background: #fff;
    overflow-x: hidden;
}
.info_container_description textarea {
    font-size: 11px;
    border: 0px solid #fff;
    width: 99%;
    text-align: left;
    white-space: nowrap;
    height: 150px;
}
.info_container_description_project textarea {
    font-size: 11px;
    border: 0px solid #fff;
    padding: 10px;
    width: 99%;
    text-align: left;
    white-space: nowrap;
    height: 150px;
}

.change_highlight {
	border: 1px solid red;
}

.center {
	text-align: center;
}

/** Help box */
div.help {
    border: 1px solid #acb3b8;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    background-color: #e1e4e8;
    background-image: url('/layout/images/help_background_loop.png');
    background-repeat: repeat-x;
    position: relative;
    width: 715px;
}
div.help > div.content {
    padding: 5px;
    margin-left: 50px;
}
div.help > img.close {
    position: absolute;
    top: 15px;
    right: 15px;
}
div.help > img.info {
    position: absolute;
    top: 15px;
    left: 15px;
}
/** Large button */
div.large_button {
    height: 58px;
    width: auto;
}
div.large_button > div.left {
    background-image: url('/layout/images/button_left.png');
    background-repeat: no-repeat;
    width: 37px;
    height: 58px;
}
div.large_button > div.loop {
    background-image: url('/layout/images/button_loop.png');
    background-repeat: repeat-x;
    height: 58px;
}
div.large_button > div.loop > div.content {
    padding-top: 20px;
}
div.large_button > div.right {
    background-image: url('/layout/images/button_right.png');
    background-repeat: repeat-x;
    width: 31px;
    height: 58px;
}

/** Overlay */
div.overlay {
	background-color: White;
	opacity: 0.1;
	z-index: 1000;
}

table.list_red > thead > tr {
	background-color: #700;
}

table.list_blue > thead > tr {
	background-color: #007;
}

table.list_gray > thead > tr {
	background-color: #777;
}

/** Gritter */
#gritter-notice-wrapper {
	position:fixed;
	top: 20px;
	right: 20px;
	width:301px;
	z-index:9999;
}

.content_container {
	margin: 10px;
	padding: 10px;
	background: #FFF;
	border: 1px solid #ccc;
	color: #444a50;
}
.content_container .caption {
	ont-size: 14px;
	font-weight: bold;
}
.error_box {
	background-color: #F1F3F3;
	border: 1px solid #CCCCCC;
	padding: 10px;
	color: Red;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}