/* SECTION ONE - GENERAL OVERRIDES */
/* prevents the page styles from affecting layout */

#edcmsInterface html, #edcmsInterface body, #edcmsInterface div, 
#edcmsInterface span, #edcmsInterface applet, #edcmsInterface object, 
#edcmsInterface iframe, #edcmsInterface h1, #edcmsInterface h2, 
#edcmsInterface h3, #edcmsInterface h4, #edcmsInterface h5, 
#edcmsInterface h6, #edcmsInterface p, #edcmsInterface blockquote, 
#edcmsInterface pre, #edcmsInterface a, #edcmsInterface abbr, 
#edcmsInterface acronym, #edcmsInterface address, #edcmsInterface big, 
#edcmsInterface cite, #edcmsInterface code, #edcmsInterface del, 
#edcmsInterface dfn, #edcmsInterface em, #edcmsInterface font, 
#edcmsInterface img, #edcmsInterface ins, #edcmsInterface kbd, 
#edcmsInterface q, #edcmsInterface s, #edcmsInterface samp, 
#edcmsInterface small, #edcmsInterface strike, #edcmsInterface strong, 
#edcmsInterface sub, #edcmsInterface sup, #edcmsInterface tt, 
#edcmsInterface var, #edcmsInterface b, #edcmsInterface u, 
#edcmsInterface i, #edcmsInterface center, #edcmsInterface dl, 
#edcmsInterface dt, #edcmsInterface dd, #edcmsInterface ol, 
#edcmsInterface ul, #edcmsInterface li, #edcmsInterface fieldset, 
#edcmsInterface form, #edcmsInterface label, #edcmsInterface legend, 
#edcmsInterface table, #edcmsInterface caption, #edcmsInterface tbody, 
#edcmsInterface tfoot, #edcmsInterface thead, #edcmsInterface tr, 
#edcmsInterface th, #edcmsInterface td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
}
#edcmsInterface ol, #edcmsInterface ul {
	list-style: none;
}
#edcmsInterface blockquote, #edcmsInterface q {
	quotes: none;
}

/* font sizes */
#edcmsInterface h1 {font-size: 2.2em;} 
     
#edcmsInterface h2 {font-size: 2.0em;} 
     
#edcmsInterface h3 {font-size: 1.8em;} 
     
#edcmsInterface h4 {font-size: 1.6em;} 
     
#edcmsInterface h5 {font-size: 1.4em;} 
     
#edcmsInterface p {
	font-size: 1.0em;
	/* this puts the space before and after <p> tags */
	margin: 10px 0px;
}
/* tables still need 'cellspacing="0"' in the markup */


/* SECTION TWO - INTERFACE STYLING */

#edcmsInterface{
	background-color:#9999cc;
	position: fixed;
	padding: 5px;
	left: 0px;
	right: 0px;
}
#edcmsInterface .edcmsInterfaceContent{
	background-color:#ffffff;
	padding: 0.5em;
}
/* tabs */
#edcmsInterface ul.edcmsInterfaceTabList{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
#edcmsInterface ul.edcmsInterfaceTabList li{
	display:inline;
}
#edcmsInterface ul.edcmsInterfaceTabList a{
    display: block;
    float: left;
    background-color: #CCCCCC;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    text-align: left;
    margin-right: 0.25em;
}
#edcmsInterface ul.edcmsInterfaceTabList a:hover{
    color: #0000ff;
}
#edcmsInterface ul.edcmsInterfaceTabList a.edcmsActiveTabHeading{
    background-color:#ffffff;
}
#edcmsInterface span.edcmsInterfaceButton{
    display: block;
    float: right;
    margin-right: 0.25em;
    font-family: monospace;
    font-size: 1.5em;
    cursor: pointer;
}
#edcmsInterface .edcmsSave{
    font-size: 0.8em;
    margin-right: 1em;
    float: right;
}
#edcmsInterface .edcmsReload{
    font-size: 0.8em;
    margin-right: 0.5em;
    float: right;
}
#edcmsInterface span.edcmsInterfaceStatus{
    display: block;
    float: left;
    margin-left: 1em;
    padding-top: 0.25em;
}
#edcmsInterface .edcmsTab{
    display: none;
}
#edcmsInterface .edcmsTab.edcmsActiveTab{
    display: block;
}
#edcmsInterface .edcmsDOMListBox{
    font-family: monospace;
    min-width: 40em;
    float: left;
}
#edcmsInterface .edcmsDOMListBoxButtons{
    float: left;
}
#edcmsInterface .edcmsDOMListBoxButtons button{
    font-family: monospace;
    width: 7em;
}
#edcmsInterface .edcmsFloatFix{
    /* use this class on an empty <div> as the last tag in a group
    and parent will stretch to the size of the floated children in 
    the group */
    clear: both;
}
#edcmsInterface .edcmsNewTagInnerHTML{
    float: right;
    min-width: 40em;
    height: 10em;
}
#edcmsInterface .edcmsNewTagInnerHTML.edcmsInactive{
    color: #7F7F7F;
}
#edcmsInterface .edcmsTab label span{
    display: inline-block;
    width: 4em;
}
#edcmsInterface .edcmsTab li{
    margin-bottom: 2px;
}
#edcmsInterface .edcmsNewTagOptions select,#edcmsInterface .edcmsNewTagOptions button{
    width: 9em;
}
#edcmsInterface .edcmsNewTagOptions{
    margin-bottom: 1em;
}
#edcmsInterface .edcmsNewTagTab input[type=text]{
    width: 8em;
}
#edcmsInterface .edcmsEditTagLeftColumn{
    float: left;
    margin-right: 2em;
}
#edcmsInterface .edcmsEditTagRightColumn .edcmsInactive{
    display: none;
}
#edcmsInterface .edcmsEditTagInputField{
    width: 10em;
}
#edcmsInterface .edcmsEditTagInterfaceSelect{
    margin-top: 1em;
}
#edcmsInterface .edcmsEditTagClassesBox{
    width: 20em;
}
#edcmsInterface .edcmsEditTagInnerHTML{
    float: right;
    min-width: 40em;
    height: 10em;
}

#edcmsInterface .edcmsScrollTableHeaderTable{
    width: 21.2em;
}
#edcmsInterface .edcmsScrollTableHeaderTable th{
    width: 10.1em;
    font-style: normal;
    font-weight: normal;
}
#edcmsInterface .edcmsScrollTableHeaderTable th.edcmsScrollTableSpacerHeading{
    width: 1em;
}
#edcmsInterface .edcmsScrollTable .edcmsScrollTableScrollPart{
    overflow-y: scroll;
    height: 4em;
}
#edcmsInterface .edcmsScrollTableScrollPart{
    width: 21.2em;
    border-style: solid;
    border-width: 1px;
    border-color: #7F7F7F;
}
#edcmsInterface .edcmsScrollTableBodyTable td{
    width: 10em;
}
#edcmsInterface .edcmsScrollTableBodyTable td input{
    width: 10em;
    border-style: dotted;
    border-width: 1px;
    border-color: #7F7F7F;
}

#edcmsInterface .edcmsCSSLeftColumn{
    float: left;
}
#edcmsInterface .edcmsCSSTextarea{
    width: 30em;
    height: 9em;
}
#edcmsInterface .edcmsCSSTextareaContainer{
    margin-left: 1em;
    float: left;
}
#edcmsInterface .edcmsCSSInterface{
    display: none;
}
#edcmsInterface .edcmsCSSInterface.edcmsActive{
    display: block;
}

.edcmsCurrentElement{
    border-style: solid;
    border-width: 2px;
    border-color: #0A6AFF;
}