.tinylink {
    text-decoration: none;
}

html, body {
    height: 100%;
}

body {
    background-color: #f0f0f0;
    color: #000;
    margin: 0;
}

#filterFormHeader, .leftFormHeader {
    border-bottom: 1px solid #3c78b5;
}

#filterForm .tableUnderline {
    border-bottom: 1px solid #3c78b5;
}

/**
 * CLASSES related to the JIRA header
 *
 * NOTE : we put the hard coded values in here as a sort of prototype.   But in fact the colors
 * are sourced based on JIRA appplication properties and the LookAndFeelBean.
 * See global_css.jsp for how these CSS classes get overridden.
 */

#header {
    background-color: #fff;
    color: #000;
}

#header-top {
    color: #f0f0f0;
    background-color: #114070;
    border-bottom: 2px solid #036;
    overflow: hidden;
    _width: 100%;
}

#logo {
    display: block;
    float: left;
    margin: 3px 10px 1px 1px;
    padding: 0px;
    width: auto;
}

#account-options {
    float: right;
    margin: 0 0 0;
    padding: 7px 4px 0 0;
    width: auto;
    color: #f0f0f0;
    background-color: #114070;
}

#account-options li {
    float: left;
    font-size: 0.915em;
    list-style-type: none;
    margin: 0;
    width: auto;
}

#account-options li.icon {
    border: none;
}

#account-options li a {
    display: block;
    padding: 3px 6px 5px;
    margin: 0 4px;
    color: #f0f0f0;
    text-decoration: none;
    background-color: #114070;
    *position : relative;
}

#account-options li.icon a img {
    margin: 0;
    padding: 0;
}

#account-options li.icon a {
    margin: 0 0 0 2px;
    padding: 2px;
}

#account-options li a:link {
}

#account-options li a:visited {
}

#account-options li a:hover,
    #account-options li a:active,
    #account-options li a:focus {
}

#account-options li a:hover, #account-options li a.dropdownmenu:active, #account-options li a.dropdownmenu:focus, #account-options li a.current {
    background-color: #325c82;
    color: #fff;
    outline:none;
}

#account-options li a.dropdownmenu span, #account-options li a.dropdownmenu:link span, #account-options li a.dropdownmenu:visited span {
    padding: 0 12px 0 0;
    background-image: url( "../images/menu_indicator_for_dark_backgrounds.gif" );
    background-repeat: no-repeat;
    background-position: 100% 50%;
    outline:none;    
}

/**
 * CLASSES related to the JIRA menu bar
 */

#menu {
    background-color: #3c78b5;
    color: #fff;
    line-height: 1;
    overflow: hidden;
    padding: 0 2px 0 4px;
    _width: 100%;
    _padding: 0 0 0 0;
}

#menu #main-nav {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
    _padding: 0 0 0 5px;
}

#main-nav li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
}

#main-nav li a {
    display: block;
    font-weight: 700;
    margin: 0;
    padding: 4px 7px 4px 7px;
    *padding: 4px 7px 5px 7px;
    text-decoration: none;
    text-transform: uppercase;
    _height: 1%;
    _float: left;
}

#main-nav li a:link,
    #main-nav li a:visited {
    background-color: #3c78b5;
    color: #fff;
}

#main-nav li a:hover,
    #main-nav li a:active,
    #main-nav li a:focus,
    #main-nav li a.current {
    background-color: #fff;
    color: #114070;
}

#main-nav li a.selected,
    #main-nav li a:link.selected,
    #main-nav li a:visited.selected {
    background-color: #fff;
    color: #114070;
}

#menu #quicksearch {
    background-color: #3c78b5;
    color: #fff;
    float: right;
    font-weight: 700;
    margin: 0;
    padding: 0;
    _padding-right: 2px;
    width: auto;
}

#quicksearch label {
    position: relative;
    text-transform: uppercase;
    top: 1px;
    *top: -2px;
}

#quicksearch input {
    font-size: 1em;
    font-weight: normal;
    position: relative;
    padding: 0;
    margin: 0;
}

#menu,
#menu #main-nav,
#main-nav li,
#main-nav li a,
#menu #quicksearch,
#quicksearch label,
#quicksearch input
{
    font-family: Arial, FreeSans, Helvetica, sans-serif;
}

#quicksearchhelp {
    color: #000;
    background-color: #ffffce;
}

/**
 * =======================================
 */

UL, OL {
    padding-left: 2em;
}

tr.disabled td {
    color: #cccccc !important;
}

.jiraform {
    border: 1px solid #bbbbbb;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
}

/* Sub form titles are a little smaller */

.jiraform .jiraform .formtitle, .jiraformSectionBreak .formtitle {
    padding-top: 0.3em;
    font-size: 14px;
}

.jiraform .jiraform {
    margin: 10px auto;
}

.jiraformheader, .jiraformSectionBreak {
    background-color: #f0f0f0;
}

.toolbar {
    float: right;
    padding: 3px 5px;
    border: 1px dotted #bbbbbb;
    background-color: #fefefe;
    vertical-align: middle;
    text-align: right;
}

.tools {
    padding: 3px 5px;
    border: 1px dotted #bbbbbb;
    background-color: #fefefe;
    vertical-align: middle;
    text-align: left;
}

.toolbar .sectionStart {
    margin-left: 16px;
}

.toolbar a {
    text-decoration: none;
}

.toolbar a:hover {
    text-decoration: underline;
}

.jiraform .instructions {
    border-bottom: 1px solid #bbbbbb;
}

.jiraform .jiraformfooter {
    text-align: center;
}

.jiraform td {
    padding: 5px;
}

.jiraform .jiraformbody {
    padding: 5px 5px 10px 5px;
}

.highlighted .jiraform, .highlighted .jiraform * {
    border-color: #C0C030;
}

.highlighted .jiraformheader {
    background-color: #eeeebb;
}

.fieldDescription {
    display: block;
    font-size: 10px;
}

.formErrors {
    background-color: #ffcccc !important;
}

.formErrors .errorArea {
    background-image: url( ../images/icons/serious_warning_16.gif );
    background-repeat: no-repeat;
    background-position: 5px 0;
    padding-left: 30px;
    margin: 0;
}

.formErrors h4 {
    margin: 3px 0;
    padding: 0;
    color: #cc0000;
}

.formErrors ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.centred {
    margin-left: auto;
    margin-right: auto;
}

.rowClear {
    background-color: #ffffff;
}

/* table styles */

.tableBorder {
    background-color: #bbbbbb;
}

/* table row styles */

.rowHover {
    background-color: #f0f0f0;
    cursor: pointer;
}

.cellHover {
    background-color: #fffff0;
    cursor: pointer;
}

.rowHeaderDark {
    background-color: #bbbbbb;
}

.rowHeader {
    background-color: #f0f0f0;
}

.rowNormal {
    background-color: #ffffff;
}

/* normal (white) background */

.rowAlternate {
    background-color: #fffff0;
}

/*
 * When you have rowSelectable is added as a class, we get rollover like behaviour
 */
tr.rowSelectable:hover {
    background-color: #eeeebb;
}

/* alternate (pale yellow) background */

.rowAlternateDark {
    background-color: #ffffde;
}

.rowAlternateLightGray {
    background-color: #FAFAFA;
}

/* alternate (pale yellow) background */

.rowHighlighted {
    background-color: #eeeebb;
}

/* alternate (pale yellow) background */

/* This is the same as colHeaderLink above - we should look to remove that one in future, and use this instead */

TH {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

TH a {
    text-decoration: none;
}

/* titles and headings */

.pagetitle {
    font-size: 24px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    margin: 0 0 0 0;
}

.formtitle {
    font-size: 17px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    color: #003366;
    margin: 0 0 2px 0;
}

.bluetext {
    color: #003366;
}

.formLabel {
    background-color: #fffff0;
}

.fieldLabelArea, .fieldLabelAreaTop {
    background-color: #FFFFF0;
    vertical-align: top;
    text-align: right;
}

.fieldLabelAreaBulk {
    background-color: #FFFFF0;
    vertical-align: top;
    text-align: left;
    width: 30%;
}

.fieldLabelAreaSelected, .fieldLabelAreaTopSelected {
    background-color: #FFFFDC;
}

.fieldValueArea {
    vertical-align: top;
}

.fieldValueAreaSelected {
    background-color: #F8F8F8;
}

.fieldLabelAreaTop {
    text-align: left;
}

.required {
    font-style: italic;
}

/* WebWork Stles */

.label {
}

.errLabel {
    color: red;
}

.errMsg {
    color: #cc0000;
    font-weight: bold;
    text-align: center
}

.errorBox {
    border: 1px solid #c00;
    padding: 4px;
    width: 90%;
    background: #fcc;
}

.errorBox2 {
    border: 1px solid #c00;
    background: #fcc;
}

.checkboxLabel {
}

.checkboxErrLabel {
    color: red
}

/* For debugging i18n */

.replaced {
    background-color: #33CC66;
}

/* for automatically trimming text */
.autotrim {
    table-layout: fixed;
    width: 100%;
}

.autotrim td {
    text-overflow: ellipsis; /* for IE only */
    overflow: hidden;
    white-space: nowrap;
}

/* font styles */

BODY {
    margin: 0;
    color: black;
}

BLOCKQUOTE {
    font-size: 11px;
    font-family: Arial, Sans-Serif, sans-serif;
    border-left: 2px solid #3c78b5;
    margin-left: 0;
    padding-left: 1em;
    color: black;
}

.small {
    font-size: 9px;
}

.smallfooter,
.smallgreyfooter {
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.smallgrey {
    font-size: 9px;
    color: #666;
}

.smallgreyfooter {
    color: #666666;
}

.grey {
    color: #666;
}

.lightgrey {
    color: #aaa;
}

.warning {
    color: #FF0000;
    font-weight: bold
}

/*created separate note to warning (DH)*/
.note {
    color: #900000;
    font-weight: bold
}

.red-highlight, .red-highlight td {
    color: #FF0000;
    font-weight: bold
}

.green-highlight {
    color: #006400;
    font-weight: bold
}

.bright-green-highlight {
    color: #33CC00;
    font-weight: bold
}

.red-highlight-small {
    color: #8B0000;
    font-weight: bold;
    font-size: 9px
}

.green-highlight-small {
    color: #006400;
    font-weight: bold;
    font-size: 9px
}

.blue-highlight {
    color: #6600FF;
    font-weight: bold
}

STRONG {
    font-weight: bold;
}

B {
    font-weight: bold;
}

.bolded {
    font-weight: bold;
}

/* styles for field editing page */

.hiddenField {
    color: #999;
}

.hidden {
    display: none;
    border: none;
    padding: 0;
    line-height: 0;
}

.hiddenButton {
    position: absolute;
    margin-left: -2000px;
}

.basicHide {
    display: none;
}

.fullyCentered {
    vertical-align: middle;
    text-align: center;
    margin: auto;
}

.centered {
    margin-left: auto;
    margin-right: auto;
}

.left-justified {
    text-align: left;
}

H1, H2, H3, H4, H5, H6 {
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    margin-bottom: 0;
}

H1 {
    font-size: 24px;
}

H2 {
    font-size: 18px;
    margin-top: 10px;
}

H3 {
    font-size: 16px;
    margin-top: 10px;
}

H4 {
    font-size: 12px;
    margin-top: 10px;
}

H5 {
    font-size: 11px;
}

H6 {
    font-size: 10px;
}

.trackback {
    padding: 2px;
    margin: 0 0 5px 0;
}

.trackbackblogname {
    font-size: 10px;
    color: #999;
}

.trackbacklink {
}

.trackbackexcerpt {
    font-size: 10px;
    color: #999
}

.grid, .bordered {
    margin-top: 5px;
    margin-bottom: 5px;
    border-collapse: collapse;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.grid th, .grid td {
    border: 1px solid #cccccc;
    padding: 4px;
    vertical-align: top;
}

.bordered th, .bordered td {
    border: none;
}

.grid th {
    background-color: #f0f0f0;
}

.defaultWidth {
    width: 95%;
}

.maxWidth {
    width: 99%;
}

.minWidth {
    width: 1%;
}

.standardField {
    width: 30em;
}

.minNoWrap {
    width: 1%;
    white-space: nowrap;
}

.noWrap {
    white-space: nowrap;
}

.wrapping {
    white-space: normal;
}

.emailHeader {
    font-weight: bold;
}

.date {
    color: #336699;
}

.borderedBox {
    border: 1px solid #bbbbbb;
    padding: 2px;
}

.borderedBoxBlack {
    border: 1px solid #000000;
}

.borderedTabBox {
    border: 1px solid #bbbbbb;
    width: 100%;
}

.borderedTabBoxHidden {
    border: 1px solid #bbbbbb;
    display: none;
    width: 100%;
}

a.backToTop {
    font-size: 10px;
    text-decoration: none;
    display: block;
    float: right;
    background-image: url( ../images/icons/arrow_up_blue.gif );
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding: 5px 0 0 18px;
    margin: 0;

}

a.backToTop:hover {
    text-decoration: underline;
}

/*
this makes a nicely 'gridded' table.  However, you will also need to following params:
<table class="gridTabBox" cellpadding="3" cellspacing="1" align="center">
If you are just using a table to create a border around something - see the 'borderedBox' style
*/
.gridTabBox {
    border: 0;
    padding: 0;
    background-color: #bbbbbb;
}

.gridTabBoxHidden {
    border: 0;
    padding: 0;
    background-color: #bbbbbb;
    display: none;
}

.selectedTabCell {
    background-color: #bbbbbb;
}

.unselectedTabCell {
    background-color: #ffffff;
}

.errorTabCell {
    background-color: #ffcccc;
}

.selectedTabFont {
    color: #ffffff;
    font-weight: bold;
}

.unselectedTabFont {
    font-weight: bold;
}

.pageTab {
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
}

.pageTabSelected {
    background-color: #bbb;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
}

/*
this makes a nicely 'gridded' table.  However, you will also need to following params:
<table class="gridBox" cellpadding="3" cellspacing="1" width="90%" align="center">
If you are just using a table to create a border around something - see the 'borderedBox' style
*/
.gridBox {
    border: 0;
    padding: 0;
    background-color: #bbbbbb;
}

/* Email/Comment action styles */

.issuePanelContainer {
    border: 1px solid #bbbbbb;
    border-collapse: collapse;
    width: 100%;
    border-top:none;
}

.action-box {
    border: thin solid #bbbbbb;
    border-collapse: collapse;
    margin: 2px 2px 2px 2px;
}

.action-container {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
}

.actionHeader {
    border-top: 1px solid #bbbbbb;
    padding: 2px;
    background-color: #f0f0f0;
    border-collapse: collapse;
}

.actionLinks {
    text-align: right;
    padding: 2px;
    float: right;
    vertical-align: middle;
    background-color: #f0f0f0;
}

.changeHistory td {
    border: thin solid #ffffff;
}

.actionContainer {
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-top:1px solid #BBBBBB;
}

.action-details {
    padding: 5px 2px;
    text-align: left;
    background-color: #f0f0f0;
}

.action-details-focused {
    padding: 5px 2px;
    text-align: left;
    background-color: #ddeeff;
}

.action-links {
    float: right;
    padding: 5px 2px;
    background-color: #f0f0f0;
}

.action-links-focused {
    float: right;
    padding: 5px 2px;
    background-color: #ddeeff;
}

.perm-link {
    float: right;
}

.action-body {
    margin: 2px;
}

/* Changehistory may have headers inside the actionbody, which require 0px margin. */
.action-body#changehistory {
    margin:0;
}

.action-spacer {
    clear: both;
}

.alertHeader {
    border: 2px solid #990000;
    margin: 4px;
    font-weight: bold
}

/* new styles */

HR {
    color: #3c78b5;
    height: 1px;
}

/* Projects grouped by category on the dashboard */

.projectCategoryGroup {
    border-width: 0 1px 1px 1px;
    padding: 7px;
    border-style: dashed;
    border-color: #bbbbbb;
}

span.switch {
    cursor: pointer;
    text-decoration: underline;
    color: #003366;
}

/* Column header styles */
div.colHeaderLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
}

TD.colHeaderLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    white-space:nowrap;
}

.colHeaderLink a {
    text-decoration: none;
    color:#000000;
}

/*td:hover.colHeaderSortable,*/
/*td:active.colHeaderSortable,*/
/*td:focus.colHeaderSortable,*/
.colHeaderSortable a:hover,
.colHeaderSortable a:active,
.colHeaderSortable a:focus,
.colHeaderOver {
    background-color: #aaaaaa;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    cursor: pointer;
    cursor: hand;
    white-space:nowrap;
}

.colHeaderSortable a {
    text-decoration: none;
    display: block;
    padding : 2px;
    _zoom : 1;
}

.colHeaderOver a {
    text-decoration: none;
    color:#ffffff;
}

.colHeaderHighlight {
    background-color: #aaaaaa;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.colHeaderHighlight a {
    text-decoration: none;
}

BODY, P, UL, OL, DL, LI, TD, TEXTAREA, INPUT, SELECT, BUTTON, option, optgroup {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: black;
}

TEXTAREA, .textfield {
    width: 90%;
}

.footer {
    text-align: center;
}

optgroup {
    background-color: #fffff0;
    border-top: 1px solid #cccccc;
    padding: 0 2px;
    font-weight: normal;
    font-style: normal;
}

optgroup option {
    background-color: #ffffff;
}

/** Currently only works with FireFox. Degrades well in other browsers **/

option.imagebacked, option.selectall, select.imagebacked option {
    padding: 2px 0 2px 20px;
    background-repeat: no-repeat;
    background-position: 1px 2px;
    vertical-align: middle;
}

option.selectall {
    background-image: url( ../images/icons/table_sql_select_16.png );
    border-bottom: 1px #0085eb dotted;
}

ul.square, ul.square_blue, ul.config, ul.imagebacked {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.square_blue li {
    padding-left: 13px;
    background-image: url( ../images/icons/bullet_blue.gif );
    background-repeat: no-repeat;
    background-position: 0 0.4em;
}

ul.square_blue li ul {
    background-repeat: no-repeat;
    background-position: 0 0.4em;

}

ul.square_blue ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

ul.square li {
    padding-left: 13px;
    background-image: url( ../images/icons/bullet_creme.gif );
    background-repeat: no-repeat;
    background-position: 0 0.4em;
}

ul.square li a {
    font-weight: bold;
}

ul.normal li a {
    font-weight: normal;
}

ul.config li a, a.config {
    padding: 3px 0 3px 20px;
    background-image: url( ../images/icons/confg_16.gif );
    background-repeat: no-repeat;
    background-position: 0 2px;
}

ul.imagebacked li {
    padding: 3px 0 3px 20px;
    background-repeat: no-repeat;
    background-position: 0 2px;
}

a.sort {
    padding: 3px 0 3px 20px;
    background-image: url( ../images/icons/sort_az_descending.png );
    background-repeat: no-repeat;
    background-position: 0 2px;
}

.wizardFooter {
    vertical-align: top;
    background-color: #f0f0f0;
    text-align: right;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.darkFooter {
    vertical-align: top;
    background-color: #f0f0f0;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.wizardFooter #cancelButton {
    margin-left: 1em;
}

.wizardFooter .wizardInfo {
    float: left;
    font-size: 0.8em;
    vertical-align: middle;
    text-align: left;
}

.wizardCell {
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
}

.wizardRow {
    background-color: #f0f0f0;
    vertical-align: middle;
    padding: 0;
    height: 40px;

}

.codearea {
    border-width: 1px;
    border-style: dashed;
    border-color: #bbbbbb;
    background-color: #F6F6F6;
    width: 80%;
    margin: 10px auto;
    padding: 0 1em;
    -moz-border-radius: 10px;
}

pre.codearea h4 {
    border-bottom: 1px #bbbbbb solid;
}

pre.codearea textarea {
    border: none;
    width: 100%;
    height: 300px;
    background-color: #F6F6F6;
    font-size: 100%;
    margin-bottom: 1em;
}

textarea.code, pre.codearea textarea {
    font-family: monospace;
}

.subText {
    font-size: 10px;
}

.selectDescription {
    font-size: 10px;
    vertical-align: top;
}

img {
    border: 0;
}

.informationBox {
    border: 1px solid #F0C000;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background-color: #FFFFCE;
    padding: 10px;
}

.informationBox .error {
    color: #FF0000;
    font-weight: bold;
    font-size: 120%;
}

.informationBox .success {
    color: #006400;
    font-weight: bold;
    font-size: 120%;
}

.informationBox .info {
    color: #6600FF;
    font-weight: bold;
    font-size: 120%;
}

table.blank {
    margin: 0;
    padding: 0;
    border: none !important;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0;
}

table.blank td, table.blank th {
    margin: 0;
    padding: 0 5px 5px 5px;
    border: none !important;
    vertical-align: top;
}

table.blank th {
    background-color: #f0f0f0;
}

table.noPadding, table.noPadding tr, .noPadding {
    margin: 0;
    padding: 0 !important;
    border: none;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0;
}

td.noPaddingCron {
    margin: 0;
    padding: 0;
}

table.minColumns td, table.minColumns th {
    width: 1%;
}

td.normal, th.normal {
    width: auto !important;
}

.nowrap {
    white-space: nowrap;
}

ul.optionslist {
    margin: 0;
    padding: 0;
    padding-left: 2px;
    list-style: none;
}

ul.optionslist  li {
    padding-left: 13px;
    background-image: url( ../images/icons/bullet_creme.gif );
    background-repeat: no-repeat;
    background-position: 0 0.25em;
}

ul.optionslist ul {
    margin: 0 0 0.5em 0;
    padding-left: 13px;
}

ul.optionslist ul li {
    display: inline;
    padding-left: 13px;
    background-image: url( ../images/icons/navigate_right_16.gif );
    background-repeat: no-repeat;
    background-position: 0 0.25em;
    font-size: 80%;
    padding-right: 1em;
    white-space: nowrap;
}

.percentagegraphtable, .percentagegraphtable td {
    padding: 0;
}

#reloadImage {
    position: relative;
    top: 3px;
    margin: 0 0 0 5px;
}

/* Issue Navigator width controls */

#issuetable .nav, #issuetable .nav p {
    font-size: 10px;
    vertical-align: top;
}

/* Need this style to fix an IE rendering problem */
#issuetable .nav img {
    vertical-align: top;
}

#issuetable .parentIssue {
    font-size: 9px;
    color: #666;
}

#issuetable .summary {
    font-size: 12px;
    width: 20%;
}

#subtask_container #summary_container {
    width: 30%;
}

#issuetable .description {
    width: 30%;
}

#issuetable .issueCount {
    text-align: center;
}

#issuetable .status, #issuetable .resolution, #issuetable .assignee, #issuetable .reporter, #issuetable .issuekey {
    white-space: nowrap;
}

.redText {
    color: #990000;
}

.greenText {
    color: #006400;
}

/* used for big fat warning messages saying, "You really should think twice before you do..." */
.warningText {
    color: #cc0000;
}

.spaced {
    margin-left: 2px;
    margin-right: 2px;
}

/* project Panel styles */

.projectPanel {
    margin: 0;
    padding: 0;
    border: none !important;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: top;
}

.projectPanel .header {
    padding: 4px;
    background-color: #f0f0f0;
}

.projectPanel .versionBanner {
    background-color: #fffff0;
    padding: 4px;
    width: 100%;
}

.localHelp {
    position: relative;
    left: 5px;
    top: 3px;
}

.helpLink {
}

/** Use these styles for when you need two "columns" **/

div.container {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

.leftColumn {
    width: 49%;
    float: left;
}

.rightColumn {
    width: 49%;
    float: right;
}

/** Admin menu styles **/

#adminMenu {
    width: 170px;
    vertical-align: top;
    background-color: #f2f2f2;
    margin: 0;
    padding: 0;
}

#adminMenu .section {
}

#adminMenu .headerOpen, #adminMenu .headerClosed {
    display: block;
    width: 152px;
    font-weight: bold;
    background-color: #e2e2e2;
    border-bottom: solid 1px #5F9ACF;
    padding: 5px 3px 5px 16px;
    border-collapse: collapse;

    text-decoration: none;

    background-repeat: no-repeat;
    background-position: 3px 7px;
}

#adminMenu .headerOpen {
    background-image: url( ../images/icons/navigate_down_10.gif );
}

#adminMenu .headerClosed {
    background-image: url( ../images/icons/navigate_right_10.gif );
}

#adminMenu ul {
    margin: 0;
    padding: 5px 5px 10px 3px;
    list-style: none;
}

#adminMenu li {
    margin: 0;
    padding: 0;
}

#adminMenu li a {
    background-image: url( ../images/icons/bullet_creme.gif );
    background-repeat: no-repeat;
    background-position: 0.15em 0.3em;

    width: 147px;
    display: block;
    padding: 0 0 0 14px;
    border: 1px solid #f2f2f2;
}

#adminMenu li a:hover {
    text-decoration: none;
}

/** Some useful styles from Confluence **/

.noteBox, .warningBox, .infoBox, .tipBox, .greenBox, .grayBox, .importWarningBox, .importErrorBox {
    padding: 5px;
    background-repeat: no-repeat;
    background-position: 5px 5px;;
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
}

.noteBox a, .warningBox a, .infoBox a, .tipBox a {
    font-weight: bold;
}

.noteBox {
    background-image: url( ../images/icons/warning_16.gif );
    border: solid 1px #F0C000;
    background-color: #FFFFCE;
}

.warningBox {
    background-image: url( ../images/icons/serious_warning_16.gif );
    border: solid 1px #c00;
    background-color: #fcc;
}

.infoBox {
    background-image: url( ../images/icons/information.gif );
    border: solid 1px #3c78b5;
    background-color: #D8E4F1;
}

.tipBox {
    border: solid 1px #090;
    background-color: #dfd;
}

.greenBox {
    border: solid 1px #090;
    background-color: #A6DBA6;
    width:75%;
    margin-left:auto;
    margin-right:auto;
}

.grayBox {
    border: solid 1px darkgray;
    background-color: #F0F0F0;
    width:75%;
    margin-left:auto;
    margin-right:auto;
}

.importWarningBox {
    background-image: url( ../images/icons/warning_16.gif );
    border: solid 1px #F0C000;
    background-color: #FFFFCE;
    width:75%;
    margin-left:auto;
    margin-right:auto;
    margin-top: 2;
}

.importErrorBox {
    background-image: url( ../images/icons/serious_warning_16.gif );
    border: solid 1px #c00;
    background-color: #fcc;
    width:75%;
    margin-left:auto;
    margin-right:auto;
}

.warningBox h4 {
    padding-top: 0;
    margin-top: 0;
    color: #c00;
    font-weight: bold;
}

/* Issue Navigator stuff */

.filterFormCell, .filterSummaryCell {
    border-right: 1px solid #bbbbbb;
}

.filterFormCell, .filterFormCell #filterForm {
    width: 300px;
    vertical-align: top;
}

.filterSummaryCell {
    width: 240px;
    background-color: #f0f0f0;
    vertical-align: top;
}

.fieldArea .fieldLabelArea {
    width: 30%;
}

.fieldArea .fieldValueArea {
    width: 70%;
}

.fieldArea {
}

.sortArrow {
    vertical-align: middle;
    width: 11px;
    height: 14px;
}

.sortArrow9x9 {
    vertical-align: middle;
    width: 9px;
    height: 9px;
}

.sortArrow16x16 {
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

#filterFormHeader td, .leftFormHeader {
    background-color: #dddddd;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    white-space: nowrap;
}

#modifiedMarker {
    float: right;
    margin-top: 3px;
    margin-right: 2px;
    vertical-align: middle;
    color: #cc0000;
}

#filterFormHeader a, #filterFormHeader .selectedItem, #filterFormHeader .item {
    padding: 3px 4px 4px 4px;
}

#filterFormHeader .selectedItem {
    background-color: #aaaaaa;
    color: #ffffff;
    text-decoration: none;
}

#filterForm .userpickerfield {
    width: 85%;
}

#filterForm .grouppickerfield {
    width: 85%;
}

#filterForm .childCascadingSelect {
    margin-top: 3px;
}

#filterForm .standardInputField {
    width: 85%;
}

#filterForm .dateSearcher {
    width: 85%;
}

#filterForm .smallInputField, #filterForm .periodSearcher {
    width: 40px;
}

#filterForm .rowHeader {
    border-top: 1px solid #bbbbbb;
}

#filterForm .headerOpened, #filterForm .headerClosed {
    padding: 5px 3px 5px 16px;
    background-repeat: no-repeat;
    background-position: 3px 7px;
    cursor: pointer;
    cursor: hand;
}

#filterForm .headerOpened {
    background-image: url( ../images/icons/navigate_down_10.gif );
}

#filterForm .headerClosed {
    background-image: url( ../images/icons/navigate_right_10.gif );
}

#filterForm .fieldDescription {
    width: 205px;
    overflow: hidden;
}

#filterForm SELECT, #filterForm SELECT.standardInputField {
    width: 85%;
}

#filterForm .tableUnderline {
    width: 100%;
}

.calendarPicker {
    float: right;
    margin-right: 2px;
}

.sectionHeaderOption {
    background-color: #fffff0;
    border-top: 1px solid #cccccc;
    padding: 0 2px;
    font-weight: normal;
    font-style: normal;
}

/* Issue navigator */

.searcherValue {
    padding-left: 13px;
    background-image: url( ../images/icons/bullet_blue.gif );
    background-repeat: no-repeat;
    background-position: 0 0.4em;

}

.searcherValue .fieldLabel {
    font-weight: bold;
}

.searcherValue .fieldValue {
}

.paramChanged, .paramChanged a {
    font-weight: bold;
    color: blue;
}

.paramRemoved, .paramRemoved a {
    font-weight: bold;
    color: red;
}

.paramAdded, .paramAdded a {
    font-weight: bold;
    color: green;
}

.periodDescription {
    text-transform: lowercase;
}

#projectRefreshPanel, #groupRefreshPanel {
    font-size: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    cursor: pointer;
    cursor: hand;
}

.spacer {
    line-height: 2px;
}

.lead {
    text-transform: capitalize;
}

/** Tab specific styles **/
.tabContainer {
    margin-top: 10px;
}

.tabHeader {
    margin-left: 5px;
    overflow: hidden;
    width: 100%;
}

.tabHeader a {
    float: left;
    font-weight: bold;
    padding: 3px 8px 3px 8px;
    margin-right: 5px;
}

.tabHeader a.selected, .tabHeader a:hover {
    color: #ffffff;
    background-color: #bbbbbb;
    text-decoration: none;
}

.tabHeader a.selected:hover {
    text-decoration: underline;
}

.tabContent {
    border: 1px #cccccc solid;
    padding-top: 5px;
}

.licensemessage,
.licensemessagered {
    font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: center;
}

.licensemessage {
    background-color: #ffffce;
    padding-top: 2px;
    padding-bottom: 2px;
}

.licensemessagered {
    background-color: #ffcccc;
    padding-top: 5px;
    padding-bottom: 5px;
}

.licensemessagehl {
    font-weight: bold;
    color: #990000;
}

.poweredbymessage,
.poweredbymessage a {
    font-size: 10px;
    color: #666666;
    font-family: verdana, arial, helvetica, sans-serif;
}

.halfWidth {
    width: 50%;
}

/* Bulk Move Menu */

ul.steps {
    list-style: none;
}

.steps {
    margin: 5px 0 0 10px;
    padding: 0 0 0 20px;
}

.steps .steps {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.steps li {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 0 3px;
}

.steps li.current {
    background-image: url( '../images/icons/bullet_inprogress.gif' );
    font-weight: bold;
}

.steps li.todo {
    background-image: url( '../images/icons/bullet_notdone.gif' );
    font-weight: normal !important;
}

.steps li.done {
    background-image: url( '../images/icons/bullet_done.gif' );
    font-weight: normal !important;
}

div.hr {
    height: 15px;
    padding: 10px 0;
    background: #fff url( '../images/icons/hr.gif' ) no-repeat scroll center;
}

div.hr hr {
    display: none;
}

.topBordered {
    border-top: 1px solid #bbbbbb;
    margin-top: 5px;
    padding-top: 5px;
}

.validHighlight {
    color: #009900;
    font-weight: bold;
}

div.multiuserlist {
    margin-left: 5px;
    float: left;
    min-width: 150px
}

ul.multiuserlist {
    margin-left: 5px;
    padding: 0;
    margin-top: 0;
    list-style-type: none;
}

li.multiuserlist {
    font-size: 13px;
}

div.multiuseroperations {
    margin-left: 30px;
    float: left;
}

/* Report Styles */

table.report {
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0;
}

table.report td, table.report th {
    margin: 0;
    padding: 5px;
    vertical-align: top;
}

table.report th.reportHeading {
    background-color: #f0f0f0;
}

table.report th.subHeading {
    background-color: #fffff0;
}

table.report th.subHeading h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

table.report .graphLabel, table.report .graphDescription, table.report .percentageGraph {
    float: right;
}

/* Percentage Graph Styles */

.graphLabel, .graphDescription, .percentageGraph {
    font-size: 10px;
}

.graphLabel {
    margin-right: 1ex;
}

.subHeading h3 {
    float: left;
}

.percentageGraph {
    width: 100px;
}

.percentageGraph .barSection {
    display: block;
    float: left;
}

.subtleButton {
    font-size: 80%;
    padding: 0 1px;
    margin: 0;
}

#descriptionArea {
    vertical-align: top;
    border: 1px solid #bbb;
    padding: 5px 5px;
    margin: 0;
}

#viewLinks {
    margin-top: 5px;
    margin-bottom: 5px;
    border-collapse: collapse;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

#viewLinks th {
    background-color: #f0f0f0;
    padding: 4px 2px 2px 6px;
    border-bottom: 1px solid #bbbbbb;
}

#viewLinks .linkDescription {
    margin-bottom: 5px;
}

.mf-hidden {
    display: none;
}

.projectTabPanelTab {
    width: 1%;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
}

.projectTabPanelTabSelected {
    background-color: #bbb;
    color: #fff;
    width: 1%;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
}

td.tt_values {
    text-align: right;
    white-space: nowrap;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: normal;
    width: 10%;
}

td.tt_text {
    white-space: nowrap;
    padding-right: 10px;
    width: 10%;
}

td.tt_graph {
    width: 100%;
}

table.tt_graph {
    border-width: 0;
    width: 100%;
    height: 4px;
    vertical-align: middle;
}

table.tt_graph td, tr.tt_graph td {
    border: 0;
    font-size: 0;
    height: 4px;
}

table.tt_graph td img {
    height: 4px;
    width: 100%;
    border: 0;
}

tr.tt_graph {
    height: 4px;
}

table.tt_outer {
    border-width: 0;
    width: 100%;
    background-color: #bbbbbb;
}

table.tt_inner {
    width: 100%;
    background-color: white;
}

td.tt_heading {
    font-weight: bold;
    vertical-align: top;
    background-color: #f0f0f0;
    width: 20%;
}

td.tt_infoarea {
    background-color: white;
}

td.tt_graph_percentage {
    width: 3em;
    text-align: right;
    padding-right: 3px;
}

td.tt_spacer {
    width: 1px;
    max-width: 1px;
    font-size: 0;
}

table.tt_graph td.tt_spacer img {
    width: 1px;
}

.fakelink {
    color: #003366;
    cursor: pointer;
    cursor: hand;
    text-decoration: underline;
}

/* Print media related CSS */
@media
print
{
/*
* Some elements need to be hidden to print nicely. eg. statistical bars need
* to hide transparent images so its background colour is printed - JRA-13284
*/
.hideOnPrint {
    visibility: hidden;
}

}

.boldTop {
    font-weight: bold;
    vertical-align: top;
}

.loginFormBox {
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    width: 50%;
}

.loginFormError {
    background-color: #ffcccc;
    color: #c00;
    font-weight: bold;
}

a.loginFormErrorLink {
    color: #CC0000;
}

input.login {
    width: 12em;
}

/* The "border: 1px" was added as a workaround for a Firefox 3 bug - see JRA-15360 */
table.filter_list {
    border: 1px #bbbbbb solid;
    width: 99%;
    border-collapse: collapse;
}

table.filter_list tr.first-row a.portal_pos_first
{
    visibility:hidden;
}
table.filter_list tr.first-row a.portal_pos_up
{
    visibility:hidden;
}
table.filter_list tr.last-row a.portal_pos_down
{
    visibility:hidden;
}
table.filter_list tr.last-row a.portal_pos_last
{
    visibility:hidden;
}

tr.filter_list {
    background-color: #f0f0f0;
}

table.filter_list td {
    border: 1px #bbbbbb solid;
    vertical-align: top;
    padding: 2px;
}

table.filter_list td.colHeaderSortable {
    padding : 0;
}

/*
 * JIRA uses this trick a lot, that is a table/div that is mostly all of the width but then centred vertically via margin auto on left and right
 */
.jiraCenteredContent {
    width:99%;
    margin:0 auto
}

.filterSearchInput {
     width: 99%;
     border-collapse: collapse;
     border-spacing: 0;
     border: 1px solid #BBB;
     margin: 0 auto;
 }

 .filterSearchInput td {
     white-space : nowrap;
     vertical-align :top;
     padding:4px;
 }

 .filterSearchInputRightAligned {
     text-align : right;
 }

.pseudoButton {
    font-size: 0.9em;
    background-color: #ddeeff;
    padding: 4px;
    line-height: 2em;
    text-transform: uppercase;
}

.toptext, .toptext table, .toptext a {
    font-size: 11px;
}

.jiraform #projectimport {
padding: 15px 15px 20px 15px;
}
.jiraform #projectimport #summary #systemfields {
	display: inline;
	float: left;
	width: 48.75%;
	padding-right: 15px;
}
.jiraform #projectimport #summary #customfields {
	display: inline;
	float: right;
	width: 48.75%;
}
.jiraform #projectimport #summary h3 {
padding: 3px 0 3px 7px;
background-color: #cdcdcd;
font-weight: normal;
width: 99%;
}
.jiraform #projectimport #summary ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.jiraform #projectimport #summary ul li {
	display: block;
	position: relative;
	background-color: #e7e7e7;
	font-size: 14px;
	padding: 1px 3px 5px 4px;
	margin: 1px 0 0 0;
	width: 99%;
}
.jiraform #projectimport #summary ul li#nothing {
	color: #9c9c9c;
	padding: 5px 0 5px 7px;
}
.jiraform #projectimport #summary ul li img {
	position: relative;
	top: 3px;
	left: 1px;
	margin-right: 6px;
}
.jiraform #projectimport #summary ul li.warning {
    background-color: #f8f8f8;
    color: #ff9400;
    font-weight: bold;
}
.jiraform #projectimport #summary ul li.error {
    background-color: #f8f8f8;
    font-weight: bold;
	color: #d10000;
}
.jiraform #projectimport #summary ul li.unprocessed {
	color: #9c9c9c;
}
.jiraform #projectimport #summary ul li .description {
	font-size: 12px;
	font-weight: normal;
	margin: 8px 15px 8px 23px;
	color: #000;
    overflow-x: auto;
    overflow-y: hidden;
}
.jiraform #projectimport #summary ul li.unprocessed .notification {
	font-size: 11px;
	position: absolute;
	float: right;
	top: 6px;
	left: -4px;
	text-align: right;
	width: 99%;
	height: 1%;
}

.jiraform #projectimport #summary .results_header {
        margin-bottom: 1px;
}

.jiraform #projectimport #summary ul li.results_field {
        margin: 0;
}

.jiraform #projectimport #summary ul.results_error_list {
        margin: 0;
}

.jiraform #projectimport #summary .notification {
        font-size: 11px;
        position: relative;
        float: right;
        top: -20px;
        left: -6px;
        z-index: 1000;
        margin: 0;
        padding: 0;
}

.jiraform #projectDetailsTable.grayBox th
{
    padding:5px;
    vertical-align:top;
}

.field_label {
        font-size: 12px;
        color: #000000;
        position: absolute;
        top: 1px;
        left: 7px;
}

.field_description {
        font-size: 12px;
        margin: 0 10px 0 10em;
}

.first .field_description {
        margin-top: 5px;
}

.last .field_description  {
        margin-bottom: 3px;
}

.first .field_label {
        top: 6px;
}

.last .field_label  {
        top: 1px;
}

.only .field_description {
        margin-top: 5px;
        margin-bottom: 3px;
}

.only .field_label {
        top: 6px;
}

.field_error {
        position: relative;
        font-size: 11px;
        padding: 0 5px 1px 0;
}