@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);
/* Base layout */
header,
.stat-bar,
#content { margin: 0 auto; width: 920px;}

#content { padding-bottom: 60px; overflow: visible; min-height: 300px;}

#sidebar { position: relative; float: left; width: 281px; min-height: 200px; }
#sidebar > section { background: #eee; }

#sidebar + #main {
    float: right;
    padding: 6px 0 60px;
    width: 608px;
    border-top: 2px solid #898989;
}

/* Base layout - sticky footer */
html, body { height: 100%;}
#page { min-height: 100%;}
.lt-ie9 #page { height: 100%;}
#page-content { padding-bottom: 50px;   /* height of footer */ }
footer {
    margin-top: -65px; /* height of footer */
    height: 65px;  
}

/* Base typography */

html,
a {
    color: #828282;
    font-size: 12px;
    font-family: Arial, sans-serif;
}
input,
select,
textarea {
    color: #9a9a9a;
    font-size: 12px;
    font-family: Arial, sans-serif;
}
body { line-height: 1.4;}

h1 { font-weight: normal; }
h2 { font-weight: normal; font-size: 12px; }

a { text-decoration: none; }
label { text-transform: lowercase; }
h2,
.legend { color: #4b4b4b; text-transform: uppercase; }

/* Header */
header { 
    position: relative;
    margin: 0 auto 30px; 
    padding-top: 19px;
    height: 117px;
    text-transform: uppercase;
    overflow: visible;
}

header .home-logo {
    float: left;
    margin-bottom: 31px;
    color: #787878;
    font-size: 30px;
    font-family: Verdana, Arial, sans-serif;
}
header .home-logo img { width: 281px; height: 41px; }

header .user-menu { float: right; margin-top: 7px;}
header .user-menu li { float: left; margin-left: 10px;}
header .user-menu,
header .user-menu a { color: #8d8d8d; font-size: 10px;}
header .user-menu a { text-decoration: underline;}
header .user-menu strong { color: #4b4b4b;}

header nav { float: left;}
header nav li {
    float: left;
    padding: 0 3px;
    height: 24px;
    overflow: visible;
    border-left: 1px solid #949494;
}
header nav li:first-child { border-left: none;}
header nav a { display: block; padding: 0 8px 0 10px; color: #5b3131; }
header nav a:hover,
header nav a.active,
header nav li.active a { color: #fff; background-color: #4b4b4b;}
header nav a.is-preview:hover,
header nav a.is-preview.active { background-color: #19bf15;}

header nav a,
header .add-span,
header .add-options a,
header .shadow-cover a {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

header .add-button { float: right;}
header .add-span {
    display: inline-block;
    padding: 0 19px 0 34px;
    color: #fff;
    background: #23b0bd url(../images/add.png) no-repeat 13px 6px;
}
header .active.add-button {
    position: absolute;
    top: 90px;
    right: -5px;
    z-index: 2;
    border: 5px solid #fff;
    background: #fff;
    
    -webkit-transition: -webkit-box-shadow 0.1s ease-out;
    -moz-transition: -moz-box-shadow 0.1s ease-out;
    transition: box-shadow 0.1s ease-out;
}
header .active.add-button:hover {
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); 
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

header .add-options,
header .shadow-cover {
    position: absolute;
    top: 120px;
    right: -5px;
    background: #fff;
    border: 5px solid #fff;
}

header .add-options {  z-index: 1;}
header .add-options a,
header .shadow-cover a {
    clear: both;
    display: block;
    margin-top: 5px;
    padding: 0 15px 0 5px;
    width: 161px;
    color: #fff;
    background-color: #4b4b4b;
    text-align: right;
}
header .add-options a:first-child { margin-top: 0; }
header .add-options a:hover,
header .shadow-cover a:hover { background-color: #23b0bd;}
header .shadow-cover { z-index: 3; display: block; border-left: none;}
header .hidden.shadow-cover { display: none; }
header .shadow-cover a { margin-top: 0; }

/* Footer */
footer { clear: both; margin: -50px auto 0; /* height of footer */ width: 940px; }
footer > p,
footer > ul { padding-top: 6px;}
footer > p { float: left;}
footer > ul { float: right;}
footer > ul li { display: inline; margin-left: 16px;}

footer,
footer a {
    color: #8d8d8d;
    font-size: 10px;
    text-transform: uppercase;
}
footer a:hover,
footer .active { text-decoration: underline;}

/* Forms */
input::-webkit-input-placeholder { color: #b6b6b6; }
input:-moz-placeholder { color: #b6b6b6; }
textarea::-webkit-input-placeholder { color: #b6b6b6; }
textarea:-moz-placeholder { color: #b6b6b6; }

.legend { margin-bottom: 26px; padding-top: 6px; }
fieldset:first-child .legend { padding-top: 0; }
fieldset { padding: 0 0 40px; }
fieldset { border-top: 2px solid #898989; }
fieldset:first-child { border: none; }

input[type="checkbox"],
input[type="radio"] { display:none; }
input[type="checkbox"] + label,
input[type="radio"] + label {
    display:inline-block;
    height: 17px;
    min-width: 17px;
    padding-left: 23px;
    background: transparent url(../images/checkbox.png) no-repeat left bottom;
    cursor: pointer;
}   
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label { background-position: left top; }
input[type="checkbox"].form-error + label,
input[type="radio"].form-error + label { background-image: url(../images/checkbox-error.png); }
input[type="radio"] + label { margin-bottom: 8px; }
input[disabled],
input[type="radio"][disabled] + label,
input[type="checkbox"][disabled] + label {
    cursor: default;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); /* MSIE/PC */ opacity: 0.5; 
}
input[type="text"][disabled] { background: #fff; }
input[type="text"] { padding: 0 3px 0 7px; height: 30px; border: 1px solid #b7b7b7;}

.label_textbox,
.label_textarea { clear: both; float: left; width: 307px; margin-bottom: 9px; border: 1px solid #b7b7b7; }
.label_textbox { height: 30px;  }
.label_textbox label { float: left; padding-left: 9px; height: 100%; line-height: 28px; text-transform: lowercase; }
.label_textbox > span { overflow: hidden; display: block; padding: 0 4px 0 8px; height: 100%; }
.label_textbox input { padding: 0; width:98%; border-style: none; height: 100%; }
.label_textarea { height: 90px; padding: 5px 8px 8px; }
.label_textarea textarea { width: 100%; height: 48px; border-style: none; margin: 4px 0 0; line-height: 16px; }
.label_textbox + p { clear: both; }

.label_textbox.form-error,
.label_textarea.form-error,
.chzn-container.form-error > .chzn-single,
input[type="text"].form-error { box-shadow: 0px 0px 0px 1px #f67e30; }
.chzn-container.form-error { margin-left: 1px; }

.template-box { border: 1px dashed #c6c6c6; }
.template-box label { width: 100%; color: #9a9a9a; cursor: pointer; }
.template-box span.hidden { display: none; }
.remove-textbox {
    float: left;
    display: block;
    margin: 6px 0 0 10px;
    width: 15px;
    height: 15px;
    background: transparent url(../images/remove.png) no-repeat 0 0;
    cursor: pointer;
}
.remove-textbox.hidden { display: none; }

.button {
    float: right;
    display: block;
    width: 159px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    background: #23b0bd;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
}
.cancel-button { float: left; background: #cfa71d;}
.button.hidden { display: none; }

/* select */
.chzn-container .chzn-results .result-selected { display: none; }
.chzn-one-result .chzn-single div b { background-image: none; }
.chzn-results .mCSB_container.mCS_no_scrollbar { top: 0 !important;}
.chzn-one-result.chzn-container-single .chzn-single { padding: 0; text-align: center; cursor: default; }
.chzn-one-result.chzn-container-single .chzn-single span { margin-right: 0; }

select.jsSelectStyle { visibility: hidden; height: 30px;}
fieldset .chzn-container { vertical-align: middle;}
fieldset .chzn-container .chzn-results {
     -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
fieldset .chzn-container-single .chzn-single { padding-left: 8px; }
fieldset .chzn-container .chzn-results li { padding-left: 6px; color: #828282; }
fieldset .chzn-container-single .chzn-drop {
    border: 1px solid #aaa;
    border-top: none;
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15); box-shadow : 0 4px 5px rgba(0,0,0,.15);
}
fieldset .chzn-container .chzn-drop { border-color: #c0c0be;}
fieldset .chzn-container-single .chzn-single { height: 30px; line-height: 28px; color: #828282; border: 1px solid #c0c0be;}
fieldset .chzn-container-single .chzn-single div { width: 18px; }
fieldset .chzn-container-single .chzn-single,
fieldset .chzn-container .chzn-results li { text-transform: lowercase;}
fieldset .chzn-container .chzn-results li { padding: 5px 8px;}
fieldset .chzn-container-single .chzn-single div b {
    background:transparent url("../images/select-arrow-small.png") no-repeat scroll 0 10px;
}
fieldset .chzn-one-result,
fieldset .chzn-one-result .chzn-single,
fieldset .chzn-one-result .chzn-single span { cursor: default; }
fieldset .chzn-container-single .chzn-single span { margin-right: 26px; }
fieldset .chzn-one-result .chzn-single div b { background-image: none; }
fieldset .chzn-one-result .chzn-single div { display: none; }
fieldset .chzn-one-result .chzn-single span { margin-right: 0; }
fieldset .chzn-results .mCustomScrollBox .mCSB_scrollTools { right: 4px; }
fieldset .chzn-results .mCSB_scrollTools .mCSB_draggerContainer { padding-bottom: 5px; }

fieldset .chzn_fixed_height .mCSB_scrollTools .mCSB_draggerContainer { padding-bottom: 0; }
fieldset .chzn-container .chzn_fixed_height { padding-bottom: 5px; }
fieldset .chzn-container .chzn-results .highlighted:last-child {
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}

/* password strength */
.jsPStrength { 
    clear: both; 
    width: 0px; 
    height: 5px; 
    background: #fff url(../images/strength.jpg) no-repeat left top;
}
.jsPStrengthText { 
    display: inline-block; 
    padding: 2px 0 0 10px; 
    width: 120px;
    color: #333132; 
    line-height: 12px; 
    text-transform: lowercase; 
    text-align: left; 
}

/* datepicker */
input.datepicker {
    margin: 0 5px 0 7px;
    padding: 0 25px 0 7px;
    width: 151px; 
    background: transparent url(../images/calendar.png) no-repeat 127px 7px;
    text-transform: lowercase;
}
#ui-datepicker-div { background-color: #fff; color: #a8a8a8; z-index: 50 !important;}
div.ui-datepicker,
div.ui-datepicker a { font-size:10px; line-height: 1.5; }
.ui-datepicker td { height: auto; }

/* flash errors */
.flash-message,
.tip-message,
.first-time-message {
    position: absolute;
    top: 284px;
    left: 50%;
    z-index: 10;
    margin-left: -460px;
    padding: 5px;
    background: #fff;
}
.flash-message.fixed { 
    position: fixed; 
    top: 30px; 
    left: 0;
    margin-left: 0;
}
.flash-message .close,
.first-time-message .close,
.policy .close {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 27px;
    height: 27px;
    background: transparent url(../images/close.png) no-repeat 0 0;
    cursor: pointer;
}
.flash-message .inner,
.tip-message .inner,
.first-time-message .inner {
    padding: 12px 17px;
    width: 279px;
    min-height: 115px;
    color: #fff;
}
.flash-notice .inner { background-color: #19bf15;}
.flash-error .inner { background-color: #eea923; }
.tip-message .inner { background: #14afc7; }
.first-time-message .inner { background: #2774da; }
.flash-message .title { margin-bottom: 3px; text-transform: uppercase; font-size: 14px;}
.flash-message .message { text-transform: lowercase;}
.flash-message .message a { color: #fff; text-decoration: underline; }
.tip-message { top:-1000px; left: -1000px; margin: 0; padding: 3px; font-family: Verdana, Arial, sans-serif; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); /* MSIE/PC */ opacity: 0;
}
.tip-message .inner { padding: 13px 19px 25px; width: 303px; }
.tip-message .title { margin-bottom: 11px; font-size: 15px;}
.tip-message .text { line-height: 15px; }
.tip-message .close {
    position: absolute;
    top: 11px;
    right: 12px;
    width: 12px;
    height: 11px;
    cursor: pointer;
}
.jsTip { cursor: pointer; }

/* policy */
#jsPrivacyPolicyContainer,
#jsTermsContainer { top: 42px; z-index: 2; }
#jsPrivacyPolicyContainer .bcg,
#jsTermsContainer .bcg { background-color: #fff; }
.policy .close { background: none;}
.layer-holder .policy.shadow {
    -moz-box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.3);
}
.layer-holder .policy.holder { margin-left: -350px; padding: 5px;}
.policy .inner {
    overflow: hidden;
    padding: 22px 12px 22px 29px;
    width: 690px;
    height: 495px;
    color: #fff;
    background: #2d71e2;
}
.policy .title {
    margin-bottom: 24px;
    font-family: HelveticaNeueLTCom-Roman, Arial, sans-serif;
    font-size: 20px;
}
.policy .text { height: 380px;}
.policy .text h4 { margin: 0 0 15px; padding: 0; font-size: 12px; font-weight: bold; text-align: center; }
.policy .text p,
.policy .text ul { margin-bottom: 16px; line-height: 1.3; }
.policy .text a { color: #fff; text-decoration: underline; }
.policy .text ul { padding-left: 11px; }
.policy .text ul li:before{ content:"-"; position:relative; left:-5px;}
.policy .text ul li{ text-indent:-5px; }
.policy .mCSB_container { margin-right: 45px; }
.policy .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 12px; background-color: #fff;}

/* layer holder */
.layer-holder { position: fixed; left: 50%; top: 60px; }
.layer-holder .bcg {
    position: fixed; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%;
    background-color: #000;
}
.layer-holder .holder { 
    position: relative; 
    margin-left: -320px; 
    padding: 19px 20px 50px 19px;
    background-color: #fff;
}
.layer-holder .holder section { padding: 0;}
.layer-holder .shadow {
    -moz-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.5);
    box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.5);
}

/* tables */
table { width: 100%; table-layout:fixed;}
table.with-scrollbar { width: 900px; }
th {
    height: 31px; 
    line-height: 12px;
    color: #4b4b4b;
    border-top: 2px solid #898989;
    border-bottom: 1px solid #e0e0e0;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
}
th, td { padding-right: 10px;}
td {
    height: 30px; 
    border-bottom: 1px solid #e0e0e0; 
    vertical-align: middle;
}

td, td > .jsCheckOverflow {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url( 'bindings.xml#ellipsis' );
    white-space: nowrap;
    overflow: hidden;
}
td > .jsCheckOverflow { display: block; width: 100%; }
td > .jsAlignTdText { display: inline-block; width: auto; }

th.center { text-align: center; }
table td.toRight { text-align: right; }
table.table-keywords td.callsNumber { text-align: right; color: #0bb701; font-size: 16px; }
td.center-right { text-align: center; filter: alpha(opacity=0); /* MSIE/PC */ opacity: 0; }
.no-js td.center-right { filter: alpha(opacity=100); /* MSIE/PC */ opacity: 1; }
th.link { width: 86px;}
tr:first-child td { border-top: none; }
/*td:first-child { padding-left: 2px; }*/
td a { text-decoration: underline; text-transform: lowercase; }

.jsTableWithScrollbar { max-height: 302px; /* max-height: 500px; */ overflow: hidden; width: 755px; }
.jsTableWithScrollbar tr:hover td, 
.jsTableWithScrollbar tr.selected td { background-color: #f3f0f0; }
.jsTableWithScrollbar tr.spacerow:hover td,
.jsTableWithScrollbar tr.selected.spacerow td { background-color: #fff; }
.jsTableWithScrollbar.ajax-loading tr:hover td, 
.jsTableWithScrollbar.ajax-loading tr.selected td { background-color: transparent; }

.can-sort { 
    padding-left: 9px;
    background: transparent url(../images/sort-arrows.png) no-repeat 0 9px; 
    cursor: pointer; 
}
.can-sort[data-order="asc"] { background-position: 0 -11px; }
.can-sort[data-order="desc"] { background-position: 0 -31px; }

th.can-sort:first-child { padding-left: 11px; background-position: 2px 9px; }
.can-sort[data-order="asc"]:first-child { background-position: 0 -11px; }
.can-sort[data-order="desc"]:first-child { background-position: 0 -31px; }

span.can-sort { display: inline-block; background-position: 0 0; }
th[data-order="asc"] .can-sort { background-position: 0 -20px; }
th[data-order="desc"] .can-sort { background-position: 0 -40px; }

th:first-child span.can-sort { display: inline-block; background-position: 0 0; }
th[data-order="asc"]:first-child .can-sort { background-position: 0 -20px; }
th[data-order="desc"]:first-child .can-sort { background-position: 0 -40px; }

.buttons-cell{ padding-right: 2px; }
.buttons-cell .row-button { float: right; margin-right: 10px; }
.with-scrollbar .buttons-cell .row-button { margin-right: 8px; }
.row-options { padding: 3px 2px 2px; background: #fff; position: fixed; top: 0; left: 0; }
.row-button {
    display: block;
    height: 15px;
    line-height: 15px;
    width: 68px;
    margin-bottom: 1px;
    font-size: 10px;
    color: #fff;
    background-color: #4b4b4b;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}
.row-button:first-child,
.row-options .row-button:hover { background-color: #ababab; }

table.ajax-loading { opacity: 0.5; }

td.pdf { padding-right: 12px; }
td.pdf > a { 
    display: block;
    float: right;
    height: 15px; 
    padding: 0 6px;
    background: #acacac;
    line-height: 15px;
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.jsNavChangeStatbarAndContent { cursor: pointer; }

.table-heading {
    overflow: visible;
    margin-bottom: 21px;
    padding: 10px 0 0;
    height: 25px;
    color: #4b4b4b;
    text-transform: uppercase;
    vertical-align: middle;
}
.table-heading h2,
.table-heading .downloads {
    display: inline-block;
    vertical-align: middle;
}
.table-heading h2 { display: inline; line-height: 25px;}
.h2-wrapper { float: left; display: inline-block; margin-right: 15px;}
.table-heading .downloads { float: right;}
.table-heading .chzn-container { margin-right: 6px; }

/* table scroller */
.jsTableWithScrollbar { overflow: hidden; width: 100%; }

/* Misc */
a.disabled { cursor: default; }

code {
    display: block;
    padding: 10px 10px 15px;
    width: 485px;
    min-height: 80px;
    line-height: 14px;
    color: #2d71e2;
    border: 1px solid #b7b7b7;
    background-color: #fff;
    word-wrap:break-word
}

#jsGlobalLoaderView { position: absolute; z-index: 1000; background: #fff; padding: 5px;}
#jsGlobalLoaderView .loader {
    width: 31px;
    height: 31px;
    opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; /*IE8*/
    background: #fff url(../images/circle-loader.gif) no-repeat center center; 
}

.pac-container { min-width: 181px; }

/* IE */
.lt-ie9 .label_textbox input,
.lt-ie9 input[type="text"] { max-height: 30px; line-height: 28px; }
.lt-ie9 .fieldset-settings .location input { display: inline; }
.lt-ie9 input[type="checkbox"], 
.lt-ie9 input[type="radio"] { display: inline;}
.lt-ie9 label.js-label-check { padding-left: 5px; background: none; }

.lt-ie8 input[type="text"] { height: 30px; }
.lt-ie8 select.jsSelectStyle { visibility: visible; }
.lt-ie8 header nav { clear: both; width: 100%;}

.no-audio .play-button, 
.no-audio .pause-button { display: none; }

#cookiePolicy{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #fff;
  color: #4b4b4b;
  text-align: center;
  z-index: 10;
  font-size: 13px;
  opacity: 0.9;
}
#cookiePolicy a{
    background: #19bf15;
    padding: 5px 15px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 17px;
    text-decoration: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
}
/*expiry message*/
#expiry-message {
    margin: 0 auto 25px auto;
    width: 920px;
    border: 3px solid #f68b1f;
    padding: 25px 50px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-image: url(../images/exclamation.png);
    background-repeat: no-repeat;
    background-position: 50px center;
}

#expiry-message p {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #f68b1f;
    padding-left: 55px; /* padding from background */
}

#expiry-message p a {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #f68b1f;
    font-weight: 700;
    text-decoration: underline;
}

.jumbotron-login {
    text-align: right;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #898989;
}
.jumbotron-login h2 {
    font-weight: bold;
    font-size: 35px;
    text-transform: none;
    color:#14afc7;
}

.jumbotron-login p {
    font-size: 16px;
    color:#14afc7;
}