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


/* ---------------------------------------------------------------------------------------------
START: SCREEN CONTENT STYLES
--------------------------------------------------------------------------------------------- */


#ees_editContents {
    width:670px;
    position:relative;
    margin: 0 auto;
}

#ees_editContents textarea.inputText {
    background:url(../Images/text-input-bg.gif) left top repeat-x;
    border-top: solid 1px #848484;
    border-left: solid 1px #c1c1c1;
    border-right: solid 1px #c1c1c1;
    border-bottom: solid 1px #e1e1e1;
    width:654px;
    height:20em;
    padding:5px 4px;
    font-size:0.9em;
    color:#666666;
    font-family:"Courier New", Courier, monospace;
}

#ees_editContents table.bodytext {
    width:100%;
    margin-top:2em;
}

#ees_editContents table.sq-backend-section-table-inner,
#ees_editContents table.sq-backend-section-table {
    width:100%;
}

#ees_editContents div.sq-backend-smallprint {
    display:none;
}

#ees_editContents .bodyCopyIcons {
    border:dotted #c0c0c0 1px;
    padding:5px;
}

/* IE9 news item fixed inline fixed height issue fix */
.Explorer9 #ees_editContents .htmlarea div  {
    height: auto !important;
}

.Explorer9 #ees_editContents #htmlarea .htmlarea-button {
    height: 17px !important;
}


/* Non iFrame WYSIWYG styles - overrides for htmlarea.css and new ones */
#ees_editContents .htmlarea-toolbar {
    border:none;
    background-color: #EEE !important;
    margin:6px 0px !important;
}

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

.Explorer7 #ees_editContents #htmlarea .htmlarea-button,
.Explorer8 #ees_editContents #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 #ees_editContents #htmlarea .htmlarea-button:hover,
.Explorer8 #ees_editContents #htmlarea .htmlarea-button:hover {
    border: solid 1px #333 !important;
}

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

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

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


.Explorer7 #ees_editContents #htmlarea .htmlarea-separator div,
.Explorer8 #ees_editContents #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 */

#ees_editContents .htmlarea-button {
    border-color: #EEE !important;
    background-image: url(../Images/toolbar.png) !important;
}

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

#ees_editContents .htmlarea-select {
    color: #000 !important;
    background-color: #FFF !important;
}

#ees_editContents .htmlarea-buttonHover {
    border-color: #333 !important;
}

#ees_editContents .htmlarea iframe {
    border:none;
}

#ees_editContents .htmlarea-toolbar table:first-child  {
    border: none !important;
}

/* body copy div pop up */

#bodycopyPopupDiv {
    left:0px !important;
    margin:50px 0px 0px 50px;
}

#ees_editContents .notSupported,
#ees_editContents .notSupportedTable,
#ees_editContents .notSupportedNested {
    padding:10px 10px 10px 61px;
    margin:0px;
    line-height:normal;
    background: #E4E4E4 url(../Images/warning_large.png) 10px 10px no-repeat;
}

#ees_editContents .notSupported b {
    font-weight:normal;
}

#ees_editContents .notSupported .type,
#ees_editContents .notSupportedTable .type,
#ees_editContents .notSupportedNested .type  {
    display:block;
    font-weight:bold;
    padding:0px 0px 10px 0px;
}

#ees_editContents .notSupported .message,
#ees_editContents .notSupportedTable .message,
#ees_editContents .notSupportedNested .message {
    display:block;
    color:#333333;
    padding:0px 0px 10px 0px;
}

#ees_editContents .createNewDiv {
    padding-left:5px;
}

#ees_editContents.calendar {
    margin-top: 2em;
}

/* Nested content */
.ees_pageStandardNestContent {
    overflow:hidden;
}

.ees_pageStandardNestContent .error {
    color: #ff0000;
    clear: left;
    padding: 5px;
    margin-left: 94px;
}

.ees_pageStandardNestContent .nestedIntro {
    line-height:28px;
    color:#999999;
    margin-right:5px;
}

/* WYSIWYG content element styles - must be consistent with iframe wysiwyg styles added to iframe head by jquery */

#ees_editContents .wysiwygArea {
    border-left:dotted #c0c0c0 1px;
    border-right:dotted #c0c0c0 1px;
    border-bottom:dotted #c0c0c0 1px;
    padding:5px;
    font-size: 13px;
    line-height: 1.3;
    font-family: Arial,Helvetica,sans-serif;
    color: #222;
}

.wysiwygArea * {
    margin:0;
    padding: 0;
}

.wysiwygArea a {
    text-decoration:underline;
    color:#0099FF;
}

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

.wysiwygArea h1 { font-size:2.25em; }

.wysiwygArea h2 { font-size:2em; }

.wysiwygArea h3 { font-size:1.8em; }

.wysiwygArea h4 { font-size:1.6em; }

.wysiwygArea h5 { font-size:1.4em; }

.wysiwygArea h6 { font-size:1.2em; }

.wysiwygArea p {
    margin: 0.5em 0 0.75em 0;
}

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

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

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

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

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

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

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

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

.wysiwygArea dt { font-weight: bold; margin: 1em 0; }

.wysiwygArea dt:after { content: ":"; }

.wysiwygArea dd { font-style: italic; margin: 0 0 0.5em 1em; font-size: .9em; }

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

.wysiwygArea 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; }

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

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

.wysiwygArea th { text-align:center; }

.wysiwygArea tr { height:1em; width:1em; }

.wysiwygArea form { margin: 1em 0 1.5em; font-size: 0.9em; }

.wysiwygArea input[type="text"] { padding:2px; }

.wysiwygArea input[type="submit"] { padding:2px; }

.wysiwygArea fieldset { padding:10px; border: solid 1px #ededed; background: #ededed; }

.wysiwygArea legend { color: #666; font-weight: bold; }

.wysiwygArea code { background: #ECF7FD; margin: 0 0.3em; }

.wysiwygArea pre { background: #444; color: #FFF; margin: 1em 0; overflow: auto; padding: 1.5em; }

.wysiwygArea blockquote { background: #EAF5FC; color: #597CA1; margin: 0; padding: 10px 28px; position: relative; border: 1px solid #D2DEF2; }

.wysiwygArea blockquote:before { content: "\201C"; font-size: 50px; left: 8px; line-height: 0; position: absolute; top: 28px; }

.wysiwygArea blockquote:after { bottom: 4px; content: "\201D"; font-size: 50px; line-height: 0; position: absolute; right: 6px; }

.wysiwygArea q { font-style: italic; }

.wysiwygArea object { display: block; background: #e6e6e6; border: 1px dashed #999; min-height: 100px; min-width:100px; }

#ToolBox * { font-size: 12px !important; }

/* ---------------------------------------------------------------------------------------------
END: SCREEN CONTENT STYLES
--------------------------------------------------------------------------------------------- */