/*
 * Copyright by Intland Software
 *
 * All rights reserved.
 *
 * This software is the confidential and proprietary information
 * of Intland Software ("Confidential Information"). You
 * shall not disclose such Confidential Information and shall use
 * it only in accordance with the terms of the license agreement
 * you entered into with Intland.
 *
 * $Revision$ $Date$
 */

body {
	background-color: #FFF;
	font-family: 'arial', 'helvetica', 'verdana', sans-serif;
	font-size: 9pt;
}

.popupBody {
	padding: 10px;
}

form {
	margin-bottom: 0;
	margin-top: 0;
}

input {
	font-size: 9pt;
}

.button, input.button, .actionButton, input.smallButton {
	border: none;
	min-height: 19px;

	font-size: 8pt;
	font-weight: bold;
	color: white;

	background-image: url("../images/newstyle/button_bg.gif");
	background-repeat: repeat-x;
	background-color: #288fd4;
	padding: 0 5px;
}

.blockedButton {
	border: none;
	min-height: 19px;

	font-size: 8pt;
	font-weight: bold;
	color: #DDC;

	background-image: url("../images/newstyle/button_bg.gif");
	background-repeat: repeat-x;
	background-color: #288fd4;
	padding: 0 5px;
}

input.smallButton {
	font-size: 7pt;
	min-height: 12px;
}

[disabled] { /* background-color is explicitely set, because the disabled state is hard to see in IE7 */
	background-color: #DDC;
}

select {
	font-size: 9pt;
}

a {
	text-decoration: underline;
}

a:hover {
	color: #CC0000;
	text-decoration: underline;
}

a, a:hover, a:visited, a:focus {
	outline: none;
}

img {
	border: none;
}

.fixSelectWidthWithIcon {
	width: 134px;
}

.fixSelectWidth {
	width: 150px;
}

.dynamicSelectWidth {
	width: 80%;
}

.fixWideSelectWidth {
	width: 300px;
}

.fixMiddleSelectWidth {
	width: 220px;
}

.expandText {
	width: 98%;
}

.expandTextArea {
	width: 98%;
}

.expandTextAreaWH {
	width: 98%;
	height: 99%;
}

.inputText {
}

textarea {
	font-size: 9pt;
}

td, ul, ol, li {
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
}

th {
	font-weight: bold;
	font-size: 9pt;
	color: white;
	vertical-align: middle;
	line-height: 120%;
	background-color: #003366;
}

tr.head {
	background: #003366;
	vertical-align: top;
	white-space: nowrap;
}

tr.odd {
	background: #DDDDCC;
}

tr.even {
	background: #fafafa;
}

/*
	The rows which are checked, styles applied by TableHiglighter.js
 */
.tableRowSelected_odd {
	background: #f1f1c0 !important;
}
.tableRowSelected_even {
	background: #e1e1b6 !important;
}
.tableRowSelected_odd td, .tableRowSelected_odd a {
	font-weight: bold !important;
	/*color: blue !important;*/
}
.tableRowSelected_even td, .tableRowSelected_even a{
	font-weight: bold !important;
	/*color: blue !important;*/
}

.tableRowSelected_odd:hover, .tableRowSelected_even:hover {
	background: #f1f1a0 !important;
}

pre {
	font-family: 'courier new', 'courier', monospace;
	font-size: 9pt;

	overflow:auto;

	/*
		allow some wrapping in <pre>-s if necessary:
		http://myy.helia.fi/~karte/pre-wrap-css3-mozilla-opera-ie.html
	 */
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/**
 * Fix the line-height from the YUI's fonts.css
 */
pre,code,kbd,samp,tt {
	line-height: normal !important;
}

input.inconsistent {
	background-color: red;
}

.graysmall {
	font-weight: bold;
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
}

.match {
	background-color: #ffd633;
}

.warningtext {
	font-weight: bold;
	font-size: 10pt;
	color: red;
	text-decoration: none;
}

.subtext, .subtext a, .subtext li {
	font-size: 8pt;
	color: #777;
}

.explanation {
	font-size: 8pt;
	color: #777;
}

.explanation a {
	font-size: 8pt;
}

.hint {
	background: #F5F5F5;
	border: 1px solid #E5E5E5;
	font-size: 8pt;
	padding: 5px;
}

a.sortedby {
	color: white;
	font-weight: bold;
	font-size: 9pt;
}

a.sortedby:hover {
	color: white;
	font-size: 9pt;
}

a.notsortedby {
	color: white;
	font-size: 9pt;
}

a.notsortedby:hover {
	color: white;
	font-size: 9pt;
}

/* - Boxes ----------------------------------------------------------------- */

.boxheader {
	font-weight: bold;
	color: white;
	background: #33668f;
	text-decoration: none;
}

.boxheader a:hover {
	color: white;
	text-decoration: underline;
	font-size: 9pt;
}

.boxframe {
	background-color: #33668f;
}

.boxtext {
	font-size: 10pt;
	color: black;
}

.bullettext {
	font-size: 9pt;
	color: black;
}

/* default headline bullet style */
img.bullet {
	background-image: url("../images/red_arrow.gif");
	background-repeat: no-repeat;
	background-position: top right;
}

.tableItem {
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
	text-align: left;
	line-height: 16px;
	background-color: #eeeedd;
}

.optional, .mandatory, .optional_left {
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
	text-align: right;
	line-height: 16px;
	background-color: #ddddcc;
}

/* add some space around when optional..etc.. is not on a table cell, but on a span */
span.optional, span.mandatory, span.optional_left {
	padding:5px;
}

.optional_left {
	text-align: left;
}

.mandatory {
	border-right: solid 4px #cc0000;
}

td.colseparator {
	width: 0;
	white-space: nowrap;
	border-right: 1px solid silver;
}

.toolheadline {
	background-color: #33668f;
}

.toolheadsubline {
	background-color: #cccccc;
}

.titlenormal {
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
}

.titlenormal .nobold {
	font-weight: normal;
}

.title-subtext {
	color: #AAA;
	font-size: 8pt;
	font-weight: normal;
}

/* Header customization for Corporate colors */
.mainmenu {
	font-size: 8pt;
	color: #999;
}

/*
The menu appears on the top right, and contains stuff like the logged in user, history, and quick search
 */
.toprightmenu {
	margin-right: 20px;
}

/* The currently logged in user's link inside the toprightmenu */
#userInfo {
	color: black;
	font-weight: bold;
}

.mainmenu a:hover {
	text-decoration: none;
	color: #000;
}

.submenu {
	font-weight: normal;
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
	background-color: #003366;
}

.submenu a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* Header customization End */

/* Toolbar (Main Tabs) Look & Feel */
.toolbar {
	padding-bottom: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	width: 100%;
	height: 28px;

	background-image: url("../images/newstyle/header_elements/maintab_bg_normal_hrepeat.gif");
	background-repeat: repeat-x;
	background-position: top left;
}

.tab {
}

.tab td {
	text-align: center;
	margin: 0;
	padding: 0 10px 0 10px;
	height: 28px;
}

.tab .Left, .tab .currentTabLeft, .tab .currentTabRight {
	display: none;
}
.tab .Right {
	width: 1px !important;	/* TODO: this tab is 3px, ignores this setting , why? */
	border: none;
	padding: 0 0;
	margin: 0 0;

	background-image: url("../images/newstyle/header_elements/maintab_menuseparator2.gif");
	background-repeat: no-repeat;
	background-position: top right;
}

.tab .Center {
}

.tab a {
	color: #777777;
	text-decoration: none;
	font: 9pt arial;
}

.tab a:hover {
	text-decoration: none;
	color: #777777;
}

.tab td.currentTabLeft {
	background-repeat: no-repeat;
	background-position: top left;
}

.tab td.currentTabCenter {
	color: #FFFFFF;
	font-weight: bold;
}

.tab td.currentTabCenter a {
	color: white;
}

.tab td.currentTabRight {
	background-repeat: no-repeat;
	background-position: top right;
}

.tab td.last {
	background-repeat: no-repeat;
	background-position: top left;
	border-color: transparent;
	border-width: 0;
	padding: 0 0 0 0;
}

.toolbar .help {
	width: 16px;
	text-align: right;
	padding: 0 10px 0 0;
}

/* Toolbar Look & Feel End */

/* Summary */

.toolbar_summary_selected .currentTabCenter {
	background-color: #cccc99;
}

.toolbar_summary_selected .currentTabCenter .toolbarTopMenu a,.toolbar_summary_selected .currentTabCenter .toolbarTopMenu a:hover {
	color: black;
}

/* Tracker */

.toolbar_tracker_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_trackers.gif");
	background-color: #ff9700;
}

.toolbar_tracker_selected .currentTabCenter .toolbarTopMenu a,.toolbar_tracker_selected .currentTabCenter .toolbarTopMenu a:hover {
	color: white;
}

/*
	Top menubar, where the breadcumb is
 */
.topmenubar {
	margin: 0 20px 7px 20px;
	font: 8pt arial;
	font-weight: normal;
	text-decoration: none;
	color: white;
}

/*
	Content-area, everything below the topmenubar
 */
.contentArea {
	margin: 0 20px 0 20px;
}

.menubar_tracker {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_trackers.gif");
	background-repeat: repeat-x;
	background-color: #ff9700;
}

.menubar_tracker a, .menubar_tracker a:hover {
	color: white;
}

.menubar_summary {
	color: black;
	background-color: #cccc99;
}

/* Forum */

.toolbar_forum_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_forums.gif");
	background-color:  #EE0302;
}

.toolbar_forum_selected .currentTabCenter .toolbarTopMenu a,.toolbar_forum_selected .currentTabCenter .toolbarTopMenu a:hover {
	color: white;
}

.menubar_forum {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_forums.gif");
	background-color: #EE0302;
}

.menubar_forum a, .menubar_forum a:hover {
	color: white;
}

/* Chat */

.toolbar_chat_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_chat.gif");
	background-color: #928103;
}

.toolbar_chat_selected .currentTabCenter .toolbarTopMenu a,.toolbar_chat_selected .currentTabCenter .toolbarTopMenu a:hover {
	color: white;
}

.menubar_chat {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_chat.gif");
	background-color: #928103;
}

.menubar_chat a, .menubar_chat a:hover {
	color: white;
}

/* Workspace */

.toolbar_workspace_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_workspace.gif");
	background-color: #d602bb;
}

.toolbar_workspace_selected .currentTabCenter .toolbarTopMenu a,.toolbar_workspace_selected .currentTabCenter .toolbarTopMenu a:hover {
	color: white;
}

.menubar_workspace {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_workspace.gif");
	background-repeat: repeat-x;
	background-color: #d602bb;
}

.menubar_workspace a, .menubar_workspace a:hover {
	color: white;
}

/* Doc Style */

.toolbar_docs_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_documents.gif");
	background-color: #0429af;
}

/* selector highlighting the selected menu */
.toolbar_docs_selected .currentTabCenter .toolbarTopMenu a, .toolbar_docs_selected .toolbarTopMenu .toolbarMenu a:hover{
	color: white;
}

.menubar_docs {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_documents.gif");
	background-repeat: repeat-x;
	background-color: #0429af;
}

.menubar_docs {
	color: white;
}

.menubar_docs a, .menubar_docs a:hover {
	color: white;
}

.nonEditableItem {
	cursor: crosshair;
}

/* End of Doc Style */

/* xDoc Style */
.toolbar_xdocs_selected {
	font-weight: bold;
	font-size: 10pt;
	color: white;
	text-decoration: none;
	background-color: #007fb0;
}

.toolbar_xdocs_selected a:hover {
	color: white;
}

.menubar_xdocs {
	color: white;
	background-color: #007fb0;
}

.menubar_xdocs a, .menubar_xdocs a:hover {
	color: white;
}

/* End of xDoc Style */

/* Wiki Space */

.toolbar_wikispace_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_wikis.gif");
	background-color: #0F7ACC;
}

.menubar_wikispace {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_wikis.gif");
	background-repeat: repeat-x;
	background-color: #0F7ACC;
}

.menubar_wikispace a, .menubar_wikispace a:hover {
	color: white;
}

/* Labels */

.labellist {
	background: #F5F5F5;
	border: 1px solid #E5E5E5;
	padding: 5px;
	font-size: 8pt;
	margin-top: 10px;
	margin-bottom: 10px;
}

.labellist a {
	font-size: 8pt;
}

/* Approvals */

#revisionMessage {
	background: #FFF0AA url(../images/approve.gif) no-repeat 5px 5px;
	border: 1px solid #FFEC9F;
	padding: 6px 6px 6px 26px;
	font-size: 8pt;
	margin-top: 10px;
	margin-bottom: 10px;
}

#artifactApprovalList {
	background: #F5F5F5;
	border: 1px solid #E5E5E5;
	padding: 5px;
	font-size: 8pt;
	margin-top: 10px;
	margin-bottom: 10px;
}

.currentStep, .approvedStep, .rejectedStep, .futureStep {
	padding: 1px 5px;
	white-space: nowrap;
}

.currentStep {
	border: 1px dashed silver;
	font-weight: bold;
	background: #FFEC9F;
}

.approvedStep {
	color: #FFF;
	background: #009900;
}

.rejectedStep {
	color: #FFF;
	background: #AA0000;
}

#artifactApprovalList #approveArtifactForm {
	margin-top: 15px;
	padding: 10px;
	background: #FFF;
}

.approvableArtifact {
	background: #FFF0AA;
	margin-left: 5px;
	padding: 0 2px 0 2px;
}

/* Report Style */

.toolbar_report_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_reports.gif");
	background-color: #078776;
}

.toolbar_report_selected .currentTabCenter .toolbarTopMenu a,.toolbar_report_selected .currentTabCenter .toolbarTopMenu a:hover {
	color: white;
}

.menubar_report {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_reports.gif");
	background-color: #078776;
}

.menubar_report a, .menubar_report a:hover {
	color: white;
}

/* End of Report Style */

/* Build Style */

.toolbar_build_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_builds.gif");
	background-color: #016f86;
}

.toolbar_build_selected .currentTabCenter .toolbarTopMenu a,.toolbar_build_selected .currentTabCenter .toolbarTopMenu a:hover {
	color: white;
}

.menubar_build {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_builds.gif");
	background-color: #016f86;
}

.menubar_build a, .menubar_build a:hover {
	color: white;
}

/* End of Build Style */

/* Sources Style */

.toolbar_sources_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_sources.gif");
	background-color: #1F9A1A;
}

.toolbar_sources_selected .currentTabCenter .toolbarTopMenu a,.toolbar_sources_selected .currentTabCenter .toolbarTopMenu a:hover {
	color: white;
}

.menubar_sources {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_sources.gif");
	background-color: #1F9A1A;
}

.menubar_sources a, .menubar_sources a:hover {
	color: white;
}

/* End of Sources Style */

/* Members Style */

.toolbar_members_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_members.gif");
	background-color: #51555E;
}

.toolbar_members_selected .currentTabCenter .toolbarTopMenu a,.toolbar_members_selected .currentTabCenter .toolbarTopMenu a:hover {
	color: white;
}

.menubar_members {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_members.gif");
	background-color: #51555E;
}

.menubar_members a, .menubar_members a:hover {
	color: white;
}

/* End of Members */

/* Admin Style */

.toolbar_admin_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_admin.gif");
	background-color: #90B91B;
}

.toolbar_admin_selected .currentTabCenter .toolbarTopMenu a,.toolbar_admin_selected .currentTabCenter .toolbarTopMenu a:hover {
	color: white;
}

.menubar_admin {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_admin.gif");
	background-color: #90B91B;
}

.menubar_admin a, .menubar_admin a:hover {
	color: white;
}

/* End of Admin */

/* Sysadmin */

.toolbar_sysadmin_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_sysadmin.gif");
	background-color: #A00007;
}

.toolbar_sysadmin_selected .currentTabCenter .toolbarTopMenu a,.toolbar_sysadmin_selected .currentTabCenter .toolbarTopMenu a:hover {
	color: white;
}

.menubar_sysadmin {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_sysadmin.gif");
	background-color: #A00007;
}

.menubar_sysadmin a, .menubar_sysadmin a:hover {
	color: white;
}

/* Sysadmin End */

/* Search */

.toolbar_search_selected .currentTabCenter {
	color:white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_search.gif");
	background-color: #FFFF66;
}

.toolbar_search_selected .currentTabCenter .toolbarTopMenu a,.toolbar_search_selected .currentTabCenter .toolbarTopMenu a:hover {
	color: white;
}

.menubar_search {
	color: black;
	background-color: #FFFF66;
}

.menubar_search a, .menubar_search a:hover {
	color: white;
}

/* Search End */

.mytab a:hover {
	color: white;
	text-decoration: underline;
}

.scctask {
	font-weight: bold;
	font-size: 10pt;
	color: red;
	text-decoration: none;
}

/* Custom Style */
.toolbar_my_toolbar_selected {
	font-weight: bold;
	font-size: 10pt;
	color: white;
	text-decoration: none;
	background-color: #66143d;
}

.toolbar_my_toolbar_selected a:hover {
	color: white;
}

.my_menubar {
	font-weight: normal;
	font-size: 9pt;
	color: white;
	text-decoration: none;
	background-color: #66143d;
}

.my_menubar a:hover {
	color: white;
}

/* End of Custom Style */

/* Working Set selector */
.workingset select {
	width: 160px;
}
/* End Working Set selector */

.closedItem {
	font-size: 9pt;
	text-decoration: line-through;
}

.closedItem a:hover {
	text-decoration: line-through;
}

.notStarted {
	color: #009999;
}

.due {
	color: gray;
	text-decoration: line-through;
}

a.due {
	text-decoration: line-through underline;
}

.pending {
	font-style: normal;
	background-color: #808080;
	color: #ffffff;
}

.loggedinuser {
	font-style: italic;
}

.loggedoffuser {
	font-style: normal;
}

.documentinuse {
	font-style: italic;
}

/**
	row color for odd and then even lines of deleted documents
	Note: there is NO SPACE between the .odd and .documentdeleted, to select only when both classes are present!!!
	i.e. class="odd documentdeleted"
	*/
.documentdeleted-odd td, .documentdeleted-odd td a {
	background-color: #EAEAEA;
	color: gray;
}

.documentdeleted-even td,.documentdeleted-even td a {
	background-color: #E1E1E1;
	color: gray;
}

.documentdeleted-odd td.colseparator, .documentdeleted-even td.colseparator {
	background-color: white;
}

.disableduser {
	font-style: normal;
	color: gray;
}

.wikiPageContent {
	vertical-align: top;
	/*overflow:auto;*/
}

.wikiPageContent #pagecontent.viewAsMarkup {
	font: monospace;
	white-space: pre;
}

.wikiNavigationLink {
	font-size: 8pt;
}

.dateData {
	white-space: nowrap;
	text-align: right;
	padding: 0 4px 0 4px;
}

.numberData  {
	white-space: nowrap;
	text-align: right;
	padding: 0 4px 0 4px;
}

.textData {
	white-space: nowrap;
	text-align: left;
	padding: 0 4px 0 4px;
}

.textCenterData {
	white-space: nowrap;
	text-align: center;

	padding: 0 4px 0 4px;
}

.textCenterDataWrap {
	white-space: normal;
	text-align: center;

	padding: 0 4px 0 4px;
}

.textSummaryData {
	text-align: left;
	padding: 0 4px 0 4px;
}

.smallerText {
	font-size: 8pt;
}

/* This item affects the width of tracker summary fields. */
div.summaryMinWidth {
	display: block;
	text-align: left;
	width: 350px;
	min-width: 350px;
}

.textDataWrap {
	text-align: left;
	padding: 0 4px 0 4px;
}

.rawData {
	white-space: nowrap;
	text-align: left;
	padding: 0 0 0 0;
}

.keyNameTextData {
	white-space: nowrap;
	text-align: left;
	padding: 0 0 0 4px;
}

.keyIdTextData {
	white-space: nowrap;
	text-align: right;
	padding: 0 0 0 4px;
}

.empty TD {
	white-space: nowrap;
	text-align: left;
	padding: 0 4px 0 4px;
}

/* - DisplayTag tables - */

table.displaytag .expandTable {
	width: 98%;
}

table.displaytag, .fullExpandTable {
	width: 100%;
}

table.displaytag th {
	background-repeat: no-repeat;
	font-weight: normal;
	color: white;
	white-space: nowrap;
	vertical-align: top;
}

table.displaytag th a, table.displaytag th a:visited {
	color: white;
}

table.displaytag th a:hover {
	text-decoration: underline;
	color: white;
}

table.displaytag th.sortable a {
	background-image: url(../images/displaytag/arrow_off.png);
}

table.displaytag th.order1 a {
	background-image: url(../images/displaytag/arrow_down.png);
}

table.displaytag th.order2 a {
	background-image: url(../images/displaytag/arrow_up.png);
}

table.displaytag th.sorted {
	font-weight: bold;
}

table.displaytag th.sorted a, th.sortable a {
	background-position: right;
	background-repeat: no-repeat;
	display: block;
	padding-right: 10px;
}

table.displaytag {
	border: 1px solid silver; /* Draw a box around the table. */
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table.displaytag tr {
	vertical-align: top;
}

table.displaytag tr.even {
	background: #ddddcc;
}

table.displaytag tr.odd {
	background: #f1f1f1;
}

/* slightly yellow line when mouse is hovering over a row, sorry this does not work in IE :-( */
table.displaytag tr.even:hover, table.displaytag tr.odd:hover, table tr.even:hover, table tr.odd:hover {
	background: #ffffcc;
}

/* context action menus appear only for "hover" rows */
table.displaytag tr.even img.menuArrowDown, table.displaytag tr.odd img.menuArrowDown, table tr.even img.menuArrowDown, table tr.odd img.menuArrowDown {
	visibility: hidden;
}

table.displaytag tr.even:hover img.menuArrowDown, table.displaytag tr.odd:hover img.menuArrowDown, table tr.even:hover img.menuArrowDown, table tr.odd:hover img.menuArrowDown {
	visibility: visible;
	background-color: yellow;
}

table .expand {
	width: 99%;
}

div.pagebanner, div.pagelinks {
	padding: 5px;
}

div.pagelinks span.nextprev, div.pagelinks a, div.pagelinks strong, div.pagebanner a {
	border: 1px solid #CCC;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	margin-right: 3px;
}

div.pagelinks span.nextprev {
	color: #AAA;
}

div.pagelinks strong {
	background: #CCC;
	color: #FFF;
}

div.pagelinks a:hover {
	background: #F0F0F0;
	color: #000;
}

div.exportlinks {
	background-color: white;
	border: 0 dotted #999;
	padding: 2px 4px 2px 4px;
	margin: 0;

	font-size: 8pt;
}

.notSelectable {
	font-weight: normal;
	font-style: normal;
	color: gray;
}

.invisible {
	display: none !important;
}

/* DitchnetTab Custom Skin (based on default skin) */
.ditch-tab-skin-cb .ditchnet-tab-container {
	margin: 10px;
}

.ditch-tab-skin-cb .ditch-tab-wrap {
	position: relative;
	z-index: 10;
	height: 25px;
	background: transparent url(../images/cb_tab_bg_tabs.gif) 100% 0 repeat;
	padding: 0 0 0 5px;
}

.ditch-tab-skin-cb .ditch-tab {
	position: relative;
	float: left;
	padding: 5px 20px;
	margin: 0 1px -1px 1px;
	text-align: center;
	cursor: pointer;
	height: 15px;
}

.ditch-tab-skin-cb .ditch-tab-bg-left {
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 25px;
}

.ditch-tab-skin-cb .ditch-tab-bg-left {
	height: 25px;
}

.ditch-tab-skin-cb .ditch-unfocused {
	color: #999;
	border-bottom: 1px solid silver;
	background: transparent url(../images/cb_tab_bg_right.gif) 100% 0 no-repeat;
}

.ditch-tab-skin-cb .ditch-focused {
	border-bottom: 1px solid white;
	background: transparent url(../images/cb_tab_bg_focus_right.gif) 100% 0 no-repeat;
	font-weight: bold;
}

.ditch-tab-skin-cb .ditch-unfocused .ditch-tab-bg-left {
	background: transparent url(../images/cb_tab_bg_left.gif) 0 0 no-repeat;
}

.ditch-tab-skin-cb .ditch-focused .ditch-tab-bg-left {
	background: transparent url(../images/cb_tab_bg_focus_left.gif) 0 0 no-repeat;
}

.ditch-tab-skin-cb .ditch-tab a:link,.ditch-tab-skin-cb .ditch-tab a:visited {
	color: black;
	text-decoration: none;
}

.ditch-tab-skin-cb .ditch-tab-wrap .ditch-unfocused a:link,.ditch-tab-skin-cb .ditch-tab-wrap .ditch-unfocused a:visited {
	color: black;
}

.ditch-tab-skin-cb .ditch-tab-pane-wrap {
	position: relative;
	z-index: 9;
	border: 1px solid silver;
	padding: 8px;
}

.ditch-tab-skin-cb .ditch-tab-pane {
}

.ditch-tab-skin-cb br.ditch-clear {
	clear: both;
}

/* DitchnetTab Custom Skin "cb-box" */
.ditch-tab-skin-cb-box .ditchnet-tab-container {
	margin: 10px;
}

.ditch-tab-skin-cb-box .ditch-tab-wrap {
	position: relative;
	z-index: 10;
	background-color: transparent;
	padding: 0;
	height: auto;
}

.ditch-tab-skin-cb-box .ditch-tab {
	position: relative;
	float: left;
	padding: 5px 20px;
	margin: 0 0 0 0;
	text-align: center;
	cursor: pointer;
}

.ditch-tab-skin-cb-box .ditch-unfocused {
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #778A98;
	color: #999;
	background: transparent url(../images/cb_box_tab_bg_unfocus_right.gif) 100% 0 no-repeat;
}

.ditch-tab-skin-cb-box .ditch-tab-last {
	border-right: 1px solid #C0C0C0;
}

.ditch-tab-skin-cb-box .ditch-tab-first {
	border-left: 1px solid #C0C0C0;
}

.ditch-tab-skin-cb-box .ditch-focused {
	z-index: 11;
	border-top: 1px solid #778A98;
	border-right: 1px solid #778A98;
	border-bottom: 1px solid white;
	border-left: 1px solid #778A98;
	background: transparent url(../images/cb_box_tab_bg_focus_right.gif) 100% 0 no-repeat;
	font-weight: bold;
}

.ditch-tab-skin-cb-box .ditch-unfocused .ditch-tab-bg-left {
	position: absolute;
	top: 0.5em;
	left: -1px;
	border-left: 1px solid #C0C0C0;
	height: 1.3em;
}

.ditch-tab-skin-cb-box .ditch-tab-first .ditch-tab-bg-left {
	border-left: 0;
}

.ditch-tab-skin-cb-box .ditch-focused .ditch-tab-bg-left {
}

.ditch-tab-skin-cb-box .ditch-tab a {
	hidefocus: true;
	-moz-outline-style: none;
}

/**
 * Modify this to change an appearance of all active tabs.
 * Related class in wiki.css: .tabmenu .activetab
 */
.ditch-tab-skin-cb-box .ditch-tab, .ditch-tab-skin-cb-box .ditch-tab a:link,.ditch-tab-skin-cb-box .ditch-tab a:visited {
	color: #777777;
	text-decoration: none;
}

/**
 * Modify this to change an appearance of all NOT active tabs.
 * Related class in wiki.css: .tabmenu span a
 */
.ditch-tab-skin-cb-box .ditch-tab-wrap .ditch-unfocused a:link,.ditch-tab-skin-cb-box .ditch-tab-wrap .ditch-unfocused a:visited {
	color: #777777;
}

.ditch-tab-skin-cb-box .ditch-tab-pane-wrap {
	position: relative;
	top: -1px;
	z-index: 9;
	border: 1px solid #778A98;
	padding: 8px;
}

.ditch-tab-skin-cb-box .ditch-tab-pane {
}

.ditch-tab-skin-cb-box br.ditch-clear {
	clear: both;
}

/* - Wiki ------------------------------------------------------------------ */

span.wiki-error {
	background: #FFDDDD;
}

table.diff {
	border: 1px solid silver;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table.diff td {
	font-family: monospace;
	white-space: nowrap;
	background-color: #EEEEEE;
}

table.diff td.diff-annotation {
	font-size: smaller;
	color: #888888;
	background-color: #FFFFFF;
}

table.diff td.diff-added {
	background-color: #DCFADC;
	border-left: 1px solid #008000;
	border-right: 1px solid #008000;
}

table.diff td.diff-deleted {
	background-color: #FFFFCC;
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
}


/* - Breadcrumbs ----------------------------------------------------------- */

#breadcrumbs {
	margin: 0 10px;
}

#breadcrumbs, #breadcrumbs a {
	font-size: 8pt;
	background: transparent;
}

/* - Change-set lists ------------------------------------------------------ */

pre.commitmessage {
	/* even if it's preformatted, no reason to use monospace font */
	margin-top:2px;
	margin-bottom: 2px;
}

ul.changeset {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}

ul.changeset li.changeset {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

ul.changeset li.changeset, ul.changeset li.changeset a {
	font-size: 8pt;
}

ul.changeset li.changeset span.added {
	color: #44CC44;
}

ul.changeset li.changeset span.deleted {
	color: #CC4444;
}

ul.changeset li.changeset span.modified {
	color: #888888;
}

/* - Spring forms ---------------------------------------------------------- */

span.invalidfield {
	background: yellow ;
	color: red !important;
	font-size: 8pt;
	padding: 2px 5px;
}

/* - Layout elements ------------------------------------------------------- */

table#header {
	background: #FFF top repeat-x;
}

table#header .logo {
	margin-left: 5px;
}

table#header span#slogan {
	font-weight: bold;
}

#left-panel {
	border: solid 1px silver;
	width: 20%;
}

#middle-panel {
	background: #FFF;
	width: 100%;
	padding-left: 10px;
}

#right-panel {
	background: #FFF;
	border-left: 1px solid #CCC;
}

div#footer {
	background: url("../images/footer-bg.gif") top repeat-x;
	margin-top: 20px;
	padding: 10px;
	text-align: center;
	clear:both;
}

div#footer td {
	padding-left: 20px;
	padding-right: 20px;
}

div#footer td, div#footer td a {
	font-size: 8pt;
	color: #777;
}

div#footer a:hover {
	text-decoration: none;
}

/* style for parts will not appear in printing */
.noPrint {
}

/* style for parts only appear in printing */
.onlyInPrint {
	display: none;
}

/* ----- common style elements for action menu and action links and others ---- */

/* style for global messages */
#globalMessages {
	margin-top: -10px;
}
#globalMessages .information, #globalMessages .warning, #globalMessages .error {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* wiki boxes, plus they are used as globalMessages */
div.information, div.warning, div.error,
span.information, span.warning, span.error {
	display: block;
	padding: 1.5em 1em 1.5em 50px;	/* 50px is needed to allow space for 32x32 icon */
	margin: 1em .5em;
	background-position: .8em .7em;
	background-repeat: no-repeat;
}

div.information,
span.information {
	background-image: url(../images/wiki-information.gif);
	background-color: #D8E4F1;
	border: 1px solid #3C78B5;
}

div.warning,
span.warning {
	background-image: url(../images/wiki-warning.gif);
	background-color: #FFFFCE;
	border: 1px solid #F0C000;
}

div.error,
span.error {
	background-image: url(../images/wiki-error.gif);
	background-color: #FFCCCC;
	border: 1px solid #CC0000;
}

/**
	action menu bar on top of page with the titles
	with thin border around , which should be darker a bit
 */
.actionMenuBar {
	margin: 0 0 10px 0;
	/*border: 1px solid; */
}

/*
Icon in ActionMenuBar. We can not use background-image directly on ActionMenuBar, because that's used for coloring the whole to gray.
so let's put this as a simple div in each actionMenuBar...
 */
.actionMenuBarIcon {
	float:left;
	width: 34px;
	height: 32px;	/* size of the image of icon is 32x32, but making a bit wider */

	padding: 0;
	margin: 0 10px 0 5px;

	background-image: url("../images/project_headline.gif");
	background-repeat: no-repeat;
	background-position: center center;
}

/**
	style for the action menu contains buttons, just above the tables
	10 pixel space after
 */
.actionBar {
	margin: 0 0 10px 0;
	padding: 5px 10px;
}

/*
	Put the same gray backround on actionMenuBar and actionBar
 */
.actionMenuBar, .actionBar {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_toolbars.gif");
	background-repeat: repeat;
	background-color: #a8acb6;
	border: none;
	color: white;
	font-family: 'arial', 'helvetica', 'verdana', sans-serif;
}

/* font color in actionMenuBar & actionBar/ desciptionbox is white */
.actionMenuBar span, .actionBar span, .actionMenuBar yuimenubar, .actionMenuBar a, .actionBar a {
	color: white;
}

/**
 * Info box between the actionMenuBar and actionBar
 */
.descriptionBox {
	background-color: white;
	color: black;
	border: solid 1px #E5E5E5;

	margin: 0 0 10px 0;/*5px 5px 5px 5px;*/
	padding: 5px;
}

/**
 *	inputs in action menu
 */
.actionButton, .actionbar input {
	margin-right: 8px; /* space between action buttons */
}

/*
	links in action menu, or in description box
 */
.actionLink, .actionBar a {
	color: white;
	font-weight: bold;
}

.actionLink {
	margin-right: 15px; /* space between action buttons */
}

.actionBar .yuimenubar {
	margin-right: 15px; /* space between action buttons */
}

/**
 * combo-box with actions inside in the action menu {
 */
.actionComboBox {
	border-color: white;
	margin-right: 15px; /* space between action buttons */
}

/**
 * Action elements as options inside actionCombo
 */
.actionComboBoxOption {
	margin-left: 10px;
}

/*
 * more important information in action menubar
 */
.actionMenuBar .main, .actionMenuBar .main a {
	font-size: 8pt;
}

/*
 * More important and less important information in action menubar.
 */
.actionMenuBar .high, .actionMenuBar .high a {
	color: #000;
	font-size: 8pt;
}

.actionMenuBar .high {
	background-color: yellow;
	padding:0 3px 0 3px;
}

.actionMenuBar .high a.action {
	margin-left: 1em;
	font-weight: bold;
}

.actionMenuBar .low, .actionMenuBar .low a {
	color: #EEE;
	font-size: 8pt;
}

/*
 * Pipe as sepeator char in the action menu use as <span class="pipe">|</span>
 */
.actionMenuBar .pipe {
	padding-left: 10px;
	padding-right: 10px;
	color: #EEE;
}

/* override background image for account management */
.accountHeadLine .actionMenuBarIcon {
	background-image: url('../images/account_headline.gif');
}

/* ----- END OF common style elements for action menu and action links and others ---- */

img.tableIcon {
	margin-right: 2px;
	border: none;
	width: 16px;
	height: 16px;
}

/*
 * CB specific style for wiki tables
 */
table.CBwikiTable {
	border:1px solid silver;

	border-collapse: collapse;
}

table.CBwikiTable tr th, table.CBwikiTable tr th a {
	font-weight: normal;
	font-size: 9pt;
	color: white !important;
	vertical-align: middle;
	line-height: 100%;
	padding: 2px;
}

table.CBwikiTable tr td,
table.CBwikiTable tr th {
	border-collapse: collapse;
	padding-left: 2px;
	padding-right: 2px;
}

table.CBwikiTable tr.even td	{
	background: #FAFAFA none repeat scroll 0%;
}

table.CBwikiTable tr.odd td	{
	background: #F1F1F1 none repeat scroll 0%;
}

table.CBwikiTable td.colseparator {
	background-color: #CCCC99;
	width: 1px;
	white-space: nowrap;
}

/*
 * Style for down arrow next to popup menus
 */
.menuArrowDown {
	margin: 5px 3px 0 3px; /* a bit space around */

	/* sprite for ../images/newstyle/header_elements/maintab_arrow_gray.gif */
	background-image: url("../images/sprite-arrows.gif");
	background-position: -0 -0 ;
	width: 5px; height:5px;

	background-repeat: no-repeat;
}

/* a bit less right margin when inside the menu */
.tab .menuArrowDown {
	margin-right: -2px;
}

/* Use the white arrow for selected tabs, and in actionMenuBar */
.currentTabCenter .menuArrowDown, .actionMenuBar .menuArrowDown, .actionBar .menuArrowDown {
	/* sprite for ../images/newstyle/header_elements/maintab_arrow_white.gif */
	background-image: url("../images/sprite-arrows.gif");
	background-position: -10px -0 ;
	width: 5px; height:5px;
}
/* use black arrow for selected rows, as it is not visible otherwise */
.tableRowSelected_odd .menuArrowDown, .tableRowSelected_even .menuArrowDown, .displaytag .menuArrowDown, .CBwikiTable .menuArrowDown, .wicketActionMenu .menuArrowDown {
	/* sprite for ../images/newstyle/header_elements/maintab_arrow_black.gif */
	background-image: url("../images/sprite-arrows.gif");
	/* the original black arrow's background position: */
	/*
	background-position: -20px -0 ;
	width: 5px; height:5px;
	*/
	/* making the arrow-down bit larger and bordered, so it is easier to spot and click on*/
	border: solid 1px #CCCCCC;
	width: 11px;
	height: 10px;
	background-position: -17px 2px;
	margin: 2px 0 0 0;
	padding: 0;
	margin: 1px;
}

/**
 * Button for popups.
 */
.popupButton {
	display: block;

	border: 1px solid #CCC;
	text-decoration: none;

	margin: 2px 2px;
	padding: 0 4px;
	background-position: center;
	background-image: url("../images/Editor.gif");
	background-repeat: no-repeat;
	background-color: buttonface;
}

.popupButton:hover {
	border-color: #999;
	text-decoration: none;
}

/*
 * Label tab style
 */

.toolbar_labels_selected .currentTabCenter {
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_labels.gif");
	background-color: #D60375;
}

/* selector highlighting the selected menu */
.toolbar_labels_selected .currentTabCenter .toolbarTopMenu a, .toolbar_labels_selected .toolbarTopMenu .toolbarMenu a:hover{
	color: white;
}

.menubar_labels {
	color: white;
	background-image: url("../images/newstyle/header_elements/bg_hrepeat_labels.gif");
	background-color: #D60375;
}

.menubar_labels a, .menubar_labels a:hover {
	color: white;
}

/* Checkbox column in tables (displaytag) using minimum width */
.checkbox-column-minwidth, .column-minwidth {
	text-align: left;
	width: 1%;
}

.status-icon-minwidth {
	width: 1%;
	padding: 0 0 0 4px
}

.action-column-minwidth {
	width: 0.1%;
}

/*
 * Style elements for helpLink.tag
 */
.helpLink {
	margin: 0 5px;
}
.helpLink, .helpLink *, .helpLink:hover, .helpLink *:hover {
	text-decoration:none;
}
.helpLink img {
	vertical-align: text-bottom;
}

/*
 * Style for divs around boxes where scrollbars can appear if the content is too wide
 * It does not look good, disabled now...
 */
.scrollable {
/*	overflow: auto; overflow-x: auto;  */
}

/* class used to wrap invisible images, but the images will pre preloaded */
.prefetchImages {
	display: none;
	position: absolute;
	top: -2000px;
	left: -2000px;
}

/* entity subscribed icons' classes (notification) */
.img_entity_subscribed {
	/* sprite for	background: url(../images/entity_subscribed.gif) no-repeat; */
	background-image: url(../images/sprite-subscribe.gif);
	background-position: -0 -0 ;
	width: 16px; height:16px;

	cursor:pointer;
	cursor:hand; /* IE6*/
}
.img_entity_notsubscribed {
	/* sprite for background: url(../images/entity_notsubscribed.gif) no-repeat; */
	background-image: url(../images/sprite-subscribe.gif);
	background-position: -21px -0 ;
	width: 16px; height:16px;

	cursor:pointer;
	cursor:hand; /* IE6*/
}
.img_entity_subscribednoteditable {
	/* sprite for background: url(../images/entity_subscribednoneditable.gif) no-repeat; */
	background-image: url(../images/sprite-subscribe.gif);
	background-position: -42px -0 ;
	width: 16px; height:16px;

	cursor: default;
}
.img_entity_notsubscribednoteditable {
	/* sprite for background: url(../images/entity_notsubscribednoneditable.gif) no-repeat;*/
	background-image: url(../images/sprite-subscribe.gif);
	background-position: -63px -0 ;
	width: 16px; height:16px;

	cursor:default;
}

/* Sprite for priotities */
/* priority_1.gif*/
.sprite-priority-1-gif {
	background-image: url(../images/sprite-priorities.gif);
	background-position: -0 -0 ;
	width: 16px; height:16px;
}
/* priority_2.gif*/
.sprite-priority-2-gif {
	background-image: url(../images/sprite-priorities.gif);
	background-position: -21px -0 ;
	width: 16px; height:16px;
}
/* priority_3.gif*/
.sprite-priority-3-gif {
	background-image: url(../images/sprite-priorities.gif);
	background-position: -42px -0 ;
	width: 16px; height:16px;
}
/* priority_4.gif*/
.sprite-priority-4-gif {
	background-image: url(../images/sprite-priorities.gif);
	background-position: -63px -0 ;
	width: 16px; height:16px;
}
/* priority_5.gif*/
.sprite-priority-5-gif {
	background-image: url(../images/sprite-priorities.gif);
	background-position: -84px -0 ;
	width: 16px; height:16px;
}

/**
 * style for chooseReferences (dynamic choice popup) container (chooseReferences.tag)
 */
.chooseReferences {
	margin: 2px;
	padding: 1px;
	border: solid 1px gray;
	vertical-align: middle;
	background-color: #FFF;
	cursor: pointer;
}

/**
 * popup button inside the dynamic choices
 */
.chooseReferences .popupButton {
	border: none;
	background-color: transparent;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
}

/**
 * Hide links inside the reference chooser/user-popup as they are not clickable
 */
.chooseReferences a, .chooseReferences a:hover {
	text-decoration: none;
	color: black;
}

/**
 * One dynamic choice reference rendered by renderReferences.tag
 */
.reference {
	white-space: nowrap;
}

/**
 * Disabled dynamic choice selector
 */
.chooseReferencesDisabled {
	background-color: #EEEEDD;
	border-color: gray;
	width: 100% !important;
}

.chooseReferencesDisabled * {
	color:gray;
}

.chooseReferencesDisabled .popupButton {
	background-image: url("../images/Editorgray.gif");
}

/**
	CSS classes for editing/filtering etc.. fields of an issue.
	This expects: put "fieldsTable" class on the table contains the cells.
					3 "fields" in a row (two table-cells for each),
								the cells showing the labels for data has "labelCell" class
								the editor cells has "dataCell" class.
*/
.fieldsTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing:0;
}
.fieldsTable tr {
	border: solid 1px #DDDDCC;
}

.fieldsTable .tableCellCounter_finishRow {
	border: solid 1px #DDDDCC;
}

.fieldsTable td {
	vertical-align: top;
}

/* width calculated as: <%=(100.0/MAXCOLUMNS) *(0.25)%> */
.fieldsTable .labelCell {
	width: 8.333%;
	border-bottom: solid 1px #FFF;
	padding: 3px 2px 2px 2px;
	white-space: normal;
}

/* width: <%=(100.0/MAXCOLUMNS) *(0.75)%>%; */
.fieldsTable .dataCell {
	width: 25%;
	border: solid 1px gray;
	vertical-align: top;
	min-width: 12em;
}

/* use this class for calendar cells with ui:calendarPopup */
.fieldsTable .calendarCell{
}

.fieldsTable .dataCell .chooseReferences {
	border: none;
	margin-top: 2px;
	margin-left: 2px;
	width: auto;
	height: auto;
}

.chooseReferences .yui-multibox .box {
	margin: 0 1px 1px 1px;
}

.chooseReferences .yui-multibox .yui-ac-input {
	margin-top:0;
	padding-bottom: 1px;
	height: auto;
}

/* border:0 trick will remove borders from input fields, but not from select-s on IE */
.fieldsTable .dataCell input, .fieldsTable .dataCell select {
	width: 100%;
	padding: 2px 2px 2px 0;
	border:0;
	font-family: inherit;
}
.fieldsTable .dataCell input {
	width: 90%;
	margin: 2px 0 0 0;
	padding-left: 4px;
}

.fieldsTable .calendarPopup {
	display: block;
	width: 98%;
	position:relative;
}

.fieldsTable .calendarPopup input {
	width: 80%;
}

/* align the small calendar icon to the right*/
.fieldsTable .calendarPopup .calendarAnchorLink {
	position:absolute;
	right: -2px;
	top: 1px;
}

/* workaround for that on FF the scrollbar does not appear on the page when the calendar popup is on the very right field
	so moving it a bit left
*/
.fieldsTable .calendarPopup .calContainer {
	left: -11em;
}

/**
 * Forums
 */
table.highlight table.messageHeader {
	background: #ffc038;
}

table.highlight td.messageBody {
	background: #ffffcc;
}

/**
 * Container for documents/scm tree. Partly overridden for IE6/7...
 */
#treeDivContainer {
	min-width: 240px !important;
	width: 240px;
	overflow:auto;
}

/* Style applied on tree root, during the initial load of the tree */
.tree-root-loading {
	background: url(../images/folders/loading.gif) 0 -4px no-repeat; width:16px; height:22px;
	padding-left: 18px;
	white-space: nowrap;
}

/**
 * Special box for showing debug information on pages. This is hidden in production.
 */
.debug {
	display: none;
}

/*
 * Customized style for modal dialog
 */
div#cbModalDialog_c {
	z-index: 9050 !important;
}
div#cbModalDialog_mask {
	z-index:9049 !important;
}

#cbModalDialog_c .yui-panel .bd {
	padding: 0 !important;
}

#cbModalDialog_c .yui-panel .information, #cbModalDialog_c .yui-panel .warning, #cbModalDialog_c .yui-panel .error {
	margin-bottom: 1px;
	margin-top: 6px;
}

/*
 * make the modalDialog's buttons same as other buttons (see .button above)
 */
#cbModalDialog_c .yui-panel .button-group button {
	border: none;
	min-height: 19px;

	font-size: 8pt;
	font-weight: bold;
	color: white;

	background-image: url("../images/newstyle/button_bg.gif");
	background-repeat: repeat-x;
	background-color: #288fd4;
	padding: 0 5px;

	/* differences from .button above */
	padding-bottom: 2px;
	padding-top: 2px;
	outline: none;
}

/** hide the form, so it won't occupy space on IE6/7 */
#cbModalDialog_c form {
	display: none;
}

/**
 * fix dirty tree-node decoration for IE6/7 for yui 2.7.0
 */
.ygtvspacer {
	text-decoration: none;
	outline: none;
}

/**
 * common YUI layout/layoutmanager look
 */
.yui-skin-cb .yui-layout-wrap {
	border: solid 1px gray;
}

.yui-skin-cb .yui-resize-handle {
	border-right: inset 2px gray ;
}

.yui-skin-cb .yui-layout-hd {
	height:0;
	padding:0;
	margin:0;
}

/* User photos */
.photoBox {
	background-color: #EEE;
	border: 1px solid #DDD;
}

.smallPhoto {
	width: 32px;
	height: 32px;
}

.largePhoto {
	width: 64px;
	height: 64px;
}

.vcard {
	width: 20em;
	height: 4em;
	padding: 3px;
	overflow: hidden;
	white-space: normal;
	background-color: #FFF;
	border: 1px solid #DDD;
}