/* Reset (from YUI) */
body,
div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset,
input, textarea,
p, blockquote,
th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: separate;
    border-spacing: 0;
} 
fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var { 
    font-style: normal;
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}

/* Login widget */
#login {
    float: right;
    margin-right: 10px;
}

body {
    font-size: 13px;
}

#xmatch {
    background-color: #fae9d7;
    color: #333;
    padding: 10px 20px;
}

#xmatchInt {
    width: 1000px;
}

#docAnchor a {
	text-decoration: underline;
	color: #286090;
}

#docAnchor a:hover {
    text-decoration: none;
    color: #105070;
}
	

/* iRods */
#files .nbRows, #files .date, #files .size, #files .cb, #files .metadata {
    text-align: center;
}
#files .filename, #files .comment {
    text-align: left;
}

#files .comment {
    width: 300px;
}
#filesInfos {
    color: #666;
    height: 20px;
    line-height: 20px;
    margin-bottom: 3px;
    padding: 0 5px;
    text-align: right;
}
#filesInfos .value {
    color: #692600;
}
#filesAction {
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    text-align: right;
}
#uploadFileAction {
    line-height: 28px;
    margin-top: 15px;
}
#uploadFileForm label, #uploadFileForm input, #uploadFileForm textarea {
    margin-bottom: 8px;
}
#uploadFileForm label {
    display: inline-block;
    padding-top: 4px;
    vertical-align: top;
    width: 180px;
}
#uploadFileForm textarea {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 250px;
}
/* Metadata popup */
label.metadataForm {
    display: inline-block;
    width: 50px;
    text-align: right;
    margin-right: 5px;
    vertical-align: middle;
}
#metadataContent .subOption {
    margin-left: 30px;
    margin-top: 5px;
}
    #metadataContent label {
        color: #6e461d;
    }
    #metadataContent h2 {
        color: #ab6f30;
        font-size: 15px;
        font-weight: bold;
        margin: 15px 0 5px 0;
    }
    #metadataContent h2.first {
        margin-top: 0;
    }
.metadataColChoice > tbody > tr > td {
    padding: 1px 3px;
}
.colSelection {
    background-color: #fcf0e3;
    border: 1px solid #fadcbb;
    margin-top: 3px;
    overflow: auto;
    padding: 3px;
}
    .colSelection p {
        background: url(../img/information.png) no-repeat;
        font-size: 10px;
        margin-top: 5px;
        min-height: 16px;
        padding-left: 18px;
        padding-top: 2px;
    }

/* XMatch */
.xmatchCatChoose {
    border: 2px solid #ebac96;
    color: #8a5340;
    font-size: 15px;
    height: 18px;
    padding: 5px 10px;
    vertical-align: top;
    width: 280px;
}
.xmatchCatChoose[disabled=disabled] {
    background-color: #e1e1e1;
}
.xmatchCatChoose.cat1 {
    border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    text-align: right;
}
.xmatchCatChoose.cat2 {
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
}
#xmatchCatChooseSep, #cat1Choose, #cat2Choose {
    vertical-align: top;
}
#xmatchCatChooseSep {
    background: url(../img/xmatchFormIcon.png) no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
}
#xmatchCatChooseSep:hover{
    background: url(../img/switchTables.png) no-repeat;
    cursor: pointer;
}
#cat1Choose, #cat2Choose {
    display: inline-block;
    position: relative;
    text-align: center;
}
.xmatchCatChooseTab, .xmatchCatChooseTab.link {
    color: #9f4d2c;
}
.xmatchCatChooseTab {
    background-color: #f5d2c4;
    border: 1px solid #ea9071;
    border-top: none;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    font-size: 12px;
    padding: 1px 6px;
}
.xmatchCatChooseTab.selected {
    background: #fff url(../img/chooseCatTabFond.png) repeat-x bottom;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 4px;
}
.xmatchCatChooseTab.vizier, .xmatchCatChooseTab.simbad, .xmatchCatChooseTab.store {
    margin-left: 5px;
}

.xmatchCatChooseListGlobal {
    position: absolute;
    width: 99%;
    z-index: 100;
}
.xmatchCatChooseList {
    background-color: #fff;
    border: 1px solid #bbb;
    height: 150px;
    overflow: auto;
}
.xmatchCatChooseList div {
    height: 150px;
    overflow: auto;
}

.xmatchCatExplain {
    position: relative;
    width: 280px;
    margin-left: 10px;
    margin-top: 2em;
    padding: 4px;
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: left;
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    overflow: auto;
}

.catChooseListTable {
    width: 100%;
}
.catChooseListTable td {
    border-bottom: 1px solid #e6e6e6;
    padding: 2px 5px;
    text-align: left;
}
.catChooseListTable tr:hover {
    background-color: #ddd;
    cursor: pointer;
}
#xmatchCatChooseOptions {
    background-color: #fae9d7;
    border: 1px solid #ea9071;
    border-radius: 5px;
    margin-top: 35px;
    -moz-border-radius: 5px;
    width: 590px;
}
#xmatchCatChooseOptions .toggle {
    cursor: pointer;
    display: block;
    padding: 4px 4px 4px 24px;
}
#xmatchCatChooseOptions .content {
    padding: 5px 5px 10px 5px;
}
#xmatchCatChooseOptions span.toggle:hover {
    color: #f5762f;
}
#xmatchCatChooseOptions .toggle.open {
    background: url(../img/toggleBottom.png) no-repeat 4px 4px;
}
#xmatchCatChooseOptions .toggle.close {
    background: url(../img/toggleUp.png) no-repeat 4px 4px;
}
#xmatchCatChooseOptions h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}
#xmatchCatChooseOptions .subOption {
    line-height: 1.6em;
    margin-left: 30px;
    margin-top: 5px;
}
#xmatchCatChooseOptions .completeness {
    color: #777;
    margin-left: 10px;
}
#xmatchCatChooseOptions .section {
    margin-top: 5px;
}
#addJobButton {
    font-size: 15px;
    margin-top: 25px;
}
#jobsAction {
    padding: 0 5px;
    text-align: right;
}
#listJobsTable .table, #listJobsTable .options {
    text-align: left;
}
#listJobsTable .options {
    width: 140px;
}
#listJobsTable .status, #listJobsTable .action, #listJobsTable .begin,
        #listJobsTable .select {
    text-align: center;
}
#listJobsTable .completed, #listJobsTable .aborted, #listJobsTable .error {
    font-weight: bold;
}
#listJobsTable .deleteJobItemCB {
    margin-top: 4px;
}
#listJobsTable .options img, #listJobsTable .status img {
    vertical-align: middle;
}
#listJobsTable span.toggleOptions, #listJobsTable .status img {
    cursor: pointer;
}
#listJobsTable td {
    line-height: 22px;
    padding-bottom: 4px;
    padding-top: 4px;
    vertical-align: top;
}
#listJobsTable .jobOptionsDetail {
    margin-left: 6px;
}
#listJobsTable .jobOptionsDetailLabel {
    color: #777;
}

#listJobsTable progress {
	margin-bottom: 3px;
}

#listJobsTable progress .progressFallback {
    color: black;
    font: italic;	
}

.jobReport {
    color: #303030;
}
.jobReport ul {
    margin-top: 0;
}
.jobReport .value {
    color: #9f4d2c;
    font-weight: bold;
}

h1 {
    color: #9c560b;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    margin-right: 30px;
    margin-top: 5px;
    margin-bottom: 20px;
}

a, span.link {
    color: #bd290f;
    text-decoration: none;
}

a:hover, span.link:hover {
    color: #7a5c00;
    cursor: pointer;
}

input[type=button]:hover {
    cursor: pointer;
}
input[type=button].disabled:hover {
    cursor: default;
}

table {
    color: #303030;
}

.alter1 td {
    background-color: #e6e3e3;
}

.alter2 td {
    background-color: #f4f1f1;
}

table.classic {
    border: 2px solid #d79d61;
    border-top: none;
    empty-cells: show;
    margin-bottom: 10px;
    width: 100%;
}
table.classic thead {
    background: #ffe6ba url(../img/tableHeaderFond.png) repeat-x bottom;
    color: #663939;
}
    table.classic thead th {
        font-weight: bold;
    }
table.classic td, table.classic tr th {
    border-top: 1px solid #e8c39b;
    padding: 3px 5px;
}

.mainButton {
    background: url(../img/mainButtonFond.png) repeat-x;
    border: 1px solid #d66e42;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
}
.mainButton:hover {
    background: url(../img/mainButtonHoverFond.png) repeat-x;
}
.mainButton.disabled {
    background: url(../img/mainButtonFondDisabled.png) repeat-x;
    border: none;
    color: #e3e3e3;
}
.actionButton {
    background-color: #d99650;
    border: 1px solid #d99650;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 1px 6px;
}
.actionButton:hover {
    border: 1px solid #af7900;
}
.actionButton.disabled {
    background-color: #e0b88d;
    border: 1px solid #e0b88d;
    color: #e3e3e3;
}
.actionButton.disabled:hover {
    border: 1px solid #e0b88d;
}
.deleteButton {
    background: #d99650 url(../img/bin_closed.png) no-repeat 2px center;
    padding-left: 22px;
}
.deleteButton.disabled {
    background: #e0b88d url(../img/bin_closedDisabled.png) no-repeat 2px center;
}
.cancelButton {
    background: #d99650 url(../img/cancel.png) no-repeat 3px center;
    padding-left: 22px;
}
.runButton {
    background: #d99650 url(../img/cog.png) no-repeat 3px center;
    padding-left: 22px;
}
.addButton {
    background: #d99650 url(../img/add.png) no-repeat 3px center;
    padding-left: 22px;
}
.updateButton {
    background: #d99650 url(../img/pencil.png) no-repeat 3px center;
    padding-left: 22px;
}
.resultButton {
    background: #d99650 url(../img/disk.png) no-repeat 3px center;
    padding-left: 22px;
}
.detailsButton {
    background: #d99650 url(../img/magnifier.png) no-repeat 3px center;
    padding-left: 22px;
}
.xmatchButton {
    background: #d99650 url(../img/table_relationship.png) no-repeat 3px center;
    padding-left: 22px;
}
.xmatchButton.disabled {
    background: #e0b88d url(../img/table_relationshipDisabled.png) no-repeat 3px center;
}

.tableTitle {
    background: url(../img/filesHeaderFond.png) repeat-x;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
}
.tableTitle .title {
    color: #692600;
    margin-right: 10px;
}

.xmatchSection {
    background: url(../img/sectionFond.png) repeat-y;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 30px;
    padding: 10px 15px;
}

.xmatchSection h2 {
    color: #663939;
    font-size: 20px;
    margin: 10px 0 15px 0;
    font-weight: bold;
}

.pourcentage {
    border: 1px solid #bbb;
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    width: 160px;
}
.pourcentage div {
    height: 100%;
}
.pourcentage.full div {
    background-color: #d14631;
}
.pourcentage.halfFull div {
    background-color: #eba031;
}
.pourcentage.notFull div {
    background-color: #47c32e;
}

.menuItem {
    border: 1px solid #f5c490;
    border-radius: 5px;
    color: #bf782e;
    cursor: pointer;
    font-weight: bold;
    margin-right: 10px;
    -moz-border-radius: 5px;
    padding: 3px 10px;
}
span.menuItem:hover {
    border: 1px solid #d99650;
}
.menuItem.selected {
    background-color: #d99650;
    border: 1px solid #d99650;
    color: #fff;
    cursor: default;
}

.feedbackBox {
    background-color: #fff7de;
    border: 2px solid #ffcf0f;
    border-radius: 5px;
    font-weight: bold;
    -moz-border-radius: 5px;
    line-height: 20px;
    margin: -10px auto 5px auto;
    min-height: 20px;
    padding: 5px 20px;
    width: 80%;
}
.feedbackBox.success {
    background: #fff7de url(../img/accept.png) no-repeat 10px center;
    color: #1d870f;
    padding-left: 35px;
}
.feedbackBox.error {
    background: #fff7de url(../img/cancel.png) no-repeat 10px center;
    color: #d62424;
    padding-left: 35px;
}
.feedbackBox.info {
    background: #fff7de url(../img/information.png) no-repeat 10px center;
    color: #1330Ed;
    padding-left: 35px;
}

.disabled, #xmatchCatChooseOptions .disabled {
    color: #bbb;
}

.dialogControls {
    margin-top: 10px;
    text-align: right;
}

/* Colors */
.wait {
    color: #692600;
}
#filesInfos .value.notFull, #listJobsTable .completed, .match {
    color: #1c8f0d;
}
#filesInfos .value.halfFull, #listJobsTable .executing {
    color: #d17d00;
}
#listJobsTable .queued {
    color: #346fad;
}
#listJobsTable .queued span {
	color: black;
	display: block;
}

#filesInfos .value.full, #listJobsTable .aborted, #listJobsTable .error, .popupStatus.error {
    color: #d72409;
}

.resultHisto {
    border: 1px solid #bbb;
}

.formatChoice {
    border: 1px solid #bbb;
    padding: 15px;
}

.xmatchCatExplain a {
	color: #286090;
	text-decoration: underline;
}

.xmatchCatExplain a:hover {
    color: #105070;
    text-decoration: none;
}