/*
* EES CSS Library [Screen Metadata]
 *
 * @copyright 2010 Squiz Pty Ltd (ABN 77 084 670 600)
 * @license   GNU General Public License v.2
 * @link
*/


/* ---------------------------------------------------------------------------------------------
START: SCREEN METADATA STYLES
--------------------------------------------------------------------------------------------- */

#ees_editMetadata {
    width:670px;
    margin: 0 auto;
}

.metadata h4 {
    color:#779CD9;
    font-size:1.1em;
    font-weight:bold;
}

.editSection {
    border-top: 1px solid #BFBFBF;
    margin-bottom:2em;
}

.editSection .sectionHeading {
    margin:0px;
    padding:0px;
}

.editSection .row {
    clear:both;
    overflow:hidden;
    border-bottom: 1px solid #BFBFBF;
    margin:0px;
    padding:0px;
    background:url(../Images/row-bg-blue.gif) right top repeat-y;
}

.editSection .cellName {
    float:left;
    width:319px;
    padding:10px 16px 10px 0px;
}

.editSection .cellData {
    float:left;
    width:299px;
    padding:10px 10px 10px 26px;
}

.editSection .error {
    background-color:#c50505;
}


.editSection .cellData input[type=text],
.editSection .cellData textarea,
.editSection .cellData select {
    margin-bottom:10px;
}

/* default checkbox */
.editSection .cellData .defaultCheckbox {
    padding:0px;
    margin:0px 5px 0px 0px;
    float:left;
}

.editSection .cellData .defaultLabel {
    float:left;
    width:253px;
    margin-bottom:5px;
    font-size: 0.8em;
    color: #666;
}

.editSection .notes {
    color:#666666;
    font-size:11px;
    line-height:15px;
    display:block;
}

.editSection .notSupported {
    color:#666666;
    font-size:11px;
    line-height:15px;
    margin-top:10px;
}

.editSection .inputLabel {
    font-size:12px;
    font-weight:bold;
    display:block;
}

.editSection .inputText {
    border:1px solid #C2C3C5;
    font-family:arial;
    font-size:0.9em;
    padding:2px;
    width:277px;
    margin:10px 0px 0px 0px;
}

.editSection input.inputTextShowHide {
    margin-right: 5px;
    width:214px;
}

.editSection span.fieldWarning {
    float:left;
    line-height:25px;
    color:#FFFFFF;
    background:#c50505 url(../Images/white_exclamation.png) 5px 50% no-repeat;
    padding-left:25px;
}

.editSection .fieldRequired,
.editSection .fieldNonEditable {
    float:left;
    margin:5px 0px 0px -42px;
    background:url(../Images/icon-round-bg.png) left top no-repeat;
    height:32px;
    width:32px;
}

.editSection .fieldRequired span,
.editSection .fieldNonEditable span {
    display:block;
    margin:9px auto 0px auto;
    height:14px;
    width:14px;
}

.editSection .fieldRequired span {
    background:url(../Images/required_stars.png) left top no-repeat;
}

.editSection .fieldNonEditable span {
    background:url(../Images/lock.png) 0px -15px no-repeat;
}

/* list formatted radio selections */
.metadata .cellData ul {
    padding:0px;
    margin:0px 0px 5px 0px;
    list-style:none;
}

.metadata .cellData li {
    margin:0px;
    padding:0px 0px 5px 0px;
}

.metadata .cellData li input[type=radio] {
    margin-right:5px;
}

/* table formatted radio selection */
.metadata .cellData table,
.metadata .cellData tbody,
.metadata .cellData tr,
.metadata .cellData td {
    margin:0px;
    padding:0px;
    border-collapse:collapse;
    border:none;
}

.metadata .cellData table {
    margin-left:-8px;
    margin-bottom:5px;
}

.metadata .cellData td {
    padding-bottom:5px;
}

.metadata .cellData table.sq-value-components td {
    clear: both;
    float: left;
}

.metadata .cellData td input,
.metadata .cellData li input {
    margin-right:5px;
}

.metadata .multipleText .inputText {
    width: 254px;
}

/* Multi Text Fields */
.metadata .multipleText li {
    margin:0px;
    padding:0px 5px;
}

.metadata .multipleText .dragIcon {
    margin-right:10px;
}

/* Dont show if disabled */
.metadata .disabled .dragIcon,
.metadata .disabled .assetDeleteOption {
    display:none;
}

.metadata .multipleText input[type=text] {
    border:1px solid #C2C3C5;
    font-family:arial;
    font-size:0.9em;
    margin:5px 0px;
    padding:2px;
    width:230px;
}

.metadata .dateTimeTextInputs input[type=text] {
    width:30px;
    margin-right:2px;
}

.metadata .multipleText ul {
    margin:10px 0px;
}

/* WYSIWYG */

.metadata .rowWithWYSIWYG {
    background-image:none;
}

.metadata .rowWithWYSIWYG .cellName {
    width:650px;
    overflow:hidden;
    padding:20px 10px 20px 0px;
}

.metadata .rowWithWYSIWYG .cellData {
    width:650px;
    overflow:hidden;
    padding:10px;
    margin:0px;
    background:url(../Images/row-bg-blue.gif) 0px 0px repeat;
}

.metadata .rowWithWYSIWYG .error {
    background:#C50505;
}

.metadata .rowWithWYSIWYG span.fieldWarning {
    float:none;
}

.metadata .rowWithWYSIWYG .fieldNonEditable,
.metadata .rowWithWYSIWYG .fieldRequired {
    margin:-18px 0px 0px -18px;
}

.metadata .wysiwygContainer table,
.metadata .wysiwygContainer tr,
.metadata .wysiwygContainer th,
.metadata .wysiwygContainer td,
.metadata .wysiwygContainer tbody,
.metadata .wysiwygContainer div {
    margin:0px;
    padding:0px;
    border:none !important;
}

.metadata .wysiwygContainer,
.metadata .wysiwygDefaultContainer {
    width:638px;
    border:dotted #c0c0c0 1px;
    padding:5px;
    margin:10px 0px;
    overflow:hidden;
    background-color:#FFFFFF;
}

.metadata .wysiwygSwitchers {
    padding-bottom:5px;
    border-bottom:dotted #c0c0c0 1px !important;
    margin-bottom:5px;
}

.metadata .htmlarea-toolbar {
    border:none;
    background-color: #EEE !important;
    margin:6px 0px !important;
}

.metadata div.htmlarea-separator {
    margin:0px 3px;
}

.metadata div.htmlarea-separator div {
    border-left:1px solid #A0A0A0 !important;
    border-right:1px solid #D5D5D5 !important;
    margin:3.5px 0px;
}

.metadata .wysiwygContainer .htmlarea-button {
    border: solid 1px #EEE !important;
    background-image: url(../Images/toolbar.png) !important;
}

.metadata .htmlarea-buttonDisabled {
    background-image: url(../Images/toolbar_disabled.png) !important;
}

.metadata .htmlarea-select {
    color: #000 !important;
    background-color: #FFF !important;
    margin:0px !important;
}

.metadata .wysiwygContainer .htmlarea-buttonHover {
    border:solid 1px #333 !important;
}

.metadata .htmlarea iframe {
    border:none;
}

.metadata .thesaurusTermSelect {
    width: 230px;
    height: 25px;
    padding: 3px;
    margin-right: 5px;
}

.Explorer7 .metadata .thesaurusTermSelect {
    margin-right: 0;
}

.metadata .thesaurusTermSelect option {
    padding: 3px;
}

.metadata .thesaurusContainer .child {
    padding-left: 4px;
    padding-right: 4px;
}

.metadata .thesaurusContainer span.tagContent {
    padding-left: 4px;
    padding-right: 4px;
    display: block;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
}

.Explorer7 .thesaurusContainer * {
    zoom: 1 !important;
}

.Explorer7 .thesaurusContainer .addNewTerm .guiButton {
    float: left !important;
    width: 25px;
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 3px;
}

.Explorer7 .metadata .thesaurusTermSelect {
    width: 200px;
}

.metadata .thesaurusContainer .loadingTerms {
    background: #fff url('../Images/loader_white16x16.gif') no-repeat 5px 5px;
    padding: 3px 3px 3px 26px;
    width: 270px;
    margin-bottom: 10px;
}

.metadata .thesaurusContainer .clickToLoadTerms {
    padding: 5px;
    width: 140px;
}

/* Start workarounds for IE7 and 8 icon layout issues */

.Explorer7 .metadata .htmlarea-toolbar table:first-child { margin: 0; }

.Explorer7 .metadata .htmlarea-toolbar * {
    float: left !important;
}

.Explorer7 .metadata  #htmlarea .htmlarea-button,
.Explorer8 .metadata  #htmlarea .htmlarea-button {
    width: 17px;
    height: 17px;
    float: left;
    padding: 1px;
    margin: 1px;
    border: solid 1px #eee !important;
    font-size: 15px;
    border: 1px solid #5A5A5A;
    color: #5A5A5A;
}

.Explorer7 .metadata  #htmlarea .htmlarea-button:hover,
.Explorer8 .metadata  #htmlarea .htmlarea-button:hover {
    border: solid 1px #333 !important;
}

.Explorer7 .metadata  #htmlarea .htmlarea-indicator,
.Explorer8 .metadata  #htmlarea .htmlarea-indicator {
    width: 20px;
    height: 21px;
    text-align: center;
    cursor: default;
    border: 1px solid #A0A0A0;
    float: left;
    padding: 0 3px;
}

.Explorer7 .metadata  #htmlarea .htmlarea-select-container,
.Explorer8 .metadata  #htmlarea .htmlarea-select-container {
    width: auto;
    float: left;
    font-size: 9px;
    height: 21px;
    border: solid 1px #eee;
}

.Explorer7 .metadata  #htmlarea .htmlarea-separator,
.Explorer8 .metadata  #htmlarea .htmlarea-separator {
    height: 21px;
    width: 2px;
    padding: 0;
    margin: 0 3px;
    float: left;
    font-size: 1px;
    line-height: normal;
}


.Explorer7 .metadata  #htmlarea .htmlarea-separator div,
.Explorer8 .metadata  #htmlarea .htmlarea-separator div {
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #D5D5D5;
    font-size: 1px;
    line-height: normal;
    height: 16px;
    margin: 3px 0;
    padding: 0;
    width: 0;
}

/* End workarounds for IE7 and 8 icon layout issues */

/* Date Time*/

.metadata .dateTime select {
    margin:0px 2px;
    padding:0px;
    line-height:14px;
                font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    float:none;
    display:inline;
}

.metadata .dateTime b {
    font-size:0.9em;
    font-weight:bold;
    color:#666666;
    display:block;
    padding:10px 0px;
}

/* Related asset */
.Explorer7 .metadata .typeRelatedAsset {
    clear: both;
    width: 100%;
}

.metadata .typeRelatedAsset .assetDescription {
    width: 205px;
}

/* WYSIWYG content element styles */

/* IE9 htmlarea fixed inline fixed height issue fix */
.Explorer9 .metadata .htmlarea div  {
    height: auto !important;
}

.metadata div[onclick^="editDiv"] {
    font-size: 13px;
    line-height: 1.3;
    font-family: Arial,Helvetica,sans-serif;
    color: #222;
}

.metadata div[onclick^="editDiv"] a {
    text-decoration:underline;
    color:#0099FF;
}

.metadata .rowWithWYSIWYG h1,
.metadata .rowWithWYSIWYG h2,
.metadata .rowWithWYSIWYG h3,
.metadata .rowWithWYSIWYG h4,
.metadata .rowWithWYSIWYG h5,
.metadata .rowWithWYSIWYG h6 { font-family: Arial,Helvetica,sans-serif; font-weight: bold; line-height:normal; margin-bottom:0.5em; color: inherit !important; }

.metadata .rowWithWYSIWYG h1 { font-size:2.25em; }

.metadata .rowWithWYSIWYG h2 { font-size:2em; }

.metadata .rowWithWYSIWYG h3 { font-size:1.8em; }

.metadata .rowWithWYSIWYG h4 { font-size:1.6em; }

.metadata .rowWithWYSIWYG h5 { font-size:1.4em; }

.metadata .rowWithWYSIWYG h6 { font-size:1.2em; }

.metadata .rowWithWYSIWYG p { margin: 0.5em 0 0.75em 0; }

.metadata .rowWithWYSIWYG ul,
.metadata .rowWithWYSIWYG ol,
.metadata .rowWithWYSIWYG dl { margin: 1.4em 2em 2em; }

.metadata .rowWithWYSIWYG ul li { list-style-type:square; }

.metadata .rowWithWYSIWYG ul li li { list-style-type:disc; }

.metadata .rowWithWYSIWYG ul li li li { list-style-type:circle; }

.metadata .rowWithWYSIWYG ul ul,
.metadata .rowWithWYSIWYG ol ol,
.metadata .rowWithWYSIWYG ul ol,
.metadata .rowWithWYSIWYG ol ul { margin-top: 0.5em; margin-bottom: 1em; font-size: 0.9em; }

.metadata .rowWithWYSIWYG ol li { list-style-type:decimal; }

.metadata .rowWithWYSIWYG ol li li { list-style-type:lower-alpha; }

.metadata .rowWithWYSIWYG ol li li li { list-style-type:lower-roman; }

.metadata .rowWithWYSIWYG hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

.metadata .rowWithWYSIWYG table { border-bottom:solid 1px #b1ab95 !important; border-right:solid 1px #b1ab95 !important; margin:1em 0 1.5em; border-collapse:collapse !important; font-size: 0.9em; }

.metadata .rowWithWYSIWYG caption { font-size:85%; padding:5px; }

.metadata .rowWithWYSIWYG td,
.metadata .rowWithWYSIWYG th { border-top:solid 1px #b1ab95 !important; border-left:solid 1px #b1ab95 !important; padding:2px !important; }

.metadata .rowWithWYSIWYG th { text-align:center; }

.metadata .rowWithWYSIWYG tr { height:1em; width:1em; }

.metadata .ees_assetPicker .assetIcon {
    padding-left: 30px;
    font-size: 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}

.metadata .ees_assetPicker .descriptionText {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
}

.metadata .ees_assetPicker .assetIdWrap {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    width: 45px;
}

/** Needed for FF/Chrome to prevent issues with assetid input **/
.metadata .ees_assetPicker .assetDescriptionWrap {
     height: 26px;
}

.metadata .ees_assetPicker .default { background-position: 3px 50%; }

/* ---------------------------------------------------------------------------------------------
END: SCREEN METADATA STYLES
--------------------------------------------------------------------------------------------- */