/*
    custom bluehornet styles
*/

/* Modal Chooser Lookup Results Box */
.bh_lookupResults {
    background-color:#FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin:5px 0px;
    max-height:80px;
    min-height: 22px;
    overflow-y:auto;
    padding:8px 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    width: 300px;
}

.bh_lookupResults td {
    padding: 0 !important;
}

.bh_lookupResults td:hover {
    background: transparent !important;
}

.open_any {
vertical-align: middle;
padding:3px 3px 3px 3px;
}




/* Start Iris Code*/ 
html, body {
height: 100%;
font-family: 'Open Sans', sans-serif;
}
body {
background-color: #4C4B4C;
}
input[type="text"], input[type="password"], input[type=url], select, textarea, a.multiSelect {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
border: 1px solid rgba(0, 0, 0, 0.15);
width: 350px;
}

input[type="text"].inputError, input[type="password"].inputError, textarea.inputError, select.inputError,
.error input[type=text], .error input[type=url], .error textarea {
background: #fff url(/ems/images/error.svg) no-repeat;
background-position: right 6px top 7px, 0 0;
background-size: 24px;
border: 1px solid rgba(0, 0, 0, 0.15);
}

input[type="text"].inputError.inputFocus, textarea.inputError.inputFocus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
background-position: right 5px top 6px, 0 0;
}

input[type="text"].inputFocus, input[type="text"]:focus, input[type="password"].inputFocus,
input[type=url]:focus,
select.inputFocus, select:focus,
textarea.inputFocus, textarea:focus,
a.multiSelect.focus {
border: solid 2px #09999F;
background-color: #fff;
padding-left: 9px;
outline: none;
}

select.inputFocus, select:focus {
background-position: right 9px top 50%, 0 0;
}

textarea.inputFocus, textarea:focus {
padding-top: 9px;
}
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #09999F;
height: 30px;
color: #ffffff;
padding: 0 15px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
border: none;
}

input[type="submit"]:hover {
background-color: rgba(9,153,159,.65);
}

input.datePicker {
width: 150px !important;
}
select {
min-height: 40px;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
padding: 5px 30px 4px 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(/ems/images/list/arrow_closed_down.gif) 3px 7px no-repeat;
background-position: right .7em top 50%, 0 0;
background-color: #fff;
}
select::-ms-expand {
    display: none;
}
select[multiple="multiple"] {
background: none;
}
select[disabled] {
border: 1px solid rgba(0, 0, 0, 0.1);    
}
a.multiSelect {
min-height: 40px;
padding: 0 30px 0 10px;
background: url(/ems/images/list/arrow_closed_down.gif) 3px 7px no-repeat;
background-position: right .7em top 50%, 0 0;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
display: flex;
align-items: center;
}
a.multiSelect.hover, a.multiSelect.focus, a.multiSelect.active {
background: url(/ems/images/list/arrow_closed_down.gif) 3px 7px no-repeat;   
background-position: right .7em top 50%, 0 0;
}
a.multiSelect.focus {
background-position: right .65em top 50%, 0 0;    
}
a.multiSelect span {
font-size: 14px;
margin: 0;
}
.multiSelectOptions label {
background-color: #fff;
padding: 8px;
}
.multiSelectOptions label.checked {
background-color: #fff;
}
.multiSelectOptions label.hover,
.multiSelectOptions label.checked.hover {
background-color: rgba(9,153,159,.10);
}
input[type="text"], input[type="password"], input[type=url] {
box-sizing: border-box;
height: 40px;
padding: 0 10px;
}
textarea {
padding: 10px;
box-sizing: border-box;
}

select#hour, select#minute, select#am_pm,
select#hour_, select#mins_, select#am_pm_,
select#later_hour, select#later_minute, select#later_ampm,
select#daily_hour, select#daily_minute, select#daily_ampm,
select#week_hour, select#week_minute, select#week_ampm,
select#month_hour, select#month_minute, select#month_ampm,
input#pre_proc_min {
width: 70px;
}

dl dt {
float: none;
text-align: left;
padding: 0 0 2px 0;
width: auto;
}
fieldset dl dt,
fieldset fieldset dl dt {
width: auto;
}
dl dd {
padding-bottom: 12px;
width: 100%;
}
dl dd table {
width: 100%;
}
dl dd input.gridSpan3, dl dd textarea.gridSpan3, dl dd div.gridSpan3, dl dd select.gridSpan3 {
min-width: 250px;
max-width: 400px;
width: 100%;
vertical-align: top;
}
dl dd input.gridSpan11, dl dd textarea.gridSpan11,
dl dd div.gridSpan11, dl dd select.gridSpan11 {
width: 523px;
}
dl dd textarea {
box-sizing: border-box;    
}
dl dd .text {
line-height: 12px;
}
dl dd span.hint {
width: auto !important;
margin-bottom: 8px;
margin-top: 5px;
}
.textareaInfo {
width: 100%;
box-sizing: border-box;
}
label, label.required {
color: #999999;
}
button.button, button.secondary.button, button.primarySmall.button,
button.small.button {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
padding: 0;
height: 30px;
}

button.button span, button.button.small span,
button.button.primary span, button.button.primarySmall span,
button.button.secondary span {
background-color: #09999F;
background-image: none !important;
border: none;
color: #FFFFFF;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
text-transform: uppercase;
letter-spacing: 0.05em;
padding-right: 0;
}

button.button > span, button.button.small > span,
button.button.primary > span, button.button.primarySmall > span,
button.button.secondary > span {
height: 30px;
}

button.button:hover>span,button.button.small:hover>span,
button.button.primary:hover>span, button.button.primarySmall:hover>span,
button.button.secondary:hover>span {
background:none;
background-color: rgba(9,153,159,.65);
}

button.button:hover>span>span,button.button.small:hover>span>span,
button.button.primary:hover>span>span, button.button.primarySmall:hover>span>span,
button.button.secondary:hover>span>span {
background-color: transparent;
}

button.button span span,
button.button.small span span,
button.button.primary > span > span {
padding: 3px 15px 4px;
}

button.button span span span {
height: 23px !important;
line-height: 23px;
}

button.button>span>span>span, button.button:hover>span>span>span,
button.button.small > span > span > span,
button.button[disabled] > span > span > span,
button.button.secondary>span>span>span, button.button.secondary:hover>span>span>span,
button.button.primary > span > span > span {
background: none;
}
button.button.search span span span,
button.button.preview span span span,
button.button.edit span span span,
button.button.previous span span span,
button.button.cancel span span span,
button.button.save span span span,
button.button.done span span span,
button.button.close span span span,
button.button.add span span span,
button.button.deploy span span span,
button.button.back span span span,
button.button.delete span span span,
button.button.download span span span,
button.button.apply span span span,
button.button.apps span span span,
button.button.calendar span span span,
button.button.import span span span
{
padding-left: 0;
}
button.button.next span span span {
padding-right: 0 !important;
}
button.button[disabled]>span, button.button[disabled]:hover>span,
button.button.small[disabled]>span, button.button.small[disabled]:hover>span {
background-color: rgba(9,153,159,.25);
background-image: none;
}
button.button[disabled]>span>span, button.button[disabled]:hover>span>span,
button.button.small[disabled]>span>span, button.button.small[disabled]:hover>span>span {
background-color: transparent;
}


/*Basic Buttons*/
body.modalPage .pageButtons button.button span, 
.modalOverlay .pageButtons button.button span {
background-color: transparent;
color: #000;
font-size: 14px;
}

body.modalPage .pageButtons button.button.cancel span, 
.modalOverlay .pageButtons button.button.cancel span {
color: #888;
}

body.modalPage .pageButtons button.button:hover span,
.modalOverlay .pageButtons button.button:hover span {
background-color: rgba(224,222,222,0.35);
}

body.modalPage .pageButtons button.button[disabled] span {
    background-image: none;
    color: #C4C2C2;
}

/*End Basic Buttons*/

/*Checkboxes and Radio Buttons*/

input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ffffff;
border: 2px solid #9e9e9e;
padding: 7px;
border-radius: 2px;
position: relative;
}

input[type=checkbox]:checked {
background-color: #09999F;
border: 2px solid #09999F;
color: #ffffff;
}

input[type=checkbox]:checked:before {
content: 'check';
font-family: 'Material Icons';
font-size: 18px;
position: absolute;
top: -2px;
left: -2px;
color: #ffffff;
word-break: normal;
font-feature-settings: 'liga';
}

input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ffffff;
border: 2px solid #9e9e9e;
padding: 7px;
border-radius: 50%;
position: relative;
}

input[type=radio]:disabled {
border: 2px solid #ccc;
color: #ffffff;
}

input[type=radio]:checked {
border: 2px solid #09999F;
color: #ffffff;
}

input[type=radio]:checked:after {
content: ' ';
background-color: #09999F;
position: absolute;
top: 2px;
left: 2px;
color: #ffffff;
word-break: normal;
height: 10px;
width: 10px;
border-radius: 50%;
}

input[type=radio] + label, input[type=checkbox] + label {
font-size: 14px;
margin-left: 5px;
color: #000;
}

input[type=radio]:disabled + label, input[type=checkbox]:disabled + label {
color: #999;
}

/*End Checkboxes and Radio Buttons*/

.processingDialog span {
border: 5px solid #09999F;    
}
.header {
background:#000;
}
.header .logo img {
height: 45px;
padding: 15px 0 15px 20px;
}
.header .nav {
background:#09999F;
border:none;
height:35px;
}
.header .nav li {
border:none;
}
.header .nav li a {
padding:12px 15px 11px 15px;
}
.header .nav li.hover > a,
.header .nav > li > a:hover {
background:#4C4B4C;
}
.header .nav .menu {
color:#fff;
width:100%;
z-index: 999999;
}
.nav li:hover .menu, .nav li.hover .menu {
left: 0;
}
.nav li.hover a, .nav li:hover a, .nav li a:hover {
background:#4C4B4C;
}
.header .nav .menu .shadow {
width:100%;
}
.header .nav .menu .shadow .topLeft {
padding:0;
}
.header .nav .menu .shadow .topRight {
padding:0;
}
.header .nav li ul {
background-color:#4C4B4C;
border:none;
padding-top:10px;
width:100%;
}

.header .nav .menu_item {
display: inline-block;
vertical-align: top;
float: none;
padding-bottom: 20px;
}

.header .nav li ul ul {
padding-top: 0;
}
.header .nav li ul.oneCol, .header .nav li ul.twoCol, .header .nav li ul.wide {
width:100%;
}
.header .nav li ul li {
background-color:transparent;
}
.header .nav li ul.noIcon li {
background-color:transparent;
}
.header .nav li ul li span.largeHeader {
background:transparent;
padding: 15px 0 10px 18px;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
}
.header .nav li ul li ul li a {
color:#fff;
}
.header .nav li ul li ul li a:hover {
background-color:transparent;
color:#09999F;
background:url(/ems/images/sprites/sprite_misc.gif) no-repeat 18px -742px;
}
.header .subNav {
background-color:#E0DEDE;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
min-height:35px;
}
.header .breadcrumbs {
color:#000;
margin:0 0 0 15px;
}
.header .breadcrumbs li a {
color:#000;
font-weight:bold;
font-size:11px;
}
.content {
background-color: #F6F6F6;
}
.public.login .content {
padding:0;
height:calc(100% - 170px);
}
.public.login.password-change .forgot {
padding-top: 0;
}
.public.login.password-change .buttons {
padding-top: 0;
}
.public.login.password-change .loginPod ul {
padding-top: 0;
}
div.login, div.errorPage {
background-image:url(/ems/images/backgrounds/bg-waves.png);
background-position:50% 30px;
height:calc(100% - 100px);
position:relative;
}
div.loginPod, div.errorPod, .login div.terms {
border:1px solid #000000;
background-color:#ffffff;
padding:30px 30px 6px 30px;
margin-top:70px;
width: 300px;
position: relative;
}
div.errorPod {
width: 480px;
position: initial;
text-align: center;
margin-top: 120px;
min-height: 260px;
}
#changePasswordForm div.loginPod {
width: 350px;
padding: 30px 30px 20px 30px;
}
#duo_form .loginPod {
padding:30px;
}
div.loginMascot {
height:420px;
width:300px;
position:absolute; 
top:-40px;
}
div.loginMascot::before {
content:'';
display:block;
background-image:url(/ems/images/maddox@2x.png);
background-size: contain;
background-repeat:no-repeat;
height:420px;
width:300px;
}
#loginForm .loginMascot  {
left:calc(50% - 500px);  
}
#changePasswordForm .loginMascot  {
left:calc(50% - 525px);  
top: 0;
}
#duo_form .loginMascot {
left:calc(50% - 650px);  
}
div.loginPod::after {
content:'';
display:block;
background-image:url(/ems/images/mapp-empower-mark.svg);
background-size: contain;
background-repeat:no-repeat;
height:70px;
width:50px;
position:absolute;
left:calc(50% - 23px);
top:-53px;
}
.loginPod h1 {
background: #ffffff;
color: #000000;
padding: 0;
}
.loginPod ul {
background-color: #ffffff;
padding-top: 20px;
}
.loginPod ul label {
text-align: left;
color: #999999;
margin-bottom: 5px;
width: auto;
}
.loginPod ul input {
background-color: #ffffff !important;
border-color: #C4C2C2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
height: 40px;
padding-left: 10px;
width: 100%;
}
.loginPod ul input.inputFocus {
border: solid 2px #09999F;
padding-left: 9px;
}
.loginPod ul li span.hint {
color: #F9423A;
padding-left: 0;
}
.loginPod ul li.buttons, .errorPod ul li.buttons, .login div.terms .buttons {
text-align: center;
}
.loginPod #auth_loginPg_loginButton, .loginPod #auth_loginPg_loginButton span,
.errorPod #back_button, .errorPod #back_button span{
background: #000000;
border-radius: 0;
border: none;
}
.loginPod .forgot{
padding:30px 0 0 0;
text-align: center;
}
.loginPod .forgot .hint{
color: #666666;
}
div.errorMascot {
height:350px;
width:250px;
position:absolute; 
top: 125px;
left: calc(50% - 380px);
}
div.errorMascot::before {
content:'';
display:block;
background-image:url(/ems/images/mascot-404.png);
background-size: contain;
background-repeat:no-repeat;
height:350px;
width:250px;
}
.errorPod h1 {
position: absolute;
width: 100%;
top: 30px;
left: 0;
background-color: #F9423A;
background-image: none;
font-size: 12px;
font-weight: bold;
height: 60px;
padding-top: 0;
padding-left: 62px;
line-height: 60px;
text-align: left;
}
.errorPod h1::after {
content: 'warning';
font-family: 'Material Icons';
font-size: 30px;
position: absolute;
left: 20px;
top: 0;
font-feature-settings: 'liga';
}
.errorPod p.instructions {
margin: 90px 0 55px 0;
font-size: 14px;
width:auto;
padding: 0 60px;
}
.errorPod li.buttons {
background-image: none;
}
button.button.login span span span {
padding: 0 15px;
text-transform: uppercase;
}
button.button.processing span span span {
background-image: none !important;
padding-left: 15px !important;
}
.login div.terms {
width: 60%;
padding: 30px 0 15px 0;
margin-top: 40px;
}
.login div.terms .terms_content {
padding: 10px 30px 30px 30px;
line-height: 16px;
}
.login div.terms h1{
padding-left: 30px;
}
.login div.terms .buttons button.button:first-child {
margin-right: 7px;
}
.login div.terms .buttons button.button span {
background-color: #000;
}
.login div.terms .buttons button.button span span span {
padding: 0 15px;
}

fieldset {
background-color: #ffffff;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
border:none;
-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
position: relative;
padding: 20px;
margin: 0 0 15px 0;
display: block;
}
fieldset fieldset {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;   
padding: 20px 0 0 0;
}

fieldset .tabs fieldset,
fieldset .tabs fieldset fieldset {
background-color: #fff;
border: none;
}

fieldset .contentBox {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;   
}

fieldset#fieldset-configureforward, fieldset#fieldset-widget_settings {
position: unset;    
}
fieldset legend {
top: 30px;
margin-bottom: 30px;
position: relative;
padding-left: 0;
font-size: 20px;
}
fieldset fieldset.rules-array, fieldset fieldset.logic, fieldset fieldset.details {
    background: #fff !important;
}
fieldset fieldset legend {
    color: #000;
    font-size: 20px;
}
.contentBox .dataTableContainer, .contentBox > .dataTable,
.contentBox .actionRow, .contentBox .actionRowBottom
/*#fieldset-FeatureSet .dataTableContainer */ {
margin-left: -10px;
margin-right: -10px;
}

.dataTableContainer {
border-top:  0;
border-bottom: 0;
border-color: #DDDDDD;
}

#fieldset-FeatureSet .dataTableContainer {
border-left: solid 1px #DDDDDD;
border-right: solid 1px #DDDDDD;
border-bottom: solid 1px #DDDDDD;
}

.contentBox > .dataTable {
width: calc(100% + 20px);
}

.actionRow .buttons li, .actionRowBottom .buttons li {
margin-right: 7px;
}

.dataTable {
border-collapse: collapse;
}
.dataTable thead tr {
height: 55px;
border-top: solid 1px #DDDDDD;
border-bottom: solid 1px #DDDDDD;
}
.dataTable th {
background: #F4F4F4;
padding-left: 20px;
padding-right: 20px;
vertical-align: middle;
border-left: solid 1px #DDDDDD;
border-right: none;
font-weight: bold;
font-size: 12px;
color: #666666;
}
.dataTable th.sortable {
padding-left: 20px;
padding-right: 10px;
}
.dataTable th.actionCol {
padding-left:10px;
padding-right: 10px;
}
.dataTable th.actionCol+th {
border-left: solid 1px #DDDDDD;    
}
.dataTable th:first-child {
border-left: 0;
}
.dataTable th.sortable a {
padding-left: 0;
}
.dataTable th.sortable:hover,.dataTable th.ascending, .dataTable th.descending {
background-image: none;
}
.dataTable th.ascending.sortable:hover,.dataTable th.descending.sortable:hover {
background-image:none;
}
.dataTable tbody tr {
/*height: 41px;*/
}
.dataTable tbody tr:hover td,
.dataTable tbody tr:hover td.innerActionCol,.dataTable tbody tr:hover td table tbody tr:hover td,.dataTable tbody tr:hover td.innerActionCol table tr:hover tbody td {
background-color: rgba(9,153,159,.10);
}
.dataTable tbody tr:hover td td {
background-color: transparent;
}
.dataTable tr.selected td {
background-color: rgba(9,153,159,.25);
}
.dataTable td.actionCol {
background-color: #ffffff;
border-right: none;
padding-left: 10px;
padding-right: 10px;
}
.dataTable tbody td {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
padding-left: 20px;
padding-top: 14px;
padding-bottom: 14px;
vertical-align: middle;
}
.dataTable tbody tr:first-child td {
border-top: none;
}
.dataTable tbody td a {
color: #09999F;
}
.dataTable select, .dataTable input {
width: auto;
width: unset;
}


form[name="reorder_category"] .dataTable {
border-bottom: solid 1px #DDDDDD;
border-left: solid 1px #DDDDDD;
border-right: solid 1px #DDDDDD;
}

.pagination input {
    font-size: 11px;
}
.footer {
background-color: #4C4B4C;
background-image: none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
color: #ffffff;
min-height: 50px;
padding: 25px 0px 8px 25px;
}
.footer .login_info {
padding-bottom: 21px;
}
.footer p {
color: #fff;
margin-bottom: 4px;
}
.footer ul li.last {
padding: 0 10px;
}
.footer ul li a {
color: #ffffff;
}

.footer div.warning {
background-image: none;
padding: 0;
}
.footer div.warning:before {
content: 'warning';
font-family: 'Material Icons';
margin-right: 10px;
font-size: 20px;
vertical-align: top;
font-feature-settings: 'liga';
}

.itemCount {
background:none;
border:none;
}
.listTabs {
padding-left: 0;
}
.listTabs .selected, .listTabs .search {
background-color: white;
border: none;
-moz-box-shadow:0 -2px 2px 0 rgba(0,0,0,0.24);
-webkit-box-shadow:0 -2px 2px 0 rgba(0,0,0,0.24);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
position: relative;
padding: 11px;
}
.listTabs .selected::after, .listTabs .search::after {
color: #FFFFFF;
height: 10px;
width: calc(100% + 10px);
content: '.';
background-color: #ffffff;
position: absolute;
bottom: -8px;
left: 0
}
.listTabs .search a, .listTabs .selected.search a {
background-image: none;
padding-left: 0;
text-decoration: none;
}
.listTabs .search a::before, .listTabs .selected.search a::before {
color:#000000;
content: 'search';
font-family: 'Material Icons';
font-size: 20px;
float: left;
margin-left: -1px;
margin-right: 3px;
font-feature-settings: 'liga';
text-decoration: none;
}
.listTabs span.arrow, .listTabs .selected span.arrow {
background-image: none;
padding-right: 7px;
}
.listTabs span.arrow::after, .listTabs .selected span.arrow::after {
color:#000000;
font-family: 'Material Icons';
font-size: 20px;
margin-left: 2px;
font-feature-settings: 'liga';
}
.listTabs span.arrow::after {
content: 'arrow_drop_down';
}
.listTabs .selected span.arrow::after {
content: 'arrow_drop_up';
}
.listTabsContent{
background-color: #ffffff;
border: none;
padding: 20px;
-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
margin-bottom: 20px;
}
.listTabsContent tr td:not(:first-child) {
padding-left: 15px;
}
.listTabsContent div.button {
padding: 0;
margin-top: 20px;
}
.listTabsContent #qs_collected-label {
position: absolute;
margin-left: 30px;
margin-top: 31px;    
}
.listTabsContent #collected {
 position: absolute;
 margin-top: 30px;   
}
.tabs {
margin: 10px -20px;
}
fieldset.withTabs {
padding-top: 0px;
}
fieldset.withTabs .tabs {
margin-top: 0px;
}
.tabs dt.tab {
background:none;
border:none;
margin-top:0;
padding: 0 20px;
font-size: 14px;
font-weight: bold;
line-height: 48px;
}
.tabs dt.active {
border-bottom:2px solid #09999F;
border-left:none;
border-top: none;
color: #09999F;
}
.tabs dd.tabContainer {
border:none;
border-top:1px solid #E1E1E1;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius: 0;
padding: 20px;
}
.beads {
background-color: #ffffff;
-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
counter-reset: step;
}
.beads li {
background: none;
position: relative;
min-width: 150px;
margin: 0;
padding: 0;
text-align: left;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 40px;
white-space: nowrap;
width: auto;
}
.beads li:first-child {
margin-left: 20px;
}
.beads li, .beads li.active, .beads li.lastActive {
color: #000000;
}
.beads li.active:before, .beads li.lastActive:before {
background-color: #09999F;
}
.beads li:before {
color: #fff;
counter-increment: step;
content: counter(step);
font-size: 12px;
width: 24px;
height: 24px;
line-height: 24px;
display: block;
text-align: center;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.38);
}
.beads li:after {
background-color: #BDBDBD;
content: '';
position: absolute;
left: 30px;
height: 1px;
top: 32px;
width: calc(100% - 40px);
}
.beads li:last-child:after {
content: none;
}
.beads li span {
margin-left: 30px;
text-align: left;
background-color: #FFFFFF;
z-index: 1;
padding-right: 7px;
margin-top: -18px;
float: left;
position: relative;
}

/*Notes for a/b versions*/
.beads + div .instructions:not(:empty) {
background-color: #ffffff;
color: #000;
-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
margin-top: 20px;
padding: 20px;
}

/*.chosen-container {
position: relative !important;
width: 523px !important;
}*/

dt#campaign_id-label + dd {
height: 40px;
}
.chosen-container-single .chosen-single {
border: 1px solid rgba(0, 0, 0, 0.15);
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
height: 40px;
line-height: 40px;
}
.chosen-container-single .chosen-single div b {
background-position: 0px 10px;
}
#Testlist .contentBox {
padding:0px;
}
dd.fingerRight {
background-color: #FFFFFF;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}
.errorMessage, .login .errorMessage, 
.warningMessage, .login .warningMessage,
.infoMessage, .login .infoMessage,
.successMessage, .login .successMessage {
min-height: 60px;
line-height: 60px;
border: none;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
width: 100%;
padding: 0 20px 0 60px;
background-image: none;
position: relative;
}
.content .errorMessage, 
.content .warningMessage,
.content .infoMessage,
.content .successMessage {
    margin-left: -30px;
    margin-top: 0px;
    width: calc(100% - 20px);
}
.login .errorMessage, 
.login .warningMessage,
.login .infoMessage,
.login .successMessage {
margin-top: -50px;
}
.login .errorMessage, 
.login .warningMessage,
.login .infoMessage,
.login .successMessage {
    margin-left: 0;
    width: calc(100% - 80px);
}
.errorMessage {
background-color: #F9423A;
}
.warningMessage {
background-color: #F2AB34;
}
.infoMessage {
background-color: #09999F;
}
.successMessage {
background-color: #09999F;
}
.errorMessage::after, .warningMessage::after, .infoMessage::after, .successMessage::after {
font-family: 'Material Icons';
font-size: 30px;
position: absolute;
left: 20px;
top: 0;
font-feature-settings: 'liga';
}
.errorMessage::after {
content: 'warning';
}
.warningMessage::after  {
content: 'notification_important';
}
.infoMessage::after  {
content: 'info';
}
.successMessage::after  {
content: 'check';
}
.errorMessage div, 
.warningMessage div,
.infoMessage div,
.successMessage div {
margin-bottom: 0;
height: 36px;
padding-top: 21px;
display: table-cell;
}
.errorMessage ul, 
.warningMessage ul,
.infoMessage ul,
.successMessage ul {
background-color: transparent;
list-style: none;
display: table-cell;
padding-top: 20px;
padding-bottom: 17px;
}

.errorMessage a, .warningMessage a, .successMessage a, .infoMessage a, .lockedMessage a {
color: #FFFFFF;
}

input.colorPicker {
width: 100px !important;
}

div.datePickerHandle {
background-image: none;
margin-top: 9px;
}

div.datePickerHandle::after {
color: #000000;
font-family: 'Material Icons';
font-size: 20px;
content: 'date_range';
font-feature-settings: 'liga';
}

div.datePickerContent select {
min-height: 30px;
width: auto;
font-size: 12px;
}

div.datePickerContent .datesArea,
div.datePickerContent .monthYearPicker {
border: none;
}

div.datePickerContent .monthYearPicker {
margin-bottom: 10px;
}

div.datePickerContent .monthYearPicker table {
background: none;
}

div.datePickerContent table.calendar td.displayDate {
border: none;
background-image: none;
background-color: #09999F;
border-radius: 10px;
}
div.datePickerContent table.calendar td.displayDate a {
color: #fff;
border-radius: 10px;
}
div.datePickerContent table.calendar td.displayDate a:hover {
background-color: rgba(224,222,222,0.35);
}

div.datePickerContent .monthYearPicker td.previousArrow a,
div.datePickerContent .monthYearPicker td.nextArrow a {
background-image: none;
position: relative;
text-decoration: none;
}

div.datePickerContent .monthYearPicker td.previousArrow a::before {
content: 'navigate_before';
font-family: 'Material Icons';
font-size: 24px;
position: absolute;
top: -3px;
left: -5px;
font-feature-settings: 'liga';
}

div.datePickerContent .monthYearPicker td.nextArrow a::before {
content: 'navigate_next';
font-family: 'Material Icons';
font-size: 24px;
position: absolute;
top: -3px;
left: -2px;
font-feature-settings: 'liga';
}

#row_cr_start_date, #row_dc_start_date, #row_lm_start_date, #row_ds_start_date, #row_lrd_start_date {
margin: 20px 0 10px 0;
display: block;
}

#createnewfieldtag p {
padding-left: 15px;
}

#html_editor___Frame {
margin-top: 20px !important;
}

#fieldset-recipient_option_choose dl dd .text {
line-height: 18px;
}

#fieldset-recipient_option_choose #include_all {
margin-top: 16px;
}
#fieldset-recipient_option_choose .infoMessage, #fieldset-choose_recipients .infoMessage {
margin-left: -10px;
width: calc(100% - 20px);
}

#BasicTestlist {
padding-left: 14px;
}

fieldset#fieldset-permissions .contentBox,
fieldset#fieldset-manage .contentBox,
fieldset#fieldset-customFields .contentBox {
margin: 0 -20px;
border: none;
}

fieldset#fieldset-permissions .contentBox .dataTable,
fieldset#fieldset-manage .contentBox .dataTable,
fieldset#fieldset-customFields .contentBox .dataTable {
margin: 0;
width: 100%;
}

fieldset#fieldset-manage .contentBox .dataTable {
border-bottom: 1px solid rgb(234, 234, 234);
margin-bottom: 30px;
}

fieldset#fieldset-permissions .dataTable th:not(:first-child),
fieldset#fieldset-manage .dataTable th:nth-child(-n+3) {
position: relative;
padding-left: 50px;
}
fieldset#fieldset-permissions .dataTable th input[type="checkbox"],
fieldset#fieldset-manage .dataTable th input[type="checkbox"]{
position: absolute;
top: 15px;
left: 19px;
}

fieldset#fieldset-manage .dataTable .expandingTable td:nth-child(5) .text {
overflow-wrap: break-word;
width: 280px;    
}

fieldset#fieldset-manage .dataTable .expandingTable td:nth-child(6) {
position: relative;
display: flex;
flex-direction: row;
}

fieldset#fieldset-manage .dataTable .expandingTable td:nth-child(6) div {
display: flex;
flex-direction: column;
text-align: left;
padding-left: 10px;
margin: auto 0;
}

fieldset#fieldset-manage .dataTable .expandingTable td:nth-child(6) div:first-child {
order: 2;
}

fieldset#fieldset-manage .dataTable .expandingTable td:nth-child(6) .hint {
position: absolute;
bottom: -12px;
left: 100px;  
}

fieldset#fieldset-template_tabs {
padding-top:0;
}

.pageContent.survey select[id^="cd_mon"],
.pageContent.survey select[id^="cd_day"],
.pageContent.survey input[type="text"][id^="cd_year"] {
   width: auto;
}

/* File Upload, Select File, Choose File button */

#UploadFile, #OptOutFile,
#choose_file_button,
#couponcodefile,
#html_template,
#text_template,
#ucd_header_image,
#ucd_customer_service_page,
#ucd_powered_by_image {
  margin-left: 40px;
  margin-bottom: 19px;
  margin-top: 11px;
  width: 0.1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}

label[for="UploadFile"]::after,
label[for="OptOutFile"]::after,
label[for="choose_file_button"]::after,
label[for="couponcodefile"]::after,
label[for="html_template"]::after,
label[for="text_template"]::after,
label[for="ucd_header_image"]::after,
label[for="ucd_customer_service_page"]::after,
label[for="ucd_powered_by_image"]::after {
  content: 'Choose File';
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  background-color: #09999F;
  height: 30px;
  padding: 0 15px;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 30px;
  position: absolute;
  left: 20px;
  margin-top: 28px;
  width: 110px;
  box-sizing: border-box;
}

label[for="UploadFile"]::before,
label[for="OptOutFile"]::before,
label[for="choose_file_button"]::before,
label[for="couponcodefile"]::before,
label[for="html_template"]::before,
label[for="text_template"]::before,
label[for="ucd_header_image"]::before,
label[for="ucd_customer_service_page"]::before,
label[for="ucd_powered_by_image"]::before {
  content: ' ';
  color: #000;
  background-color: #fff;
  height: 30px;
  padding-left: 20px;
  line-height: 30px;
  position: absolute;
  left: 123px;
  margin-top: 28px;
  font-weight: 600;
}

label[for="UploadFile"]:hover::after,
label[for="OptOutFile"]:hover::after,
label[for="choose_file_button"]:hover::after,
label[for="couponcodefile"]:hover::after,
label[for="html_template"]:hover::after,
label[for="text_template"]:hover::after,
label[for="ucd_header_image"]:hover::after,
label[for="ucd_customer_service_page"]:hover::after,
label[for="ucd_powered_by_image"]:hover::after {
  background-color: #50b9bd;
}

/* END File upload button */

.surveyFields {
margin-top: 15px !important;
display: block;
width: 414px;
}

.surveyFields tr {
position: relative;
display: block;
margin-bottom: 23px;
}

.surveyFields .label {
position: absolute;
top: -20px;
}

.surveyFields input[type="text"], select, textarea {
width: 408px;
}

.margin-top-20 {
margin-top: 20px;
}

#tabs_link span {
background-color: black;
}

#abSplitModal {
padding: 10px 14px;   
}

a.multiSelect#status_ms {
width: 400px;
}

/*Custom toggle*/

#select_all {
color: #000;
font-size: 14px;
display: inline-flex;
align-items: center;
position: relative;
margin: 12px 0;
text-transform: capitalize;
}

#select_all.unselected:before,
#select_all.selected:before {
content: "";
height: 14px;
width: 36px;
background-color: rgba(0,0,0,.38);
display: inline-block;
border-radius: 8px;
margin-right: 8px;
}

#select_all.unselected:after,
#select_all.selected:after {
content: "";
height: 20px;
width: 20px;
background-color: #fff;
display: inline-block;
border-radius: 50%;
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
position: absolute;
left: 0;
-webkit-transition: all 80ms linear; /* For Safari 3.1 to 6.0 */
 transition: all 80ms linear;
}

#select_all.selected:before {
background-color: rgba(9,153,159,.25);
}

#select_all.selected:after {
background-color: #09999F;
left: 16px;
}

/*End Custom toggle*/

#fieldset-message_headers dl:nth-child(even) {
float: left;  
width: 530px;
margin-right: 20px;
}

#fieldset-message_headers dl:nth-child(odd) {
clear: none;   
width: 45%;
margin-bottom: 70px;
padding-top: 15px;
}

#fieldset-message_headers dl:nth-child(odd) .hint {
padding-left: 30px;
}

#fieldset-message_headers dl textarea {
resize: none;
height: 140px;
max-width: 523px !important;
width: 523px;
}

#fieldset-message_headers dl .textareaInfo {
display: none;
}

input.segmentation#created_by,
input.segmentation#sent_by,
input#msg_binding_txt,
input[id^="msg_attr_text"] {
vertical-align: top;
margin-left: 12px;
}

#created_by_button, #sent_by_button, #ip_binding_button, button[id^="attributeoptionsbutton"] {
margin-left: 12px;
margin-top: 5px;
}

#created_by_button span > span, #sent_by_button span > span {
padding: 3px 17px 4px;
}

#ip_binding_button span > span, button[id^="attributeoptionsbutton"] span > span {
padding: 3px 13px 4px !important;
}

#created_by_button span>span>span, #sent_by_button span>span>span,
#ip_binding_button span>span>span, button[id^="attributeoptionsbutton"] span>span>span {
padding: 0 !important;
}

#created_by_list, #sent_by_list, #bindingoptionslist, div[id^="attributeoptionslist"] {
margin-left: 562px;
margin-top: -45px;
width: 367px;
}

#send_recur-element #w, #send_recur-element #m {
    padding: 20px 0 20px 50px;
}

#send_recur-element #w .dataTable, #send_recur-element #m .dataTable {
    width: 530px;
}

#send_recur-element #w .dataTable tbody td{
    padding-left: 5px;
}

#custom_delimiter_required_error {
    position: absolute;
    bottom: 70px;
    left: 425px;
}

/* indent sub radio forms */
#pp_form, 
#actions-element #dynamicSegment, #actions-element #createMessage,
#actions-element #exportAll, #actions-element #fillSegment,
#actions-element #fillNewSegment, #actions-element #splitNewSegment {
    margin-left: 30px;
    margin-top: 15px;
}

/*Choose days table*/

#scheduleExportWeekly .dataTable,
#scheduleExportMonthly .dataTable {
    width: 700px;
}

#pre_processing_time_required_error,
#pp_time_form .error {
    margin-top: 8px;
    margin-left: 19px;
}

/* End Iris Code */ 


.taskbar {background-color: transparent;border: none;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;padding-left: 0;}
.taskbar .taskContainer ul {border: none;padding-bottom: 5px;}
.taskbar .taskContainer ul li {background-color: #fff;border: 1px solid #E0DEDE;-moz-box-shadow:2px 2px 4px 0 rgba(0,0,0,0.12), 1px 1px 1px 0 rgba(0,0,0,0.24);-webkit-box-shadow:2px 2px 4px 0 rgba(0,0,0,0.12), 1px 1px 1px 0 rgba(0,0,0,0.24);box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.12), 1px 1px 1px 0 rgba(0,0,0,0.24); padding:10px 0 5px 0; margin-right: 20px;}
.taskbar .taskContainer ul li:hover {border: 1px solid #000000;}
.taskbar button {font-family: 'Open Sans', sans-serif; height: auto !important; min-width: 125px; width: auto !important;}
.taskbar .createForm span.icon {background-position: 50% -694px; background-image: url(/ems/images/task_icons/bh-icons-32.png);}
.taskbar .embedCode span.icon {background-image: url("/ems/images/task_icons/bh-icons-32.png");background-position: 50% -894px;}

.taskbar button[disabled] span.icon, .taskbar button.hover[disabled] span.icon, .taskbar button[disabled]:hover span.icon {
    background-image: none;
}

.taskbar .formStats {
    width: 80px !important;
}

.taskbar .formStats > span > span {
    width: 65px !important;
}

.taskbar button:active {
    color: #000;
}

.taskbar button[disabled], .taskbar button.hover[disabled], .taskbar button[disabled]:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    cursor: default;
    opacity: 0.6;
}

.taskbar button span.icon,
.taskbar button[disabled] span.icon {
    background-image: none;
    height: auto !important;
}

.taskbar button.hover,.taskbar button:hover{background-color:#ffffff;background-image:none;}

.taskbar button span.icon::before {
    color:#09999F;
    content: 'add';
    font-family: 'Material Icons';
    font-size: 36px;
    font-feature-settings: 'liga';
}
.taskbar button span.icon span {
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 100% !important;
}

.taskbar button#customize_form_url span.icon:before {
    content: 'tune';
}

.taskbar button#upload_templates span.icon:before,
.taskbar button#upload_dynamic_content span.icon:before {
    content: 'cloud_upload';
}

.taskbar button#add_button span.icon:before {
    content: 'add_to_queue';
}

.taskbar button#add_button span.icon:before {
    content: 'add_to_queue';
}

.taskbar button#reorder_id span.icon:before {
    content: 'reorder';
}

.taskbar button.done span.icon:before {
    content: 'arrow_back';
}

.taskbar button.editForm span.icon:before {
    content: 'edit';
}

.taskbar button.publishForm span.icon:before {
    content: 'publish';
}

.taskbar button.restoreForm span.icon:before {
    content: 'restore';
}

.taskbar button.manageClasses span.icon:before,
.taskbar button.manageRecurringJobs span.icon:before,
.taskbar button.manageJobs span.icon:before,
.taskbar button.history span.icon:before,
.taskbar button.category span.icon:before  {
    content: 'view_list';
}

.taskbar button.link span.icon:before  {
    content: 'assignment';
}

.taskbar button.viewForm span.icon:before  {
    content: 'search';
}

.taskbar button.formStats span.icon:before  {
    content: 'bar_chart';
}

.taskbar button.blocks span.icon:before  {
    content: 'toggle_on';
}

.taskbar button[disabled].blocks span.icon:before  {
    content: 'toggle_off';
}

.taskbar span.icon.createDynamicSegments{background:transparent url(/ems/images/task_icons/createDynamicSegments.gif) no-repeat scroll center 4px;}
.taskbar span.icon.createSubscriber{background:transparent url(/ems/images/task_icons/createSubscriber.gif) no-repeat scroll center 4px;}
.taskbar span.icon.createSalesRep{background:transparent url(/ems/images/task_icons/createSalesRep.gif) no-repeat scroll center 4px;}
.taskbar span.icon.createTemplateCategory{background:transparent url(/ems/images/task_icons/createTemplateCategory.gif) no-repeat scroll center 4px;}
.taskbar span.icon.createCommerceSegment{background:transparent url(../../../ems/images/task_icons/createCommerceSegments.gif) no-repeat scroll center 4px;}
.taskbar span.icon.createAdHocSegment{background:transparent url(../../../ems/images/task_icons/createAdhocSegments.gif) no-repeat scroll center 4px;}
.taskbar span.icon.editTransactional{background:transparent url(/ems/images/task_icons/bh-icons-32.png) no-repeat scroll center 4px; background-position: 50% -894px;}
.taskbar span.icon.publishTransaction{background:transparent url(/ems/images/task_icons/bh-icons-32.png) no-repeat scroll center 4px; background-position: 50% -1094px;}
.taskbar span.icon.resetToLiveTransaction{background:transparent url(/ems/images/task_icons/bh-icons-32.png) no-repeat scroll center 4px; background-position: 50% -1194px;}
.taskbar span.icon.previewTransactional{background:transparent url(/ems/images/task_icons/previewTransactional.gif) no-repeat scroll center 4px;}
.taskbar span.icon.sendTransactional{background:transparent url(/ems/images/task_icons/sendTransactional.gif) no-repeat scroll center 4px;}
.taskbar span.icon.testTransactional{background:transparent url(/ems/images/task_icons/testTransactional.gif) no-repeat scroll center 4px;}
.taskbar span.icon.hideDisabledTransactional{background:transparent url("/ems/images/task_icons/bh-icons-32.png") no-repeat scroll center 4px; background-position: 50% -1494px;}
.taskbar span.icon.showDisabledTransactional{background:transparent url("/ems/images/task_icons/bh-icons-32.png") no-repeat scroll center 4px; background-position: 50% -1394px;}
.taskbar span.icon.manageTemplates{background:transparent url("/ems/images/task_icons/bh-icons-32.png") no-repeat scroll center 4px; background-position: 50% -94px;}
.taskbar span.icon.createPowerbox{background:transparent url(/ems/images/task_icons/createRtContent.png) no-repeat scroll center 4px;}
.taskbar span.icon.managePowerbox{background:transparent url(/ems/images/task_icons/manageRtContent.png) no-repeat scroll center 4px;}

/* begin Dashboard styles */
.break-word { word-wrap: break-word; overflow:hidden }
ul.dashboard_links{list-style:none;}
ul.dashboard_links li{line height:14px;}
ul.dashboard_links a:link, ul.dashboard_links a:hover, ul.dashboard_links a:visited{background-color:transparent;text-decoration:none;color:#000; display:block; padding:5px 0px 5px 23px; border-bottom:1px dotted #ccc; line-height:14px;}
ul.dashboard_links a:hover{background-color:#e5e5e5;}
#best-practices-archive a{background-image:url(/ems/images/link_icons/about_16x16.gif);}
#webcast-archive a{background-image:url(/ems/images/link_icons/play_16x16.gif);}
#on-the-road{line-height:14px;}
#bh-dashboard .error{width:130px;}#bh-dashboard button{margin-left:145px;}
ul.iconWell > li {background: transparent; border-left: 1px solid #ccc; padding: 0;}
ul.iconWell li.icon a.icon {
font-size: 0;
text-indent: 0;
height: 35px;
background-image: none;
}
ul.iconWell li.hover a.icon {background-color: #F2AB34;}
ul.iconWell li.help a {background:transparent url(/ems/images/help_icons.gif) no-repeat scroll 5px 3px;color:#E88505;padding:0 12px 0 35px;}
ul.iconWell li:hover a.help, ul.iconWell li.hover a.help {background:#F2AB34; color:#FFFFFF;}
ul.iconWell li.help li a, ul.iconWell li:hover li a, ul.iconWell li.hover li a{color:#000;background:none;line-height:14px;padding:3px 10px;}
ul.iconWell li.help li a:hover, ul.iconWell li:hover li a:hover, ul.iconWell li.hover li a:hover{text-decoration:underline;}
ul.iconWell li li li{padding:0px;line-height:14px;background:none; border:none;overflow:hidden;float:none;}
.iconWell div.helpHeader{padding:20px 25px 8px 0;font-size: 14px;}
.iconWell div.helpHeader:first-child {padding-top:15px;}
.helpLink{display:block;width:auto;}
ul.iconWell .helpLink a:link, ul.iconWell .helpLink a:hover, ul.iconWell .helpLink a:visited{color:#000;background:none;display:block;width:auto;}
.contentBox {overflow-x: auto; background:#FFFFFF; border:none;-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);  }
ul.iconWell li.icon a.calendar { text-align: center; padding: 0; width: 52px;}
.iconWell li.hover a.calendar {background-image: none;}
.iconWell li a.calendar::after, .iconWell li.hover a.calendar::after,
.iconWell li a.search::before, .iconWell li.hover a.search::before,
.iconWell li a.search::after, .iconWell li.hover a.search::after,
.iconWell li a.help::before, .iconWell li.hover a.help::before,
.iconWell li a.help::after, .iconWell li.hover a.help::after {
color:#000000;
font-family: 'Material Icons';
font-size: 20px;
font-feature-settings: 'liga';

}
.iconWell li a.calendar::after, .iconWell li.hover a.calendar::after {
content: 'calendar_today';
}
.iconWell li a.search {
position: relative;
}
.iconWell li a.search::before, .iconWell li.hover a.search::before {
content: 'search';
margin-left: 10px;
}
.iconWell li a.search::after, .iconWell li.hover a.search::after {
content: 'arrow_drop_down';
margin-left: 27px;
position: absolute;
top: 0;
}
.iconWell li a.help {
background-image: none;
color: #000000;
position: relative;
}
.iconWell li a.help::before, .iconWell li.hover a.help::before {
content: 'help_outline';
margin-left: 10px;
position: absolute;
left: 0;
}
.iconWell li a.help::after, .iconWell li.hover a.help::after {
content: 'arrow_drop_down';
margin-left: 27px;
position: absolute;
top: 0;
}
.iconWell a.icon span {
background-image: none;
background: none;
color: #000000;
}
.iconWell li.hover a.calendar::after,
.iconWell li.hover a.search::before,
.iconWell li.hover a.search::after,
.iconWell li.hover a.help::before,
.iconWell li.hover a.help::after,
.iconWell li.hover a > span  {
color:#FFFFFF;
}
.iconWell li .wrapper {
border-top-color: #F2AB34;
}
.iconWell #search {
margin-left: 80%;
}
fieldset .contentBox {background:none;border:1px solid #ccc;clear:both;margin:15px 10px;padding:0px;width:auto;}
.nav li ul li ul li a, .nav li:hover ul li ul li a, .nav li.hover ul li ul li a, .nav li ul li ul li a:hover{text-decoration:none;}
.whiteLabel {background:#FFFFFF;}
.whiteLabel .auth a {color:#000000;}
a.poweredLogo{float:left;}
textarea.editorBasic {height: 400px;width: 700px;}
/*button.button.excludeRec span span span, button.button.excludeRec span > span > span { background: url("/ems/images/icon-excludeRec.gif") no-repeat scroll 0 0 transparent !important; padding-left: 20px; }*/
/*button.button.includeRec span span span, button.button.includeRec span > span > span { background: url("/ems/images/icon-includeRec.gif") no-repeat scroll 0 0 transparent !important; padding-left: 20px; }*/
dl dd #included_all-element {background:transparent url(/ems/images/icon-includeRec.gif) no-repeat scroll 0 0;line-height:18px;max-width:527px;padding-left:20px;}
.text .infoMessage{width:265px;}

.treeList li a{color:#000;display:block;line-height:12px;padding:5px 10px 5px 24px;}

#NotificationsTable table td.notif_info{padding-left:32px; background: url(/ems/images/notif.gif) no-repeat 10px 5px;}
#NotificationsTable table td.notif_warning{padding-left:32px; background: url(/ems/images/notif.gif) no-repeat 10px -95px;}
#NotificationsTable table td.notif_error{padding-left:32px; background: url(/ems/images/notif.gif) no-repeat 10px -195px;}
#NotificationsTable table td.notif_success{padding-left:32px; background: url(/ems/images/notif.gif) no-repeat 10px -295px;}

fieldset.bh-pod-placeholder {
    padding: 150px 20px;
    background-color: #F4EE9F;
    border: 0 none;
}
.chart-container .dataTableView .dataTableContainer {
    border-top: 0 none !important;
}
fieldset .chart-container { border: none; margin: 0px; padding: 0px; }
fieldset .dataTableView {margin: 0 -20px;}
fieldset .dataTableView .dataTableContainer {border: none;}
#marketingSlides { height: 332px; }
.linkList li {
    padding: 3px 0;
}
.linkList li::before{
    content: 'mail_outline';
    font-family: 'Material Icons';
    font-size: 20px;
    font-feature-settings: 'liga';
}
.linkList li a{padding-left:8px; color:#000;display:inline-block;line-height:12px; vertical-align: super;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 270px;
}
.linkList li.help_topic a {background:url(/ems/images/sprites/sprite_misc.gif) no-repeat 10px -295px;}
.linkList li.file_pdf a {background:url(/ems/images/sprites/icons/icons-black-16.png) no-repeat 10px -5095px;}
.linkList li.video {background:url(/ems/images/link_icons/video-play.gif) no-repeat 10px 4px;}
#KnowledgeBase_pod .linkList ul{margin-bottom:15px;}
fieldset #notifications .errorMessage, fieldset #notifications .warningMessage , fieldset #notifications .successMessage, fieldset #notifications .infoMessage, fieldset #notifications .lockedMessage {
    margin: 0px 0px 15px 0px;
    padding: 6px 10px 4px 10px;
}
#notifications .errorMessage h3, #notifications .warningMessage h3, #notifications .successMessage h3, #notifications .infoMessage h3, .lockedMessage h3 {
    font-size: 12px;
    margin: 0px 0px 0px 40px;
    min-height: 40px;
}

.rss-channel h1 {color: #134C96;font-size: 18px;margin: 10px 0px;}
.rss-channel h2 {border-bottom: 2px solid #EAEAEA;color: #134C96;font-size: 18px;margin: 15px 0pt;padding: 5px 0pt;}
.rss-desc {color: #666666;line-height: 16px;margin: 0px 0px 10px;}
.rss-item {margin: 20px 0pt;}
.rss-title {margin: 10px 0px 5px;}
.rss-title a:link, .rss-title a:hover, .rss-title a:visited {font-weight: bold;text-decoration: underline;}
.rss-item .rss-desc {color: #000000;line-height: 18px;margin: 0px 0px 10px;}
.rss-item .rss-read-more {color: #000000;}

.slidenav {height: 12px; padding: 8px 0 0; text-align: center;}
.slidenav a:link, .slidenav a:hover, .slidenav a:visited {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: none repeat scroll 0 0 #CCCCCC; color: #CCCCCC; font-size: 1px; margin: 0 3px; padding: 6px; }
.slidenav a:hover{background: none repeat scroll 0 0 #dddddd; color:#dddddd;}
.slidenav a.activeSlide{background: none repeat scroll 0 0 #134C96; color:#134C96;}


.dataTable .status{background-image:url(/ems/images/mess-sprite-v2.png); background-repeat:no-repeat; padding-left:20px; height:16px;word-break: normal;}
.dataTable .scheduled, .dataTable .approvedandScheduled{background-position:-14px 0px;}
.dataTable .sent, .dataTable .approvedandSent, .dataTable .approvedandScheduledSent{background-position:-14px -32px;}
.dataTable .draft{background-position:-14px -16px;}
.dataTable .pending, .dataTable .approvalExpired{background-position:-14px -48px;}
.dataTable .noActivity{background-position:-14px -96px;}
.dataTable .revisionRequested{background-position:-14px -112px;}
.dataTable .approved, .dataTable .messageApproved{background-position:-14px -128px;}
.dataTable .awaitingApproval, .dataTable .requestedApproval{background-position:-14px -144px;}
.dataTable .approvalOpened{background-position:-14px -160px;}
.dataTable .edited{background-position:-14px -112px;}

.questionBg .question div{max-height:250px; overflow:auto; padding-right:10px; margin-bottom:10px}
#NotificationsTable table {table-layout: auto}
#NotificationsTable table td {border-bottom:1px solid #d2d2d2; padding:5px 5px 5px 10px; line-height:16px;}
#NotificationsTable strong {white-space:nowrap;}
#NotificationsTable table td.content {padding:5px 5px 5px 10px; background:none; width:190px;}
#NotificationsTable table tr.last td {border-bottom:0; padding-bottom:0;}
/* end Dashboard styles */

.tabSet {margin-top:20px;}
.champ, tr:hover td.champ{background:#d1ebc1;color:#669900;font-weight:bold;}
.dataTable .champ{background:#d1ebc1;color:#669900;font-weight:bold;}

.ab-results .ab-subhead td{background:#f1f1f1; text-align:left; border-right:1px solid #ccc; border-left:1px solid #fff}
.ab-results tbody  tr.ab-subhead:hover td{background:#f1f1f1;}
.ab-results td{padding:8px; text-align:right;}
.ab-results td.first{text-align:left;}
.ab-results .ab-subhead ul li{padding:3px; 0px;}
.ab-results .subject{font-weight:bold;}
.ab-results a.review{background: url(/ems/images/ab-sprite.gif) no-repeat 0px -100px; padding-left:20px; display:block; line-height:16px;}
.ab-results a.stats{background: url(/ems/images/ab-sprite.gif) no-repeat 0px 0px; padding-left:20px; display:block; line-height:16px;}

.summaryEditButton button {top: -40px;}
span.warning {background: url(/ems/images/sprite_messages.gif) no-repeat scroll 0 -5986px transparent; color: #E78620; font-weight: bold; padding: 0 0 0 20px; }
.dataBar{
        background:#dddddd url(/ems/images/grad-1.jpg) repeat-x top;
        border:1px solid #ededed;
        border-bottom:1px solid #ccc;
        clear:both;
        overflow:auto;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        margin:2px 1px;
}
.dataBar dl{
        padding:3px 10px;
        margin:0px auto;
        width:auto;
        overflow:hidden;
}
.dataBar dd, .dataBar dt{
        padding:0px;
        margin:0px;
        float:none;
        width:auto;
        text-align:center;
        line-height:24px;
}
.dataBar dt{
        font-weight:bold;
}
.dataBar .value{
        font-size:22px;
        font-weight:bold;
        line-height:22px;
}
.dataBar .negative{
        color:#BD2F2F;
}
.dataBar .positive{
        color:#5E923A;
}
.dataBar .negative span, .dataBar .positive span{
        padding:0px 0px 1px 18px;
        line-height:16px;
}
.dataBar .negative .down{
        background:url(/ems/images/dataBarSprite.png) no-repeat 0px -200px;
}
.dataBar .positive .up{
        background:url(/ems/images/dataBarSprite.png) no-repeat 0px -300px;
}
.dataBar .negative .up{
        background:url(/ems/images/dataBarSprite.png) no-repeat 0px -100px;
}
.dataBar .positive .down{
        background:url(/ems/images/dataBarSprite.png) no-repeat 0px 0px;
}
.dataBar table{
        border:none;
        padding:0px;
        margin:0px;
        width:100%;
}
.dataBar table td{
        border-left:1px solid #fff;
        border-right:1px solid #cecdce;
        vertical-align:top;
        border-collapse:seperate;
        }
.dataBar table td.first{
        border-left:none;
        }
.dataBar table td.last{
        border-right:none;
}
.strategyResults td, .strategyResults th{text-align:right;}
.strategyResults td.first,  .strategyResults th.first{text-align:left;}
.nonResponders .value{color:#990000}
.responders .value{color:#009900}

.nonResponders dt, .responders dt{
    padding-left: 30px;
        background: url(/ems/images/nonresponder.png) no-repeat scroll 0 0 transparent;
        width:95px;
        margin:0px auto;
}
.responders dt{
    background: url(/ems/images/responder.png) no-repeat scroll 0 0 transparent;
    width:70px;
}
.promoter {
    height:24px;
    padding-left:28px;
    display:inline-block;
    margin-left:-28px;
    background: url(/ems/images/strategy/bronze.png) no-repeat scroll 0 0 transparent;
}
.advocate {
    height:24px;
    padding-left:28px;
    display:inline-block;
    margin-left:-28px;
    background: url(/ems/images/strategy/silver.png) no-repeat scroll 0 0 transparent;
}
.evangelist {
    height:24px;
    padding-left:28px;
    display:inline-block;
    margin-left:-28px;
    background: url(/ems/images/strategy/gold.png) no-repeat scroll 0 0 transparent;
}
.header .auth li {border-left: 1px solid #FFFFFF; color: #FFFFFF;}
.header .auth li:first-child {border-left: none; border-right: none;}
.header .auth li.switch {border-left: none;}
.whiteLabel .auth li {border-left: 1px solid #000000; color: #000000; }
.whiteLabel .logo { width:auto; }

.sansnav {
    height: 90px;
}

.split-segment-instructions {width:100%;}
#fieldset-bulkactions .contentBoxCat {min-width:700px;}

#fieldset-bulkactions dl {padding-top:6px;}
/***********Temporary css for Client Satisfaction Survey **************/
.usersurvey td{
    text-align:center;
    padding:8px;
    vertical-align:middle;
}
.usersurvey th {
    vertical-align:middle;
}
.usersurvey td p {
    margin-bottom:0px;
    text-align:left;
    line-height:15px;
}
.usersurvey td dl dd {
    float: none;
    margin: 0px auto;
    padding: 0 0 0px;
    text-align:center;
}
.modalPage .usersurvey dl dt {
    width: 220px;
}
/**********************************************************************/

.queryGroup{
    border:1px solid #ccc;
    background:#f1f1f1;
    padding:5px;
    margin-bottom:10px;
}
h4.operator{
    color: #1659AA;
    font-size: 14px;
    padding: 0 0 10px 150px;
    text-transform: uppercase;
}


/*******************************Event Calendar************************/
.eventsCalendar {position: relative; min-width: 900px; width: 100%;}
.eventsCalendar table {position: relative; width: 100%; border-collapse: separate; border-color: #ddd; border-style: solid; border-width: 1px 1px 1px 0; table-layout: fixed;}
.eventsCalendar thead {height: 40px; background-color: #F7F7F7;}
.eventsCalendar thead td.left {border-left: 1px solid #ddd;}
.eventsCalendar div.calHeader {clear: both; height: 35px; padding: 5px 5px 0 10px; border-bottom: 1px solid #DDD; background-color: #DFDFDF; background-image: -moz-linear-gradient(top , #FEFEFE, #DFDFDF); background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DFDFDF));} /*background: #D9D9D9 url(/ems/images/sprites/backgrounds.gif) repeat-x scroll 0 -1627px;*/
.eventsCalendar div.calHeader h2 {display: block; margin-top: 3px; font-weight: bold; color: #1659AA;}
.eventsCalendar div.calHeader h2, .eventsCalendar div.calButtons button {float: left;}
.eventsCalendar div.viewButtons button, .eventsCalendar div.calButtons button {float: left; margin-left: 10px;}
.eventsCalendar tr.weekdays td {width: 14.2857%; text-align: center; padding:5px;}
.eventsCalendar div.dateEvents {position: relative; padding: 2px 0 2px 3px; white-space: nowrap; overflow: hidden; width: 99%;}
.eventsCalendar tbody td {vertical-align: top; border-style: solid; border-width: 1px 2px 0 1px; border-color: #ddd;}
.eventsCalendar tbody td.today, .eventsCalendar div.dateEvents.today {background-color: #dee; border-right-color: #dee;}
.eventsCalendar tbody td.active, .eventsCalendar div.dateEvents.active {background-color: #fff;  border-right-color: #fff;}
.eventsCalendar tbody td.inactive, .eventsCalendar div.dateEvents.inactive {background-color: #F2F2F2; border-right-color: #F2F2F2;}
.eventsCalendar caption {height: 32px; clear: both; position: absolute; top: -38px; width: 100%;} /* the caption won't break out of the table for IE */
.eventsCalendar .viewButtons, .eventsCalendar .calButtons, .eventsCalendar div.eventsCaption {float: right;}
.eventsCalendar tbody.month div.dateEvents {height: 105px;}
.eventsCalendar tbody.week div.dateEvents {height: 345px;}
.eventsCalendar div.dateLabel {height: 16px; width: 100%; background-color: #F7F7F7; text-align: right;}
.eventsCalendar div.dateLabel span {line-height: 16px; font-size: 11px; padding: 0 5px 2px;}
.eventsCalendar div.day-events-loading {width: 20px; height: 20px; background-image: url(/ems/images/animated/spin-sm.gif); background-repeat: no-repeat;}

.eventsCalendar .button.previous > span,
.eventsCalendar .button.next > span {
width: 30px;
}

.eventsCalendar .button.previous::before,
.eventsCalendar .button.next::before {
font-family: 'Material Icons';
font-size: 28px;
font-feature-settings: 'liga';
color: #fff;
position: absolute;
}

.eventsCalendar .button.previous::before {
content: 'keyboard_arrow_left';
}

.eventsCalendar .button.next::before {
content: 'keyboard_arrow_right';
}

/*EVENTS*/
#eventsRollUpList, #eventsFullView {display: none;}
#eventsRollUpList .modalScroller {height: 250px; width: 500px;}
#eventsFullView .modalScroller {height: 240px; width: 380px;}
.ics-links {position: relative;}
.ics-loading {float: left; visibility: hidden; height: 20px; padding-left: 30px; background-image: url(/ems/images/animated/spin-sm.gif); background-repeat: no-repeat;}
.ics-download {float: right;}
.event-time-column {white-space: nowrap;}
.dateEvents ul {margin: 0; padding: 0;}
.dateEvents li {font-weight: normal; line-height: 14px; color: #333; padding: 6px 2px 6px 22px; background-image: url(/ems/images/sprites/icons/icons-black-16.png); background-repeat: no-repeat;}
.dateEvents li.chart_arrow {background-position: 1px -7195px;}
.dateEvents li.click {background-position: 1px -1395px;}
.dateEvents li.link {background-position: 1px -7695px;}
.dateEvents li.cart {background-position: 1px -1995px;}
.dateEvents li.currency {background-position: 1px -3095px;}
.dateEvents li.cd {background-position: 1px -2294px;}
.dateEvents li.info {background-position: 1px -95px;}
.dateEvents li strong {font-weight: normal; color: #003366;}
.dateEvents li strong.rollup {font-weight: bold; color: #003366;}
.dateEvents .full_events {display: none;}
.dateEvents li.standard{
    background-position: 4px 5px;
}
.dateEvents li.recurring{
    background-position: 4px -93px;
}

.reminders_today li.standard,  .reminders_tomorrow li.standard{
    background-position: 6px 5px;
}
.reminders_today li.recurring,  .reminders_tomorrow li.recurring{
    background-position: 6px -93px;
}
.event_reminders .reminders_tomorrow{
    display:block;
}
.dateEvents li{
    background-image: url("/ems/images/calendar-sprite-16.png");
    background-repeat: no-repeat;
    color: #333333;
    font-weight: normal;
    line-height: 14px;
    padding: 6px 2px 6px 22px;
}

td span.trendValueDelta {font-size:12px;font-weight:bold; display: inline-block;}
td span.trendValueDelta {padding:0 0 0 40px; line-height:25px;}

td .positive-up {white-space: nowrap; color:#09999F; position: relative;}
td .positive-up span.trendValueDelta::before {
    content: 'trending_up';
    font-family: 'Material Icons';
    font-size: 28px;
    font-feature-settings: 'liga';
    position: absolute;
    left: 0;
    top: 0;
}

td .positive-down {white-space: nowrap; color:#09999F; position: relative;}
td .positive-down span.trendValueDelta::before {
    content: 'trending_down';
    font-family: 'Material Icons';
    font-size: 28px;
    font-feature-settings: 'liga';
    position: absolute;
    left: 0;
    top: 0;
}

td .negative-up {white-space: nowrap; color:#F9423A; position: relative;}
td .negative-up span.trendValueDelta::before {
    content: 'trending_up';
    font-family: 'Material Icons';
    font-size: 28px;
    font-feature-settings: 'liga';
    position: absolute;
    left: 0;
    top: 0;
}

td .negative-down {white-space: nowrap; color:#F9423A; position: relative;}
td .negative-down span.trendValueDelta::before {
    content: 'trending_down';
    font-family: 'Material Icons';
    font-size: 28px;
    font-feature-settings: 'liga';
    position: absolute;
    left: 0;
    top: 0;
}

td .neutral-up {white-space: nowrap; color:#666; position: relative;}
td .neutral-up span.trendValueDelta::before {
    content: 'trending_up';
    font-family: 'Material Icons';
    font-size: 28px;
    font-feature-settings: 'liga';
    position: absolute;
    left: 0;
    top: 0;
}


td .neutral-down {white-space: nowrap; color:#666; position: relative;}
td .neutral-down span.trendValueDelta::before {
    content: 'trending_down';
    font-family: 'Material Icons';
    font-size: 28px;
    font-feature-settings: 'liga';
    position: absolute;
    left: 0;
    top: 0;
}

td .neutral-nochange {white-space: nowrap; color:#666; position: relative;}
td .neutral-nochange span.trendValueDelta::before {
    content: 'trending_flat';
    font-family: 'Material Icons';
    font-size: 28px;
    font-feature-settings: 'liga';
    position: absolute;
    left: 0;
    top: 0;
}

.event_reminders .reminders_today li.standard, .event_reminders .reminders_today li.recurring,
.event_reminders .reminders_tomorrow li.standard, .event_reminders .reminders_tomorrow li.recurring {
    /*background-image: url("/ems/images/calendar-sprite-16.png");*/
    background-repeat: no-repeat;
    color: #333333;
    font-weight: normal;
    line-height: 14px;
    padding: 6px 2px 6px 5px;
}

.event_reminders li.recurring:last-child {
    padding-bottom: 15px;
}

dl dd .text .hint{line-height:1;}
dl dd span.hint span.hint_long {
    width: 523px;
    display: block;
}

div.msgApprovalActivityComments {
   background-color:#e8e8e8;
   width:700px
}

div.msgApprovalActivityComments  .comment_holder{
    border:1px solid;
    border-color:#ffffff #e8e8e8 #cccccc #e8e8e8;
}

div.msgApprovalActivityComments table.comments_table {
    width:700px;
}

div.msgApprovalActivityComments table.comments_table td{
    padding: 1px 4px ;
}


.details_content {
    margin: 20px 0px;
    width: 100%;
}
.details_content tr {
    border: 1px #ccc solid;
}
.details_content tr td:first-child {
    font-weight: bolder;
    padding-right: 30px;
    white-space: nowrap;
    width: 100px;
}
.details_content tr td {
    padding: 5px;
    margin: 5px;
}

div.temp_meter{
	width:370px;
	height:15px;
	border:3px solid #ccc;
	background:#fff;
        float: right;
}
div.temp_meter div.bar-green{
	height:15px;
	background:#498e35 url(/ems/images/temp_meter.jpg) no-repeat;
}
div.temp_meter div.bar-red{
	height:15px;
	background:#990000;
}
span.temp_meter{
    float: right;
    font-size: 11px;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;
    clear: both;
}
#imageHover{
    position:absolute;
    border:3px solid #6894BA;
    background:#FFFFFF;
    padding:3px;
    display:none;
    color:#fff;
}
.smallThumb{
    width: 60px;
    height: 60px;
    margin: 0 0 11px;
    padding: 0px;
    overflow: hidden;
    position: relative;
    text-align: left;
}
.mediumThumb{
    overflow: hidden;
    padding: 0px;
}

dd.ui-accordion-content-active {
    overflow-x:auto;
}

.spam-report {
                padding:0px 30px;
                background:#fff;
}
h3.spam-score {
                font-size:20px;
                margin:20px 0px;
}
h3.spam-score span, .spam-score span {
                font-size:12px;
                font-weight:bold;
}
h3.spam-score span.hint {
                font-weight:normal;
                display:block;
                margin-top:10px;
                color:#878787;
}
.spam-score i {
                display:inline-block;
                height:16px;
                width:16px;
                margin-right:5px;
                background:url(/ems/images/spam-sprite.png);
                background-repeat:no-repeat;
                background-position: 0px 0px;
                vertical-align:middle;
}
h3.spam-score i {
                vertical-align:inherit;
}
.spam-green i {
                background-position: 0px 0px;
}
.spam-green span.message {
                color:#108910;
}
.spam-orange i {
                background-position: 0px -16px;
}
.spam-orange span.message {
                color:#e78620;
}
.spam-red i {
                background-position: 0px -32px;
}
.spam-red span.message {
                color:#b4342b;
}
div.hint_long {
    width: 728px;
}

button.button.socialshare span span span {
    padding-left: 22px;
    background-position: 0px 0px;
}
button.button.socialshare > span > span > span, button.button.socialshare:hover > span > span > span {
    background-image: url(/ems/images/socialshare.png);
}

.campaignRptRow {
    font-weight: bold;
    color: #444444;
}
#dialogoverlay_imagelibrary{ 
    display: none; opacity: .8; position: fixed; top: 0px; left: 0px; background: #B9B9B9; width: 100%; z-index: 10; 
} 
#dialogbox_imagelibrary{ 
    display: none; position: fixed; background: #FF7111; width:450px; z-index: 10; 
} 
#dialogbox_imagelibrary > div{ 
    background:#EEE; margin:3px; 
} 
#dialogbox_imagelibrary > div > 
#dialogboxhead_imagelibrary{ 
    background: #EEE; font-size:21px; padding:10px; color:#000000; 
} 
#dialogbox_imagelibrary > div > 
#dialogboxbody_imagelibrary{ 
    background: #FFFFFF; padding:10px; color:#000000; 
} 
#dialogbox_imagelibrary > div > 
#dialogboxfoot_imagelibrary{ 
    background: #FFFFFF; padding:10px; text-align:right; 
}

.calendar-box {
	display:none;
	background-color:#fff;
	border:1px solid #444;
	position:absolute;
	width:185px;
	padding: 0 5px;
}
.calendar-box select.calendar-month {
	width:90px;
        //font-size:8px;
}
.calendar-box select.calendar-year {
	width:70px;
        //font-size:8px;
}
.calendar-box .calendar-cancel {
	width:100%;
}
.calendar-box table td {
	width:14%;
}
.calendar-box .calendar-title {
	text-align:center;
}
.calendar-box a {
	text-decoration:none;
}
.calendar-box .today a {
	padding:0 5px;
	margin-left:-5px;
	background-color:#ffe9c6;
} 
.calendar-box .selected a {
	padding:0 5px;
	margin-left:-5px;
	background-color:#c9ff8b;
}
#imeventlimitpermonth, #ipeventlimitpermonth{
	display: none;
}
#inboxMonitorSlider, #inboxPreviewSlider{
	float: left;
	clear: right;
	width: 200px;
	margin: 5px 0px 3em 0px;
	position: relative;
	height: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #333 #333 #777 #333;
	border-radius: 25px;
	background-color: #8e8d8d;
	background: url('/ems/images/jquery_ui/slider/bg-track.png') repeat top left;
    box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 
    				  0 1px 0 0px rgba(250, 250, 250, .5);
}
#inboxMonitorSlider .slider-tooltip, #inboxPreviewSlider .slider-tooltip{
	position: absolute; 
	clear: both;
	display: none;
	top: -30px;
	left: -60px;
	width: 34px;
	height: 21px;
	color: #fff;
	text-align: center;
	font: 10pt Tahoma, Arial, sans-serif ;
	border-radius: 3px;
	border: 1px solid #333;
    -webkit-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, .3);
    box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, .3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -moz-linear-gradient(top,  rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
#inboxMonitorSlider .ui-slider-handle,  #inboxPreviewSlider .ui-slider-handle{
	position: absolute;
	z-index: 2;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: url('/ems/images/jquery_ui/slider/handle.png') no-repeat 50% 50%;
	font-weight: bold;
	color: #1C94C4;
	border: none;
	outline: none;
	top: -9px;
	margin-left: -12px;
}
#inboxMonitorSlider .ui-slider-range, #inboxPreviewSlider .ui-slider-range {	
	background: #2455af; /* Old browsers */
	background: -moz-linear-gradient(top,  #498dd7 0%, #2455af 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#498dd7), color-stop(100%,#2455af)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #498dd7 0%,#2455af 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #498dd7 0%,#2455af 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #498dd7 0%,#2455af 100%); /* IE10+ */
	background: linear-gradient(top,  #498dd7 0%,#2455af 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#498dd7', endColorstr='#2455af',GradientType=0 ); /* IE6-9 */
	position: relative;
	border: 0;
	top: 0;
	height: 100%;
	border-radius: 25px;
}

#inboxMonitorSlider .ui-state-default, .ui-widget-content .ui-state-default, #inboxPreviewSlider .ui-state-default, .ui-widget-content .ui-state-default {
	/* background: none;
 	background-color: #999;
	border-radius: 3px;
    box-shadow: 4px #999;
 	border: 1px solid #ddd
 	cursor: pointer;
 	height: 14px;
 	top: -3px;
 	width: 10px; */
}
#inboxMonitorSlider label, #inboxPreviewSlider label {
    position: absolute;
    width: 20px;
    margin-left: -10px;
    text-align: center;
    margin-top: 10px;
}
#inboxMonitorSlider .marker, #inboxMonitorSlider .marker{
    margin-top: -50px;
}
#inboxMonitorSlider input[type="text"], #inboxMonitorSlider input[type="text"]{
	width: 20px;
	margin-left: 5px;
}

#modalMask, #modalOverlayMaskIframe, #modalOverlayMaskDiv{width: 100% !important;opacity:0.2;}

div.modalOverlay table.titleBar td,
div.modalOverlay .titleBar td.title,
DIV.modalOverlay DIV.inActive DIV.inner TABLE.titleBar TD {
background-image: none;
background-color: #fff;
border-bottom: none;
}

div.modalOverlay .titleBar td.title
{
font-family: 'Open Sans', sans-serif;
color: #000;
padding: 20px 0 10px 24px;
font-size: 20px;
font-weight: 500;
}

.modalConfirm .titleBar td.title div {
font-size: 20px;
font-weight: 500; 
}


DIV.modalOverlay TABLE.titleBar TD.close {
padding-right: 5px;
}

DIV.modalOverlay TABLE.titleBar TD.close A,
div.modalOverlay table.titleBar td.close a:hover {
background-image: none;
text-decoration: none;
}

DIV.modalOverlay TABLE.titleBar TD.close A::after {
color:#C4C2C2;
content: 'close';
font-family: 'Material Icons';
font-size: 16px;
font-feature-settings: 'liga';
}

div.modalOverlay td.topLeft, div.modalOverlay td.topRight,
DIV.modalOverlay TD.leftTop, div.modalOverlay td.rightTop,
div.modalOverlay td.leftBottom, div.modalOverlay td.rightBottom,
div.modalOverlay td.bottomLeft, div.modalOverlay td.bottomRight {
background-image: none;
}

div.modalOverlay td.rightTop{
width: 22px;
}
DIV.modalOverlay DIV.inner {
background-color: #fff;
border: none;
box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
}
div.modalLoading {
background-color: #fff;
}
body.modalPage {
background-color: #fff;
}
.modalContent {
border: none;
padding: 10px 0;
}

.modalPage .modalScroller {
border: none;
padding: 10px 0 10px 4px;
overflow: auto;
}

.modalPage dl dt{
width: auto;
}

.modalScroller strong {
font-size: 14px;
display: block;
}

.modalPage fieldset,
.modalScroller fieldset {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0;
margin-bottom: 0;
padding: 0 20px;
}

body.modalPage .pageButtons {
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}

body.modalPage fieldset#fieldset-users {
margin: 0;
}
body.modalPage fieldset#fieldset-users select#userid {
width: 290px;
}

body.modalPage fieldset#fieldset-users + .pageButtons {
padding: 0;
}

body.modalPage .content#contentArea .taskbar,
body.modalPage .content#contentArea .listControl{
padding: 0 14px;
}


.modalConfirm .titleBar td {
border-top: none;
}

.modalConfirm .inlineDialog,
body .modalAlert .inlineDialog,
body .modalWarning .inlineDialog
{
background-image: none;
position: relative;
}

body .modalConfirm .inlineDialog::before {
content: 'help';
font-family: 'Material Icons';
font-size: 46px; 
top: 5px;
left: 18px;
color: #F2AB34;
position: absolute;
font-feature-settings: 'liga';
}

body .modalAlert .inlineDialog::before {
content: 'notification_important';
font-family: 'Material Icons';
font-size: 46px; 
top: 5px;
left: 18px;
color: #F2AB34;
position: absolute;
font-feature-settings: 'liga';
}

body .modalWarning .inlineDialog::before {
content: 'warning';
font-family: 'Material Icons';
font-size: 46px; 
top: 5px;
left: 18px;
color: #F9423A;
position: absolute;
font-feature-settings: 'liga';
}

body.modalPage .errorMessage,
body.modalPage .infoMessage,
body.modalPage .warningMessage,
body.modalPage .successMessage {
   width: auto;
/*   margin-left:-10px;
   margin-right: -10px;*/
}

body.modalPage .modalScroller .errorMessage,
body.modalPage .modalScroller .infoMessage,
body.modalPage .modalScroller .warningMessage,
body.modalPage .modalScroller .successMessage {
   margin-left: -5px;
}

body.modalPage div.warning {
    margin-left: 20px;
}

form#editclientidslug .instructions {
    padding: 0 14px;
}


ul.horizontal-list {
	width: 100%;
  	display: table;
  	table-layout: fixed;	
	list-style: none;
}

ul.horizontal-list span{
	font-weight: bold;
}
ul.horizontal-list li {
	display: inline-block;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #cecdce;
	display: table-cell;
  	width: auto;
  	text-align: center;
}
ul.horizontal-list li:nth-child(3) span {
    color: #69A618;
}
ul.horizontal-list li:nth-child(4) span {
    color: #c83737;
}
ul.horizontal-list li:nth-child(5) span {
    color: #c83737;
}
ul.horizontal-list li:last-child {
	border-right: none;
	border-left: 1px solid #cecdce;
}
ul.horizontal-list #lastsignup span {
    color: #000;
}
ul.horizontal-list li:first-child {
	border-left: none;
}
ul.horizontal-list dt{
	font: bold small-caps normal 26px/1.4 Helvetica;
}
ul.horizontal-list dl {
    padding: 3px 10px;
    margin: 0px auto;
    width: auto;
    overflow: hidden;
}
ul.horizontal-list dd, ul.horizontal-list dt {
    padding: 0px;
    margin: 0px;
    float: none;
    width: auto;
    text-align: center;
    line-height: 30px;
}
ul.horizontal-list #unsubscribe_rate span { 
    color: #c83737;
}
.form-builder-stats-block label { display: inline-block; width: 80px; text-align: right; font-weight: bold; padding-bottom: 20px;}
.form-builder-stats-block select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px 3px 3px 3px;
    /* box-shadow: 0 0 10px #E8E8E8 inset; */
    height: 30px;
    margin: 0 5px 0 11px;
    padding: 5px;
    width: 130px;
}
.form-builder-date-range {margin: 0 0 0 48px}
.form-builder-date-range input {
	display: inline-block;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px 3px 3px 3px;
    /* box-shadow: 0 0 10px #E8E8E8 inset; */
    height: 20px;
    margin: 0 5px 0 15px;
    padding: 5px;
    width: 119px;
}

#charts {
  padding: 10px 0px 0px 0px;
}

.chart {
  display: inline-block;
  height: 151px;
  margin-bottom: 20px;
}

.reset {
  padding-left: 1em;
  font-size: smaller;
  color: #ccc;
}

.background.bar {
  fill: #ccc;
}

.foreground.bar {
  fill: steelblue;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.axis text {
  font: 10px sans-serif;
}

.brush rect.extent {
  fill: steelblue;
  fill-opacity: .125;
}

.brush .resize path {
  fill: #eee;
  stroke: #666;
}
#visits-day-of-week-chart, #visits-month-chart, #visits-year-ring-chart, #signups-day-of-week-chart, #signups-month-chart, #signups-year-ring-chart {
	margin-left: 20px;
}

aside {
	width: 100%;
	display: block;
	text-align: center;
	left: 600px;
	font-size: smaller;
	margin-bottom: 1em; 
} 
.spinner {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 2px 1px 0px #2a66be;
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  -moz-animation: spin 0.7s linear infinite;
  -webkit-animation: spin 0.7s linear infinite;
  animation: spin 0.7s linear infinite;
}
.dkim_enabled {
    clear: none;
    width: auto;
    float: left;
}
.dkim_enabled #from_domain {
    margin-left: 10px;
    margin-top: 20px;
}

.dkim_enabled.right .error {
    margin-bottom: -16px;
    margin-left: 10px;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* Start Iris IE Code */ 
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  
   /* IE10+ specific styles go here */  
  
   select[multiple="multiple"] {
     padding-right: 0;
   }
     
  .contentBox, .beads {
    border-top: 1px solid #E0DEDE;
    border-left: 1px solid #E0DEDE;
  }
  
  fieldset {
    border-top: 1px solid #E0DEDE;
    border-left: 1px solid #E0DEDE;
    padding-top: 65px;
  }
  
  fieldset legend {
      position: absolute;
      top: 20px;
      padding-left: 0;
  }
  
  .listTabs .selected {
      border-top: 1px solid #E0DEDE;
      border-left: 1px solid #E0DEDE;
      border-right: 1px solid #E0DEDE;
      box-shadow: none;
  }
  .listTabsContent {
      border-top: 1px solid #E0DEDE;
      border-left: 1px solid #E0DEDE;
  }
  
  .listTabs .selected::after {
    width: 0;
    }
    
  #BasicTestlist .dataTable input[type="text"] {
    width: 160px;
  }
  
  div.datePickerContent {
    width: 230px;
  }
  
  div.errorPod {
    position: static;
  }

   #UploadFile, #OptOutFile {
    margin-left: 0;
  }
}
/* End Iris IE Code */