/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:60px; width:100px; color:#333; background-color:#00a0e3; border:4px solid #ffffff; border-radius: 5px; padding:12px;}
#simplemodal-container.charts{ background-color:#fff;border:4px solid #c0c0c0; }
#simplemodal-container.picviewer{ background-color:#fff;border:4px solid #c0c0c0; padding: 0;}
#simplemodal-container.dlgmsg {height:60px; width:100px; background-color: transparent; border: 0px; padding: 0; }
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#aad390; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container h3 {color:#84b8d9;}
#simplemodal-container a.modalCloseImg {
    float: left; /* прижимаемся к левому краю, обтекание справа */
    background: #00a0e3 url('/images/themes/cyan/x.png') no-repeat center center; /* фон */
    width: 30px; /* ширина */
    height: 30px; /* высота */
    padding: 5px; /* внутренние отступы(верх, право, низ, лево) */
    border: 4px solid #fff; /* граница(ширина, тип, цвет) */
    border-radius: 50%; /*скругление равно 50 процентам от общей ширины, фактически 25 пикселей, вот и круг получили(ещё есть с префиксом -moz и -o) */
    box-shadow: 1px 1px 0px 0px #898989; /* смещение по горизонтали, смещение по вертикали, размытие, увеличение и цвет */
    font: 24px normal Arial, Helvetica, Consolas, Monaco, Courier New, Courier, monospace;
    color: #fff;
    text-align: center;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-21px;
    right:-21px;
    cursor:pointer;
}

#simplemodal-container.charts a.modalCloseImg {
    float: left; /* прижимаемся к левому краю, обтекание справа */
    background:#fff url('/images/themes/cyan/x-gray.png') no-repeat center center;; /* фон */
    width: 30px; /* ширина */
    height: 30px; /* высота */
    padding: 5px; /* внутренние отступы(верх, право, низ, лево) */
    border: 4px solid #c0c0c0; /* граница(ширина, тип, цвет) */
    border-radius: 50%; /*скругление равно 50 процентам от общей ширины, фактически 25 пикселей, вот и круг получили(ещё есть с префиксом -moz и -o) */
    box-shadow: 1px 1px 0px 0px #898989; /* смещение по горизонтали, смещение по вертикали, размытие, увеличение и цвет */
    font: 24px normal Arial, Helvetica, Consolas, Monaco, Courier New, Courier, monospace;
    color: #898989;
    text-align: center;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-21px;
    right:-21px;
    cursor:pointer;
}

#simplemodal-container.picviewer a.modalCloseImg {
    float: left; /* прижимаемся к левому краю, обтекание справа */
    background:#fff url('/images/themes/cyan/x-gray.png') no-repeat center center;; /* фон */
    width: 30px; /* ширина */
    height: 30px; /* высота */
    padding: 5px; /* внутренние отступы(верх, право, низ, лево) */
    border: 4px solid #c0c0c0; /* граница(ширина, тип, цвет) */
    border-radius: 50%; /*скругление равно 50 процентам от общей ширины, фактически 25 пикселей, вот и круг получили(ещё есть с префиксом -moz и -o) */
    box-shadow: 1px 1px 0px 0px #898989; /* смещение по горизонтали, смещение по вертикали, размытие, увеличение и цвет */
    font: 24px normal Arial, Helvetica, Consolas, Monaco, Courier New, Courier, monospace;
    color: #898989;
    text-align: center;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-21px;
    right:-21px;
    cursor:pointer;
}