/*
 * $Id$
 *
 * @Author hendrik, Rick Oosterholt
 *
 * This stylesheet contains all the definitions to style the platform in the Pricipal Toolbox style.
 *
 * Copyright (c) 2010 Fortes Solutions BV. All Rights Reserved.
 */

/* Basic colors */
.bgColor {
	background-color: #ffffff;
}
.darkColor {
	background-color: #758FAD;
	color: #ffffff;
	font-size: 14px;
	padding: 4px;
}
.normalColor {
	background-color: #cccccd;
}
.lightColor {
	background-color: #EAEFF0;
}
.activeDarkColor {
	background-color: #FBDB6D;
}
.activeNormalColor {
	background-color: #FFEAB1;
}
.activeLightColor {
	background-color: #FFEFD5;
}
.titleColor {
	background-color: #758FAD;
}
.menuColor {
	background-color: #99ccff;
	color: #758FAD;
}

/* GroupHeaders */
div.GroupHeaderDiv {
	background-color: transparent;
	height: 26px;
}

#jstabs.ui-tabs ul.ui-tabs-nav {
	margin-top: -34px;
	margin-left: -6px;
	border-bottom: 0px;
}
#jstabs.ui-tabs.ui-corner-all {
	border-top-left-radius: 0px;
}

div.GroupHeaderDiv.notop {
	margin-top: 0px;
}

div.GroupHeaderDiv.hastabs {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

div.GroupHeaderDiv.hastabs b {
	border: 0px;
}

div.GroupHeaderDivActive {
	background-color: transparent;
}

div.GroupHeaderDivActive > span {
	color: white;
}

/* FormGroupStart */
.GroupStart {
	color: #ffffff;
}

table.FormTable {
	border: 5px solid transparent;
	border-collapse: collapse;
	width: 100%;
}

/* Bold links in dashboard listings */
.dashboardNameColumn span, .dashboardNameColumn a {
	font-weight: bold;
}

.listingTable .RowItems td {
    padding-left: 6px;
}


/***** BUTTONS CSS BEGIN *****/

div.GroupHeaderDivActive div.mybuttonActive {
	color: white;
}

.GroupHeaderButtonSpan #pulldown {
	border: 1px solid #DCE3E5;
}

.GroupHeaderButtonSpan #pulldown div.separator {
	border-top: 2px dotted #DCE3E5;
}

div.headerButtons a:hover {
	text-decoration: none;
}

div.activeselector > div {
	color: gray;
}

div.activeselector {
	background: white none !important;
}

/* image buttons should be aligned correctly between two pipes (borders) */
.GroupHeaderButtonSpan div.imageButton img {
	padding-left: 3px;
}

/***** BUTTONS CSS END *****/


/***** LISTING CSS START *****/

.listingTable  .odd {
/*	background-color: #FFFFFF;*/
}

.listingTable thead {
	border-top: 1px solid #b4dae0;
}

.listingTable .colHeader {
	border-bottom: 1px solid #b4dae0;
}

.listingTable .catHeader th,
.listingTable .colHeader th {
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

.listingTable  .even    {
/*	background-color: #FFFFFF;*/
}

.listingTable thead tr.header {
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	color: #808080;
}

.dashboard > tbody.odd,
.dashboard > tbody:not(.odd) > tr.odd,
.activeListing .odd {
	background-color: #ffffff;
}

.listingTable .odd td,
.listingTable .even td,
.listingTable .tsErrorEntry td {
	padding-top: 3px;
	padding-bottom: 3px;
}

.listingTable  .odd, .listingTable  .odd td,
.listingTable  .even, .listingTable  .even  td,
.dashboard .even, .dashboard .even td,
.dashboard .odd, .dashboard .odd td {
	font-size: 11px;
}

.listingTable > tbody:last-child.odd,
.listingTable > tbody:last-child.even,
.listingTable > tbody:last-child > tr:last-child.odd,
.listingTable > tbody:last-child > tr:last-child.even{
	border-bottom: 0 none;
}

/*.tsSectionTitle,*/
.dashboard > tbody:not(.even) > tr.even,
.dashboard > tbody.even {
	background-color: #FFF;
}

.dashboard .tsRow td:first-child,
table.timesheetTable .tsRow td:first-child {
	border-left: 6px solid #1b95aa;
}

.colLabel,.colCatLabel,.colCatLabelStart,.colCatLabelEnd {
	border-bottom: 1px solid #FDFDFD;
}

/* listing row selection (need .listingTable  to make it work (more specific style def) */

.listingTable th {
	text-align: left;
}

/***** LISTING CSS END *****/

/* Style used on member edit pages */
.groupHeader {
	padding: 4px;
	font-weight: bold;
	background-color: #758FAD;
	color: white;
}

/* Prince2 Project */
.logCount {
	color: black;
	border: 1px solid #333;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 12px;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	width: 12px;
}

th .logCount {
	margin-top: 3px;
	margin-bottom: 0px;
	line-height: 12px;
}

/* sortable listings have a link tag surrounding the logCount and need additional margin-top */
th a .logCount {
	margin-top: 8px;
}

/* P2ProjectInfo */

.InfoPane tr td {
	padding:0;
	padding-right: 2px;
	padding-left: 2px;
}
.InfoPane {
	font-size: 11px;
}

/* Customization */
span.customizationContainer img {
	float: left;
	margin-right: 5px;
}
img.customisationImage {
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
}

/*Member selectors*/

div.MultiPersonButtons {
	display: inline-block;
	margin: 0;
	position: relative;
	top: 20px;
	left: 12px;
}

div.MultiPersonSelect {
	margin-left: 5px;
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
}

div.MultiPersonSelectSearchboxWrapper {
	background: transparent url('../../clientframework/styles/images/buttons/search.png') no-repeat left center;
	padding-left: 16px;
	margin-bottom: 3px;
}

select.MultiPersonSelect {
	border: 1px solid grey;
}

div.MultiPersonSelectSearchbox input {
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 16px;
	width: 100%;
}

.ui-button.MultiPersonButton {
	margin-left: 4px;
	margin-right: 4px;
}

.MultiPersonButton {
	font-size: 9px;
	width: 90px;
	text-align: left;
	margin-left: 4px;
	margin-right: 4px;
}

.MultiPersonButtonAdd {
	margin-bottom : 4px;
}

span.memberSelectorLeft {
	vertical-align: top;
	width: 380px;
	display: inline-block;
	margin-top: 5px;
}

span.memberSelectorRight {
	vertical-align: top;
	display: inline-block;
	margin-left: 20px;
	margin-top: 5px;
}

.MultiPersonButtonRemove > span {
	text-align: right;
}
.MultiPersonButtonAdd > span {
	text-align: left;
}

.memberSelectorGroup {
	width: 100%;
	margin: 0 0 5px 0;
	border: 3px solid #DDD;
}

.noSystemMember {
	color: red;
}

.showDetailsButton {
	text-decoration: underline;
	cursor: pointer;
}

.objectLocationInfo {
    position: absolute;
    color: #6d6d6d;
    margin-top: -16px;
}

.objectLocationInfo .applink {
	text-decoration: underline;
	margin-right: 20px;
	margin-left: 5px;
}