/* GLOBAL BITS */
/* This is for description information at the top of add/change pages, found
   in the form_top block. */
.page-description label {
  color: #5b80b2;
}
.page-description label:hover {
  cursor: pointer;
  color: #036;
}
/* This is for the informational bits that can be added to each fieldset.
   The class name ``description`` is handed to us by the Django admin. */
div[class="description"] {
  font-size:12px;
  padding:4px 5px 4px 25px;
  margin: 0 0 3px 0;
  border-bottom: 1px solid #ddd;
  color: #666;
  /* TODO: Change the scary alert icon for a nice one made by Nathan. */
  /*       Remember to remove images/icon_alert.gif from the repo, as well.*/
  background: #ffc url(../images/icon_alert.gif) 5px .3em no-repeat;
}


/*  INLINE CONTROLS  */
#inline-controls { margin-left: 0; padding-left: 0; font-weight: bold; font-size: 12px; }
#inline-specific-controls { padding-left: 10px; border-left: 5px solid #ccc; }
#inline-specific-controls p { margin: 0; padding: 0; }

/* USER PERMISSIONS */
body.auth-user .user_permissions .selector { width: 880px; }
body.auth-user .user_permissions .selector-available,
body.auth-user .user_permissions .selector-available select,
body.auth-user .user_permissions .selector-chosen,
body.auth-user .user_permissions .selector-chosen select { width:420px; }

/* USER GROUPS */
body.auth-group .permissions .selector { width: 880px; }
body.auth-group .permissions .selector-available,
body.auth-group .permissions .selector-available select,
body.auth-group .permissions .selector-chosen,
body.auth-group .permissions .selector-chosen select { width:420px; }
/*

/* NEWS STORY */
body.app-news.model-story.change-form #id_headline,
body.app-news.model-story.change-form #id_print_headline,
body.app-news.model-story.change-form #id_subhead,
body.app-news.model-story.change-form #id_pre_story_blurb,
body.app-news.model-story.change-form #id_post_story_blurb { width: 560px; }
body.app-news.model-story.change-form #story-form { padding: 10px 12px 8px 12px; border-bottom: 1px solid #eee; }
body.app-news.model-story.change-form #story_form div.module { position: relative; border: none; zoom: 1; }
body.app-news.model-story.change-form #id_tease { padding: .5%; width: 99%; }
body.app-news.model-story.change-form #id_story { padding: .5%; width: 99%; height: 400px; }
body.app-news.model-story.change-form .pre_story_blurb,
body.app-news.model-story.change-form .post_story_blurb { clear: both; }

/* STORY PREVIEW */
body.app-news.model-story.change-form #story-preview { display: none; margin: 10px; padding: 20px; width: 700px; border: 1px solid #ddd; clear: none; overflow: hidden; }
body.app-news.model-story.change-form #story-preview p { margin: 0 0 10px 0; padding: 0; font-size: 12px !important; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif !important; }


/* GEOCODER */

body.geocoder { padding: 15px; }
body.geocoder #currentlong, body.geocoder #currentlat { color: #333; background: #FCF6D2; padding: 3px 6px; }
body.geocoder #map { border: 9px solid #ddd; -moz-border-radius: 7px; -safari-border-radius: 7px; }

/* STORY TOOLS */
ul.story-tools { position: absolute; top: 5px; right: 0; font-size: 10px; font-weight: bold; font-family: Arial,Helvetica,sans-serif; }
ul.story-tools li { display: block; float: left; padding: 0 0 0 8px; margin-left: 2px; height: 16px; background: url(../images/tool-left.gif) 0 0 no-repeat; }
ul.story-tools li:hover { background: url(../images/tool-left_over.gif) 0 0 no-repeat; }
ul.story-tools a:link, .story-tools a:visited { display: block; float: left; padding: .1em 14px .1em 8px; height: 14px; background: #999 url(../images/tool-right.gif) 100% 0 no-repeat; color: white; }
ul.story-tools a:hover, .story-tools li:hover a { background: #5b80b2 url(../images/tool-right_over.gif) 100% 0 no-repeat; }

/* INLINES */
.inline-related h2 { position: relative; margin: 5px 0 0 0; padding: 2px 5px 3px 5px; font-size: 11px; text-align: left; font-weight: bold;  color: #fff; }
.inline-related h2 b { font-weight: normal; }
.inline-related h2 span.delete { padding-left: 20px; position: absolute; top: 2px; right: 7px;}
.inline-related h2 span.delete input { margin-top: -1px; }
.inline-related h2 span.delete label { margin-left: 2px; color: #fff; }
.inline-related fieldset.module h2 { margin: 0; padding: 2px 5px 3px 5px; font-size: 11px; text-align: left; font-weight: bold; background: #bcd; color: #fff; }

.inline-group div.deleted fieldset { opacity:.4; }
.inline-group { position: relative; padding: 10px 10px 0 10px; background: #eee; zoom: 1; }
.inline-group .tabular { position: relative; }
.inline-group .tabular fieldset.module table { width: 100%; position: relative; }
.inline-group .tabular tr.has_original td { padding-top: 2em; }
.inline-group .tabular tr td.original { _position: relative; padding: 2px 0 0 0; width: 0; }
.inline-group .tabular th.original { width: 0px; padding: 0; }
.inline-group .tabular td.original p { position: absolute; left: 0; height: 1.1em; padding: 2px 7px; overflow: hidden; font-size: 9px; font-weight: bold; color: #666; _width: 700px; }

.inline-group tr { width: 100%;}
.inline-group th.delete { width: 7em; }
.inline-group tr.deleted {background:#F5F4EF; }
.inline-group tr.deleted td * {  opacity:.4; }
.inline-group tr.deleted td.original *, .inline-group .tabular tr.deleted td.delete * {  opacity:1;}
.inline-group td .vTextField { width:95%;}
.inline-group ul.tools { padding: 5px; margin: 0; list-style:none;}
.inline-group ul.tools li {display:inline; padding:0 15px 0 0;}
.inline-group ul.tools a { font-size:12px; background:#aaa; color:#fff; margin-right:10px; font-weight:bold; padding:2px 9px; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px;}
.inline-group ul.tools a:hover { background:#5b80b2; }
.inline-group ul.tools a.finish { background:#cc3434;}
.inline-group ul.tools a.finish:hover { background:#5b80b2; }

.reordering-inlines .inline-related { cursor:move;}
.reordering-inlines .inline-related fieldset, .reordering-inlines span.delete { display:none; }
.reordering-inlines .inline-related h2:hover, .reordering-inlines .inline-related .being-sorted h2 { background:#666;}
.reordering-inlines tr:hover, .reordering-inlines .being-sorted { background:#ddd;}
.reordering-inlines tr { background:#f9f9f9; cursor:move; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
.reordering-inlines td { border-bottom:1px solid #ccc; border-top:1px solid #ccc; }

/* ------------------------- NEW STORY ADMIN ------------------------- */

/* STORY TOOLS */
.admin-toolbar { padding: 5px; background: #fff url(../images/nav-bg.gif) left bottom repeat-x; border: 1px solid #ccc; overflow: hidden; clear: both; }
.admin-toolbar span { display: block; float: left; margin-right: 1px; width: 31px; height: 22px; background: #fff url(../images/nav-bg.gif) left bottom repeat-x; border: 1px solid #ccc; overflow: hidden; text-indent: -1000px; }
.admin-toolbar span a { display: block; height: 33px; }
.admin-toolbar #link{ width: 43px; }
.admin-toolbar #link a { background: url(../images/tool_a.gif) no-repeat; }
.admin-toolbar #em a {  background: url(../images/tool_em.gif) no-repeat;  }
.admin-toolbar #strong a { background: url(../images/tool_strong.gif) no-repeat; }
.admin-toolbar #ul a { background: url(../images/tool_ul.gif) no-repeat; }
.admin-toolbar #ol a { background: url(../images/tool_ol.gif) no-repeat; }
.admin-toolbar #blockquote a { background: url(../images/tool_blockquote.gif) no-repeat; }
.admin-toolbar #rollback a { background: url(../images/tool_rollback.gif) no-repeat; }
.admin-toolbar #h3 a { background: url(../images/tool_h3.gif) no-repeat; }
.admin-toolbar #normalize { width: 80px; background: #fff url(../images/default-bg.gif) repeat-x; border-color: #5b80b2; }
.admin-toolbar #normalize a { background: url(../images/tool_normalize.gif) no-repeat; }
.admin-toolbar #inline-select-widget { float: left; padding-left: 10px; }
.admin-toolbar #inline-select-widget select { width: 120px; }

/* STORY FORM */
body.app-news.model-story.change-form #story-form { float: left; margin: 0; width: 49%; padding: 0; border-bottom: none; }
body.app-news.model-story.change-form #story-form #id_story { padding: 5px 1%; width: 98%; height: 360px; }
body.app-news.model-story.change-form #story-preview { float: right; display: block; margin: 0; padding: 20px 1%; width: 45%; min-height: 385px; border: 1px solid #eee; clear: none; }
body.app-news.model-story.change-form #story-preview p { margin: 0 0 10px 0; padding: 0; }

/* STORY INLINES */
#inline-specific-controls { padding: 10px; background: #eee; }

/* SORTABLES */
.ui-sortable tr.has_original td.original p { left: 12px; }
.ui-sortable tr.has_original td.original .drag { display: block; margin-top: -2px; width: 13px; height: 50px; background: #e5e5e5 url(../images/drag_handle.gif) 50% 50% no-repeat; overflow: hidden; text-indent: -1000px; }

/* INLINE THUMBNAILS */
.inline-group .tabular tr.has_original td.thumbnail { padding-top: 5px; }
.inline-group .tabular tr.has_original td.thumbnail img { height: 40px; }


/* SITE & SET SELECT */

.sites #id_sites { height: 180px; }
.sets #id_sets { height: 180px; }

/* REPORTING */
.handle { cursor: move;cursor: -moz-grab;}
.handle .errornote { margin: 3px 10px 0px 20px;}
ol#fields li { position: relative; }
ol#fields li select{ margin: 0px 0px 0px 5px;}
ol#fields { }
li.field ol { list-style: none; margin: 0px; padding-left: 0px;}
li.field ol li { display: inline; list-style-type: none; padding: 0px 20px 0px 0px; }
li .model_label { font: bold 12px arial; color: #666666; }
.aggregate { background-color: #89bbdd; }
#report_form input.automatic-update { border: dashed 1px #999999; }
h1.report_title a { font-size: 8px; }

/* REPORT DATA TABLE SORTER */
table.tablesorter {
        font-family:arial;
        background-color: #CDCDCD;
        margin:10px 0pt 15px;
        font-size: 8pt;
        width: 100%;
        text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
        background-color: #e6EEEE;
        border: 1px solid #FFF;
        font-size: 8pt;
        padding: 4px;
}
table.tablesorter thead tr .header {
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
}
table.tablesorter tbody td {
        color: #3D3D3D;
        padding: 4px;
        background-color: #FFF;
        vertical-align: top;
}
table.tablesorter tbody tr.odd td {
        background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
        background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
        background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/* FILTERS */
#filter_fieldset { display: none; }
#filters ol li { position: relative; list-style-type: none; line-height: 20px;}
#filters ol li select { margin: 0 10px 0 0;}
#filters ol { list-style-type: none; }
#filters ol.top_level { width: 100%; }
#filters input { margin: 0 10px 0 0; }
.filter-button { float: right; margin: 2px 10px 0 0; background: none; border: none; color: #999; }
.filter-button:hover { text-decoration: underline; cursor: pointer; }

/* MODULE */
.module .submit-row { margin: 0; border: none; border-top: 1px solid #ddd; background: #f5f5f5; }
.module ol { margin: 0; padding: 0; list-style-position: inside; }
.module ol li { padding: 5px 0 5px 10px; border-bottom: 1px solid #eee; }
.module ol li:last-child { border: none; }
.module ol li ol { margin: -5px 0; border-left: 1px solid #eee; }

/* Fixes for FROALA EDITOR */
body.app-news.model-story.change-form #story-preview ol li { padding: 1px; border-bottom: 0; }
body.app-news.model-story.change-form #story-preview ul li { list-style: unset !important; }
body.app-news.model-story.change-form #story-preview ul  { margin: auto !important; }
body.app-news.model-story.change-form #story-form > div.fr-box.fr-basic.fr-top ol li { padding: 1px; border-bottom: 0; }
body.app-news.model-story.change-form #story-form > div.fr-box.fr-basic.fr-top ul li { list-style: unset !important; }
body.app-news.model-story.change-form #story-form > div.fr-box.fr-basic.fr-top ul  { margin: auto !important; }

.use_choice li {
    list-style-type: none;
}

/* selector custom width */
.selector{
    width: 850px !important;
}
.selector-available, .selector-chosen,
.selector-available select, .selector-chosen select{
    width:400px !important;
}

.selector .selector-available input{
    width: 370px !important;
}

.selector .stacked {
    width: 500px !important;
    float: left !important;
}

.stacked .selector-available,
.stacked .selector-chosen,
.stacked .selector-available select,
.stacked .selector-chosen select
{
    width:480px !important;
}

.stacked .selector .selector-available input{
    width: 442px !important;
}

#cke_id_long_description{
    margin-left: 190px;
}

/* Flatpages */
#flatpage_form #id_content{
    height: 40.2em;
}


.form-row textarea {
  border: 0.1rem solid #585858 !important;
  max-width: 600px;
}

.changelist-filter-select-wrapper > span.select2 {
  min-width: 150px; 
}

/* ADMIN FORM BORDERS */
.form-row input[type=text],
.form-row input[type=password],
.form-row input[type=email],
.form-row input[type=url],
.form-row input[type=number],
.select2,
.vTextField,
.form-row select {
  border: 0.1rem solid #585858 !important;
  min-width: 100px; 
}

/* FIXES FOR JET AND INTEGRATIONS */
.sidebar {
    z-index: 1 !important;
}
.sidebar-popup-section {
    z-index: 0 !important;
}

/* FIX FOR HAMBURGUER MENU AND PIN JET */
#branding-pin {
    display: none;
}

#branding-menu {
    display: none;
}

div.form-row {
    overflow: auto !important;
}