/* HTML */
html {
/*height: 100%;*/
}
img {
    vertical-align: middle;
}
ul {
    margin: 0;
    padding: 0;
}

ul li { 
    list-style-type: none;
 }

.dragPlaceholder { 
    border: 1px dotted #222222;
 }

div#placeholderMessage {
    width:760px;
}

/* rm=home */
div#divAddOrgInput { 
    display: none;
}
div#divAddTbInput { 
    display: none;
}

/* Main DIVs */
div#recyclePanel {
    float:right;
}
div.rightBorder {
    border-right:1px solid #dbdbdb;
}
div.leftBorder {
    /*border-left:1px dotted #000;*/
}
div.mainWrapper {
}

div#hiddenDivs {
    visibility: hidden;
}
div.editPane {
}
/* Component Selection */
div#comp_menu {
}
a.comp_menu{
    display:block;
    padding:5px 0 5px 30px;
    margin:0;
}

.imgLink{background:no-repeat 4px .4em url('/images/components/link.png')}
.imgDropDown {background:no-repeat 4px .4em url('/images/components/dropdown.png')}
.imgRSSReader{background:no-repeat 4px .4em url('/images/components/rss.png')}
.imgSeparator{background:no-repeat 4px .4em url('/images/components/separator.png')}
.imgNewsTicker{background:no-repeat 4px .4em url('/images/components/ticker.png')}
.imgMessageBox{background:no-repeat 4px .4em url('/images/components/message.png')}
.imgRadioPlayer{background:no-repeat 4px .4em url('/images/components/radio.png')}
.imgEmailChecker{background:no-repeat 4px .4em url('/images/components/email.png')}
.imgWeather{background:no-repeat 4px .4em url('/images/components/weather.png')}
.imgBookmarks{background:no-repeat 4px .4em url('/images/components/bookmarks.png')}
.imgCustom{background:no-repeat 4px .4em url('/images/components/custom_include.png')}
.imgTabbed{background:no-repeat 4px .4em url('/images/components/tabbed_include.png')}
.imgJSIncl{background:no-repeat 4px .4em url('/images/components/include_js.png')}
.imgPopUp{background:no-repeat 4px .4em url('/images/components/popup.png')}
.imgBanner{background:no-repeat 4px .4em url('/images/components/banner.png')}
.imgShopping{background:no-repeat 4px .4em url('/images/components/shopping.png')}
.imgCustomXML{background:no-repeat 4px .4em url('/images/components/custom_xml.png')}
.imgTabbedCustomXML{background:no-repeat 4px .4em url('/images/components/custom_xml_wt.png')}
.imgEventTracker{background:no-repeat 4px .4em url('/images/components/event_tracker.png')}

#componentSelectionDiv {
    text-align: left;
    background-color: #f00;
}
.compimg {
    width:18px;
    margin-right:10px;
}
/* for tooltip with short description */
.helpTextDiv { 
    background-color: #e5ecf9;
    border: 1px solid #7aa5d6;
    padding: 20px;
}


/* EDIT DIV START */
div.TitleBlock {
    margin: 10px 0 10px;
    /*background-color:#c3d9ff;*/
}
div.Title {
    font-weight:bold;
}
div.SubTitle {
}
div.editStep {
    margin:10px 0 10px;
    padding:0;
    /*background-color:#cdeb8b;*/
}
div.editStep div.Step {
    width:auto;
    border-top:1px solid #8c8c8c;
    background-color:#dbdbdb;
    padding:2px 10px 2px;
    margin-bottom:10px;
}
div.editPreview {
    margin:0;
    padding:10px;
}
div.step_hint {
    font-size:9px;
    color:#8c8c8c;
}
span.checkbox_text {
    font-size:10px;
}


div.previewHeader {
    font-weight:bold;
}
div.previewWindow {
    background-color: #d4d0c7;
    width:330px;
    padding:6px 0 6px;
}
img.preview_icon {
    padding-right: 4px;
}
.preview_caption {
    font-size: 11px;
    font-family: Tahoma;
    color: #333;
    margin: 0;
    height: 16px;
    border: none;
    vertical-align: middle;
    background-color: transparent;
}
div.editFinishBtns {
    margin-top:20px;
}

div.floatingColumn {
    width: 225px;
    background-color: #d4d0c7;
}

div.upload_icon  {
    margin:10px 0 10px;
    text-align:center;
    background-color: #e9e9e9;
}
/* EDIT DIV END */



/* Toolbar Items START */

div.blue_btn {
    color:#fff;
    font-family:arial;
    font-weight:bold;
    width:100px;
    height:26px;
    line-height:26px;
    margin:2px 0 2px 0;
    text-align:center;
    background: url(/images/btn/btn_blue.png) 0 0 no-repeat;
}



.tb_btn {
    border:2px solid transparent;
    /*background-color:#0c0;*/
}
.tb_btn_active {
    border:2px solid #c00;
    background-color:#e5ecf9;
}
.tb_btn_over {
    border:2px solid #ccc;
    background-color:#ccc;
}

/* Toobar Items END */

#dropDownMenuDiv {
    width:200px;
    background-color:#8c8c8c;
    background-color:#d4d0c7;
}
ul.dropDownUL {
    width:200px;
    position: relative;
    border:1px solid #808080;
}
ul.dropDownUL li {
    /*float:left;*/
    
    height:1.5em;
    width:200px;
    background-color:#d4d0c7;
    list-style-type:none;
    position: relative;

    vertical-align:middle;
}
li.dropDownDrag {
    color:#c0c;
}
ul.dropDownSubUL {
    /*float:left;*/
    width:200px;
    /*position: relative;*/
    border:1px solid #808080;
}
ul.dropDownSubUL li {
    /*display:block;*/
    /*float:left;*/
    height:1.5em;
    width:200px;
    background-color:#d4d0c7;
    list-style-type:none;
    position: relative;
    vertical-align:middle;
}
.dropDownMenuItemActive {
    background-color:#b2b4bf;
    background-color:#12598d;
    /*color:#c00;*/
    cursor: pointer;
}
div.dropDownSubMenu {
    /*float:left;*/
    top:-1.5em;
    left:200px;
    width:200px;
    position: relative;
    background-color:#c00;
    background-color:#d4d0c7;
}
div.menuPopUpLabel {
    background: url(/images/tree/rightArrow.png) 98% 50% no-repeat;
    width:200px;
    cursor: pointer;
}
div.dropDownOptions, div.dropDownSubOptions {
    width:192px;
    position: relative;
    padding: 4px;
    height:1.5em;
    background-color:#8c8c8c;
    border:1px solid #fff;
}
div.dropDownOptions span, div.dropDownSubOptions span {
    background: url(/images/add.gif) 0 50% no-repeat;
    padding: 0 10px 0 14px;
    cursor: pointer;
    /* cursor: hand; */
}


div.dropDownMenuItem {
    cursor: pointer;
}
div.dropDownSubMenuItem {
    cursor: pointer;
}

div.dropDownSeparator {
    /*background:url(/images/tree/treeSep.gif) 50% 50% no-repeat;*/
    border-top:1px solid #808080;
    border-bottom:1px solid #ffffff;
    margin:4px 2px 4px 2px;
    cursor: pointer;
    vertical-align:middle;
    /* cursor: hand; */
}

.menuImage {}
.menuCaption {}
.menuURL {visibility:hidden;display:none;}
.menuNewWindow {visibility:hidden;display:none;}


/* ToDo: audit these styles from lists.css */
#creationREMOVE {
    position: relative;
    vertical-align:top;
    margin-top:0px;
    margin-left:0px;
    margin-right:20px;
    margin-bottom:0px;
    padding-left:15px;
    padding-top:15px;
}
#recycleBin {
    position: relative;
    vertical-align:top;
    margin:0 20px 0 0;
    padding-top:15px;
}
#trash {
    margin: 0px;
    padding: 0px;
    text-align:center;
}
#imgTrash {
    vertical-align: text-top;
}


#editing {
    list-style-type: none;
    border: 0px solid black;
}
ul.bin {
    display:none;
    padding-left:15px;
    padding-top:15px;
    margin: 0px;
    background-color:#FFFFFF;
}
a.recoveryCell {
    padding-right: 15px;
    float:left;
}
div.spacer {
    height:15px;
    clear:both;
    width:100%;
}
ul.sortable li {
    position: relative;
}
ul.trash li {
    list-style-type: none;
    opacity: 0.5;
}
.dropdown {
    list-style-type: none;
    background-color: #f0e7d7;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    padding-top: 1px;
}

#recoverUL {
    cursor:pointer;
}

ul.recycleBin {
    list-style-type:none;
    margin: 0px;
    padding-top: 1px;
}
ul.recycleBin li {
    float: left;
    vertical-align:middle;
}
ul.editing {
    padding-left:15px;
    padding-top:6px;
}
ul.trash li span.creation, ul.trash li span.creationDisabled, ul.trash li span.editing, ul.trash li span.tree, ul.trash li div.tree, ul.creation li span.editing, ul.creation li span.toolbar, ul.creation li span.toolbar_simple, ul.creation li span.toolbox, ul.creation li span.tree, ul.creation li div.tree, ul.editing li span.creation, ul.editing li span.creationDisabled, ul.editing li span.toolbar, ul.editing li span.toolbar_simple, ul.editing li span.tree, ul.editing li div.tree, ul.toolbar li span.creation, ul.toolbar li span.creationDisabled, ul.toolbar li span.editing, ul.toolbar li span.tree, ul.toolbar li div.tree, ul.tree li span.editing, ul.tree li span.toolbar, ul.tree li span.toolbar_simple, ul.tree li span.creation ul.tree li span.creationDisabled, ul.recycleBin li span.creation, ul.recycleBin li span.creationDisabled, ul.recycleBin li span.editing, ul.recycleBin li span.tree, ul.recycleBin li div.tree {
    display:none !important;
}
ul.creation li span.creation, ul.creation li span.creationDisabled, ul.editing li span.editing, ul.toolbar li span.toolbar, ul.toolbar li span.beingedited, ul.toolbar li span.toolbar_simple, ul.tree li span.tree ul.tree li div.tree, ul.recycleBin li span.toolbar, ul.recycleBin li span.beingedited, ul.recycleBin li span.toolbar_simple {
    display: block;
}
ul.creation li {
    list-style-type: none;
    border: 0px solid #ddd;
    /* cursor:hand; */
}
ul.creation li span.creation {
    font-family:Arial;
    font-size:11pt;
    color:black;
}
ul.creation li span.creationDisabled {
    font-family:Arial;
    font-size:11pt;
    color:black;
    cursor:not-allowed;
}
ul.creation li span.creation * {
    vertical-align: middle;
}
ul.creation li span.creationDisabled * {
    vertical-align: middle;
}
ul.creation li span.creation a {
    font-family:Arial;
    font-size:8pt;
    color:#666;
}
ul.recycleBin li span.toolbar {
    height: 22px;
    border-width: 0px;
    border-color: #f0e7d7;
    border-style: solid;
    overflow:visible;
    vertical-align:middle;
}
.clickable a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    /* cursor: hand; */
}
.clickable li:hover {
    background-color: #f6f6f6;
}


/* Toolbar Preview */
div#previewContainer {
    width:950px;
    margin:0 auto 0;
    overflow:visible;
}
div#previewWrapper {
    height:30px;
    overflow:visible;
}
ul.toolbar {
    list-style-type: none;
    margin:6px 0 0;
    padding:0;
    height:20px;
}
ul.toolbar li {
    position: relative;
    float: left;
    margin: 0 4px 0;
    padding: 0;
    display: block;
    cursor: pointer;
    height:20px;
    line-height:20px;
    border:1px solid transparent;
}
span.previewSpan {
    margin:0;
    padding:0 4px 0;
    line-height:20px;
}
img.previewIcon {
    margin:0;
    padding:0 4px 0 0;
    vertical-align:middle;
    line-height:20px;
}
span.previewCaption {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Tahoma;
    color: #333;
    line-height:20px;
}

/* Need to consolidate the 2 styles into one tag */

img.downArrow {
    padding-left:4px;
}
img.iconImg {
    padding:1px;
    border:1px solid white;
    margin:1px;
}

div.mediaCategories {
    margin-bottom:10px;
    height:80px;
}
div.mediaCategory {
    background: url(/images/list.gif) 0 0 no-repeat;
    padding-left: 15px;
    margin-top: 5px;
    float: left;
    width: 185px;
    cursor: pointer;
    /* cursor: hand; */
}
div#modalContainer {
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: black;
    z-index: 500;
    filter: Alpha(Opacity=40);
    moz-opacity: 0.40;
    opacity: 0.40;
}
div.modalWindow {
    position: absolute;
    border: 1px solid #10556b;
    top: 0px;
    left: 0px;
    width: 450px;
    z-index: 600;
}
div.modalTitle {
    background-color: #e5ecf9;
    border-bottom: 1px solid #10556b;
    padding: 5px;
    text-align: center;
}
div.modalTitle span {
    padding: 0px 20px 0px 20px;
    font-weight: Bold;
    font-size: 18px;
    color: #10556b;
}
div.dropDownAddDiv {
    background-color: #ffffff;
    border: 1px solid white;
    padding: 15px;
    width:760px;
}
div#hiddenModals {
    height: 0px;
    visibility: hidden;
}
img.iconMouseOut {
    border: 1px solid #fff;
}
img.iconMouseOver {
    border: 1px solid #888;
}
img.iconSelected {
    border: 1px solid #222;
}
div.modalDone {
    text-align: center;
}
div.iconSetLinks {
    margin-top:10px;
    background-color:#fff;
}
span.iconSetLink {
    margin:0 5px 0 0;
    padding:0 3px 0;
    border: 1px solid #8c8c8c;
    cursor: pointer;
    background-color: #dbdbdb;
    /* cursor: hand; */
}
span.iconSetLinkActive {
    background-color: #8c8c8c;
}
span.iconSetLinkOver {
    background-color: #fff;
}

div.moreIconsLink {
    text-align: right;
    visibility: hidden;
}
div.iconWindow {
    height:88px;
    border:1px solid #8c8c8c;
    border-top:4px solid #8c8c8c;
    overflow:scroll;
    overflow-x: hidden;
}
/*div.noIcon {*/
/*    border:1px solid white;*/
/*    cursor: pointer;*/
/*}*/

div.loadingDiv {
    background-color: white;
    padding: 35px;
    font-size: 16px;
}
ul.mediaModal {
    padding: 15px;
    height: 300px;
    overflow: scroll;

}
ul.mediaModal li {
    line-height:1.5em;
    list-style-type: none;
}
ul.mediaModal li input {
    margin-right:6px;
}
span.mediaLabel {
}
input.media_options_checkbox {
    vertical-align:middle;
}

select.sourceSelect {
    padding-top: 4px;
    width: 350px;
    height: 108px;
}
iframe.hiddenIFrame {
    width: 0px;
    height: 0px;
    border: 0px;
}
div.orSep {
    font-size:11pt;
    font-style:italic;
    text-align:center;
    margin-bottom:7px;
}
div.logoStyleOption {
    display: block;
    margin-right: 20px;
    margin-top: 8px;
    float: left
}
div.styleDiv {
    float: left;
    width: 300px;
    overflow: visible;
}
img.menuImage {
    padding-right: 4px;
}
div.feedButton {
    padding-bottom: 10pt;
    cursor: pointer;
    /* cursor: hand; */
}
div.feedButton img {
    padding-right: 5px;
    padding-left: 5px;
}
.btn {
    cursor: pointer;
    /* cursor: hand; */
}
div.accountImagePreview {
    background-color: white;
    text-align: center;
    padding: 25px;
}
div#instructionsModal {
    display:none;
    background-color: white;
    padding: 15px;
}
.li_disabled {
    color: grey;
    cursor: text;
}


/* Initial State */
div#recoverPanel {
    display:none;
    border:1px solid #13397a;
    padding:4px 0 4px 0;
}
#recoverLink {
    display:none;
}
#btnFinish{
    display:block;
    margin-bottom:5px;
}
#btnCancel{
    display:block;
}


/* Toolbar Preview */
.componentOn {border:2px solid yellow;position:relative;top:-2px;}
.componentOff {}

/* Display Text Style */
/*.msg_error {background-color:#e76767;margin:10px 0 10px 0; padding:10px;border:1px solid #fdd;}*/
.msg_error {color:#c00;}
.msg_success {background-color:#d5ddf3;margin:10px 0 10px 0; padding:10px;border:1px solid #36c;}

/* Special */
.droppable-active {border:1px solid blue;}
.droppable-hover {border:1px dotted black;}

.drop_trash {
    border: 4px dashed #fff;
}
.drop_trash_active {
    /*border: 4px dashed #000;*/
}
.drop_trash_hover {
    border: 4px dashed green;
}