/*
 * COPYRIGHT INFORMATION - DO NOT REMOVE
 *
 * This file is part of the MagicSpam(TM) Project and is
 * Copyright (c) LinuxMagic Inc. 2014-2019 All Rights Reserved
 *
 * This file contains Original Code as created by LinuxMagic Inc.
 *
 * The Original Code is distributed on an 'AS IS' basis,
 * WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, AND LINUXMAGIC
 * HEREBY DISCLAIMS ALL SUCH WARRANTIES, INCLUDING WITHOUT LIMITATION, ANY
 * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, QUIET
 * ENJOYMENT OR NON-INFRINGEMENT.
 *
 * Do NOT download, distribute, use or alter this software or file in any
 * way without express written permission from LinuxMagic Inc. or its parent
 * company Wizard Tower TechnoServices signed by an authorized company officer.
 *
 * Author(s): Shaun A. Johnson <shaun@linuxmagic.com>
 *
 * $Id: magicspam.css 9478 2019-03-01 16:36:37Z deiony $
 */

/* remove dotted border from elements a and button */
a, img {
    outline: none;
}

button::-moz-focus-inner {
  border: 0;
}

input[type=password]:focus,
input[type=text]:focus {
    background-color: #ffe7e7 !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
}

/*
 * in Plesk SDK framework use we will have a heading area added by Plesk
 * that has both the page title and a link for "up one level".
 * we don't want these showing, so hide them.
 */
div#content div.heading {
    display: none;
}

/* for some reason a couple of versions of Plesk assign
 * a margin to a form element... why I don't know!
 * override to make our content sane.
 */
#magicspam-wrapper form {
    margin: 0;
}

#magicspam-wrapper {
    font-family: verdana,arial,sans-serif;
    font-size: 12px;
    width: 890px;
    padding-top: 10px;
    padding-left: 20px;
}

/*
 * This is an override for windows - where the fonts
 * render with different sizes due to DirectX rendering engine.
 * The IE10 and 11 browsers identify themselves as GECKO due
 * to Chrome engine...
 */
.ie #magicspam-wrapper,
.win.safari #magicspam-wrapper,
.win.chrome #magicspam-wrapper,
.win.gecko #magicspam-wrapper {
   font-family: arial;
}

#magicspam-wrapper h2 {
    font-size: 16px;
    font-weight: bold;
    color: #80001b;
    margin: 10px 0 6px 0;
}

div#magicspam-wrapper p {
    margin: 10px;
    padding: 0;
}

#magicspam-header {
    font-weight: bold;
    font-size: 12px;
    left: 5px;
    top: 2px;
    margin-bottom: 10px;
}

#magicspam-header td.red {
    color: #c63431;
}

#magicspam-header td.green {
    color: #2aa445;
}

#ms_footer {
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #666;
    border-top: 1px solid #ccc;
    margin-top: 25px;
}

#magicspam-wrapper a {
    color: #80001b;
    text-decoration: none;
}

div.warnings,
div.notice {
    line-height: 20px;
}

div.warnings,
div.notice,
#errors,
#notices {
    width: 300px;
    margin: 0 285px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
    padding: 0px 25px;
    border: 1px solid;
    position: fixed;
    z-index: 99; /* to be sure this will be on top */
}

#errors ul,
#notices ul {
    margin: 5px;
}

div.warnings,
#errors {
    border-color: #600200;
    background: #fbe3e4 url(../images/icon-warning.png) no-repeat;
    background-position: 6px 6px;
    color: #600200;
    min-height: 24px;
}

div.notice,
#notices {
    border-color: #5c8a56;
    background: #e4fae1 url(../images/icon-success.png) no-repeat;
    background-position: 6px 6px;
    color: #5c8a56;
}

#notices ul,
#errors ul {
    list-style: none;
    padding: 0;
}

.subModule {
    clear: both;
}

.collapsibleModule {
    display: none;
    padding: 5px;
    width: 850px;
    border: 1px solid #ccc;
    margin-left: 7px;
    margin-bottom: 20px;
    border-radius: 0 0 15px 15px;
}

.collapsibleModuleActive {
    display: inline-block !important;
}


.collapseHeader,
.collapseHeader .collapseLeft,
.collapseHeader .collapseCenter,
.collapseHeader .collapseRight {
    border: 0;
    margin: 0;
    padding: 0;
    height: 32px;
    line-height: 32px;
}

.collapseHeader {
    cursor: pointer;
    margin-top: 10px;
}

.collapseHeaderAlwaysOpen {
    cursor: default;
}

.collapseHeader .collapseLeft,
.collapseHeader .collapseRight {
    width: 10px;
}

.collapseHeader .collapseLeft {
    background: transparent url('../images/collapse-left.png') no-repeat 0 0;
    float: left;
}

.collapseHeader .collapseCenter {
    background: transparent url('../images/collapse-center.png') repeat-x 0 0;
    float: left;
    width: 850px;
    padding-left: 10px;
}

.collapseHeader .collapseRight {
    background: transparent url('../images/collapse-right.png') repeat-x 0 0;
    float: left;
    clear: right;
}

.collapseHeader img {
    margin-top: 5px;
    float: right;
}

.collapseTitle {
    text-align: left;
    float: left;
    clear: left;
    height: 32px;
    font-weight: bold;
    color: #80001b;
    font-size: 14px;
}

.collapseActions {
    line-height: 32px;
    height: 32px;
    font-size: 12px;
    font-weight: bold;
    float: right;
    clear: right;
}

.collapseActions a {
    cursor: pointer;
}

.collapseActions a:hover span.helplink {
    background: transparent url('../images/help.png') no-repeat scroll right top;
}

.collapseActions strong {
    float: right;
}

.collapseActions .helplink {
    float: right;
    margin: 5px;
}

.collapsePadding {
    padding: 0px 10px;
}

/* Exemptions Page Styles */

.enforceGrey .descPadding {
    background: white;
    border: 1px solid #adaaa5;
    border-radius: 10px;
    margin: 10px auto;
    padding: 7px;
    width: 810px;
}

.enforceGrey .collapsibleModule {
    background: none repeat scroll 0% 0% #EDEDED;
    clear: both;
}

.enforceGrey .newValueTable .rowTable {
    border: none;
    margin-bottom: -10px;
}

.enforceGrey .newValueTable .rowTable input  {
    width: 460px;
}

.enforceGrey .entrylist_header {
    background: transparent url(../images/submenu-bg.png) repeat-x 0 0;
    border: 1px solid #cedfde;
    height: 18px;
    padding: 5px;
    width: 813px;
}

.enforceGrey .entrylist_table {
    background: white;
    width: 823px;
}

.enforceGrey .rowTable .oddRow,
.enforceGrey .rowTable .evenRow {
    border-bottom: 1px solid #cedfde;
    height: 30px;
}

.enforceGrey .rowTable .fancyBox {
    display: block;
    border-right: 1px solid #CEDFDE;
    float: left;
    margin-right: 10px;
    padding: 5px 2px;
    width: 25px;
}

.enforceGrey .rowTable .entryPadding {
    display: block;
    padding-top: 5px;
}

.enforceGrey .entrylist_header .fancyHeaderBox {
    display: block;
    border-right: 1px solid #CEDFDE;
    float: left;
    margin-right: 10px;
    padding: 0px 0.5px;
    width: 25px;
}

.enforceGrey .entrylist_header .redFont {
    color: #80001B;
    font-size: 12px;
    font-weight: bold;
    float: left;
    display: block;
    margin-top: 2px;
}

/* Menu specific rendering */
#menu {
    height: 36px;
    /* add a bit of buffer space below the menu*/
    /* XXX: this is out of place.. deal with later */
    margin-bottom: 8px;
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 36px;
    border-bottom: 1px solid #eee;
}

#menu li {
    display: inline;
}

#menu li .tabLeft {
    width: 10px;
    height: 36px;
    background: transparent url('../images/tab-left.png') no-repeat 0 0;
    float: left;
}

#menu li .tabCenter {
    height: 36px;
    background: transparent url('../images/tab-center.png') repeat-x 0 0;
    padding-left: 8px;
    padding-right: 8px;
    float: left;
}

#menu li .tabRight {
    height: 36px;
    width: 10px;
    background: transparent url('../images/tab-right.png') no-repeat 0 0;
    float: left;
    margin-right: 3px;
}

#menu li a {
    line-height: 36px;
    font-weight: bold;
    font-size: 13px;
}

#menu li.active .tabLeft,
#menu li:hover .tabLeft {
    background: transparent url('../images/taba-left.png') no-repeat 0 0;
}

#menu li.active .tabCenter,
#menu li:hover .tabCenter {
    background: transparent url('../images/taba-center.png') repeat-x 0 0;
}

#menu li.active .tabRight,
#menu li:hover .tabRight {
    background: transparent url('../images/taba-right.png') no-repeat 0 0;
}

/* slider button control styles */
.slider-frame {
    display: block;
    width: 87px;
    padding: 1px;
    height: 25px;
    background: transparent url('../images/slider-bg.png') no-repeat 0 0;
    cursor: pointer;
    margin: 10px auto;
    text-align: left;
}
/* overwrite the background img and width*/
.slider-frame.three {
    width: 250px;
    background: transparent url('../images/slider-bg-wd.png') no-repeat 0 0;
}

.test-marg {
    margin-right: 50px;
}

.slider-frame .slider-button {
    display: block;
    margin: 0;
    padding: 0;
    width: 45px;
    height: 23px;
    line-height: 23px;
    -webkit-transition: all 0.25s eas-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition:  all 0.25s ease-in-out;
    color: #fff;
    font-family: Helvetica;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    background: transparent url('../images/slider-off.png') no-repeat 0 0;
    text-shadow: 0px 0px 0px #FFF;
}

.slider-frame.three  .slider-button {
    float: left;
    -webkit-transition: none;
    -moz-transition: none;
    transition:  none;
    overflow: hidden !important;
    white-space : nowrap;
}

.slider-frame .slider-button.on {
    margin-left: 40px;
    background: transparent url('../images/slider-on.png') no-repeat 0 0 !important;
}

.slider-frame.three .slider-inactive {
    display: block;
    float: left;
    height: 23px;
    width: 42px;
    line-height: 23px;
    overflow: hidden !important;
    white-space : nowrap;
    text-align: center !important;
    border-right: 1px dotted #fff;
    color: #999;
    font-size: 10px;
}

.slider-frame.three .slider-inactive.disabled {
    cursor: auto !important;
}

.slider-frame.three .slider-button.on {
    float: left;
    margin-left: 0px;
}

.slider-frame.three .slider-button.flag {
    float: left;
    margin-left: 0px;
    background: transparent url('../images/slider-flag.png') no-repeat 0 0 !important;
}

.slider-frame .slider-button.disabled {
    background: transparent url('../images/slider-disabled.png') no-repeat 0 0 !important;
    cursor: auto !important;
}

/* button specific rendering */
button.msbutton::-moz-focus-inner {
    border: none; /* overrides extra padding in firefox */
}

button.msbutton {
    height: 26px;
    margin: 0 5px 0 5px;
    padding: 0 19px 0 6px;
    font-size: 13px;
    text-align: center;
    background: transparent url(../images/msbutton.png) no-repeat right -26px;
    position: relative;
    border: 0;
    cursor: pointer;
    overflow: hidden;
}

/*
 * this is a workaround for an ie7 issue:
 * the button will display with a white gap in the middle if we do not
 * have these declarations. it is apparently an issue with the button tag
 * and padding in this browser.
 */
.ie7 button.msbutton {
    width: auto;
    min-width: 0;
    overflow: visible;
}

button.msbutton span {
    padding: 0 0 0 19px;
    margin: 0;
    height: 26px;
    line-height: 26px;
    background: transparent url(../images/msbutton.png) no-repeat left top;
    color: #80001b;
    position: relative;
    display: block;
    white-space: nowrap;
    font-size: 13px;
}

button.msbutton:active:enabled {
    background-position: right -130px;
    outline: 0;
}

button.msbutton:active:enabled span {
    background-position: left -104px;
}
button.msbutton:focus:enabled,
button.msbutton:hover:enabled {
    background-position: right -78px;
    outline: 0;
}

button.msbutton:focus:enabled span,
button.msbutton:hover:enabled span {
    background-position: left -52px;
}

button.msbutton:disabled span {
    color: #777;
}


.buttonRow {
    text-align: right;
}

.buttonRowRight {
    text-align: right;
}

/* dialog box definition */
.dialogBox {
    width: 80%;
    margin: auto;
    background: #ededed;
    border-bottom: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-left: 2px solid #efefef;
    border-top: 2px solid #efefef;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

.dialogBox input[type="text"].numeric {
    width: 50px;
}

/* tableless tables definitions */
.rowTable {
}

.rowTable .rowHeader {
    height: 20px;
    background: transparent url(../images/submenu-bg.png) repeat-x 0 0;
    padding: 3px 2px 0 2px;
    font-size: 14px;
    font-weight: bold;
    color: #80001b;
    border-bottom: 1px solid #c5c5c5;
}

.rowTable .oddRow, .rowTable .evenRow, .rowTable .normalRow{
    height: 20px;
    padding: 2px;
}

.rowBlurb {
    padding-top: 10px;
    text-align: center;
}

.rowTable .leftCol,
.rowTable .rightCol {
    float: left;
}

.entrylist_table .rowTable .leftCol {
        width: 100% !important;
}

.rowTable .leftCol {
    width: 300px;
}

.rowTable .rightCol {
    width: 94px;
    text-align: right;
    clear: right;
}

.rowTable .rightColumn {
     float: left;
     width: 200px;
     clear: right;
     text-align: left;
}

.rowTable .oddRow {
    background: #ddd;
}

.submenu,
.submenu .submenuLeft,
.submenu .submenuCenter,
.submenu .submenuRight {
    height: 31px;
}

.submenu .submenuLeft,
.submenu .submenuCenter,
.submenu .submenuRight {
    float: left;
}

.submenu .submenuLeft,
.submenu .submenuRight {
    width: 15px;
}

.submenu {
    margin-bottom: 15px;
    margin-top: -7px;
    margin-right: -12px;
    margin-left: -12px;
}

.submenu .submenuLeft {
    background: transparent url('../images/submenu-left.png') no-repeat 0 0;
}

.submenu .submenuCenter {
    background: transparent url('../images/submenu-center.png') repeat-x 0 0;
    width: 874px;
}

.submenu .submenuRight {
    background: transparent url('../images/submenu-right.png') no-repeat 0 0;
}

.submenu ul {
    height: 31px;
    margin: 0 auto;
    list-style: none;
    padding: 0;
}

.submenu ul li {
    display: inline;
    margin-right: 1px;
}

.submenu ul li a {
    line-height: 22px;
    margin-top: 4px;
    height: 22px;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #aaa;
    padding-left: 15px;
    padding-right: 15px;
}

.submenu ul li a.nodivider {
    line-height: 22px;
    margin-top: 4px;
    height: 22px;
    text-align: center;
    display: inline-block;
    border-right: 0px solid #aaa;
    padding-left: 15px;
    padding-right: 15px;
}

.submenu ul li.active a {
    background: transparent url(../images/active-ptr.png) no-repeat 0px 3px;
}

span.alert {
    animation: blink 3s linear infinite;
    background-color: transparent;
}

@keyframes blink {
    0% {color: #fff}
    50% {color: #80001b}
    100% {color: #fff}
}

span.helplink {
    width: 20px;
    height: 20px;
    background: transparent url(../images/help.png) no-repeat 0 0;
    display: inline-block;
}

span.helplink:hover {
    background: transparent url(../images/help.png) no-repeat top right;
    cursor: pointer;
}

div.popupContainer {
    position: absolute;
    width: 250px;
    height: auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: none;
    background: #fffbff;
    border-bottom: 2px solid #ddd;
    border-left: 2px solid #ddd;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 5px 15px 5px 15px;
    z-index: 99;
}
/*
 * close button style.
 * see div#errors in log-search.css for similar.
 */
div.popupContainer span {
    float: right;
    margin-right: -10px;
}
div.popupContainer span a {
    font-weight: bold;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    border: 1px solid #ddd;
    text-align: center;
    background-color: #eaeaea;
    margin-left: 5px;
    margin-bottom: 5px;
}
div.popupContainer span a:hover {
    background-color: #f1f1f1;
}
div.popupContainer span a:before {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 12px;
    background: rgba(255,255,255,0.25);
    content: '';
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div.popupContainer strong {
    color: #80001b;
}

/* override of global p margins for help popup */
div.popupContainer p {
    margin-top: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

div.blurbDiv {
    padding: 10px;
    margin-bottom: 30px;
}

div.blurbDiv strong {
    color: #80001b;
}

.isdefault {
    color: #52b23f;
}

.ispolicy {
    color: #a04040;
}

.islocked {
    color: #80001b;
}

a.topHelp {
    float: right;
    width: 70px;
}

a.topHelp div {
    float: left;
    font-weight: bold;
    width: 35px;
}

div.descBuffer {
    padding: 0 10px 10px 10px;
}

div.descBuffer li {
    padding-bottom: 5px;
}

div.greyCollapsible {
    background: none repeat scroll 0% 0% #EDEDED;
}

div.greyCollapsible div.dialogBox {
    border: 0px;
    padding: 0px;
}

#supp_blurb {
    text-align: justify;
}

#supp_blurb ul {
    list-style-type: none;
}

#supp_blurb li {
    margin: 5px 0;
}

#supp_blurb .signature {
    margin-left: 40px;
}

button.settingsSystemButton {
    float: right;
    margin-top: -30px;
}

div.inputLabel {
    font-style: italic;
    text-align: left;
    overflow: hidden;
}

/* Trashcan Link-button used for Deletion */
a span.trashcan {
    background: url('../images/icon-trashcan.png') no-repeat scroll 0px 0px transparent;
    display: inline-block;
    height: 20px;
    float: right;
    margin-right: 25px;
    margin-top: -17px;
    width: 20px;
}

/* Generic class to make a label italic */
.italic {
    font-style: italic;
}

/* Sets the color of the HAM, SPAM, and EXEMPT log entries */
#magicspam-wrapper a.isQuarantine,
#magicspam-wrapper a.isSpam {
    color: red;
}

#magicspam-wrapper a.isHam {
    color: green;
}

#magicspam-wrapper a.isExempt {
    color: #867601;
}

/* Centres various labels */
.centredLabel {
    text-align: center;
}

/* Left-aligns various content */
.leftAligned {
    text-align: left;
}

.descHelp {
    width: 30px;
    height: 44px;
    line-height: 35px;
    float: left;
    padding: 5px 0 0 2px;
}

.descText {
    float: left;
    height: 44px;
}

.descText small,
.descText span {
    display: block;
    line-height: 22px !important;
}

.descText small {
    font-style: italic;
}

.fancyHeaderBox input[type="checkbox"] {
    margin: -1px 3px 0px;
}

.fancyBox input[type="checkbox"] {
    margin: -1px 4px 0px;
}

.cursorWait, .cursorWait * {
    cursor: wait !important;
}

#magicspam-loading {
    text-align: center;
    width: 320px;
}