@charset "utf-8";
@import "itms.datepick.css";
@import "itms.facebox.css";
@import "jquery.clockpick.1.2.7.css";

/* Common CSS */

*{margin:0; padding:0;}
body, input.textnormal, textarea, select,button {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-align:left; background:#FFF;}
a{text-decoration:none;color:#01557F;}
a:hover{text-decoration:underline;}
a, label, button{cursor:pointer;}
label{vertical-align: middle;}
input.textnormal, textarea, select{border:1px solid #C0CAD5;color:#000;background: #fff;}
input.textnormal, textarea{padding:3px}
select{padding:2px;}
textarea{height:80px;}
button{text-align:center;padding:3px 10px; background-position:1px; background-repeat:repeat-x; border:solid 1px; margin-right:6px;overflow: visible;}

button,
input,
select,
textarea {
    font-size:100%;
    vertical-align:baseline;
    *vertical-align:middle;
}

input.textnormal,
textarea,
select,
button,
#main-global-navigation-list,
#main-partners-bar,
.message,
.list-table,
.promotable,
div#contacts-map,
.nav-pager .selected{
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    -khtml-border-radius:3px;
    -icab-border-radius:3px;
    /* ie css 3 hacks */
    /*
    behavior: url(/css/pie.htc);
    behavior:url(/css/border-radius.htc);
    position: relative;
    */
}

button.button-blue{background-image:url(/images/button.png);border-color:#007AB6 #016DA5 #016DA5;color:#FFF;text-shadow:0 1px 0 #45688E;}
button.button-blue:hover{background-color:#016DA5;background-image:none;}
button.button-blue:active{background-color:#014C72;background-image:none;}

button.button-grey{background-image:url(/images/button-grey.png);border-color:#E8E7E2 #EEEDE8 #EEEDE8;color:#333;text-shadow:0 1px 0 #C1C1BB;}
button.button-grey:hover{background-color:#EEEDE8;background-image:none;}
button.button-grey:active{background-color:#C1C1BB;background-image:none;}

/* Fixes Firefox input button padding issue */
button.button-blue::-moz-focus-inner {padding:0px !important;border: 0 none !important;}
button.button-grey::-moz-focus-inner {padding:0px !important;border: 0 none !important;}

#main-global-navigation-list{display:table; table-layout:fixed; width:100%;background:url(/images/button.png) repeat-x center; clear:both; box-shadow: 1px 1px 3px #555;-moz-box-shadow:1px 1px 3px #555;-webkit-box-shadow:1px 1px 3px #555;}
#main-global-navigation-list li{display:table-cell; overflow:hidden; height:36px;}
#main-global-navigation-list li a{ text-align:center; color:white; line-height:36px; display:block; border-right:solid 1px #006696;}
#main-global-navigation-list li a.first-link{border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;}
#main-global-navigation-list li a#last-link{border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;}

#main-global-navigation-list li a:hover{background-color:#016DA5;}
#main-global-navigation-list li a:active,
#main-global-navigation-list a.selected,
#main-global-navigation-list a.selected:hover{background-color:#014C72;}

div#main-header-bar{margin:0 auto; width:978px; height:130px; background:url(/images/head-frontbar-background.png) no-repeat top left;overflow:hidden;}
div#main-header-bar p{text-align:center; font-size:42px;color:#FFF; line-height:130px; text-shadow:0 2px 0 #45688E; margin: 0;}

ul#main-promo-set{list-style:none; display:table;}
ul#main-promo-set li{ display:table-cell; padding-right:12px; }
ul#main-promo-set li a{display:block; height:238px; width:235px; color:#555; text-align:center; background-position:50%; background-repeat:no-repeat;}
ul#main-promo-set li a:hover{color:#F90;}
ul#main-promo-set li a#promo1{background-image:url(/images/block_email_sent.png);}
ul#main-promo-set li a#promo2{background-image:url(/images/block_sms_sent.png);}
ul#main-promo-set li a#promo3{background-image:url(/images/block_web_sent.png);}
ul#main-promo-set li a#promo4{background-image:url(/images/block_seo_sent.png);}
ul#main-promo-set h1{font-size:18px;font-weight:normal;padding-top:15px;}

div.main-content-container{margin:10px auto 0 auto;width:978px;text-align:justify;clear:both;}
div.main-content-container p{margin:10px 0;display: block;}
div.main-content-container h2{font-weight:normal;font-size:18px; margin-bottom: 10px;}
div.main-content-container h3{font-weight:bold;font-size:14px; margin-bottom: 10px;}
div.main-content-container h4{font-weight:bold;margin-bottom: 5px;}
div.main-content-container h5{font-weight:normal;font-size:12px; margin-bottom: 5px; font-style:italic;}
div#main-container-wraper ul.promo{
    list-style: none;margin-left: 10px;
}
div#main-container-wraper ul.promo li{
    margin-bottom: 5px;
}

#head-login{height:92px;width:574px;background:url(/images/head-login-background.png) no-repeat center;float:left;margin-right:10px;display:inline;}
#head-login table{width:361px;margin-top:10px;}
#head-login p, #head-subscribe p{margin:0 0 5px 5px;}
#head-login input.textnormal{width:130px;}
#head-login #remember-me,label{vertical-align:middle;}
#head-container{height:92px;}

#head-login-register{padding:10px;margin-left:361px;text-align:center;}
#head-login-register p,#head-login-register a, #head-subscribe-submit p{color:#FFF;}
#head-login-register a{font-size:16px;}

#head-subscribe{height:92px; width:394px; background:url(/images/head-subscribe-background.png) no-repeat left top; float:left; display: inline;}
#head-subscribe table{width:180px;margin-top:10px;margin-left:72px;float:left;display:inline;}
#head-subscribe input.textnormal{width:150px;}
#head-subscribe-submit{margin-left:252px;padding:10px 10px 0 10px;text-align:center;}

#main-partners-bar{border:1px solid #B2B0AF; height:92px; margin:10px 0;}

.main-global-footer-container{width:978px;margin:15px auto 0 auto; border-top:solid 1px #B2B0AF; padding:5px 0; color:#666; clear:both;}
.main-global-footer-container div{padding:10px; position:relative;}
.main-global-footer-container #footer-nav{margin-left:280px;margin-right:200px; text-align:center;line-height:2;}
.main-global-footer-container #footer-left{float:left;}
.main-global-footer-container #footer-right{float:right;}

.clear-both{clear:both;margin:0;}

.message{margin: 10px 0 !important; padding: 5px; background: #E6FFE6;}
.error{background: #FFEFE8;}

#main-container-wraper{min-height: 430px; height: auto;}

.found{color:red; font-weight:bold; background:#dddddd;}

.validation-notice{color:#FF0000; position:absolute; vertical-align:middle; margin-left:8px; margin-top:3px;}
.validation-error{border:dotted 1px #FF0000;}

#loading, #loading-dialog{display:inline-block;background-repeat:no-repeat;background-position:0% 50%;padding-left:22px;font-weight:normal;font-size:12px;margin:0 10px;color:#777;}
.loading32{background: url(/images/ajax-loader32.gif) no-repeat 50%;height:100px;text-align: center;}
.icon-loading{background-image: url(/images/ajax-loader.gif);}
.icon-warning{background-image: url(/images/warning.16.png);color:red;}
.icon-done{background-image: url(/images/done.16.png);color:green;}
.icon-upload{background-image: url(/images/upload.16.png);color:blue;}

.icon{background-repeat: no-repeat; background-position: 0% 50%; display: inline-block;width:16px;height:16px;}
.icon-edit{background-image: url(/images/edit.16.png);}
.icon-report{background-image: url(/images/report.16.png);}
.icon-save{background-image: url(/images/save.16.png);}
.icon-plus{background-image: url(/images/plus.16.png);}
.icon-plus-circle{background-image: url(/images/plus-circle-bw.16.png);}
.icon-plus-circle:hover{background-image: url(/images/plus-circle.16.png);}
.icon-eye-visible{background-image: url(/images/eye.16.png);}
.icon-eye-hidden{background-image: url(/images/eye-disable.16.png);}
.icon:hover{text-decoration: none;}

.trhover{background: #eee;}

/* catalogue */
input.search{
    width: 200px;
    padding-left:22px;
    background: url(/images/search.16.png) no-repeat 3px 50%;
}
input.date{
    width:67px;
    padding-left:22px;
    background: url(/images/calendar.view.month.16.png) no-repeat 3px 50%;
}
input.time{
    width:34px;
    padding-left:22px;
    background: url(/images/clock.16.png) no-repeat 3px 50%;
}
span.form-reset{
    background: url(/images/eraser.16.png) no-repeat 50%;
    height:16px;
    width:16px;
    display: inline-block;
    cursor:pointer;
    visibility: hidden;
}

table.promotable{
    box-shadow: 1px 1px 3px #aaa;-moz-box-shadow:1px 1px 3px #aaa;-webkit-box-shadow:1px 1px 3px #aaa;
    margin: 5px auto;
    border-bottom: none;
    width: 500px;
}

table.list-table, table.promotable{
    border:solid 1px #eee;
    background: #fff;
    border-bottom: none;
}
table.list-table{
    width: 100%;
    table-layout:fixed;
}
table.list-table tr.selected{
    background:#FFF3DD;
}
table.list-table th, table.list-table td{
    padding: 3px;
    text-align: left;
    border-bottom: solid 1px #ddd;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
table.list-table th, table.promotable th{
    font-weight: bold;
    background: #eee;
    white-space: nowrap;
}

table.promotable td, table.promotable th{
    padding:5px;
    border-bottom: solid 1px #ddd;
}

table.list-table .thdatetime{
    width: 110px;
}
table.list-table .thsize{
    width: 80px;
}
table.list-table .thchb{
    width: 19px;
}
table.list-table .thalphaname{
    width: 90px;
}
table.list-table .thsms{
    min-width: 430px;
}
table.list-table .thcalendar-cell{
    width: 60px;
}
table.list-table .thcurrency, table.list-table .thamount{
    width: 60px;
}
.nav-pager{
    margin: 0 20px;
    position: relative;
}
.nav-pager span, .nav-pager a{
    display: inline-block;
    padding: 2px;
    margin-right:3px;
}
.nav-pager .selected{
    color:#fff;
    /*font-weight: bold;*/
    background: #0188C6;
}
.nav-pager a:hover{
    border-bottom:solid 2px #016DA5;
    text-decoration: none;
}

/* subscriber */

.subscriber-table input.textnormal, .subscriber-table textarea, .subscriber-table td.first{
    width:200px;
}
.subscriber-table p.label{
    padding-right: 10px;
}
table.subscriber-table p{
    margin:0 0 10px 0;
    text-align: right;
}
#subscribe{
    float:left;
    width:330px;
    border-right: solid 1px #ddd;
    margin-right: 20px;
    padding-right: 20px;
}
#unsubscribe{
    /*display: none;*/
    float:left;
    width:607px;        
}

/* newuser */

#newuser-table{
    width:450px;
    margin:0 auto;
}
#newuser-table input.textnormal, #newuser-table textarea, #newuser-table td.first{
    /*width:290px;*/
    width:90%;
}
#newuser-table p,#order p{
    margin:0 0 10px 0;
}
#newuser-table p.label,#order p.label{
    padding-right: 10px;
    text-align: right;
}
.required{
    /*vertical-align:super;
    color:red;*/
    font-weight: bold;
}

/*order*/

#order{
    width:450px;
    margin:0 auto;
}

#order td.first{
    width:290px;
}

#order button{
    width:150px;
}

/* login */

#login-box input.textnormal{
    width: 165px;
}
#login-box label input{
    vertical-align: middle;
}
#login-box{
    float:left;
    width:350px;
}
#login-promo-box{
    float:left;
    width:587px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: solid 1px #ddd;
}
#login-promo-box div{
    margin-bottom: 20px;
}

#front-logo{height:48px;width:179px;background:url(/images/itms_logo_48w.png) no-repeat 50%;float:left;margin:41px 0 auto 20px;display:inline;position:relative;}
#front-logo-label{float:right;margin-right:179px;width:590px;height:100%;}

/*
    <img src="http://webindicator.siteheart.com/webindicator/help8?ent=771205&company=771205" border="0" alt="SiteHeart" />
 */
a#siteheart{background:url(http://webindicator.siteheart.com/webindicator/help8?ent=771205&company=771205) no-repeat 50% 50%;}
/* a#siteheart{background:url(http://webindicator.siteheart.com/webindicator/image/1322137036?ent=135159&company=135159) no-repeat 50% 50%;} */
a#siteheart:hover{text-decoration:none;}

/*Control CSS*/
ul#control-nav-list{background:url(/images/button.png) repeat-x center; border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; box-shadow: 1px 1px 3px #555;-moz-box-shadow:1px 1px 3px #555;-webkit-box-shadow:1px 1px 3px #555;height:36px;line-height:36px;overflow:hidden; min-width:500px;}
ul#control-nav-list li{display:inline-block;border-right:solid 1px #006696;}
ul#control-nav-list li a{text-align:center; color:white; line-height:36px; padding:0 10px; display:block;}
ul#control-nav-list li a:hover{background-color:#016DA5;}
ul#control-nav-list li a:active,
ul#control-nav-list li a.selected,
ul#control-nav-list li a.selected:hover{background-color:#014C72;}
ul#control-nav-list *{color:white;}

span.counters-box{background:#016DA5;color:#FFF; padding:0 4px; /*border:solid 1px #016DA5;*/ position:absolute; right:0; z-index:10; border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}

#control-left-folders-list{list-style:none;}
#control-left-folders-list li{clear:both;}
#control-left-folders-list a{display:block;white-space: nowrap;font-weight:bold; padding:7px 5px;border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
#control-left-folders-list a:hover,#control-left-folders-list a.selected{background:#016DA5;color:#fff;}

div.control-container{text-align:justify;}
div.control-container p{padding:5px 0 5px 0;}
div.control-container h2, .modal-dialog h2{font-weight:normal;font-size:18px; margin-bottom: 10px;}
div.control-container h3, .modal-dialog h3{font-weight:bold;font-size:14px; margin-bottom: 10px;}

button.button-green, div.green{
	width:100%;border:0;color:#fff;
      	background: -webkit-gradient(linear, left top, left bottom, from(#090), to(#060));
        background: -webkit-linear-gradient(top, #090, #060);
        background: -moz-linear-gradient(top, #090, #060);
        background: -ms-linear-gradient(top, #090, #060);
        background: -o-linear-gradient(top, #090, #060);
        background: linear-gradient(top, #090, #060);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009900', endColorstr='#006600');
}

button.button-green:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#070), to(#040));
	background: -webkit-linear-gradient(top, #070, #040);
	background: -moz-linear-gradient(top, #070, #040);
	background: -ms-linear-gradient(top, #070, #040);
	background: -o-linear-gradient(top, #070, #040);
	background: linear-gradient(top, #070, #040);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007700', endColorstr='#004400');
}

button.button-green:active{background:#040;}

.menu-splitter{width:2px; height:36px;line-height:36px;background: url(/images/split_36.png) repeat-x;}

button.new{width:100%;height:35px;}

#control-left-container{float:left;position:relative;width:135px;display:inline;}

#control-contacts-container{padding:7px 1px; margin-bottom: 10px;text-align: center;border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}

#control-contacts-container span{font-size:16px; font-weight:bold;}

#control-logo-container{float:left; width:135px; height:36px; position:relative;display: inline;}

#control-logo-container a{background:url(/images/itms_logo_36w.png) no-repeat 50%;line-height:36px;display:block;}

#control-nav-list-container{position:relative;margin-left:145px;}

#control-right-container{position:relative; margin-left:145px; padding-left:10px; border-left:solid 1px #eee; min-height:500px;}

#control-folders-container{padding:10px 0; margin:10px 0; border-bottom:solid 1px #eee;border-top:solid 1px #eee;}

.control-block{margin:10px;}

.wysiwyg-editor{
height:300px;
width:100%;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;}

.widetext{
width:100%;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;}

.control-form-wrapper{
    background:#ddd;padding:0px 5px 0 5px;border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 1px 1px 3px #aaa;-moz-box-shadow:1px 1px 3px #aaa;-webkit-box-shadow:1px 1px 3px #aaa;
}

.control-form-wrapper-inner{
    background:#fafafa; padding:0px 5px 0 5px; margin-top:1px; margin-bottom:1px;border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
}

.validation-error-2{
    display:block;padding: 5px; margin-top: 5px; color: #ffffff;background:red; position: absolute; z-index: 100; cursor: pointer;
    border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
}

button.disabled, button:disabled {
    background: #ccc;
    color: #777;
    border-color: #ccc;
    text-shadow:none;
    cursor:auto;
}

button.disabled:hover{
    background: #ccc;
    border-color: #ccc;
}

a.disabled, a:disabled{
    color: #777;
}

input[type=checkbox],input[type=radio]{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

a.switch{
    padding: 3px 5px;
    margin-right: 6px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
}

a.switch-on{
    background: #0188C6;
    color:#fff;
}

.menusms{
    /*display: none;*/
}

.hidden{
    display: none;
}

div.modal-dialog-container{
    display: none;
}

.dialog-inner p{
    padding: 0 0 5px 0;
}
.modal-dialog p.controls-dialog{
    background: #ddd; padding: 5px; text-align: right;
}

.modal-dialog p.controls-dialog button{
    margin: 0  0 0 6px;
}

.dialog-inner{
    padding: 5px;
}
.modal-dialog h2{
    padding: 5px; background-color: #ddd; margin: 0;
}

table.contacts{
    width:600px;
}

table.contacts p{
    margin: 3px 0;
}

div.contacts-map{
    width:100%;
    height:500px;
    box-shadow: 1px 1px 3px #aaa;-moz-box-shadow:1px 1px 3px #aaa;-webkit-box-shadow:1px 1px 3px #aaa;
    border: solid 1px #eee;
}

.center{
    text-align: center;
}

#orderpacket{
    display: none;
}

#user-head{
    /*border-bottom:solid 1px #eee;*/
}

#user-head p{
    margin:0 0 5px 0;
}

div.regular-form{
    width:450px;
}

div.regular-form p{
    padding: 0 0 5px 0;
}
#final_amount_text{
    color: red;
}