@import "/style/table.list.css";
@import "/style/form.css";
@import "/style/menu.css";
@import "/style/dp.css";

* {margin:0px;padding:0px}
body {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #333;
    margin: 10px 0px 0px 0px;
    text-align: left;
}

.loading {
    background: transparent url("/style/loading.gif") right center no-repeat;
    min-height: 20px;
}

a,a:visited{color:#3babe3}
.clear-left { clear: left; }
.clear-right { clear:right;}
.clearfix { clear: both; }
.fr {float: right;}
.fl {float: left;}
.buffer-top { margin-top: 20px; }
.buffer-top-sm {margin-top: 10px;}
.buffer-left {margin-left: 20px;}
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left {text-align: left;}
.text-bold { font-weight: bold;}
.inline-icon { display: inline-block; }


.row-padding {padding: 5px 0;}
img {border: 0px}
img.icon {width:16px;height:16px;}
#master{
    width: 950px;
    margin: 0px auto;
    background-color: #fff;
}
#top{
    height:20px;
    margin:0px 10px 10px 10px;
}
#logo{float:left; max-width: 153px;}

#supertext{
    float:left;
    padding-left:15px;
    margin: 0px 0px 0px 0px;
    font-size: 16px; color:#666;
    color: #3babe3;
    /*width:415px;*/
}


#userinfo{
    float:right;
    padding-left:15px;
    margin:5px 0px 0px 0px;
    color:#3babe3;
    font-size: 12px;
}

#username{}
#userlogout{padding-left: 15px;color: #444;}

#footer{
    width:910px;
    background: transparent url('/style/images/footer.png') left center no-repeat;
    padding:15px 20px;
    font-size:11px;
    text-align: center;
    color:#666;
    clear:both;
    margin-top: 20px;
}

#beta{
    float:left;
    font-size:11px;
    color:#666;
}

#content
{
    margin-bottom: 25px;
    clear:both;
    min-height:200px;
}

#content.page1
{
    margin:0px 0px 20px 0px;
}

.welcome1
{
    width:654px;
    height:222px;
    background:#fff;
    padding:30px 20px 0px 276px;
    font:12px Verdana;
    background: transparent url('/style/phb.png') 20px top no-repeat;

}
.welcome1 p{margin-top:6px;clear:both;}
.welcome1 h1{float:none;display:inline;}

h1 {
    font:normal 20px Tahoma;
    color:#3babe3;
    clear:both;
    float:left;
    display:
    block;
    margin:0px 0px 0px 0px;
}

h2 {
    font:normal 28px Arial;
    color:#3babe3;
    clear:both;
    float:left;
    display:block;
    margin:10px 0px 10px 0px;
}

h3 {
    font:normal 18px Verdana;
    clear:both;
    color:#3babe3;
    margin:0px 0px 5px 0px;
}


#login, #pass, #pid, #email {
    width:174px;
    padding:2px;
    font: 11px Verdana;
    border:1px solid #ccc;
    background-color:#fff;
    color:#666;
    margin:4px 0px;
}

#enter{
    width:180px;
    padding:2px;
    border:0px solid #ccc;
    background-color:#3aa4da;
    color:#fff;
    margin:4px 0px;
    font:11px Verdana;
    height: 20px;
}

span.bold {font-weight: bold;}

div.left-tip {float: left;width: 50%;margin:0px 0px 20px 0px;}

div.left-tip-first {clear: both;float: left;width: 50%;margin:0px 0px 20px 0px;}

div.right-tip {float: right;width: 50%;margin:0px 0px 20px 0px;}

p.tip {margin: 0px 0px 5px 0px; font: 11px Tahoma;}

div.balance {margin: 40px 0px 15px 0px;}
div.balance > .head {font-size: 19px; color:#555;}
div.balance > .credit-value {font-size: 19px; color:#555;color:#3babe3;text-align: right;}
div.balance > .credit-value > span.credit {font-size: 29px; font-weight: bold;}
div.balance > .credit-value > span.tip {font-size: 19px; color:#555;}

div.balance-top {margin: 5px 0px 00px 0px;float:right;}
div.balance-top div > .head {font-size: 16px; color:#555;}
div.balance-top div > .credit-value {font-size: 16px; color:#555;color:#3babe3;float:right;}
div.balance-top div > .credit-value > span.credit {font-size: 19px; font-weight: bold;}
div.balance-top div > .credit-value > span.tip {font-size: 16px; color:#555;}
div.balance-top div > .credit-value > span.add {font-size: 14px; }
div.balance-top div > .credit-value > span.add > a {font-size: 14px; color: #444;}
div.balance-value { width: 245px; text-align: right; line-height:16px; }


div.price-table {margin-top: 30px;clear: both;float: left;width: 100%;}

p.search-count{
    padding: 6px 20px;
    margin-right: 15px;
    border: 1px solid #ccc;
    float: left;
    font-weight: bold;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.search-messenger-icon {
    width: 16px;
    height: 16px;
}

p.csv {border-bottom: 1px dotted blue;padding: 6px 0px 0px 0px;float: left;}
p.csv > a {text-decoration: none;}

div.type-tabs {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding: 0px 0px 5px 0px;
}

div.type-tabs > span {
    border: 1px solid #ccc;
    padding: 5px 10px 5px 10px;
    background-color: #F1F1F1;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    background: -webkit-gradient(linear, left top, left center, from(#eee), to(#fff));
    background: -moz-linear-gradient(top,  #eee,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff');

}

div.type-tabs > span > a {color: black;text-decoration: none;}

div.type-tabs > span.selected {background-color: #fff;border-bottom: 1px solid #fff;}

div.type-tabs > span.selected > a {font-weight: bold;}

div.type-items {margin-bottom: 12px;}

.pages{
    text-align:right;
    width:100%;
    padding:4px;
    margin-bottom:15px
}

.pages-left {
    padding-left: 0px;
    text-align: left;
}
.pages > a, .pages > span{
    padding:6px 10px;
    font-size:120%;
    width:24px;
    text-decoration: none;
    margin: 0px 2px 0px 2px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
}

.pages > span{font-weight: bold;color: #000;}

.pages2{
    padding:4px;
    float: right;
}
.pages2 > a, .pages2 > span{
    padding:6px 10px;
    font-size:120%;
    width:24px;
    text-decoration: none;
    margin: 0px 2px 0px 2px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
}

.pages2 > span{font-weight: bold;color: #000;}

div.note {clear: both;margin-bottom: 30px;}

div#sms-hint {margin: 0px 0px 7px 0px;font-size: 12px; color: #666;}

div.outbox-list {clear: both; float:left; width: 100%;}
div.outbox-list span.outbox-list-name {color: #48aee1;font-size: 18px;margin-right: 20px;}
div.outbox-list span.csv {padding: 3px 0px 0px 0px;margin: 0px 10px 0px 20px;}

div.abonents {margin-bottom: 20px;}

div.add-abonent {}
div.add-abonent > div.head {color: #48aee1;font-size: 18px;margin-bottom: 10px;}

.leftblue50 {border-left:3px solid #319ed5;padding-left:15px;font-size:11px;color:#666;margin:10px 0px 20px 2px;width:436px;float:left;clear:both}
.left50 {padding-left:15px;font-size:11px;color:#666;margin:20px 0px 20px 2px;width:420px;float:left}

.leftblue {border-left:3px solid #319ed5;padding-left:15px;font:90%/150% Tahoma;color:#666;margin:0px 0px 20px 2px;float:left;clear:both}

a.create {font-size:18px;}

#prefixes{float:left;width:auto;margin-left:180px;}
#prefixes div {width:auto;float:left;margin-right:10px;border:1px solid #ccc;padding:1px 4px;background:#eee;}
#prefixes div span{width:auto;float:left;}
#prefixes div a {width:auto;float:left;background:transparent url('/style/bask.png') center center no-repeat;width:16px;height:16px}
#noprefixes {float:left;display:block;color:red;margin-right:10px;padding:2px 4px;background:transparent;}
#prefixnew {margin-left:15px;clear:both;}


a.info {padding-left:20px;background:transparent url("/style/info.png") left center no-repeat;color:#3286b0;font-size:11px;margin-left:20px}
a.help {padding-left:20px;background:transparent url("/style/quest.png") left center no-repeat;color:#3286b0;font-size:11px;margin-left:20px}

#typeofreport {clear:both; float:left; border-top: 1px solid #48aee1; width:100%;}

#typeofreport div#types {min-width: 70px; float:left; margin: 5px;padding:3px 3px;}
#typeofreport div#typessel {min-width: 70px; float:left; margin: 5px;
    background-color:#eee; border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; color:#000;padding:3px 3px;}

#typeofreport a {text-decoration: none;}



div.opennums {margin:10px 16px;clear:both;float:left;}
div.country{float:left;width:415px;margin:4px 20px 4px 0px;}
div.country img{float:left;margin-right:5px;}
div.country span{float:left;width:145px;}
#country89{width:600px}

.warning {color:red;}

.b {font-weight:bold}
.padd {padding:10px;}

.err{color:red;}

#login {font:11px Verdana;
    height: 19px}

div.amsg {clear: both; background-color: #FFEEEE; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;; padding: 10px; margin: 20px; width: 200px;}

.hide {
    display: none;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #3286b0;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
    font-size: 12px;
    font-family: Verdana;
}

#tooltip h3, #tooltip div { margin: 0; }

.area400 {
    margin-left: 0px;
    margin-right: 0px;
    width: 400px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 100px;
    padding: 4px 4px;
    border:1px solid #ccc;
}
.area400:focus{border:1px solid #FFCC33;}

.area100percent {margin-left: 0px; margin-right: 0px; width: 100%; margin-top: 0px; margin-bottom: 0px; height: 100px;}

.area-abonents {padding:4px 0px 0px 4px;margin-left: 0px; margin-right: 0px; width: 400px; margin-top: 0px; margin-bottom: 0px; height: 100px;}

#tid, #tname, #tdate {padding-right: 5px;}
#tstatus {float: right; font-weight: bold !important;}

#ticket {margin: 0px}

#thead {padding: 10px; margin-bottom:10px; border-bottom:1px solid #48aee1;}

#tfhead {padding: 10px; margin-bottom:5px; margin-top:5px; border-bottom:1px solid #48aee1;}

#taddcomment {padding: 10px; margin-bottom:10px;}

#tcontent {padding: 0px 10px 10px 10px; border-bottom:1px dashed #48aee1; margin-bottom: 10px;}

#comment {padding: 10px; border-bottom:1px dashed #ccc; margin-bottom: 10px;}
#author {font-weight: bold;}

#bid, #bname, #bdate {padding-right: 5px; font-weight: bold;}
#bhead {padding-bottom:5px;margin-bottom:10px; border-bottom:1px solid #48aee1; color:#999;font-weight:normal; font-size:18px}


ul.news{list-style:none;margin:12px 0px 0px 0px;}
ul.news li {margin-bottom:26px;}
ul.news li a#news-head{font-size:16px;font-weight: normal;}
ul.news li p{word-wrap: break-word;}
ul.news li p#date{font-size: 10px;color: #999;}
ul.news li p.content{margin-top: 8px;}

#comcount{margin-top:4px;text-decoration:none;color:#999;font-size: 10px;}

a.news{text-decoration:none;}
a.news:visited{color:#666;}

div.news{margin-bottom:5px;text-decoration:none;font-weight:bold;color:#0061b5;border-bottom:1px solid #48aee1; padding-bottom: 5px}
div.newscontent {padding: 0px 10px 10px 0px; border-bottom:1px dashed #48aee1; margin-bottom: 10px; word-wrap: break-word;}

.artcontent{clear:both;margin-bottom:20px}
.artdate{color:#666}


.tooltip {
    border-bottom: 1px dotted #707070;
}


div#statuses-help-dialog {}
div#statuses-help-dialog p {
    margin: 10px 0px 10px 0px;
}
div#statuses-help-dialog ol {
    padding-left: 10px;
    list-style-position: inside;
    list-style-type: disc;
}
.insertTag {
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px dashed #000080;
    line-height: 19px;
}

.slideTitle {
    cursor: pointer;
    text-decoration: underline;
    color: #3babe3;
    font: normal 18px Verdana;
}
.slideArrow {
    cursor: pointer;
    font-size: 16px;
    clear: both;
    color: #3babe3;
    margin: 0px 0px 5px 0px;
}
input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
select {
    width: 200px;
    height: 28px;
    padding-left: 4px;
    border: solid 1px #c5c5c5;
}
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus {
    border: solid 1px #FFCC33;
}

.tooltip {
    cursor: inherit
}
.label {
    margin-left: 10px;
    background-color: #cccccc;
    border-radius: 3px;
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.unselectField:hover {
    background:url('/style/img/edit.png') right no-repeat #808080;
    cursor:pointer;
}
.selectField:hover {
    background: #808080;
    cursor:pointer;
}

.alert {
    border-radius: 2px;
    display: inline-block;
    padding: 4px;
}
.mess-error, .alert-error {
    color: #CE0C00;
    background: #FFFCFC;
    border: 1px solid #f7bebe;
    color: #CE0C00;
}

.operator-sendnames-import label {
    float: none;
    text-align: left;
}

.operator-sendnames-import h4 {
    padding: 10px 0;
}

.operator-sendnames {
    padding-top: 30px;
    padding-bottom: 100px;
}
.operator-sendnames td,
.operator-sendnames th {
    width: 100px;
}

.operator-sendnames .status-idle {
    color: orange;
}

.operator-sendnames .status-declined {
    color: darkred;
}

.operator-sendnames .status-accepted {
    color: darkgreen;
}

.scheduled-deliveries-table pre {
    white-space: pre-wrap;
}

ul.image-gallery {

}

ul.image-gallery li {
    width: 200px;
    min-height: 200px;
    border: 1px solid #DDD;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    zoom: 1;
    *display: inline;
    _height: 250px;
}


ul.image-gallery li.fixed-height {
    height: 200px;
}

ul.image-gallery.active li {
    cursor: pointer;
}

ul.image-gallery.active li:not(.chosen):hover {
    border-color: #000;
}

ul.image-gallery.active li.chosen {
    border-color: blue;
}

ul.image-gallery li img {
    width: 200px;
}

.popup-notification-text {
    padding: 10px;
    font-size: 18px;
}

td.integer, td.decimal {
   text-align: right;
}