body {
    font-size:80%;
}

.block {
    width:100%;
    overflow:hidden;
}

/* -------- LAYOUT --------- */

div.padded {
    padding:0 1em;
}

/* ----------- USER MENU -------------- */

div.userMenu {
    background-color:#000000;
    color:#FFFFFF;
    padding:0.2em 0.1em;
    font-size:0.9em;
    text-align:center;
}

div.userMenu a {
    color:#FFFFFF;
}

/* ----------- TITLES -------------- */

h1.appTitle {
    padding: 0.2em 0.2em 0.4em; /*border-bottom:2px solid black;*/
    color:white;
    background-color:#193461;
    margin:0;
}

h2 a {
    font-size:0.55em;
    float:right;
    margin-left:0.5em;
}

h3 {
    border-bottom:1px solid #999999;
    clear:both;
    padding-bottom:0.1em;
}

span.grayText {
    margin:0;
    font-size:0.7em;
    padding:0 1em;
    color:#666666;
}

.appDesc {
    color:white;
    padding:0;
    background-color:#193461;
    margin:0;
}

/* ------------- TABS ------------------- */

div.projectMenu {
    text-align:center;
    font-size:1.1em;
    margin-bottom:1em;
    background-color:#193461;
}

div.projectMenu ul {
    list-style:none;
    margin:0;
}

div.projectMenu li {
    margin:0 3px;
    padding-left:0;
    padding-right:0;
    padding-bottom:0.25em;
    padding-top:0.2em;

    background-color:#cccccc;

    list-style:none;
    display:inline;
}

div.projectMenu li a {
    text-decoration:none;
    color:#666666;

    padding-left:0.4em;
    padding-right:0.4em;
    margin-left:0;
    margin-right:0;
}

div.projectMenu li.selected a {
    padding-left:0.5em;
    padding-right:0.5em;
    color:black;
}

div.projectMenu li.selected {
    font-weight:bold;
    font-size:1.2em;

    border-bottom:none;
    background-color:white;
    
    padding-bottom:0.22em;
    padding-left:0;
    padding-right:0;
}

input.searchBox {
    width:14em;
    padding:0.1em;
    margin:0;
}

/* ------------ TEXT ------------- */
.warning {
    color:red;
    font-size:1.05em;
    font-weight:bold;
}


div.userProject a {
    font-size:1.4em;
    text-decoration:none;
    font-weight:bold;
    color:#333333;
}

div.userProject a:hover {
    text-decoration:underline;
}


/* -------- DATE PICKER ------------ */


#ui-datepicker-div {
    background-color:white;
    border:1px solid black;
    font-size:0.9em;
    display:none;
}

.ui-datepicker {
    width:210px;
    background-color:white;
    text-align:center;
}

.ui-datepicker-header {
    /*background-color:#ff6633;*/
    background-color:#c3d9ff;
    color:black;
    font-weight:bold;
}

.ui-datepicker-prev, .ui-datepicker-next {
    text-decoration:none;
    width:20px;
    color:black;
}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
    cursor:pointer;
}

.ui-datepicker-prev {
    float:left;
}

.ui-datepicker-next {
    float:right;
}

.ui-datepicker-current {
    float:left;
    margin-left:56px;
}

.ui-datepicker-links {
    text-align:center;
    height:18px;
    background-color:#c3d9ff;
    color:white;
}

.ui-datepicker-control {
    text-align:center;
    color:white;
    background-color:#c3d9ff;
}

.ui-datepicker-one-month {
    background-color:white;
}

.ui-datepicker-current-day {
    background-color:#ff6633;
    color:white;
}

.ui-datepicker-calendar td {
    text-align:center;
}

.ui-datepicker-calendar td a {
    color:black;
    text-decoration:none;
}

td.ui-datepicker-current-day a {
    color:white;
    font-weight:bold;
    text-decoration:none;
}

.ui-datepicker-calendar td:hover {
    background-color:#ffcc66;
    cursor:pointer;
}

td.ui-datepicker-unselectable {
    color:#BBBBBB;
}

td.ui-datepicker-unselectable:hover {
    cursor:default;
    background-color:white;
}

input.datePicker {
    width:15em;
}


/* ------- TRACKING MENU -------- */

div.trackingMenu ul {
    text-align:center;
    background-color:#DDDDDD;
    font-size:1.1em;
    padding:0;
    margin:0;
}

div.trackingMenu li {
    display:inline;
    margin:0 0.5em;
    padding:0;
}

div.trackingMenu li.selected {
    font-size:1.1em;
    font-weight:bold;
    background-color:white;
    padding:0 0.3em;
}

div.trackingMenu a {
    text-decoration:none;
    color:black;
}


/* ---------- BREAD CRUMBS --------- */
p.breadCrumb {
    padding:0;
    margin:0;
}

textarea.editor {
    width:100%;
}

div.previewMarkit {
    background-color:#eeeeff;
    border:1px solid #9999ff;
    padding:5px;
}

/* ------------- PLAN -------------- */

th {
    background:#c3d9ff;
}

table.upgradeTable {
    width:auto;    
}

table.upgradeTable td {
    vertical-align:middle;
}

tr.newOrder td {
    font-weight:bold;
}

tr.overdueOrder td {
    color:red;
}

/*--------- diff table -------------*/
div.diffContent {
    overflow:auto;
}
table.diffTable {
    font-family:monospace;
    /*width:100%;*/
    width:auto;
}

td.lineColumn1  {
    padding:0 5px;
    text-align:right;
}

td.lineColumn2 {
    padding:0 5px;
    text-align:right;
}

td.diffLine {
    white-space:pre;
    color:black;
}

td.added {
    color:black;
    background:#99ff99;
}

td.removed {
    color:black;
    background:#ff9999;
}

tr.revisionInfo td {
    background-color:#EFFAEE;
}

tr.emptyLine td {
    background-color:#EFFAEE;
    font-style:italic;
}

/* footer */
div.footer {
    border-top:1px solid #999999;
    background-color:#DDDDDD;
    padding:0.2em;
    text-align:center;
    color:#999999;
    clear:both;
}

div.footer p {
    margin:0.5em 0;
    padding:0;
}

div.footer a {
    text-decoration:none;
    color:#999999;
}

/* events */

div.eventFields {
    padding:0 32px 0;
    margin:0;
}
div.eventFields p {
    margin:0;
    padding:0;
}

div.eventEntry {
    /*margin:10px 0;*/
    margin-bottom:1.5em;
}

div.eventEntry p {
    /*padding:0;*/
    margin:0;
    padding:0 1.5em 0 1.5em;
}

.eventDate {
    color:#999999;
    font-size:0.8em;
}

img.profileThumb {
    float:left;
    margin-right:4px;
    margin-bottom:4px;
    vertical-align:top;
}


table.bean {
    border-collapse:collapse;
}

table.bean th {
    text-align:center;
}

table.bean th.left {
    text-align:left;
}

table.bean td {
    text-align:center;
}

table.bean td.left {
    text-align:left;
}

table.bean h5.bugTitle {
    margin-bottom:0.2em;
}

table.bean p {
    margin-bottom:0.2em;
}

tr.beanRow td {
    background:transparent;
}

tr.beanRow p.assignedUser {
    width:100%;
    overflow:hidden;
}

tr.even {
    background:#e5ecf9;
}

tr.beanRow:hover td {
    cursor:pointer;
    background-color:#ffe8e8;
}

.beanId, .taskId {
    font-size:1.2em;
    padding:0.1em 0.2em;
}

tr.story span.beanId {
    color:white;
    background-color:#081C5E;
}

tr.bug span.beanId {
    color:white;
    background-color:#5E0C08;
}

span.taskId {
    color:white;
    background-color:#002F38;
}

tr.completed td, tr.completed a, tr.completed td a {
    color:#666;
}

tr.completed h5 {
    color:#999;
}

p.beanFooter {
    text-align:center;
    color:#666;
}

div.trackingPanel {
    margin:1.2em 0;
    font-weight:bold;
}

div.trackingPanel span.component {
    /*border:1px solid black;*/
    padding:0.2em 0;
    background-color:#e5ecf9;
}

div.trackingPanel span.component a {
    text-decoration:none;
    color:#000000;
    padding:0.2em 1em;
}

div.trackingPanel span.component a:hover {
    text-decoration:underline;
}

.beanAction form {
    display:inline;
    border:1px solid black;
}

.beanAction div {
    display:inline;
    border:1px solid black;
}

.markItUpEditor {
    width:100%;
    height:150px;
}

div.story, div.bug, div.forumTopic {
    clear:both;
    border:1px solid #ddd;
    padding:1em;
    margin:1em 0;
}

.draggingRow {
    border:1px dashed #990000;
}

td.dragHandle :hover {
    cursor:move;
}

p.hours, div.hours {
    width:100%;
    overflow:hidden;
}

p.hours {
    line-height:0.8em;
    border-bottom:1px dashed #999;
}

p.hours span {
    color:#666;
}

td.taskControl {
    padding:0 1em 0.5em;
    margin:0;
}

tr.beanAttributes th {
    width:15%;
}

tr.beanAttributes td {
    width:35%;
}

td.debugWidth {
    border-left:1px solid red;
    border-right:1px solid red;
}

span.completionValue {
    font-weight:bold;
    color:black;
}

div.backgroundBar {
    width:50px;
    background-color:#ffffff;
    height:1em;
    text-align:left;
    display:inline-block;
    border:1px solid #666666;
}

div.innerBar {
    background-color:#193441;
    color:#999;
    height:1em;
}

div.innerBar span {
    float:left;
    /*display:block;*/
    margin:0;
    padding:0;
    width:50px;
    text-align:center;
    line-height:1em;
}

#betaWarning {
    font-size:1em;
    margin-left:1em;
    padding:0 0.5em;
}

#footerText p {
    margin:0;
    padding:0;
}


div.searchPanel {
    float:right;
    padding:0 1em 0 0;
}

div.searchPanel div.projectSearch input {
    font-size:0.9em;
    padding:0;
    width:10em;
    margin:0.2em 0 0 0;
}

span.publicProject {
    color:#ccccff;
    padding-right:1em;
    font-size:1.1em;
}

div.searchResult {
    width:100%;
    overflow:hidden;
    margin:1em 0;
}

div.searchType {
    width:5em;
    float:left;
    padding:0.5em 0;
    margin:0;
    text-align:center;
    background-color: #4267a3;
    color:#FFF;
}

div.searchText {
    margin:0 0 0 6.5em;
}

div.searchScore {
    font-size:0.9em;
    color:#999;
}


div.adblock {
    margin-top:1em;
    margin-bottom:1.5em;
}



table.svnTable tr td, table.svnTable tr th {
    border-bottom:1px dashed #aaa;
}

div.projectGroup {
    margin-top:2em;
    margin-bottom:1em;
}

p.projectGroupHeader {
    margin-bottom:0.4em;
}

p.projectGroupHeader span {
    font-size:1.5em;
    font-weight:bold;
}

p.projectGroupHeader a {
    padding-left:1em;
}

div.projectGroup p {
    margin-top:0.2em;
    margin-bottom:0.2em;
}

li.projectGroupEntry {
    margin-top:0.3em;
    margin-bottom:0.3em;
}

li.projectGroupEntry a {
    font-size:0.8em;
    margin-left:1.5em;
}