/* Flowmation Default Stylesheet
.................................................................................
*/

.clear {
    clear: both;
}

.inline {
    display:inline;
}

* {
    font-size: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.7em;
}

body {
    position: relative;
    width: 100% !important;
    font: 70% Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000080;
    background: url( ../images/background.gif ) 150px 50% no-repeat #fff;
    background-attachment: fixed;
}

#header {
    display: block;
    float: left;
    width: 100%;
    height: 100px;
    background: url( ../images/header.gif ) top left repeat-x;
    background-color: #0287D0;
    background-repeat: repeat-y;
    background-position: top left
}

#content {
    display: block;
    margin: 0 0 0 10px;
    padding: 0 0 0 0px; /*	min-height: 800px; */
}

* html #content {
    width: auto !important;
    height: 800px;
}

/*\*/
html>body*#content {
    min-width: 80%;
}

/**/

#logo {
    float: left;
    display: inline;
    width: 215px;
    height: 60px;
    background: url( ../images/logo.gif ) bottom right no-repeat;
    margin: 18px 0 0 15px
}

#menu {
    display: block;
    width: 200px;
    height: auto;
}

#menu ul {
    display: block;
    width: 200px;
    list-style: none;
    margin: 0;
}

#menu li {
    float: left;
    display: block;
    width: 200px;
    text-indent: 10px;
    background: url( ../images/dots-horiz.gif ) bottom right repeat-x;
    padding: 3px 0 1px 0;
}

#menu li a:link, #menu li a:visited {
    display: block;
    width: 190px;
    padding: 3px 10px 3px 0;
    margin: -3px 0 0 0;
    text-decoration: none;
    font-weight: normal;
}

#menu li a:hover {
    color: #0287D0;
    text-decoration: none;
    background: #F2F2F2;
}

.selected a:link, .selected a:visited {
    font-weight: bold !important;
    background: url( ../images/menu-selected.gif ) right no-repeat #f2f2f2 !important;
    color: #0287D0 !important;
}

#menu ul {
    float: left;
    margin: 3px 0 0 0;
}

#menu li a:link + ul {
    margin: 0;
}

#menu ul ul li {
    background-image: none !important;
    padding: 0;
}

#menu ul ul a:link, #menu ul ul a:visited {
    width: 170px;
    padding: 0 10px 1px 20px;
    margin: 0;
    background: url( ../images/menu-sub.gif ) left no-repeat !important;
}

#menu ul ul a:hover {
    background: url( ../images/menu-sub.gif ) left no-repeat #f2f2f2 !important;
}

#menu ul ul .selected a:link, #menu ul ul .selected a:visited {
    background: url( ../images/menu-sub-selected.gif ) right no-repeat #f2f2f2 !important;
}

#menu ul ul .selected a:hover {
    background: url( ../images/menu-sub-selected.gif ) right no-repeat #f2f2f2 !important;
}

pre {
    font-weight: normal;
    font-family: Arial, Serif;
}

.right {
    float: right;
}

#breadCrumbTrail a {
    text-decoration: none;
}

#tabmenu ul, #tabmenu ul li {
    list-style: none;
}

#tabmenu ul {
    display: block;
    float: left;
    border-bottom: 1px solid #aaa;
    margin: 10px 0;
    padding: 0 150px 0 0;
    white-space: nowrap;
}

#tabmenu ul li {
    display: inline;
    position: relative;
    top: 1px;
    float: left;
    border-right: 1px solid #aaa;
    margin: 0 0 0 5px;
}

#tabmenu ul li.selected {
    position: relative;
    top: 1px;
    float: left;
}

#tabmenu ul li a:link, #tabmenu li a:visited {
    display: block;
    padding: 3px 5px 2px 5px;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    background: #f2f2f2;
    text-decoration: none;
    border-bottom: 1px solid #dedede;
}

#tabmenu ul li a:hover {
    background: #fff !important;
    border-bottom: 1px solid #fff;
}

#tabmenu ul li.selected a:hover {
    text-decoration: none;
}

#tabmenu ul li.selected a:link, #tabmenu ul li.selected a:visited {
/* Fix for #1282: Project tabs layout looks ugly when many custom tabs were defined */
/*padding: 3px 5px;*/
    background: #ffffff !important;
    border-bottom: 1px solid #fff;
}

/*\*//*/
#tabmenu ul li a {display: inline-block; width: 1px;}
#tabmenu ul {padding-bottom: 0;	margin-bottom: -1px;}
/**/

#footer {
    display: block;
    width: 100%;
    clear: both;
    padding: 20px 0;
    background: url( ../images/dots-horiz.gif ) top right repeat-x;
}

#footer p {
    color: #7F7F76;
    padding: 0 10px;
}

#footer .divider {
    display: inline;
    width: 1px;
    height: 10px;
    border-right: 1px solid #000;
    margin: 0 20px;
}

.console {
    float: right;
    color: #7F7F76;
    padding: 0 10px;
}

h1 {
    font: 1.8em Arial, Helvetica, sans-serif;
    color: #555;
    letter-spacing: -1px;
    margin: 0.6em 0 1em -9px;
    padding: 0 0 8px 9px;
    background: url( ../images/dots-horiz-fade.gif ) bottom left no-repeat;
    min-width: 275px;
}

h2 {
    clear: both;
    font: bold 1.2em Arial, Helvetica, sans-serif;
    color: #555;
    margin: 0 0 1em -9px;
    padding: 0 0 8px 9px;
    background: url( ../images/dots-horiz-fade.gif ) bottom left no-repeat;
    min-width: 275px;
}

h2, h3 {
    background-color: transparent !important;
    color: #555;
}

* html h1, * html h2 {
}

h3 {
    font: bold 1em Verdana, Arial, Helvetica, sans-serif;
    color: #555;
}

p {
    margin: 0 0 1em;
}

ul {
    margin: 0 0 1em 1em;
}

ul ul {
    margin: 0 0 0 1em;
}

li {
}

a:link {
    color: #0287D0;
}

a:visited {
    color: #0287D0;
    text-decoration: underline;
}

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

a img {
    border: none;
}

.pagepair {
    float: left;
    height: 230px;
}

.page {
    display: block;
    float: left;
    width: 150px;
    height: 270px;
    padding: 10px 10px 10px 10px;
}

.page h3 {
    display: block;
    margin: 0 0 5px 10px;
    overflow: hidden;
}

.page ul {
    margin-left: 10px;
    list-style: none;
}

.DOCUMENT_APPROVED img {
    padding: 20px 0 0 0;
    background: url( ../images/icons/icon-approve16-c.gif ) top left no-repeat #36885A;
}

.DOCUMENT_APPROVED span {
    display: none;
}

.DOCUMENT_AWAITING_REVIEW img {
    padding: 20px 0 0 0;
    background: url( ../images/icons/icon-review16-c.gif ) top left no-repeat #E79905;
}

.DOCUMENT_AWAITING_REVIEW span {
    display: none;
}

.DOCUMENT_AWAITING_UPLOAD img {
    padding: 20px 0 0 0;
    background: url( ../images/icons/icon-upload16-c.gif ) top left no-repeat #6D5494;
}

.DOCUMENT_AWAITING_UPLOAD span {
    display: none;
}

.DOCUMENT_REJECTED img {
    padding: 20px 0 0 0;
    background: url( ../images/icons/icon-reject16-c.gif ) top left no-repeat #DF0000;
}

.DOCUMENT_REJECTED span {
    display: none;
}

.DOCUMENT_CHECKED_OUT img {
    padding: 20px 0 0 0;
    background: url( ../images/icons/icon-checkedout16-c.gif ) top left no-repeat blue;
}

.DOCUMENT_CHECKED_OUT span {
    display: none;
}

.DOCUMENT_AWAITING_VERSION_CREATE img {
    padding: 20px 0 0 0;
    background: url( ../images/icons/icon-master16-c.gif ) top left no-repeat PURPLE;
}

.DOCUMENT_AWAITING_VERSION_CREATE span {
    display: none;
}

#previewBox {
    display: block;
    float: left;
}

form table {
    width: 77%;
    clear: none;
}

form input {
    margin: 0 0 5px 0;
    color: #000080;
}

* html form input {
    line-height: 1.2em;
}

form select {
    margin: 0 0 5px 0;
    color: #000080;
}

form textarea {
    font: 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000080;
    overflow: auto;
}

form label {
    display: block;
    float: left;
    clear: left;
    width: 20%;
    padding: 0 10px 0 0;
    text-align: right;
}

.compulsory {
    background: url( ../images/compulsory.gif ) top right no-repeat;
}

.fieldError {
    position: relative;
    top: -1px;
    color: #FF0000;
    padding: 0 0 0 12px;
    background: url( ../images/fielderror.gif ) left no-repeat;
}

* html .fieldError {
    background-position: 0 1px;
}

.formpair {
    display: block;
    margin: 0 0 10px 10px;
}

.formpair .stackable {
    float: left;
    width: 70%;
}

.formpair input {
    margin: 3px 0 0 0;
}

.formpair input.narrow {
    width: 3em;
}

/* 1209: Cosolidate table functions into a table toolbar */
table, .tableToolbar {
    width: 99%;
    clear: both;
}

table {
    margin: 0;
}

table th {
    background: #0287D0;
    color: #fff;
    padding: 3px 20px 3px 10px;
    text-align: left;
    white-space: nowrap;
}

table td {
    padding: 3px 10px;
}

tr.odd {
    background: #D8ECF8;
}

td.offline {
    color: #808080;
}

td.online {
    font-weight: bold;
    color: #0287D0;
}

table img {
    border: 1px solid #aaa;
}

table th a:link, table th a:visited {
    color: #fff;
}

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

table th.order1 {
    background: url( ../images/order1.gif ) right no-repeat #0287D0;
}

table th.order2 {
    background: url( ../images/order2.gif ) right no-repeat #0287D0;
}

table td.order1, table td.order2 {
    background-color: #F2F2F2;
}

/* 1209: Cosolidate table functions into a table toolbar */
.tableToolbar {
}

.tableToolbar .toolbarBorder {
    margin: 0 2px;
    padding: 0 10px;
    border: 1px solid rgb( 170, 170, 170 );
    background-color: #F2F2F2;
}

.tableToolbar .toolbarBorder .toolbarPager {
    padding: 2px 0; /* instead of vertical align at the middle */
}

.tableToolbar .toolbarBorder .actions {
    margin: 0;
}

.tableToolbar .toolbarBorder a.formbutton, .tableToolbar .toolbarBorder .actions a.formbutton {
    display:block;  
}

.chooserLayout {
    width: auto;
    clear: none !important;
}

.chooserLayout select {
    width: auto;
    min-width: 150px;
}

.wicket-modal label {
    width:30%;
}

#library td {
    vertical-align: top;
}

#library .actions {
    width: 130px;
}

#library a:link img, #library a:visited img {
    margin: 0;
    padding: 0;
    background: none;
}

#library td.thumbnail {
    width: 150px;
}

#library td.actions input {
    margin: -4px 0 0 14px;
}

.box {
    display: block;
    margin: 20px 30px 10px 10px;
}

#versions {
    clear: left;
    width: 60%;
}

.version {
    float: left;
    font-size: 90%;
}

.version table th {
    background: #A6C0C4;
}

.version img {
    float: left;
    margin: 0 30px 10px 0;
}

.version ul {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}

.version .actions {
    width: 140px;
}

#extraDiv2 {
    display: none;
}

#extraDiv3 {
    display: none;
}

#extraDiv4 {
    display: none;
}

#extraDiv5 {
    display: none;
}

#extraDiv6 {
    display: none;
}

.actions {
    list-style: none;
    clear: both;
}

.noListStyle {
    clear: both;
    list-style: none;
}

.formbutton-img {
    padding: 2px 2px 2px 1px;
    border: none;
    cursor: pointer;
    clear: both;
}

.formbutton, .formpair .formbutton, .contextMenuLink {
    padding: 2px 2px 2px 20px;
    border: none;
    cursor: pointer;
    clear: both;
    text-align:left;
}

.formlabel {
    padding: 2px 2px 2px 20px;
    border: none;
    clear: both;
}

/* Fix for #1264: Prevent link distortion */
a.formbutton {
    /*display: block;*/
    white-space: nowrap;
}

.formpair a.formbutton, .actions a.formbutton {
    display: inline;
}

.fb-new {
    background: url( ../images/icons/icon-new16.gif ) 2px 50% no-repeat;
    white-space: nowrap;
}

.fb-edit {
    background: url( ../images/icons/icon-edit16.gif ) 2px 50% no-repeat;
    white-space: nowrap;
}

.fb-delete {
    background: url( ../images/icons/icon-delete16.gif ) 2px 50% no-repeat;
    white-space: nowrap;
}

.fb-up {
    background: url( ../images/icons/icon-up16.gif ) 2px 50% no-repeat;
    white-space: nowrap;
}

.fb-down {
    background: url( ../images/icons/icon-down16.gif ) 2px 50% no-repeat;
    white-space: nowrap;
}

.fb-select {
    background: url( ../images/icons/icon-left16.gif ) 2px 50% no-repeat;
    white-space: nowrap;
}

.fb-remove {
    background: url( ../images/icons/icon-right16.gif ) 2px 50% no-repeat;
    white-space: nowrap;
}

.fb-submit {
    background: url( ../images/icons/icon-submit16.gif ) 2px 50% no-repeat;
    white-space: nowrap;
}

.fb-cancel {
    background: url( ../images/icons/icon-cancel16.gif ) 2px 50% no-repeat;
    white-space: nowrap;
}

.fb-download-preview {
    background: url( ../images/icons/icon-magnify16.gif ) 2px 50% no-repeat;
}

.fb-download-selected {
    background: url( ../images/icons/icon-download16.gif ) 2px 50% no-repeat;
}

.fb-download-original {
    background: url( ../images/icons/icon-download16.gif ) 2px 50% no-repeat;
}

.fb-download-custom-field {
    background: url( ../images/icons/icon-download16.gif ) 2px 50% no-repeat;
}

.fb-download-original-zip {
    background: url( ../images/icons/icon-download-zip16.gif ) 2px 50% no-repeat;
}

.fb-download-opi {
    background: url( ../images/icons/icon-opi-download16.gif ) 2px 50% no-repeat;
}

.fb-download-opi-zip {
    background: url( ../images/icons/icon-opi-download-zip16.gif ) 2px 50% no-repeat;
}

.fb-cart-add {
    background: url( ../images/icons/icon-cart-add16.gif ) 2px 50% no-repeat;
}

.fb-cart-remove {
    background: url( ../images/icons/icon-cart-remove16.gif ) 2px 50% no-repeat;
}

.fb-info {
    background: url( ../images/icons/icon-info16.gif ) 2px 50% no-repeat;
}

.fb-preview {
    background: url( ../images/icons/icon-magnify16.gif ) 2px 50% no-repeat;
}

.fb-workflow {
    background: url( ../images/icons/icon-go16.gif ) 2px 50% no-repeat;
}

.fb-go {
    background: url( ../images/icons/icon-go16.gif ) 2px 50% no-repeat;
}

.fb-search {
    background: url( ../images/icons/icon-magnify16.gif ) 2px 50% no-repeat;
}

.fb-toolbar {
    background: url( ../images/icons/icon-magnify16.gif ) 2px 50% no-repeat;
}

.fb-row-add {
    background: url( ../images/icons/icon-plus16.gif ) 2px 50% no-repeat;
}

.fb-row-remove {
    background: url( ../images/icons/icon-minus16.gif ) 2px 50% no-repeat;
}

.fb-back-up {
    background: url( ../images/icons/icon-back-up16.gif ) 2px 50% no-repeat;
}

.fb-login {
    background: url( ../images/icons/icon-go16.gif ) 2px 50% no-repeat;
}

.fb-workflow-launch {
    background: url( ../images/icons/icon-go16.gif ) 2px 50% no-repeat;
}

.fb-action-complete {
    background: url( ../images/icons/icon-go16.gif ) 2px 50% no-repeat;
}

.fb-upload {
    background: url( ../images/icons/icon-upload16.gif ) 2px 50% no-repeat;
}

.fb-approve {
    background: url( ../images/icons/icon-approve16.gif ) 2px 50% no-repeat;
}

.fb-reject {
    background: url( ../images/icons/icon-reject16.gif ) 2px 50% no-repeat;
}

.fb-comment {
    background: url( ../images/icons/icon-comment16.gif ) 2px 50% no-repeat;
}

.fb-annotate {
    background: url( ../images/icons/icon-comment16.gif ) 2px 50% no-repeat;
}

.fb-checkout {
    background: url( ../images/icons/icon-cart-add16.gif ) 2px 50% no-repeat;
}

.fb-checkout-cancel {
    background: url( ../images/icons/icon-cart-remove16.gif ) 2px 50% no-repeat;
}

.fb-checkin {
    background: url( ../images/icons/icon-cart-add16.gif ) 2px 50% no-repeat;
}

.fb-admin {
    background: url( ../images/icons/icon-admin16.gif ) 2px 50% no-repeat;
}

.fb-library {
    background: url( ../images/icons/icon-library16.gif ) 2px 50% no-repeat;
}

.fb-projects {
    background: url( ../images/icons/icon-projects16.gif ) 2px 50% no-repeat;
}

.fb-listview {
    background: url( ../images/icons/icon-listview16.gif ) 2px 50% no-repeat;
}

.fb-tileview {
    background: url( ../images/icons/icon-tileview16.gif ) 2px 50% no-repeat;
}

.fb-stop {
    background: url( ../images/icons/icon-stop16.gif ) 2px 50% no-repeat;
}

.fb-start {
    background: url( ../images/icons/icon-play16.gif ) 2px 50% no-repeat;
}

.fb-calendar-booking {
    background: url( ../images/icons/icon-calendar-booking.gif ) 2px 50% no-repeat;
}

.fb-calendar-alert {
    background: url( ../images/icons/icon-calendar-alert.gif ) 2px 50% no-repeat;
}

.fb-tick {
    background: url( ../images/icons/icon-tick16.gif ) 2px 50% no-repeat;
}

.fb-cross {
    background: url( ../images/icons/icon-cross16.gif ) 2px 50% no-repeat;
}

.fb-clear {
    background: url( ../images/icons/icon-clear16.png ) 2px 50% no-repeat;
}

.fb-rename {
    background: url( ../images/icons/icon-rename16.gif ) 2px 50% no-repeat;
}

.fb-help {
    background: url( ../images/icons/icon-help.gif ) 2px 50% no-repeat;
}

.fb-user {
    background: url( ../images/icons/icon-user16.gif ) 2px 50% no-repeat;
}

.fb-usergroup {
    background: url( ../images/icons/icon-usergroup16.gif ) 2px 50% no-repeat;
}

.fb-company {
    background: url( ../images/icons/icon-company16.gif ) 2px 50% no-repeat;
}

.fb-project {
    background: url( ../images/icons/icon-projects16.gif ) 2px 50% no-repeat;
}

.fb-activity {
    background: url( ../images/icons/icon-clipboard16.gif ) 2px 50% no-repeat;
}

.fb-table-customise {
    background: url( ../images/icons/icon-table16.gif ) 2px 50% no-repeat;
}

/*zapl*/
.fb-menu {
    background: url( "../images/icons/icon-menu.gif" ) no-repeat scroll 4px 50%;
    white-space: nowrap;
}

.fb-no-icon {
    background: none;
    padding: 2px;
    white-space: nowrap;
}

.blindLinkExpand, * html .blindLinkExpand, .blindLinkCollapse, * html .blindLinkCollapse {
    padding: 0 0 0 15px;
    width: 1px;
    overflow: visible;
    clear: right; /* Fix for 1192: Expander/Collapser control for library item keywords. Some CSS problems */
    text-decoration: none;
}

.blindLinkExpand, * html .blindLinkExpand {
    background: url( ../images/icons/icon-expand16.gif ) 2px 50% no-repeat;
}

.blindLinkCollapse, * html .blindLinkCollapse {
    background: url( ../images/icons/icon-collapse16.gif ) 2px 50% no-repeat;
}

.blindLinkExpand:hover, .blindLinkCollapse:hover {
    text-decoration: none;
}

#libraryTree2 {
    width: 190px;
    margin: 5px;
    overflow: auto;
    float: left;
}

#libraryTree2.wicket-tree div.row {
    overflow: visible;
}

#libraryTree {
    padding: 5px;
    width: 190px;
    overflow: auto;
    float: left;
}

#libraryTree table {
    width: 500px;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

* html #libraryTree table table, * html #libraryTree table table table {
    width: auto !important;
}

#libraryTree table tr {
    float: left;
    margin: 0;
    padding: 0;
}

#libraryTree table td {
    float: left;
    margin: 0;
    padding: 0;
}

#libraryTree table img {
    float: left;
    border: none;
    margin: 0;
    padding: 0;
}

#libraryTree .selected {
    font-weight: bold;
    color: #000;
}

.pagelinks {
    display: block;
    width: 99%;
    clear: both;
}

.libraryTile {
    display: block;
    float: left;
    width: 150px;
    height: 200px;
    padding: 10px 10px 10px 10px;
    text-align: left;
}

.libraryTile h3 {
    overflow: hidden; /* Fix for #939: Long titles break tiling in Library and Project flatplan */
    white-space: nowrap;
    width: 100%;
}

.hoverimg img {
    clear: both;
    border: 0 solid #E0E0E0;
    padding: 8px 2px 2px 2px;
}

.hoverpage {
    padding: 5px;
    background-color: #FFF;
    border: 1px solid #888;
}

#trailimageid {
    font-size: 1em;
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
    height: 0;
    z-index: 200;
}

.advancedsearch table {
    margin: 0 0 1em 0;
    clear: both;
}

.thumbnailBox {
    float: left;
    clear: both;
    position: relative;
    display: block;
    max-width: 150px;
    max-height: 150px !important;
    overflow: hidden;
    margin: 0 0 10px 0;
}

#library .thumbnailBox {
    border: 0;
    padding: 0;
}

.logoBox {
    float: left;
    clear: both;
    position: relative;
    display: block;
    width: 150px;
    height: 150px !important;
    overflow: hidden;
    margin: 0 0 10px 0;
}

.calPrevious {
    background: url( ../images/cal-previous.gif ) no-repeat center center;
}

.calNext {
    background: url( ../images/cal-next.gif ) no-repeat center center;
}

.calTable {
    border: 0;
}

.calTitle {
    font-weight: bold;
    text-align: center;
}

.calWeekDays {
    background-color: #D8ECF8;
}

.calWeekDay {
    font-weight: bold;
}

.calDayOut {
    border: 1px dashed #D8ECF8;
}

.calDayIn {
    border: 1px dashed #D8ECF8;
}

.calEvent {
    font-weight: bold;
    border: 1px dashed #D8ECF8;
}

#calToday {
    font-weight: bold;
    border: 1px solid red;
    color: red;
    background-color: transparent;
}

.calDayLink, .calDayLink:visited, .calEventLink, .calEventLink:visited {
    color: black;
    text-decoration: underline;
}

.timelineTable {
    border: 0;
}

.timeLineEvent {
    white-space: nowrap;
}

.timelineTitle {
    font-weight: bold;
    text-align: center;
}

.timelineDays {
    background-color: #D8ECF8;
}

.timelineDay {
    font-weight: bold;
}

.overLibFGClass {
    background-color: #FFFFCC;
}

.overLibBGClass {
    background-color: #FFFFCC;
}

.dropcontent {
    width: 140px;
}

#projectTree {
    padding: 5px;
    width: 800px;
    height: 600px;
    overflow: auto;
}

#projectTree table {
    width: 600px;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

* html #projectTree table table, * html #projectTree table table table {
    width: auto !important;
}

#projectTree table tr {
    float: left;
    margin: 0;
    padding: 0;
}

#projectTree table td {
    float: left;
    margin: 0;
    padding: 0;
}

#projectTree table img {
    float: left;
    border: none;
    margin: 0;
    padding: 0;
}

#projectTree .selected {
    font-weight: bold;
    color: #000;
}

#projectTree .TREE_ITEM_ERROR {
    font-weight: bold;
    color: red;
}

#projectTree .TREE_ITEM_EXISTS {
    font-weight: bold;
    color: green;
}

#projectTree .TREE_ITEM_NEW {
    font-weight: bold;
    color: blue;
}

#projectTree .TREE_NEW_ITEM_COLLAPSE {
    font-weight: bold;
    color: blue;
}

#projectTree .TREE_EXISTING_ITEM_COLLAPSE {
    font-weight: bold;
    color: green;
}

/* PROGRESS BAR */

div.wupb-uploadStatus {
    margin: 5px;
    color: #aaa;
}

div.wupb-progressBar {
    margin: 5px;
}

/* for fixing bug under Safari 3.1 background property
    specified in many declaration */
div.wupb-progressBar .wupb-border {
    background-color: #eee;
    background-image: url(../images/progress-remainder.gif);
    background-repeat: repeat-x;
    background-attachment:scroll;
    background-position: top left;

    border-left: 1px solid gray;
    border-right: 1px solid gray;
    width: 100%;

}

div.wupb-progressBar .wupb-background {
    background-color: #507090;
    background-image: url(../images/progress-bar.gif);
    background-repeat: repeat-x;
    background-attachment:scroll;
    background-position: top left;
    
    height: 18px;
    width: 0;
}

/* END PROGRESS BAR */

/* BEGIN ANNOTATION TOOL */

body textarea.comment {
    position: absolute;
    padding: 0;
    margin: 0;
    border-style: none;
    border-color: Black;
    cursor: pointer;
    z-index: 100;
    background-color: #FFFF80;
    wordWrap: break-word;
    overflow: auto;
    color: black;
    wordSpacing: -mozilla-div-wrap;
    font-family: tahoma, verdana, sans-serif;
    text-align: center;
    font-size: 11px
}

body div.resizeHandler {
    position: absolute;
    padding: 0;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
    border-color: Black;
    cursor: pointer;
    z-index: 100;
    background-color: White
}

body div.annotationInner, body div.auxiliaryDiv {
    position: absolute;
    padding: 0;
    margin: 0;
    border-width: 1px;
    border-style: dashed;
    overflow: hidden;
    border-color: black;
    z-index:99999;
}

/* Bug #1370: Preview annotation: lines are not visible on black background */
body div.auxiliaryDiv {
    border-color: white;
    border-style: solid;
    z-index:900;
}

body div.annotation {
    position: absolute;
    padding: 0;
    margin: 0;
    border-width: 1px;
/*    overflow: hidden;*/
}

body div.commentInner {
    position: absolute;
    padding: 0;
    margin: 0;
    border-style: solid;
    border-width: 1px;
    border-color: Black;
    cursor: pointer;
    background-color: #FFFF80;
    wordWrap: break-word;
    overflow: hidden;
    color: black;
    wordSpacing: -mozilla-div-wrap;
    font-family: tahoma, verdana, sans-serif;
    text-align: center;
    font-size: 11px
}

body div.comment {
    position: absolute;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#annotationBody {
    vertical-align: middle;
    padding: 0;
    margin: 0;
    border-style: none;
}

#annotationWorkArea {
    font-size: 0;
    line-height: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #D4D4D4;
    padding: 0;
    margin: 0;
}

#annotationWorkArea img {
    margin: 0;
    padding: 0;
}

/* END ANNOTATION TOOL  */

#pageHelpContent {
    border: solid #bbb 1px;
    background-color: #f0f0f0;
    margin: 10px;
    padding: 5px;
}

#contentContainer {
    width: 100%;
    display: block;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

#leftPartContainer {
    vertical-align: top;
    width: auto;
    padding: 0;
    margin: 0;
}

#rightPartContainer {
    vertical-align: top;
    width: 100%;
    padding: 0;
    margin: 0;
    background: url( ../images/dots-vert.gif ) top left repeat-y;
}

/* Code below added for bug 690 */
#contentwrapper {
    width: 200px;
    padding: 0;
    margin: 0;
}

/**
* floating spinner
*/

#floating-spinner {
    position: fixed;
    top: 4px;
    left: 0;
    float: right;
    width: 99%;
    border: none;
    padding: 2px 2px 0 2px;
    margin: 0; /* Fix for #1097: "Loading..." indicator should be located on top of all elements */
    z-index: 999;
}

* html #floating-spinner {
    position: absolute;
    margin-top: 3px;
    margin-left: 3px;
}

#floating-spinner-text {
    float: right;
    background: #a00 url( ../images/rotating_arrow.gif ) 2px 50% no-repeat;
    line-height: 20px;
    color: #fff;
    padding: 2px 10px 2px 10px;
    padding-left: 25px;
}

/* 1209: Cosolidate table functions into a table toolbar */
.float-right {
    float: right;
    /*top: 0;
    margin-right: 10px;*/
}

.float-left {
    float: left; /* top: 0;*/
}

.indent-left {
    padding-left: 10px;
}

#recent-filters-row {
    height: 100%;
}

#recent-filters {
    border: 1px solid darkgray;
    float: right;
    background: lavender;
    left: auto;
    right: 2%;
    margin-top: 10px;
    max-height: 90px;
    height: 90px;
    vertical-align: middle;
    overflow-y: auto;
    position: absolute;
    top: 95px;
    width: 150px;
}

/* Fix for #1129 */
#libraryTree2 {
    overflow-x: scroll;
}

/* Fix for #1087: Library branch is displayed partially if was selected */
#libraryTree2 div.row-selected {
    overflow: visible;
}

#libraryTree2 div.row-selected * {
    background-color: #E0E8FF;
}

/* Fix for #1084: Warning message for wicket popup dialog divided in two lines */
.v-separator {
    clear: both;
}

.wicket-modal .feedback-field {
    float: left;
    width: 65%;
    overflow: hidden;
    white-space: nowrap;
}

/* Fix for #1027: "Help" button is displayed in different positions on the "preview annotation"
page in different browsers */
h1 a.fb-help {
    clear: none !important;
    text-decoration: none;
}

/* Fix for 1060: default logo must be scaled down to 100x100 */
.default-logoimg {
    border: 1px solid #aaa;
    height: 100px;
    width: 100px;
}

/***************** Context Menu start*************************/
/* Fix for 1191: Reduce space consumed by table actions */
.contextMenuLink {
    position: relative;
    display: block;
}

table th a.contextMenuLink {
    color: #FFF;
    text-decoration: underline;
}

a.contextMenuLink img {
    border:none;
}

.contextMenu {
    background-color: white;
    border: 1px solid rgb( 80, 124, 182 );
    width: 150px;
    position: absolute;
    padding-top: 3px;
    z-index: 10000;
    overflow: hidden;
    font-weight: normal; /* prevent overriding this style when menu in table header */
}

.contextMenu ul {
    margin: 0;
    padding: 0 0 5px 5px;
}

.contextMenu ul li {
    padding: 0;
    margin: 0;
}

.contextMenu .actions a.formbutton {
    display:block;
}
.contextMenu a:link {
    color: #000080;
}

.contextMenu a:visited {
    color: #000080;
}

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

.contextMenu a:active {
    color: #CC0000;
    text-decoration: underline;
}

/* Fix for #1321: Table toolbar: improvement
    (for iconic context menu link) */
a.iconic {
    text-align:center;
}
a.iconic:hover {text-decoration:none}
a.iconic:active {text-decoration:none}
/***************** Context Menu end*************************/

/* Fix for #973: Improve visibility of paging buttons */
a.prev {
    background: url( "../images/icons/icon-previous.gif" ) no-repeat left 0;
    padding-left: 15px;
}

a.next {
    background: url( "../images/icons/icon-next.gif" ) no-repeat right 0;
    padding-right: 15px;
}

/* Fix for #1246: New activity page: improvements */
h2.explanation {
    background: none;
    color: rgb( 170, 170, 170 );
}

/* Fix for #1267: Remove drop shadows from form controls */
input, select, textarea {
    border: 1px solid #AAAAAA;
}

/* Fix for #1321: Table toolbar: improvement */
#rightPartContainer table th.actions {
    background:white;
    padding:0;
    width:18px;
}

#rightPartContainer table td.actions {
    padding:3px 0;
    width:18px;
}

/* Fix for #1263: Align cell content to top, in tables */
#rightPartContainer table td {
    vertical-align: top;
}

.tickbox {
    width:20px;
    cursor:pointer;
}

/* MultiFileUploadPanel */
div.mfu-field-wrapper {
    position:relative;
}

input.mfu-field, div.mfu-cover {
    left:-80px;
    -moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
}

input.mfu-field, .formpair input.mfu-field {
    position: relative;
    /*IE7&Safaru takes this directive*/
    width:100px;
    z-index: 2;
    cursor:pointer;
    /* since Mozilla refuses a width declaration for the real file field, we should make sure that
       the "Browse" button is at the left edge of the div.mfu-field-wrapper */
    text-align: center;
}

div.mfu-cover {
    position: absolute;
    z-index:3;
    top:3px;
    width:80px;
    /* otherwise triggered browse button click under IE6 */
    background-color:red;
}

div.mfu-fake {
    position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
    /* for prevent line folding in case of error msg */
    white-space:nowrap;
}

img.mfu-minus-icon, img.mfu-plus-icon {
    position:relative;
    top:4px;
    border:none;
    margin-right:10px;
    cursor:pointer;
}

form .form-buttons {
    text-align:center;
    /*IE6 incorrect fit height of modal dialog (collapse magrin)*/
    padding-bottom:10px;
    margin-bottom:0;
}

.nowrap {
    white-space:nowrap;
}