﻿/* Fix for text-alignment issues in Redactor modals on specific templates */
body #redactor_modal {
    text-align: left;
}

/* Fix "Browse for an image" alignment in imageSwap plugin*/
#imageSwapModal input[type="text"] {
    line-height: 2;
}

/* Styles for Region/PageText mask */
.vwysiwyg-focus-mask {
    background-color: black;
    opacity: 0.2;
    filter: alpha(opacity=20);
    position: absolute;
    z-index: 99999;
}

/* Fix for any templates that define a header element height or min-height */
#redactor_modal_header {
    height: auto;
    min-height: 0;
    position: static;
}

/* Fix for any template that defines a:
    1) "footer" element width
    2) "footer" element background
    3) "footer" element border-top
*/
#redactor_modal footer{
    width: auto;
    background: none;
    border-top: none;
}

/* Prevents mask from cloaking redactor toolbar */
body .redactor_air {
    z-index: 999999;
}

/* Makes PageText/Region editing outline too wide */
.redactor_box {
    border: 0px;
}
/* Correct border element for in-page editing */
.redactor_editor, .redactor_editor:focus {
    outline: 2px dashed #018FBE;
}

/* Border in code editor view */
.redactor_box textarea, .redactor_box textarea:focus {
    outline: 2px dashed #018FBE;
}

/* Fixes images not reflecting their true size when first inserted into Redactor */
.redactor_editor img {
    max-width: none;
}


#RedactorRegionEditor {
    display: none;
}

/* Override Redactor styles for in-page editing experience */
body .redactor_pagetext {
    display: inline-table;
}

/* Highlight links when editing to indicate it's a hyperlink. */
body a .redactor_pagetext, body .redactor_pagetext a {
    text-decoration: underline;
}

body .redactor_pagetext .redactor_editor {
   padding: 5px;
   font-size: inherit;
   font-family: inherit !important;
}

.redactor_pagetext .redactor_editor, .redactor_pagetext .redactor_editor:focus {
    white-space: inherit;
}

.redactor-action-icons {
    z-index: 9999;
    position: absolute;
    width: 35px;
}

.redactor-action-icons .redactor-action-icon {
    background-image: url('../a/65/i/buttons/redactor-save-cancel-sprite.gif');
    background-position: 0 0;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    width: 17px;
}

/* So users have visual feedback when they mouseover one of the tiny icons */
.redactor-action-icons .redactor-action-icon:hover {
    opacity: 0.8;
}

.redactor-action-icons .redactor-action-icon.cancel {
    background-position: -17px 0;
    margin-left: 1px;
}

body .redactor_region .redactor_editor {
    padding: inherit;
    padding-bottom:inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit !important;
    overflow: inherit;
}

/* PageText Warning Bubbles */
.admin-warning-bubble {
    background-color: #12aeee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    max-width: 400px;
    padding: 10px 12px;
    position: absolute;
    z-index: 999;
}

.admin-warning-bubble a {
    color: #fff;
    text-decoration: underline;
}

.admin-warning-bubble a:hover {
  text-decoration: none;
}

.admin-warning-bubble .arrow {
    border: 12px solid transparent;
    border-top-color: #12aeee;
    position: absolute;
    top: 100%;
    left: 30px;
}

.admin-warning-bubble .arrow .arrow {
    border-top-color: #12aeee;
    position: absolute;
    top: -13px;
    left: -12px;
}

/* Image Swap styles */

#imageSwapModal section {
    position: relative;
}

#imageSwapModal .imageSwap-fileproxy-input {
    width: 222px;
}

#imageSwapFileInput {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 100;
    cursor: pointer;
    height: 30px
}

.editing-unsupported-browser a {
    color: #018FBE !important;
    text-decoration: none;
}

/* Fix for Regions with nested divs shifting upon initializing redactor */
body .redactor_editor div {
    margin-bottom: 0 !important;
}

body .redactor_editor a {
    color: inherit !important;
}

/* Style changes for Redactor observeLinks modal (to match air toolbar) */
.redactor-link-tooltip {
    color: #ccc !important;
    border: 1px solid #ddd;
    background: linear-gradient(to bottom, #f2f3f4 0%, #e5e5e5 94%, #d3d3d3 94%, #d3d3d3 100%);
}

.redactor-link-tooltip a {
    color: #666;
}

.redactor-link-tooltip a:hover {
    color: #3f3E3E;
    text-decoration: none !important;
}

.VEditorClearfix:after {
  content: "";
  display: table;
  clear: both;
}

li a.redactor_custom_actions {
    top: -1px;
    position: absolute;
    text-decoration: none !important;
    text-indent: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 23px;
}

a.redactor_btn.redactor_btn_save {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    padding: 3px 28px 1px 15px;
    background-color: #f39546;
    background-image: -moz-linear-gradient(top,#ffad66,#e07116);
    background-image: -ms-linear-gradient(top,#ffad66,#e07116);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffad66),to(#e07116));
    background-image: -webkit-linear-gradient(top,#ffad66,#e07116);
    background-image: -o-linear-gradient(top,#ffad66,#e07116);
    background-image: linear-gradient(top,#ffad66,#e07116);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad66',endColorstr='#e07116',GradientType=0);
    border: 1px solid #e55602;
    color: #fff;
    text-shadow: 0 0 2px rgba(0,0,0,0.4);
    right: -1px;
}

a.redactor_btn.redactor_btn_cancel {
    background-color: #f3f3f5;
    background-image: -moz-linear-gradient(top,#fff,#e1e2e5);
    background-image: -ms-linear-gradient(top,#fff,#e1e2e5);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e1e2e5));
    background-image: -webkit-linear-gradient(top,#fff,#e1e2e5);
    background-image: -o-linear-gradient(top,#fff,#e1e2e5);
    background-image: linear-gradient(top,#fff,#e1e2e5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e1e2e5',GradientType=0);
    border: 1px solid #ccc;
    color: #808080;
    text-shadow: 0 0 2px #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    padding: 3px 40px 1px 18px;
    right: 69px;
}

a.redactor_btn_save:hover {
    background-color: #f18227;
    background-image: -moz-linear-gradient(top,#ffad66,#f18227);
    background-image: -ms-linear-gradient(top,#ffad66,#f18227);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffad66),to(#f18227));
    background-image: -webkit-linear-gradient(top,#ffad66,#f18227);
    background-image: -o-linear-gradient(top,#ffad66,#f18227);
    background-image: linear-gradient(top,#ffad66,#f18227);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad66',endColorstr='#f18227',GradientType=0);
    border-color: #f66713;
    text-decoration: none;
}

a.redactor_btn_save:active,a.redactor_btn_save:focus {
    background-color: #f18227;
    background-image: -moz-linear-gradient(top,#f18227,#ffad66);
    background-image: -ms-linear-gradient(top,#f18227,#ffad66);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f18227),to(#ffad66));
    background-image: -webkit-linear-gradient(top,#f18227,#ffad66);
    background-image: -o-linear-gradient(top,#f18227,#ffad66);
    background-image: linear-gradient(top,#f18227,#ffad66);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18227',endColorstr='#ffad66',GradientType=0);
    border-color: #f66713;
}

a.redactor_btn_cancel:hover {
    background-color: #f2f3f6;
    background-image: -moz-linear-gradient(top,#fff,#f2f3f6);
    background-image: -ms-linear-gradient(top,#fff,#f2f3f6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f3f6));
    background-image: -webkit-linear-gradient(top,#fff,#f2f3f6);
    background-image: -o-linear-gradient(top,#fff,#f2f3f6);
    background-image: linear-gradient(top,#fff,#f2f3f6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2f3f6',GradientType=0);
    border-color: #ddd;
}

a.redactor_btn_cancel:active, a.redactor_btn_cancel:focus {
    background-color: #f2f3f6;
    background-image: -moz-linear-gradient(top,#f2f3f6,#fff);
    background-image: -ms-linear-gradient(top,#f2f3f6,#fff);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f3f6),to(#fff));
    background-image: -webkit-linear-gradient(top,#f2f3f6,#fff);
    background-image: -o-linear-gradient(top,#f2f3f6,#fff);
    background-image: linear-gradient(top,#f2f3f6,#fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f3f6',endColorstr='#ffffff',GradientType=0);
    border-color: #ddd;
}