/* --- CSS styles for common elements ----- */

body {
	font-family:  'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color:#e9e8e7;
	margin: 0;
}

img {
	border: 0;
}

a {
	color:#576c74;
    text-decoration: none;
}

a:hover {
	color:#000;
}

a:visited {
	color:#576c74;
    text-decoration: none;
}

h1 {
	font-size:150%;
}

h2 {
	font-size:130%;
}

h3 {
	font-size:115%;
}

h4 {
	font-size:100%;
}

hr {
    width: 100%;
    border-width: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 1px;
    color:#576c74;
    background-color: #576c74;
}

input, textarea, select {
	border: 1px solid #d3d2d1;
    background: #fff url(../img/input.bg.gif) 0 0 no-repeat;
    font-size: 90%;
    padding: 2px;
    font-family: Andale Mono, Courier New, monospace;
}

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

.wikiHeadline1 a, .wikiHeadline2 a, .wikiHeadline3 a, .wikiHeadline4 a {
    color: #576c74;
}

.wikiHeadline1 a:hover, .wikiHeadline2 a:hover, .wikiHeadline3 a:hover, .wikiHeadline4 a:hover {
    color: #000;
}

.wikiHeadline2 {
    margin-top: 15px;
}

.wikiHeadline3 {
    border-top: 1px solid #576c74;
    background-color:#b9d5e0;
    padding: 2px;
}

.wikiPara {
    line-height: 1.5em;
}

.wikiOrderedList {
    list-style-type: decimal;
    line-height: 1.5em;
}

.wikiUnorderedList {
    list-style: square;
    line-height: 1.5em;
}

.wikiBlockquote, blockquote {
    background: #f5f5f5;
    border-left: 4px solid #b9d5e0;
    padding: 5px;
    padding-right: 10px;
    margin: 10px;
}

.wikiBlockquote .wikiBlockquote, blockquote blockquote {
    background: #e5e5e5;
}

.wikiBlockquote .wikiBlockquote .wikiBlockquote, blockquote blockquote blockquote {
    background: #c5c5c5;
}

.wikiBlockquote .wikiBlockquote .wikiBlockquote .wikiBlockquote,
blockquote blockquote blockquote blockquote {
    background: #c0c0c0;
}

.wikiPreformatted {
    background-color: #f5f5f5;
    border: 1px solid #aaaaaa;
    padding: 5px;
    margin: 10px;
    font-family: Andale Mono, Courier New, monospace;
    font-size: 90%;
    overflow-x: auto;
    max-width: 950px;
}

/* ---- Fonts ----- */

.smallFont {
    font-size: 85%;
    line-height: 150%;
}

.largeFont {
    font-size: 115%;
}

.extraLargeFont {
    font-size: 130%;
}

.extraExtraLargeFont {
    font-size: 150%;
}


/* ----- Float Styles ----- */

.clear {
	clear:both;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

/* ----- Page Structure styles ----- */

#wrapper {
	text-align: left;
	margin: 0 auto;
	background-color: white;
	padding: 0;
	border-left: 1px solid #d3d2d1;
	border-right: 1px solid #d3d2d1;
	border-bottom: 1px solid #d3d2d1;
	background-image:url(../img/leftside_bkgimage.gif);
	background-repeat:repeat-y;
	min-width:960px;
	width: 90%;

}

#header {
	margin: 0;
	padding:0;
	background-image:url(../img/hrd_bkgimage_fade.gif);
	background-repeat:no-repeat;
	background-color:#32332b;
	border-bottom:1px solid #878888;
	min-width:960px;
}

#utilityNav {
	float: right;
	color:#ca884e;
    margin-top: 5px;
}

#container {
}

#leftColumn {
	float: left;
	width: 260px;
}

#leftColumn h2 {
    font-weight: normal;
}

#leftColumn p {
    text-align: inherit;
    font-size: 85%;
}

#rightColumn {
	margin-left: 260px;
	padding-left:20px;
	padding-right:20px;
}

#status {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 25px;
    z-index: 5000;
}

.membersAreaContainer {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    color:#75a8bd;
	background-color: white;
}

.membersArea {
	padding: 5px 15px;
}

.membersArea h3 {
	color: #75a8bd;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid #b6b6b6;
	margin-top: 0;
	margin-bottom: 6px;
}

.linkNavigation {
    display: block;
    padding: 2px 5px 2px 5px;
    margin: 0 5px 0 5px;
}

.linkNavigationMenu {
    display: block;
    padding: 2px 5px 2px 5px;
    margin: 0 5px 0 5px;
}

.linkNavigation:visited {color: #576c74}

.workspaceSwitcherContainer {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.workspaceSwitcherCombobox {
}

.workspaceSwitcherLink {
    display: block;
}

.feedIcon {
    vertical-align: text-bottom;
    margin-right: 5px;
}

.captchaImage {
    vertical-align:top;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #C3BBB6;
}

/* -----  Homepage styles  ------  */

.homepageBox {
    font-size: 90%;
}

.homepageBox .boxHeader {
    background: none;
    border: none;
    border-bottom: 1px solid #b6b6b6;
    padding-left: 0;
    padding-bottom: 5px;
    text-align: right;
    font-size: 145%;
    line-height: 100%;
}

.homepageBox .boxContent {
    background: none;
    border: none;
    padding-left: 0;
}

.homepageBox .boxFooter {
    background: none;
    border: none;
    padding-left: 0;
}

.homepageBox .feedAggregatorSubscribe {
    font-size: 110%;
}

.homepageBox .feedEntryColumn {
    padding: 0;
}

.homepageBox .feedEntryTitle {
    margin-top: 3px;
    margin-bottom: 3px;
}

.homepageBox .feedEntryBody {
    margin-top: 4px;
    margin-bottom: 4px;
}

.homepageBox .teaserColumn {
    border-bottom: 1px solid #b6b6b6;
}

.homepageBox .rowOdd td, .homepageBox .rowEven td {
    padding: 2px;
/*    border-bottom: 1px solid #b6b6b6; */
}

.homepageBox .jiraIssueListEmpty {
    border: none;
}

/* -----  Footer styles  ------  */

#footer {
	clear: both;
	font-size: 10px;
	text-align:center;
	color:#666666;
	margin:10px auto;
}

/* --------------------------  Breadcrumb navigation --------------------------------- */

#breadcrumb {
    margin-left:-2px;
}

#breadcrumb .breadcrumbRoot {
    display: none;
}

#breadcrumb .itemLink {
    color: #576c74;
	padding-left: 2px;
	padding-right: 2px;
}

#breadcrumb .itemLink:hover {
    color: #000;
}

#breadcrumb .itemSeparator {
    padding-left: 2px;
    padding-right: 2px;
    color: #000;
}

#breadcrumb .itemSeparatorGreaterThan  {
    display: inline;
}

#breadcrumb .itemSeparatorDot  {
    display: none;
}

#breadcrumb .itemSeparatorSlash {
    display: none;
}

#breadcrumb .itemText {
    color: #576c74;
	padding-left: 2px;
	padding-right: 2px;
}

#breadcrumb .itemText:hover {
    color: #000;
}

/* ------ "Nifty" rounded corners ------- */

b.rtop, b.rbottom {
	display:block;
	background: #ede8db
}

b.rtop b, b.rbottom b {
	display:block;
	height: 1px;
    overflow: hidden;
	background: white;
}

b.r1 {
	margin: 0 5px;
}

b.r2 {
	margin: 0 3px;
}

b.r3 {
	margin: 0 2px;
}

b.rtop b.r4, b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px;
}

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

/* Messages
----------------------------------------------- */

.messageBox {
    background-color: #ffeeee;
    width: auto;
}

.messageBox table {
    padding: 0;
    margin: 0;
    border:0;
}

.infoMessage {
    font-weight: bold;
    color: #666;
}

.infoImage {
    vertical-align: text-top;
    padding-left: 10px;
    padding-right: 10px;
}

.attentionImage {
    vertical-align: text-top;
    padding-left: 10px;
    padding-right: 10px;
}

.attentionMessage {
    font-weight: bold;
	color: #666;
}

.messageBox .attentionImage {
    vertical-align: text-top;
    padding-left: 10px;
    padding-right: 10px;
}

.messageBox .attentionMessage {
    font-weight: bold;
    color: #666;
}

.cookieJavaScriptWarning {
    margin: 10px;
    color: red;
    text-align: center;
}

/* General
----------------------------------------------- */

.documentTitle a:hover {
    color: #000;
}

.documentTags {
    border-top: 1px solid #ccc;
    white-space: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 125%;
}

.documentCreatorHistory {
    border-top: 1px solid #ccc;
    white-space: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 125%;
}

.attachmentDisplay {
    margin-top: 15px;
}

#commentDisplayForm .commentsDisplay .box {
    margin-top: 20px;
}

.regularLink{
    text-decoration: underline;
}

.regularLink:hover {
    color: #000;
}

.regularLink:visited {
    text-decoration: none;
}

.brokenLink {
    color: #ff0000;
    text-decoration: line-through;
}

.undecoratedLink a {
    color: #576c74;
}
.undecoratedLink a:hover {
    color: #000;
}

.button {
    background: #fff url(../img/btn.bg.gif) 0 0 repeat-x;
    padding: 2px 5px 2px 5px;
    margin: 0 5px 0 5px;
}

.buttonNonpersistent {
    background: #fff url(../img/btn.nonpersistent.bg.gif) 0 0 repeat-x;
    padding: 2px 5px 2px 5px;
    margin: 0 5px 0 5px;
}

.buttonReport {
    background: #fff url(../img/btn.report.bg.gif) 0 0 repeat-x;
    padding: 2px 5px 2px 5px;
    margin: 0 5px 0 5px;
}

.buttonLabel{
    color: #fff;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
}

.commandButtonNonpersistent {
    font-family:  'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
    background: #fff url(../img/btn.nonpersistent.bg.gif) 0 0 repeat-x;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 0 5px 0 5px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    border: none;
}

/* Generic Lists
----------------------------------------------- */

.datatable {
    margin: 0;
    width: 100%;
    border-collapse: separate;
}

.topLeftBottomBorder {
    border-top: 1px solid #d3d2d1;
    border-left: 1px solid #d3d2d1;
    border-bottom: 1px solid #d3d2d1;
}

.rightBorder {
    border-right: 1px solid #d3d2d1;
}

.leftBorder {
    border-left: 1px solid #d3d2d1;
}

.topBorder {
    border-top: 1px solid #d3d2d1;
}

.bottomBorder {
    border-bottom: 1px solid #d3d2d1;
}

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}

.alignLeft {
    text-align: left;
}

.alignTop {
    vertical-align: top;
}

.alignBottom {
    vertical-align: bottom;
}

.noPadding {
    padding: 0;
}

.minorPadding {
    padding: 5px;
}

.fullWidth {
    width: 100%;
}

.datatable .rowOdd {
    background-color: #fff;
}

.datatable .rowEven {
    background-color: #f5f5f5;
}

.datatable .sortableHeader {
    white-space: nowrap;
    background: #ede8db url(../img/th.bg.gif) 0 0 repeat-x;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.datatable .sortableHeader .sortIndicator {
    width: 8px;
    height: 8px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

.datatable .regularHeader {
    white-space: nowrap;
    background: #ede8db url(../img/th.bg.gif) 0 0 repeat-x;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.defaultColumn {
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.onePercentColumn{
    width: 1%;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.fivePercentColumn {
    width: 5%;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.tenPercentColumn {
    width: 10%;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.fifteenPercentColumn {
    width: 15%;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.twentyPercentColumn {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.wrapWhitespace {
    white-space: normal;
}

.noWrapWhitespace {
    white-space: nowrap;
}

/* Pager
-----------------------------------------------*/

.pager {
    width: 100%;
    padding: 0;
    margin: 0;
    border-left: 1px solid #d3d2d1;
    border-right: 1px solid #d3d2d1;
    background: #ede8db url(../img/th.bg.gif) 0 0 repeat-x;
    text-align: center;
}
.pager .pagerIconColumn {
    width: 10%;
}
.pager .pagerTextColumn {
    width: 60%;
}

.pagerTop {
    border-top: 1px solid #d3d2d1;
}

.pagerBottom {
    border-bottom: 1px solid #d3d2d1;
}

/* Comments
-----------------------------------------------*/

.commentColumn {
    background-color: #fff;
}

.commentHeader {
    width: 100%;
}

.commentSubjectIcon {
    padding-right: 10px;
}

.commentSubject {
    text-decoration:none;
    width: 100%;
}

.commentAuthorInfo {
    white-space: nowrap;
    text-align: right;
    padding-left: 10px;
    line-height: 140%;
}

.commentAuthorPortrait {
    padding-left: 10px;
}

.commentAuthorPortraitImage {
}

.commentText {}

.commentSignatureSeparator {
    font-size: 1px;
    width: 20px;
    border-bottom: 1px dashed #d3d2d1;
}

.commentSignature {
    font-size: 85%;
}

.commentSignature .wikiPara {
    line-height: 120%;
}

.commentControls {
    margin-bottom: 5px;
}

.commentControls form {
    text-align:right;
}

.commentRating, .commentRatingChooser {
    font-weight: bold;
}

.commentRating .label, .commentRatingChooser .label {
    vertical-align: bottom;
}

.commentFirstLevel {
    background: #fff url(../img/input.bg.gif) 0 0 no-repeat;
}

.commentFirstLevel, .commentLevel {
    padding: 5px;
    border-bottom: 1px solid #d3d2d1;
    border-left: 1px solid #d3d2d1;
    border-right: 1px solid #d3d2d1;
}

.commentForm {}

.commentBoxSelected {
    border-left: 5px solid #75a8bd;
}

/* Document history and diff
-----------------------------------------------*/

.diffOutput {
    margin: 10px;
}

.diffInfo {
    font-weight: bold;
    color: #666;
}

.diffDeleted {
    background-color: #ffaaaa;
}

.diffAdded {
    background-color: #aaffaa;
}

.diffLink {
    text-decoration: underline;
}

.diffPlugin {
    border: 1px dashed black;
    padding: 2px;
}

.addedText {
    background-color: lightgreen;
}

.deletedText {
    background-color: lightcoral;
}

/* Forms
----------------------------------------------- */

.form {
    margin-top: 10px;
}

.formListGridColumn {
    vertical-align: top;
    padding: 10px;
}

.formListTable {
    border: 1px solid #d3d2d1;
}

.formListItem {
    background: #ede8db url(../img/th.bg.gif) 0 0 repeat-x;
    padding: 3px;
}

.formListSelectedItem{
    background: #fff url(../img/th.bg.inverse.gif) 0 0 repeat-x;
    padding: 3px;
}

.formListSelectedItem a {
    color: #000;
}

.formHead {
    text-align: left;
    background: #ede8db url(../img/th.bg.gif) 0 0 repeat-x;
    font-weight: bold;
    color: #000;
    padding-left: 13px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #d3d2d1;
    border-left: 1px solid #d3d2d1;
    border-right: 1px solid #d3d2d1;
}

.formFields {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #f5f5f5;
}

.formBorder {
    border-left: 1px solid #d3d2d1;
    border-right: 1px solid #d3d2d1;
}

.formControls {
    background-color: #ede8db;
    border: 1px solid #d3d2d1;
    padding: 5px;
}

.entry {
    padding-top: 3px;
    padding-bottom: 3px;
}

.entry .label {
	float: left;
    padding-top: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 135px;
	text-align: right;
    color: #000000;
    font-weight:bold;
    font-size: 90%;
    line-height: 155%;
}

.entry .output {
    padding-top: 2px;
    text-align: left;
}

.entry .input {
    text-align: left;
}

.entry .multiLineInput {
    text-align: left;
    margin-left: 155px;
}

.wideLabels .entry .label {
    width: 220px;
}

.wideLabels .entry .multiLineInput {
    margin-left: 240px;
}

.wideEntry {
    padding-left: 10px;
    padding-right: 10px;
}

.wideEntry .label {
    color: #000000;
    font-weight:bold;
    vertical-align: top;
    padding-right: 10px;
    padding-top: 10px;
    white-space: nowrap;
}

.wideEntry .output {
    padding-top: 10px;
}

.wideEntry .output .inlineWikiText .wikiPara:first-child {
    display: inline;
}

.errorEntry {
    background-color: #ffeeee;
}

.errorEntry .errorMessage {
    font-weight: normal;
    text-align: left;
}

.formFields select {
}

.tableFormFields {
    padding-top: 5px;
    padding-bottom: 5px;
}

.tableFormFields .input {
}

.tableFormFields .inputError input,
.tableFormFields .inputError select {
    background-image: none;
    background-color: #ffeeee;
}

.textEditResizable {
}

.wideLabels .textEditResizable {}

.textEditor {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 80px;
    margin-right: 80px;
}

.textEditorToolbar {
    padding-right: 10px;
}

.textEditorMessages {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 15px;
}

.textEditorErrorMessages {
    background-color: #ffeeee;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 15px;
}

.textAreaResizeHandle {
    width: 15px;
    height: 15px;
    background: #f5f5f5 url(../img/icon.resize_se.gif) no-repeat;
    cursor: se-resize;
}

.textPreview {
    border: 1px dashed #666;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: white;
    margin-left: 80px;
    margin-right: 95px;
}

.plaintext {
    font-family: Andale Mono, Courier New, monospace;
    overflow-x: auto;
    border: none;
    background: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 95%;
}

/* Box on page
----------------------------------------------- */

.box {
    background-color: #fff;
}

.boxShadowed {
    background-color: #fff;
}

.boxHeader {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #ede8db url(../img/th.bg.gif) 0 0 repeat-x;
    border-top: 1px solid #d3d2d1;
    border-left: 1px solid #d3d2d1;
    border-right: 1px solid #d3d2d1;
    font-size: 115%;
}

.boxContent {
    background-color: #fff;
    border-left: 1px solid #d3d2d1;
    border-right: 1px solid #d3d2d1;
}

.boxFooter {
    background: white;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: normal;
    color: #962325;
    border-left: 1px solid #d3d2d1;
    border-right: 1px solid #d3d2d1;
    border-bottom: 1px solid #d3d2d1;
}

/* Popups
-----------------------------------------------*/

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.popupDialog {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #d3d2d1;
}

.popupDialogHead {
    text-align: left;
    background: #ede8db url(../img/th.bg.gif) 0 0 repeat-x;
    font-weight: bold;
    color: #000;
    padding-left: 13px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: move;
}

.popupDialogContent {
    padding: 10px;
}

.popupDialogControls {
    text-align: center;
}

.popupDialogResizeHandle {
    width: 15px;
    height: 15px;
    background: #fff url(../img/icon.resize_se.gif) 0 0 no-repeat;
    cursor: se-resize;
    position: absolute;
    bottom: 0;
    right: 0;
}

.jqmOverlay { background-color: #aaa; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
/* Not active right now, activate when working on IE6 support
* html .popupDialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
*/

/* Directory Browser
----------------------------------------------- */

.directoryBrowser {
    margin-top: 10px;
}

.directoryBrowserPathPanel {
    width: 100%;
    background: #fff url(../img/th.bg.gif) 0 0 repeat-x;
    border: 1px solid #d3d2d1;
}

.directoryBrowserPathPanel .treeSwitchOpen {
    width: 25%;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid #C3BBB6;
    text-align: right;
}

.directoryBrowserPathPanel .treeSwitchClosed {
    width: 20px;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid #C3BBB6;
}

.directoryBrowserPathPanel .path {
    width: auto;
    padding: 5px;
}

.directoryBrowserPathPanel .button {
    color: #576c74;
    background: none;
    padding: 2px;
	border-style: none;
    font-size: 85%;
    font-weight: bold;
}

.directoryBrowserPathPanel .separator {
    font-weight: bold;
    color: #888;
    padding: 2px;
    border-style: none;
}

.directoryBrowserMainPanel {
    width: 100%;
    border-left: 1px solid #d3d2d1;
    border-right: 1px solid #d3d2d1;
    border-bottom: 1px solid #d3d2d1;
}

.directoryBrowserTreePanel {
    vertical-align: top;
}

.directoryBrowserTreePanel.closed {
    display: none;
}

.directoryBrowserTreePanel.open {
    width: 25%;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid #C3BBB6;
}

.directoryBrowserTree {
    overflow-x: auto;
}

.directoryBrowserControlPanel {
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #C3BBB6;
}

.directoryBrowserControlPanel .pagerSelector {
    text-align: right;
}

.directoryBrowserControlPanel .clipboard {
    text-align: left;
}

.directoryBrowserContentPanel {
    vertical-align: top;
}

.directoryBrowserContentPanel .pagerTop,
.directoryBrowserContentPanel .pagerBottom {
    border: none;
}

.directoryBrowserContentPanel .onePercentColumn,
.directoryBrowserContentPanel .tenPercentColumn,
.directoryBrowserContentPanel .fifteenPercentColumn,
.directoryBrowserContentPanel .twentyPercentColumn {
    padding-left: 5px;
    padding-right: 5px;
}

.directoryBrowserContentPanel .directoryEmpty {
    padding: 5px;
}
.directoryBrowserContentPanel .directoryEmpty .icon {
    vertical-align: middle;
}

.dirItemIcon {
    width: 18px;
    height: 20px;
}

.dirItemIcon.mouseOver {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    margin-bottom: 1px;
}


/* Form tabs
----------------------------------------------- */

.formTabs {
    background-color: white;
}

.formTabsTitle {
    border-right: 1px solid #d6d5c8;
    color: #000;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #d3d2d1;
    overflow: auto;
}

.tabs-nav li {
    float: left;
    margin: 0;
    text-align: left;
    background: #ede8db url(../img/th.bg.gif) 0 0 repeat-x;
    font-weight: bold;
    padding-left: 13px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #d3d2d1;
    border-right: 1px solid #d3d2d1;
}
.tabs-nav a {
    color: #576c74;
}

.tabs-nav .tabs-selected {
    background: #fff url(../img/th.bg.inverse.gif) 0 0 repeat-x;
}

.tabs-nav .tabs-selected a {
    color: #555;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 0 -50px;
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
    color: #000;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #d3d2d1;
    border-left: 1px solid #d3d2d1;
    border-right: 1px solid #d3d2d1;
    background: #f5f5f5; /* declare background color for container to avoid distorted fonts in IE while fading */
}


/* Progress bar
----------------------------------------------- */

.progressbarContainer {
    margin-top: 10px;
    margin-bottom: 10px;
}

.progressbar {
    border: 1px solid #d3d2d1;
    width: 100px;
    height: 15px;
    position: relative;
    color: black;
}

/* color bar */
.progressbar div.progress {
    position: absolute;
    width: 0;
    height: 100%;
    overflow: hidden;
    background-color: #576c74;
}

/* text on bar */
.progressbar div.progress .text {
    position: absolute;
    text-align: center;
    color: white;
}

/* text off bar */
.progressbar div.text {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}

.progressbarLabel {
    font-weight: bold;
}


/* Search page
----------------------------------------------- */

#searchForm\:searchOptions {
    margin-top: 10px;
}

#searchForm\:searchPager {
    margin-top: 10px;
}


/* User List page
----------------------------------------------- */

#userSearchForm\:userListPager {
    margin-top: 10px;
}

/* Tag Display
----------------------------------------------- */

#tagTable {
    margin-top: 10px;
}

/* User Info
----------------------------------------------- */

.userInfo {
    width: 100%;
    margin-top: 20px;
}

.userInfoEmail {}

.userInfoDetails {
    vertical-align: top;
    width: 70%;
    padding-right: 15px;
}

.userInfoDetails .form {
    margin-top: 0;
}

.userInfoProfile {
    vertical-align: top;
}

.userInfoProfileContent {
    font-size: 85%;
    line-height: 140%;
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;    
}

.userInfoPortraitWithBio {
    float: right;
    margin-left: 10px;
}

.userInfoPortrait {
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.userInfoPortraitImage {
    border: 1px solid #87786e;
}

.userInfoBio{}

.userInfoBio .wikiPara:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.userInfoBio .wikiPara{
    line-height: 140%;
}

.userInfoEntry {
    clear: both;
    margin-bottom: 5px;
    margin-top: 5px;
}

.userInfoEntryLabel {
    font-weight: bold;
}

.userInfoEntryText {
}

.userInfoEntryLink {
    color: #962325;
}

.userInfoEntryLink:hover {color: #666}


/* Click Menu/Context Menu
----------------------------------------------- */

#root-menu-div ul {
	border: 1px solid #C3BBB6;
    background-color: #fff;
}

#root-menu-div li{
	white-space:nowrap;
    font-size: 85%;
    margin: 0;
    padding: 0;
}

* html #root-menu-div li{
	height: 1.5em; /* fixing ie6 problem */
}

ul.menu, #root-menu-div ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li.menu-separator.active{
	background-color: transparent;
}

li.active {
	background-color: #eae8e5;
}

.activetarget {
    cursor: pointer;
}

* html div.menu-item {
	display: inline; /* fixes problem in ie6 */
}

li.menumain {
	float: left;
	padding: 0;
    margin: 0;

}

div.menu-item {
    margin-left: 5px;
    margin-right: 5px;
}

div.menu-item a {
    color: #576c74;
    text-decoration: none;
}

img.menu-item-arrow{
	position: absolute;
	right: 4px;
	top: 8px;
}

li.menu-separator {
	border-bottom: 1px solid #000;
	font-size: 0; /* for ie */
	height: 0;
	line-height: 0; /* for ie */
	margin: 2px 0;
}

.contextMenuItems {
    display: none;
}


/* Trees (undo the Richfaces default damage)
----------------------------------------------- */

.rich-tree-node {
    cursor: pointer;
}

.rich-tree-node-highlighted {
    color: #576c74;
    text-decoration: none;
}

.rich-tree-node-selected {
    font-weight: bold;
    border: none;
}

.dr-tree-h-ic-img {
    height: 18px;
}

.directoryTreeLabel {
    padding-top: 2px;
    cursor: pointer;
}


/* Toggle Panels (undo the Richfaces default damage)
----------------------------------------------- */

.rich-stglpanel {
    border-style: none;
    font-size: 100%;
    font-family:  'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}

.rich-stglpanel-header {
    background: #ede8db url(../img/th.bg.gif) 0 0 repeat-x;
    border: 1px solid #d3d2d1;
    font-family:  'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
    font-size: 85%;
}

.rich-stglpanel-body {
    border-style: none;
    background: #fff;
    padding: 0;
    font-size: 100%;
    font-family:  'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}


/* User Control
----------------------------------------------- */

.userControlPanel {
    text-align:right;
    font-size: 90%;
    margin-right: 10px;
}

.userControlPanel .loginForm, .userControlPanel .logoutForm {
    display: inline;
}

.userControlPanel .label {
    color: #ca884e;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 5px;
}

.userControlPanel .link {
    margin-left: 10px;
    margin-right: 5px;
}

.userControlPanel .link:hover .linkText {
    color: #aaa;
}

.userControlPanel .linkText {
	color: #fff;
	text-decoration: none;
}

.userControlPanel .input {
    background: #fff url(../img/input.bg.gif) 0 0 no-repeat;
    font-size: 100%;
    padding: 1px;
    padding-top: 0;
    margin: 0;
    margin-bottom: 1px;
    border: 0;
}

.userControlPanel .loginButton, .userControlPanel .logoutButton {
    border: none;
    background: none;
    padding: 1px;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-family:  'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
    font-size: 100%;
    cursor: pointer;
}

.resetPasswordForm {
    display: inline;
}

.resetPasswordRequestForm {
    display: inline;
}

.resetPasswordRequestFormFields {
}

.resetPasswordRequestFormFields .entry .label {
    white-space: nowrap;
}

.resetPasswordRequestFormControls {
}


/* Search Control
----------------------------------------------- */

#searchControl {
}

#searchControlForm {
    display: inline;
}

#searchControl .searchControlTable {
}

#searchControl .searchControlLabel{
	color: #ca884e;
    font-size: 90%;
    padding-left: 5px;
    padding-right: 5px;
}

#searchControl .searchControlInput {
    background: #fff url(../img/input.bg.gif) 0 0 no-repeat;
    font-size: 90%;
    padding: 1px;
    padding-top: 0;
    margin: 0;
    margin-bottom: 1px;
    border: 0;
}

#searchControl .searchControlButton {
    font-family:  'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
    font-size: 90%;
	color: #fff;
    margin-right: 5px;
    text-decoration: none;
    cursor: pointer;
    background:none;
    border: none;
}

#searchControl .searchControlButton:hover { color: #bbb; }


/* Main Menu
----------------------------------------------- */

#mainMenu {
    width: 260px;
    background-color: #433930;
    border-top: 8px solid rgb(31, 32, 26);
    border-bottom: 8px solid rgb(31, 32, 26);
}

#mainMenu .mainMenuHeader {
}

#mainMenu .level1 {
    background-color:#32332B;
    border-top:1px solid #433930;
    padding-bottom:3px;
    padding-top:3px;
}

#mainMenu .level1Marker {
    display: none;
}

#mainMenu .level1Link {
    color:#ca884e;
    margin-left: 10px;
    font-size: 110%;
}

#mainMenu .level1Link:hover { color: #ffaf64; }

#mainMenu .level2 {
    padding-left: 15px;
    background-color:#2A2B24;
    padding-top: 3px;
    padding-bottom: 3px;
}

#mainMenu .level2Marker {
    display: none;
}

#mainMenu .level2MarkerDot {
    display: inline;
    color: #ca884e;
    margin-right: 4px;
    font-size: 85%;
}

#mainMenu .level2Link {
    color: #ca884e;
    white-space: nowrap;
    font-size: 85%;
}

#mainMenu .level2Link:hover {color: #ffaf64}

#mainMenu .level3 {
    padding-top: 2px;
    padding-bottom: 2px;
}

#mainMenu .level3Marker {
    display: none;
}

#mainMenu .level3Link {
    font-size: 80%;
    color: #ca884e;
    white-space: nowrap;
}

#mainMenu .level3Link:hover {color: #ffaf64}

#mainMenu .mainMenuFooter {
    background-color:#32332b;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    display: none;
}

#mainMenu .mainMenuFooter .feeds {
}

#mainMenu .mainMenuFooter .feedIcon {
}

#mainMenu .mainMenuFooter .feedLink {
}

#mainMenu .mainMenuFooter .feedText:hover {color: #ffaf64}

#mainMenu .mainMenuFooter .feedText {
    color:#ca884e;
}

/* Online Users Panel
----------------------------------------------- */

.onlineUsersPanel {
    margin-left: auto;
    margin-right: auto;
    font-size: 85%;
    color: #000;
}

.onlineUsersPanel .onlineLabel {
    font-weight: bold;
}

.onlineUsersPanel .onlineValue {
}

.onlineUsersPanel .onlineSeparator {
    color: #B6B6B6;
}