/**
 * contains style information for all basic html elements
 * this file is sorted by elements/pages, not alphabetically
 *
 * @author manuela
 * dark green: #338897
 * light green: #6AB5AA
 * grey: #D6D6BA
 * lightgrey: #EEEEEE
 */

 /**
 *
 * general
 *
 */

div.headline a, td.headline {
	font-size: 15pt;
	color: #0080C0;
}

div.headline a.getAttention {
	font-size: 15pt;
}

body {
	font-family: Arial;
	font-size: 10pt;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div.more {
	margin-top: 2px;
	text-align: right;
}

div.more a, td.more a, span.more a{
	color: #0080C0;
	font-size: 10pt;
}

td.hiddenButton {
	width: 70px;
}

div#export {
	margin-top: 10px;
	text-align: right;
}

div#export a.getAttention {
}

textarea {
	height: 16px;
}

textarea.inputMode {
	height: 96px;
}

/**
 *
 *
 * following: login-page
 *
 *
 */
div.welcome {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -130px 0 0 -171px;
	font-size: 15pt;
	color: #0080C0;
	text-align: center;
}

div.loginBox {
	background-image: url(/include/image/login_box_blue.png);
	background-repeat: no-repeat;
	width: 342px;
	height: 220px;
	margin: 10px 0 0 0;
	padding: 50px 0 0 50px;
	color: #000;
	font-size: 15px;
	text-align: left;

}


div.loginBox td{
	padding: 0 5px 5px 0;
	font-size: 13px;
	font-weight: bold;

}

div.loginBox ul.messageContainer {
	margin: 10px;
	margin-left: -60px;
	color: #952606;
	font-size: 12px;
}

div.loginBox input{
	border: 1px solid #CCCCCC;
}

div.loginBox button{
	padding-left: 4px;
	padding-right: 4px;
}

div.loginBox ul.messageContainer li {
	margin-top: 10px;
}

div.resolutionInfo {
	font-size: 10pt;
	color: #0080C0;
	text-align: center;
}

/**
 *
 *
 * following: general frames such as main menu
 *
 *
 */


a.subMenuLink {
	margin-left: 6px;
}

#mainMenuItems a {
	font-size: 13.5pt;
	color: black;
	text-decoration: none
}

#mainMenuItems div.active,#mainMenuItems div.inactive:hover {
	background-color: #0080C0;
	-moz-border-radius: 5px;
}

#mainMenuItems div {
	width: 115px;
	margin-bottom: 6px;
	padding: 4px 0 4px 4px;
	cursor: pointer;
}

div.mainMenu {
	position: fixed;
	top: 100px;
	left: 10px;
	bottom: 0px;
	width: 180px;
	height: 300px;
	padding: 50px 0 0 25px;
	background-image: url(/include/image/main_menu_box_smaller_blue.png);
	background-repeat: no-repeat;
	z-index: 2;
}

div.empty {
	position: fixed;
	width: 200px;
	top: 0px;
	bottom: 0px;
	background-color: #fff;
	z-index: 1;
}

div.pageFrame {
	position: absolute;
	top: 120px;
	left: 210px;
	right: 0px;
	padding-right: 15px;
}

/**
 *
 * following: Title Header
 *
 */
 	div.headerWrapper {
 		position: fixed;
 		width: 100%;
 		height: 90px;
 		background-color: #FFFFFF;
 		z-index: 2;
 	}

	div.headerBox {
		position: relative;
		background-color: #0080C0;
		height: 40px;
		padding: 0px;
		margin: 0px;
	}

	div.headerBox div.title {
		position: absolute;
		bottom: 2px;
		left: 6px;
		overflow: hidden;
		z-index: 20;
	}

	div.headerBox div.title h1 {
		color: #fff;
		font-weight: bold;
		font-family: arial;
		font-size: 22px;
	}

	div.headerBox div.subMenu {
		position: absolute;
		bottom: 0px;
		right: 100px;
		width: 100%;
		text-align: right;
	}

	div.headerBox div.subMenu img.arrow {
		margin-right: 4px;
		margin-left: 10px;
	}

	div.headerBox div.subMenu a {
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		text-decoration: none;
		padding: 1px 2px 0px 2px;
	}

	div.headerBox div.subMenu a:hover {
		/*text-decoration: underline;*/
		background-color: #0080C0;
		color: #BDBD96;
	}

	div.headerBox div.logo {
		position: absolute;
		top: 8px;
		right: 8px;
		border: 1px solid #fff;
	}

	div.headerBox div.logo img {
		border: none;
	}

	div.headerStripe {
		background-color: #D6D6BA;
		height: 18px;
	}

	div.headerStripe p {
		padding: 2px 0px 1px 6px;
		font-family: arial;
		font-size: 12px;
	}

/**
 *
 *
 * following: projectList, tasklist, timesheetlist
 *
 *
 */

table.list {
	width: 100%;
}

table.list thead tr td, table.contact thead, table.files thead {
	white-space: nowrap;
	background: #eeeeee;
}

/*
table.list thead tr td {
	white-space: nowrap;
}
*/

table.list thead img{
	vertical-align: middle;
	margin: auto;
}

table.list input[type=checkbox]{
	border: 0px solid white !important;
	background-color: transparent !important;
}

table.list select, table.list input[type=text], table.list input[type=password], table.list textarea {
	background-color: white;
	border: 1px solid #ccc;
	width: 98%;
}

table.list select {
	width: 90%;
}

table.list textarea {
	font-family: Arial;
	width: 98%;
	font-size: 10pt;
}

table.list thead.filter select {
	width: 90%;
}

table.list button {
	background-color: transparent;
}

table.list tbody.listCreate tr td{
	border-bottom: 3px double #e5e5e5;
	padding-top: 10px;
}

table.list tbody.listCreate tr td input, table.list tbody.listCreate tr td select, table.list tbody.listCreate tr td a, input.gray, table.list tbody.listCreate td textarea {
	color: #757564;
}

table.list tbody td.isCompleted, table.list tbody td.priority {
	vertical-align:top;
	text-align: center;
}

table.list tfoot tr, table.contact tfoot, table.files tfoot {
	font-weight: normal;
	border-top: 4px double #e5e5e5;
}

table.list tr td, table.files tr td{
	border-bottom: 1px solid #eee;
}

table.list tbody.list tr:hover, tr.hoverHighlight, button.hoverHighlight, table.documentPageDocuments tr:hover, #documentListThumbnails button.container:hover {
	background-color: #D6D6BA;
}

table.list tbody.list tr.inactive {
	color: #ccc;
}

table.list tbody.list tr.inactive:hover {
	background-color: transparent;
}

table.list tr td, table.contact tbody tr td, table.details tr td, table.contactDetailViewWidthBorder tr td, table.contactDetailSmallView tr td, table.contactDetailView tr td, table.files tr td {
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

table.list tbody.list tr td{
	border-bottom: 1px solid #e5e5e5;
}

table.list td.itemPic {
	width: 30px;
}

table.list td.hiddenButton {
	width: 30px;
}

table.list td.projectListItemName {
	width: 15%;
}

table.list td.projectListItemText, table.list td.timesheetListItemText {
	width: 20%;
}

table.list td.projectListItemPerson, table.list td.timesheetListItemProject, table.list td.timesheetListItemPerson {
	width: 15%;
}

table.list td.projectListItemStatus {
	width: 10%;
}

table.list td.projectListItemBuilder {
	width: 15%;
}

table.list td.projectListItemPlace {
	width: 15%;
}

table.list td.projectListItemAccess {
	width: 10%;
}

table.list td.timesheetListItemDate {
	width: 85px;
}

table.list td.timesheetListItemPhase {
	width: 15%;
}

table.list td.timesheetListItemHours {
	width: 10%;
}

table.list td.taskListItemStatus {
	width: 10%;
}

table.list td.taskListItemPrio {
	width: 10%;
}

table.list td.taskListItemName {
	width: 20%;
}

table.list td.taskListItemDue {
	width: 50px;
}

table.list td.taskListItemProject {
	width: 20%;
}

table.list td.taskListItemText {
	width: 20%;
}

table.list td.taskListItemPerson {
	width: 20%;
}

/*
table.list td.insertNewItem {
	width: 35px;
}*/

/**
 *
 *
 * following: projectList
 *
 *
 */

select.popUpSelectBoxProjectPage{
	width: 98%;
	margin-right: 4px;
}

table.prepareSelectBuilder td, table.prepareSelectContributor td.select {
	width: 47%;
}

table.prepareSelectBuilder, table.prepareSelectContributor {
	width: 100%;
}

table.list input.streetname{
	width: 96%;
	margin-bottom: 2px;
}

table.list input.zipcode{
	width: 28%;
	clear: both;
}

table.list input.city{
	width: 64%;
}

table.list tr.editInline input.city{
	width: 67%;
}

 /**
 *
 *
 * following: taskpage
 *
 *
 */

/*
span.taskListItemDueChose {
	font-weight: normal;
}*/

/*
input.textBoxTable {
	width: 20px;
}*/

/**
 *
 *
 *  following: projectOverviewPage
 *	projektansicht
 *
 */

div.projectDetailAndTaskList, div.projectFiles {
	width: 48%;
	height: 100%;
	float: left;
}

div.projectFiles {
	margin-left: 40px;
	margin-bottom: 20px;
}

div.projectDetailBox {
  position: relative;
  background-color: #eee;
  width: 98%;
  height: auto;
  margin: 10px 0px 15px 0px;
  padding: 10px 5px 2px 5px;
}

div.projectDetailBox div.projectDetailHead {
	color: black;
	margin: 0px 10px 0px 10px;
	font-size: 15pt;
}

div.projectDetailBox div.projectDetailText {
	color: black;
	margin: 3px 10px 5px 10px;
}

div.projectDetailBox div.projectOverviewTable {
	position: relative;
	top: 2px;
	left: 2px;
	padding: 8px 10px 5px 10px;
	margin-right: 3px;
	margin-bottom: 6px;
	background-color: #fff;
}

div.projectDetailBox div.projectOverviewTable table.projectOverviewTable {
	position: relative;
	width: auto;
}

div.projectDetailBox div.projectOverviewTable table.projectOverviewTable {
	width: 100%;
}

div.projectDetailBox div.projectOverviewTable table.projectOverviewTable td {
	padding: 0 5px 3px 0;
}

div.projectDetailBox div.projectOverviewTable table.projectOverviewTable td.projectDetailsLeftColumn {
	width: 90px;
	vertical-align: top;
}

div.projectDetailBox div.additionalOptions {
	padding-bottom: 3px;
	margin: 0px 60px 0px 10px;
	text-align: left;
}

div.projectDetailBox div.additionalOptions a {
	position: relative;
	z-index: 1;
	margin-right: 8px;
}

div.projectDetailBox a {
	margin: 5px 0 0 5px;
	color: #0080C0;
}

div.projectDetailBox div.identImg {
	position: absolute;
	bottom: -30px;
	right: -22px;
	z-index: 1;
}

div.projectFiles div.phaseList {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px;
}

div.projectFiles div.phaseList div.phase div.headline {
	border-bottom: 1px solid #0080C0;
	margin: 10px 0px 10px 0px;
}

div.projectFiles div.phaseList div.phase div.headline a {
}

div.projectFiles div.phaseList div.phase div.headline a:hover {
}

div.projectFiles div.phaseList div.phase div.active a,  div.projectFiles div.phaseList div.phase div.inactive a {
	font-size: 12pt;
}


div.projectFiles div.phaseList div.phase div.active a {
	color: #0080C0;
}

div.projectFiles div.phaseList div.phase div.inactive a {
	color: #D6D6BA;
	cursor: default;
}

div.projectFiles div.phaseList div.phase div.inactive a.phasename {
	cursor: pointer;
}

div.projectFiles div.phaseList div.phase div.inactive a img {
	cursor: default;
}

div.projectFiles div.phaseList div.phase div.inactive {
	border-color: #D6D6BA;
	border: none;
}

div.projectFiles div.phaseList div.phase table.filesOnProjectOverview {
	width: 100%;
	margin: 0px 0px 0px 10px;
}

div.projectFiles div.phaseList div.phase table.filesOnProjectOverview tr {
	margin-bottom: 6px;
}

div.projectTasks {
	padding: 10px;
}

a.getAttention, div#export a.getAttention {
	color: #0080C0;
}

/**
 *
 * following: project-contact-page
 *
 *
 */

table#projectContacts {
	width: 98%;
	margin-top: 10px;
}

table#projectContacts td, table#projectContacts th {
	padding: 2px 8px 2px 4px;
}

table#projectContacts thead th {
	font-weight: bold;
	border-bottom: 3px solid #ccc;
	background-color: #fff;
}

table#projectContacts tbody td{
	width: 14%;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}


/**
 *
 *
 *  following: taskListNarrowView
 *
 *
 */
div.taskListOnProjectPage {
	top: 10px;
	width: 350px;
}

div.taskOnProjectPage {
	margin-top: 10px;
}

div.taskOnProjectPageHead {
	margin-top: 5px;
	font-size: 12pt;
}

div.taskOnProjectPageText {
	margin-right: 40px;
	/*provide space for the check-picture */
}

/**
 *
 *
 *  following: configurationPage
 *
 *
 */
table.configTable {
	width: 100%;
	display: block;
	padding: 10px;
}

table.configTable button {
	margin-top: 20px;
	margin-right: 2px;
}

table.configTable input {
}

table.configTable td {
	padding: 2px 4px 2px 10px;
}

table.configTable td.configTableLeftColumn {
	width: 180px;
	text-align: left;
}

table.configTable button {
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	padding: 1px 4px 1px 4px;
}

/**
 *
 *
 * following: Timesheet
 *
 *
 */

table.list input.date {
	width: 70px;
}

table.list input.date[id="dateTo"] {
	float: left;
	margin-top: 2px;
}

table.list td.timesheetListItemDate a {
	position: relative;
	top: -16px;
	clear: none;
	float: right;
}

table.list input.minutes{
	width: 40px;
}

table#departmentDetailsCol1 select#ixCompany_5 {
}

/**
 *
 *
 * following: ContactPage
 *
 *
 */
div.contactPage input.editInline,
table.contact textarea, div.contactPage textarea {
	width: 175px;
	margin-bottom: 2px;
}

div.contactPage input.zipcode {
	width: 40px;
	margin-right: 4px;
	clear: both;
}

div.contactPage input.city {
	width: 100px;
	margin-left: 0px;
}

div.contactPage input.countrycode {
	width: 20px;
	text-transform: uppercase;
}

table.contact button, div.contactPage button {
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	padding: 1px 4px 1px 4px;
	overflow: visible;
}

table.contact select, div.contactPage select,
table.contact input, div.contactPage input,
table.contact textarea, div.contactPage textarea {
	border: 1px solid #cccccc;
	font-family: Arial;
	font-size: 10pt;
}

table.contact td.headline {
	height: 50px;
	vertical-align: bottom;
}

table.contact {
	width: 100%;
}

table.contact td {
	margin: 40px 0 0 0;
}

table.contact span.select {
	/* padding-left: 40px*/
}

table.details {
	margin: 0 0 0 5px;
}

table.contactDetailView {
	width: 100%;
}

table.contactDetailViewWidthBorder {
	border: 1px solid #FFFFFF;
	width: 100%;
}

td.contactPageExport {
	text-align: right;
}

thead td.contactPageFilter {
	width: 33%;
	padding: 10px;
}

thead td.contactPageFilter select {
	width: 98%;
}

td.contactPageSelect {
	width: 33%;
}

select.contactPageInput {
	width: 98%;
}

input.contactPageInput {
	width: 66%;
}

td.contactPageTabHighlighted {
	background-color: #D6D6BA;
	width: 100px;
}

td.contactPageTab {
	width: 100px;
}

table.contactPageTab {
	border: 1px;
}

td.contactPageDetailsCol1 {
	width: 60px;
	font-weight: bold;
}

td.contactPageDetailsCol2 {
}

td.contactPageDetailsCol2 select {
	width: 32%;
	margin-right: 2px;
}

select#ixCategory_3, select#ixCategory_4 {
	width: 33%;
}

table#departmentDetailsCol1 select#ixCompany_5 {
	width: 80%;
}

table#contactDetailsRow1 select#ixDepartment_4 {
	width: 200px;
}


td.contactPageDetailsHeadline {
	font-weight: bold;
}

td.contactDetailViewCell {
	width: 50%;
}

td.contactDetailViewThreeCell {
	width: 33%;
}

div.companyDetails, div.departmentDetails, div.contactDetails {
	border: 1px solid #EEEEEE;
}

td.contactPageDetailsCol2 cpSpanNoEdit {

}

/**
 *
 *
 * following: DocumentPage
 * dark green: #0080C0
 * light green: #6AB5AA
 * grey: #D6D6BA
 * lightgrey: #EEEEEE
 *
 */

table.documentPageDocuments, table.documentPageDocFrame, td.documentPageDocuments {
	width: 100%;
}

table.documentPageDocFrame td{
	vertical-align: top;
}

table.documentPageDocFrame tbody td.documentListBar{
	border-bottom: 1px solid #eee;
}

td.documentPageDocuments {
	border-right: 1px solid #eee;
}

table.documentPageDoctype td, table.documentPageDocuments thead td {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 4px 5px;
	white-space: nowrap;
}

table.documentPageDocFrame thead td {
	background-color: #eee;
}

table.documentPageDoctype tbody td.indented {
	padding-left: 30px;
}

table.documentPageDoctype tbody td:hover {
	cursor: pointer;
}

table.documentPageDoctype tbody td.active {
	background-color: #D6D6BA;
}

td.documentPageDoctype {
	border-width: 1px;
	border-color: #eee;
	border-left-style: solid;
	border-right-style: solid;
}

table.documentPageDocuments td {
	padding: 3px 5px;
}

/**
 *
 *
 * following: Startpage
 *
 *
 */
div.fileList {
	float: left;
	top: 0px;
	width: 45%;
	left: 0px;
	padding: 0px 10px 0px 50px;
}

div.projectListAndTaskListStartPage, div.projectDetailAndTaskList {
	float: left;
	top : 0px;
	width: 45%;
}

div.projectListAndTaskListStartPage form {
	margin-top: 20px;
}

div.projectListAndTaskListStartPage ul li{
	margin: 5px 0 0 5px;
}

li.projectNameStartPage{
	margin-top: 5px;
}

span.titleNameStartPage{
	font-size: 12pt;
}

table.listOnStartPage tr td{
	padding: 5px;
}

li.projectNameStartPage span.startPageProjectNote, span.noteStartPage {
	display: block;
	color: #757564;
}

table.listOnStartPage td.isCompleted {
	vertical-align: top;
	padding-top: 10px;
}

/**
 * following: Adminisitration page
 */
td.userListItemFirstname {
	width: 110px;
}

td.userListItemLastname {
	width: 110px;
}

td.userListItemScreenname {
	width: 110px;
}

td.userListItemPassword {
	width: 110px;
}

td.userListItemAccesslevel {
	width: 110px;
}

div.contributorProjectList, div.administerCategories {
	padding: 10px;
}

div.contributorProjectList select {
	width: 200px;
}

administerCategories table {
	width: 100%;
}

div.administerCategories td{
	padding: 5px;
	vertical-align: top;
}

div.administerCategories td button {
	margin-bottom: 10px;
}

/**
 * manuels zeug - erstmal nicht weiter beachten
 */

#phaseList li {
	float: left;
	padding: 0 15px;
}

#phaseList li a.active, #phaseList li a.inactive {
	color: #0080C0;
}

#phaseList li a.active, #phaseList li a:hover {
	font-size: 18pt;
	text-decoration: none;
}

#phaseList li a.empty {
	color: #D6D6BA;
}

img.checkinCheckout {

}

div.clearLeft {
	clear: left;
}

#pleasewait {
	display: none;
	position: absolute;
	width: 250px;
	height: 50px;
	left: 50%;
	top: 50%;
	color: white;
	font-size: 16pt;
	margin: -35px 0px 0px -125px;
	padding: 23px 0px 0px 20px;
	background-color: #999999;
	-moz-border-radius: 9px;
	-moz-opacity: 0.7;
	z-index: 2000;
}

div.tabList a.active {
	background-color: #eee;
}

div.tabList {
	margin: 12px 0 6px 1px;
}

div.tabList a {
	padding: 5px 15px;
	margin: 0 -2px;
	border: 1px solid #eee;
}

div.tabFrame {
	border: 1px solid #eee;
}

input[type="text"].editInline, select.editInline {
	width: 98%;
}

tr.editInline {
	background-color: #D6D6BA;
}

span.documentMetaInformation {
	color: #0080C0;
	font-size: 11px;
	font-style: italic;
}

img.checkinCheckout {
	margin-right: 6px;
	vertical-align: bottom;
}

form.popup fieldset {
	margin-top: 10px;
}

.popupCloseButtons {
	text-align: right;
}

.popupCloseButtons button {
	padding: 0 10px;
}

form.popup input, form.popup select {
	margin: 2px 0;
	vertical-align: middle;
}

td.actionButtons {
	background-color: #fff;
	white-space: nowrap;
}

td.projectOverview, td.projectOverview:hover {
	background-color: #fff !important;
}

div.tabList button.light {
	vertical-align: bottom;
	margin: 0;
}

input.search {
	background: url(/include/image/search.png) no-repeat;
	border: 1px solid #ccc;
	padding-left: 18px;
}

tr.listFilteredNote td {
	color: #fff;
	background-color: #D9D75F !important;
	border-style: none !important;
}

#documentListThumbnails button.container {
	margin: 0 5px 5px 0;
	padding: 2px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}

td.documentListBar {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}

tbody.documentListBar, td.documentListBar {
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

td.documentListBar div.batchDocumentActions {
	float: left;
	padding-left: 5px;
	text-align: left;
}

td.documentListBar div.searchBar {
	text-align: right;
	padding-right: 5px;
}

td.documentListBar button {
	padding: 0 5px;
}

td.number {
	text-align: right;
}

ul.messageContainer {
	text-align: center;
}

ul.messageContainer span.message {
	padding: 3px;
	background-color: #D9D75F;
}

#phaseList {
	margin: 4px 0 0 0;
}

#documentListFilter select {
	width: 250px;
}

/**
 * Export Views
 */

body.export {
}

body.export table {
	width: 100%;
	font-size: 11pt;
	overflow:hidden;
}

body.export table thead {
}

body.export table thead tr th {
	font-weight: bold;
	border-bottom: 1.2pt solid black;
}

body.export table tbody tr td {
	padding: 1pt;
}

button.light {
	background-color: transparent !important;
	border: 1px none #CCCCCC !important;
	margin-left: 2px !important;
	padding: 0px !important;
	cursor: pointer !important;
}

button.light img {
	vertical-align: bottom !important;
}