﻿img.spinner
{
    visibility: hidden;
}
div.admin_panel
{
    width:1003px;
    position:fixed;
    left:50%;margin-left:-501px; 
    /*z-index:4;*/
    line-height: 1em;
    font-size: 12px;
}
div#standard_admin_AdminPanel{
    line-height: 1em;
}
div.admin_panel_top
{
    top:15px;
}
div.admin_panel_bottom
{
    bottom:15px;
}
.admin_font {
    font-size:12px;
}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
ul.ui-autocomplete {
    font-size:12px;
    max-height:200px;
    max-width:300px;
    overflow:scroll;
}
body.tiny_background_clear {
    background: transparent;
}

div#editbar.web
{
    width:1003px;border:solid 1px white;position:relative;z-index:4;display:none; background-color:#36376B; height:60px;
    padding:0px;
    margin: 0 auto;
    filter:alpha(opacity=91); -moz-opacity:0.91; opacity: 0.91;cursor:move

}
div#editbar #reset-bar-position
{
    position:absolute;top:0;right:0;cursor:pointer;margin:1px;border:none;display:none;
}
div#editbar.web td.reset-bar div
{
    margin: 8px 0;
    cursor: pointer;
}
div#editbar td.reset-bar div:first-child
{
    visibility: hidden;
}
div#editbar.web > table
{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
}
div#editbar.web > table > tbody > tr > td:first-child
{
    padding:0 10px;
    font-weight:bold;
    color:White;
    font-size:14px;text-align:center;vertical-align:middle;
}
div#editbar.web > table > tbody > tr > td:nth-child(2)
{
    color: white;
    vertical-align: middle;
}
div#editbar.web > table > tbody > tr > td:nth-child(2) > div
{
    margin:0px 0 2px 0;
}
div#editbar.web > table > tbody > tr > td:nth-child(2) > div > a
{
    color: white;
}
div#editbar.web > table > tbody > tr > td:nth-child(3)
{
    vertical-align:middle;text-align:left;color: white;
}
div#editbar.web > table > tbody > tr > td:nth-child(4)
{
    text-align: right;
    vertical-align: middle;
}
div#editbar.web > table > tbody > tr > td:nth-child(4) > table
{
    float: right;
}
div#editbar.web  table.viewsave > tbody > tr> td
{
    padding-right: 5px;
}
div#editbar.web table.viewsave td.mobile_button
{
    display: none;
}

div#editbar.web table.viewsave span
{
    color: Black; font-size: 14px; font-weight: bold;
}
div#editbar.web table.viewsave span > img, div#editbar.web table.viewsave img#savecaution
{
    cursor: pointer;
}
div#unseenbar
{
    width:1003px;position:relative;z-index:4;padding:0px; margin-bottom:0px;margin-left:auto; margin-right:auto;margin-top:0px;
}
div#unseenbar > div#unseen_page
{
    z-index:3;text-align:center;position:absolute;right: 35px; top: -1px; display:none;background-color:#3f3D67;  border-right:solid 1px white; border-left:solid 1px white;border-bottom:solid 1px white;padding: 4px 15px 4px 15px;color:white;font-weight:bold;
}

.admin_pointer {
  cursor:pointer; outline:1px dashed #ada277;
  min-height: 20px;min-width: 40px;
}
.admin_pointer:hover {
     outline:1px dashed #ff00ff;
}

table.version_selector
{
    margin-left: 65px;
}
table.version_selector td > span
{
    cursor: pointer;
}
table.version_selector tr:nth-child(1) td
{
    padding: 3px 4px;
}
table.version_selector tr:nth-child(2) td:nth-child(1)
{
    padding: 5px 4px;
}
table.version_selector tr:nth-child(2) td:nth-child(2)
{
    padding: 5px 6px;
}
/* version save as */
.version_dialog
{
    width: 605px;
    margin: 5px;
}
.version_dialog > div
{
    padding: 0px;
}
.version_dialog > div > div > div
{
    padding: 15px 5px 0 5px;
}
.version_dialog > div div.version:nth-of-type(even)
{
    background-color: lightgray;
}
.version_dialog > div div.version
{
    padding-bottom: 10px;
}

table.version_save_as
{
    width: 100%;
}

div.versions_list > div table.version_save_as
{
    padding-bottom: 10px;
}
div.versions_list > div table.version_save_as  td:nth-child(2)
{
    padding: 10px 0;
}
div.versions_list > div table.version_save_as  tr td:nth-child(2)
{
    text-align: right;
    padding-right: 30px;
    width: 236px;
}
div.versions_list > div.editor table.version_save_as  tr td:nth-child(2)
{
    text-align: left;
    padding: 0 10px 0 0;
    width: 286px;
}
table.version_save_as input
{
    margin-left: 15px;
}
table.version_save_as select
{
    margin-left: 10px;
    width: 48px;
}
table.version_save_as td.already-live
{
    text-decoration: line-through;
}
table.version_save_as span.live
{
    color: red;
    font-weight: bold;
    padding-left: 10px;
    font-size: 1.1em;
}
table.version_save_as input:nth-child(1)
{
    margin-left: 3px;
}

table.version_save_as select.hour
{
    margin-left: 20px;
}
table.version_save_as div.ui-icon
{
    margin: 0px 2px 0 2px;
    display: inline-block;
    position: relative;
    top: 3px;
    /*border: lightgray 1px solid;*/
}
div.version > table.version_save_as tr td:nth-child(3)
{
    text-align: right;
    padding-right: 10px;
}
div.version > table.version_save_as tr td.hide-edit div.ui-icon-pencil, div.version > table.version_save_as tr td.hide-edit div.ui-icon-trash
{
    visibility: hidden;
}
div.version > table.version_save_as tr td:nth-child(2)
{
    min-width: 150px;
}
table.version_save_as div.ui-icon:first-child
{
    margin-left: 3px;
}
div.versions_list
{
    max-height: 339px;
    overflow: auto;
    border: 1px solid lightgray;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

div.versions_list > div 
{
    margin-top: 0px;
}
.version_save_as_golive_date 
{
    width: 80px;
}

button.version_save_as
{
    width: 100px;
    padding: 4px 0;
}
hr.version_save_as
{
    margin: 20px 0;
}
input#version_save_as_name
{
    width: 90%;
}
div.ui-icon-hide
{
    background-image: none !important;
}
td.version_save_as_page_attr input, td.version_save_as_page_attr div
{
    float: left;
}
td.version_save_as_page_attr
{
    vertical-align: middle;
}
td.version_save_as_page_attr div
{
    padding-top: 3px;
}
td.version_save_as_page_attr div.ui-icon
{
    margin-left: 0px;
}
tr.version_save_as_go_live td
{
    padding-top: 8px;
}
div.version_save_as_item{
    margin: 15px 0;
}
div.version
{
    cursor: pointer;
}

div#version_save_as_complete_dialog
{
    text-align: center;
    padding-top: 10px;
}
div#version_save_as_complete_dialog p
{
    padding-top: 20px;
}
div.callout_editor_warning
{
    height: 180px !important;/*this is a work around because this dialog shows up over callout manager dialog that has all kinds of tweaks
                               that effect this dialog as well.  Best would be to have that other dialog not be a dialog */
    padding: 20px 0;
}
div.no_title_bar_dialog > div.ui-dialog-titlebar
{
    display: none;
}
/*the above does this?*/
div.version_save_as_complete_dialog > div.ui-dialog-titlebar
{
    display: none;
}
div#version_save_as_complete_dialog:hover
{
    background: none !important;
}

div.version:hover
{
    background-color: lightblue !important;
}
#version_save_as_link_target {
    display:inline-block;
    margin:0 8px;
    text-align:right;
    font-style: italic;
    width: 50px;
}
table.version_save_as {
    border-collapse: separate;
    border-spacing: 4px;
}
table.version_save_as select.version_save_as_link_target_item
{
    margin: 0 4px 3px 3px;
    width: 84px;
    
}
div#version_save_as_dialog table.version_save_as select.version_save_as_link_target_item 
{
    float: left;
    margin: 0 4px 0 12px;
}
table.version_save_as .version_save_as_page_attr 
{
    padding-top: 3px;
    vertical-align: top;
}
table.version_save_as button
{
    cursor: pointer;
}
div#ajaxLogin
{
    display: none;
    font-size: 11px;
}
div#ajaxLogin table 
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
div#ajaxLogin table td
{
    padding: 5px;
}
div#ajaxLogin table tr:first-child > td
{
    padding: 10px 5px;
    text-align: center;
}
div#ajaxLogin table tr:first-child > td > input:first-child
{
    margin-right:5px;
}
div#ajaxLogin table tr > td:first-child
{
    padding-right: 10px;
    font-weight: bold;
}
div#ajaxLogin table tr > td span#loginmessage
{
    min-height: 1em;
}

div#standard_admin_check_mobile_sync
{
    text-align: center;
}
div#standard_admin_check_mobile_sync button
{
    cursor: pointer;
    display: block;
    width: 160px;
    margin: 4px auto;
    padding: 2px;
}

#callout_editor_confirm_dialog 
{
    text-align: center;
}
#callout_editor_confirm_dialog button
{
    cursor: pointer;
    display: block;
    width: 80%;
    margin: 10px auto;
}
/*need this to click on in case no callouts are displayed */
div[hdmtype=callouts], ul[hdmtype=callouts]
{
   min-height: 80px;
   min-width: 40px;
}
div.hdm-inline-editable 
{
    border: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}
/* have to over power  * {box-sizing: }*/
/* we don't necessarily want to reset everything because jquery wants to apply
    its styles to buttons and things ( unless we don't want those styles.*/
.admin-jquery-ui-reset * {
    box-sizing: content-box;
    font-size: 12px;
}
