/* 	basic rules */


* {font-size: 100%; margin: 0; padding: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, form, fieldset, img, ins, input, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, textarea, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    color: #1a55ad;
    line-height:24px; /* 16x1.125=18px 1.125em*/
    margin: 0;
    outline: none;
    padding: 0;
    vertical-align: baseline;
    /*letter-spacing:0;*/
}

body {
    cursor:default;
	background-color:#f1f1f1;
	min-height:100%;
	

}

body, p {


}

/*.center  {*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*    padding: 100px 0;*/
/*    height: 100px;*/
/*    color: #001b47;*/
/*}*/

.hidden{
    display: none;
}

a
{
    color: #222;
    font-weight: bold;
    text-decoration: none;
    outline: none;

}

a:hover
{
    text-decoration: none;
    color: #444;
}

body, h1, h2, h3, h4, h5, h6
{
    /*font: normal 100% Helvetica, Arial, sans-serif;  88%*/
    font: normal 15px 'Open Sans',sans-serif;
}

/* Start jQuery UI Style overrides */

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #c0402a;
    /*background: #c0402a url(../images/ui-bg_flat_55_c0402a_40x100.png) 50% 50% repeat-x;*/
    background: #c0402a;
    color: #ffffff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    font-weight: bold;
    color: #3383bb;
    text-align: center;
}

.ui-state-active, .ui-widget-content .ui-state-active /*, .ui-widget-header .ui-state-active*/ {
    border: 1px solid #999999;
    background: black; /* !important */
    font-weight: bold;
    color: #ffffff !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #444444;
}

.ui-dialog {
    padding: .5em;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0;
    background: #fff;
    border: 0;
    position: relative;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: -7px;
    right: -8px;
    margin: 0;
    width: 24px;
    height: 24px;
}

.ui-dialog .ui-dialog-content {
    /*overflow: hidden;*/
    overflow: visible;
    padding: 0 3px 0 5px;
}

.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0;
    background: none;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    background: transparent !important;
    margin: 0;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    /*color: #2b2b2b;*/
    color: #fff;
    background: #f2f2f2 !important;
    margin: 0;
    text-decoration: none;
}

.ui-state-default.ui-state-highlight.ui-state-active {
    color: #fff;
    border: 1px solid #ccc;
}

.ui-button .ui-icon {
    background-image: url("../images/ui-icons_777777_256x240.png");
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../images/ui-icons_777777_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("../images/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("../images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../images/ui-icons_ffffff_256x240.png");
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 3px;
    left: 4px;
    margin: 0;
}

.ui-datepicker {
    padding: 0;
}
.ui-datepicker .ui-datepicker-header {
    border: 1px solid #96d7ff;
    background: #eef5ff;
}

.ui-datepicker.ui-corner-all, .ui-datepicker.ui-corner-bottom,
.ui-datepicker.ui-corner-right, .ui-datepicker.ui-corner-br,
.ui-datepicker-header.ui-corner-all, .ui-datepicker-header.ui-corner-bottom,
.ui-datepicker-header.ui-corner-right, .ui-datepicker-header.ui-corner-br {
    border-bottom-right-radius: 0;
}
.ui-datepicker.ui-corner-all, .ui-datepicker.ui-corner-bottom,
.ui-datepicker.ui-corner-left, .ui-datepicker.ui-corner-bl,
.ui-datepicker-header.ui-corner-all, .ui-datepicker-header.ui-corner-bottom,
.ui-datepicker-header.ui-corner-left, .ui-datepicker-header.ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-datepicker.ui-corner-all, .ui-datepicker.ui-corner-top,
.ui-datepicker.ui-corner-right, .ui-datepicker.ui-corner-tr,
.ui-datepicker-header.ui-corner-all, .ui-datepicker-header.ui-corner-top,
.ui-datepicker-header.ui-corner-right, .ui-datepicker-header.ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-datepicker.ui-corner-all, .ui-datepicker.ui-corner-top,
.ui-datepicker.ui-corner-left, .ui-datepicker.ui-corner-tl,
.ui-datepicker-header.ui-corner-all, .ui-datepicker-header.ui-corner-top,
.ui-datepicker-header.ui-corner-left, .ui-datepicker-header.ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-datepicker table {
    margin: 0 0 1px 1px;
}
.ui-datepicker td.ui-datepicker-current-day {
    /*padding: 1px;*/
}
.ui-datepicker td a.ui-state-default {
    width: 26px;
}
.ui-datepicker td a.ui-state-active {
    background: #000 !important;
}

#accordion .ui-state-active {
    border: 1px solid #fff;
}

/** Sortable overrides (Sites Targeting popup)  */

.mjs-nestedSortable-error {
    background: #fbe3e4;
    border-color: transparent;
}

ol.sortable, ol.sortable ol {
    margin: 0 0 0 25px;
    padding: 0;
    list-style-type: none;
}

ol.sortable {
    margin: 1em 0;
}

.sortable li {
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 11px;
}

.sortable li div {
    border: 1px solid #d4d4d4;
    border-color: #D4D4D4 #D4D4D4 #BCBCBC;
    padding: 6px;
    margin: 0;
    cursor: move;
    background: #f6f6f6;
}

.sortable li.cat label {
    font-weight: bold;
    color: #37bc81;
}

.sortable li.sitecat div {
    background: white;
    font-weight: bold;
    color: #010101;
}

.sortable li.site div {
    background: white;
    font-weight: bold;
    color: #010101;
}

input.sitecatChkbox {
    height: auto;
    width: auto;
    background: none;
    vertical-align: text-top;
    margin-right: 8px;
}

input.sitecatChkbox:hover {
    background: none;
}

/* End jQuery UI Style overrides */

td, th {
    vertical-align:top;
}

h1, h2, h3 {
    font-weight:normal;
}

h1 {
    /*font-size: 1.375em;  16x1.375=22px */
    clear:both;
    overflow:hidden;
    /* 15px / 16px = 0,9375 */
    letter-spacing: -0em;
    font-weight:500/*bold*/;
    color: #048;
    line-height:40px/*2.7em*/;
	height:auto;
    min-height:50px/*39px*/;
    padding-top:0;
    margin:0 20px 10px 0;
	font-size:28px;
}



h2 {
    /* font-size: 0.8em; 16x1.125=18px */
    /*margin:1em 0;  18x1=18px */
    /*padding: 6px 0 4px 0;*/
    padding: 15px 0 7px 0;
    margin: 0 20px 0 20px;
    font-weight:bold;
}
h3{

    font-size: 15px/*70%*/;
    text-transform: uppercase;
    /*margin:1em 0;  18x1=18px */
    padding: 10px 0 10px 0;
    margin: 0 5px 0 10px;
    font-weight:bold;
    letter-spacing:0.5px;
}

h3.noSitesForUser {
    margin: 100px;
    text-align: center;
}

.Message h3,
.Message .panel470 h3{
	margin:0;
	color:#515151;
	font-weight:500;
	padding:0;
	margin-bottom:10px;
	line-height:34px;
}

.Message .areawrap.areawrapOutputContainer h3{
	width:100%;
	display:inline-block;
	margin-bottom:5px;
} 

.Message h3.mediaTitle{
	width:100%;
	display: inline-block;
}

.Message h2{
	margin:0 15px 10px 15px;
	padding:0;
	text-transform: uppercase;
}

.Message .areawrapTitleMessage h2.MessageHeadings{
	margin:0 5px 10px 5px;
}

p {
    /*font-size: 0.875em;  16x0.875=14px */
    margin: 1.5em 0; /* 14x1.286=18px */

    font-size: 15px;
    line-height: 160%;

    padding: 0.5em 0 0.5em 0;
}

p.text {
    /* font-size: 0.687em;*/
    line-height: 120%;

    margin: 0;
    /*padding: 0;*/
}

p.header {
    /*font-size: 0.687em;
  line-height: 100%;*/
    margin: 0;
    padding: 10px 0 0 0;
}

span.warningText {
    font-size: 0.687em;
    font-weight: bold;
    line-height: 120%;
    padding: 0 5px;

    clear: both;
    display: block;
    margin: 5px 10px;
    color: red;
}

span.messageText {
    font-size: 0.687em;
    font-weight: bold;
    line-height: 120%;
    padding: 0 5px;
    clear: both;
    display: block;
    margin: 5px 10px;
    color: #AAA;
}

#thumbPopup{
	height:270px;
	border:1px solid #dddddd!important;
}

ul, ol
{
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    /*content: none;*/
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html>/**/body table { border-collapse: separate; }

.arrowsize {
    /*background: url(../images/icons13px.png) no-repeat 0 -25px;*/
    padding-left:14px;
}


/* 	main elements */
.container
{
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
	
}

body > .container{
	min-width:1000px;
    /*background-color: #14448c;*/
}


body.login > .container{
	min-width:320px;
    background: transparent;
}

body.login .header {
    display: none;
}

.panelSpacer
{
    width:100%;
    height:10px;
}

.panel950
{
    padding:0 10px 0 10px;
    background: #f1f1f1;
	max-width: 1500px;
	margin:0 auto;
	position:relative;
}

body .container > .panel950{
	   padding-top:30px;
}

.bodyheader.Overview .panel950 {
    background: transparent;
}

.panel100prct
{
    overflow:hidden;

    height:auto;
    width: 100%;
}

.panel470
{
    width:470px;
    float:left;
}

.Message .panel470{
	width:530px;
}

.marginright10px
{
    margin: 0 10px 0 0;
}

.simpleform tbody td.odd
{ vertical-align: middle; color: #404040; font-size: 13px; }


ul.none
{
    list-style-type: none;
}

li {
    /*margin: .2em 0;*/
}

/* BUTTONS */
.globalheader .globalnav li.gn-home a { background-position: 0 0;}
.globalheader .globalnav li.gn-solutions a { background-position: -140px 0; }
.globalheader .globalnav li.gn-products a { background-position: -280px 0; }
.globalheader .globalnav li.gn-news a { background-position: -420px 0; }
.globalheader .globalnav li.gn-support a { background-position: -560px 0; }

/* OVER STATES */
.globalheader .globalnav li.gn-home a:hover { background-position: 0 -80px; }
.globalheader .globalnav li.gn-solutions a:hover { background-position: -140px -80px; }
.globalheader .globalnav li.gn-products a:hover { background-position: -280px -80px; }
.globalheader .globalnav li.gn-news a:hover { background-position: -420px -80px; }
.globalheader .globalnav li.gn-support a:hover { background-position: -560px -80px; }

/* PRESSED STATES */

/* ON STATES */
.home .globalnav li.gn-home a, .home .globalnav li.gn-home a:active, .home .globalnav li.gn-home a:hover { background-position: 0 -160px; cursor: default; }
.solutions .globalnav li.gn-solutions a, .solutions .globalnav li.gn-solutions a:active { background-position: -140px -160px !important; }
.products .globalnav li.gn-products a, .products .globalnav li.gn-products a:active { background-position: -280px -160px !important; }
.news .globalnav li.gn-news a, .news .globalnav li.gn-news a:active { background-position: -420px -160px !important; }
.support .globalnav li.gn-support a, .support .globalnav li.gn-support a:active { background-position: -560px -160px !important; }


.bodyheader, .login
{
    /*background:  url(../images/header_gradient.gif) 0 40px repeat-x;

background: url(../images/bgHeader.jpg) no-repeat 0 0;*/

    margin:0;
    /*mobile*/
}

.container .headerContainer {
    /*width: 1500px;*/
    margin: auto;
}

.container .contentContainer {
    background-color: #f1f1f1;
}

.header {
    background-color: #14448c;
    padding-left: 8px;
    /*padding-right: 8px;*/
    height: 48px;
}

.header .buttons a span {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 2px 0 0;
}


.login .logo {
    height: 48px;
    /*height: 28px;
  margin-top:2px;*/
    /*background: url(../images/logo.gif) 0 4px no-repeat;*/
    background:url(../../images/logo_sticky_white.png) 0 10px no-repeat;
}

.logo {
    /*padding-left:44px;*/
    height: 48px;
    /*margin-top:2px;*/
    /*background: url(../images/message_server_logo.gif) 0 4px no-repeat;*/
    background:url(../images/logo_sticky_white.png) 0 10px no-repeat;
}


.demologo {
    height: 48px;
    background: url(../images/logo_sticky_white_demo_mode.png) 0 10px no-repeat;
}

.masterlogo {
    height: 48px;
    background: url(../images/logo_sticky_white_master_server.png) 0 10px no-repeat;
}

.divider {
    color: #ebebeb;
    float: left;
    margin: 0 2px 0 2px;
    padding: 0.9em 0 1.0em 0;
}

.relative {
    position: relative;
}

.footer {
    display:block;
    width:100%;
    overflow:hidden;
    clear:both;
    margin: 0 0 10px 0;
    font-size: 75%;
    /*background: transparent url("../images/footer_shadow.jpg") center 20px no-repeat;
	padding: 35px 0 10px 0;*/
    text-align:center;
    color: #aaaaaa;
}
.footer a {
    color: #aaaaaa;
    text-decoration:underline;
}

.footer .bottom .floatleft{
    float:left;	 color: #bbb;
}

.buttons24px .username {
    /*font-size: 0.687em;
color:#aaa;
display:block;
padding:1.2em 1em 0 1em;
*/
    font-size: 1em;
    padding-left:7px;
    padding-right:3px;
}

/*--- forms ------------ */


fieldset {
    border: 0;
}

label, input, select, textarea { font: normal 100% 'Open Sans',sans-serif; }

label { font-size: 15px; }

input, select, textarea { padding: 5px; border: 1px solid #ddd; background-color: #fcfcfc; color: black; }

input:disabled, select:disabled, textarea:disabled {
    color: #aaa;
    background-color: #EAEAEA;
}

input.floatleft + .buttons24px, select.floatleft + .buttons24px, textarea.floatleft + .buttons24px {
    margin-left: 15px;
    margin-top: -1px;
}

textarea {
    /*background-color:transparent;*/
    display:block;
    margin:0;
    padding:0;

}

input:focus, select:focus, textarea:focus,
input:hover, select:hover, textarea:hover {
    background-color:#fff;
    border: 1px solid #0077dd;
    -moz-box-shadow:    inset 0 1px 1px #ccc;
    -webkit-box-shadow: inset 0 1px 1px #ccc;
    box-shadow:         inset 0 1px 1px #ccc;
}

input[type='radio']:focus, input[type='radio']:hover,
input[type='checkbox']:focus, input[type='checkbox']:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* Start Custom Checkbox */

.cust_checkbox{
    font-size:16px;
    padding:0 0;
    top:0;
    position:relative;
	display:inline-block;
	height:26px;
	width:17px;
}
.disabled {
    color:#ccc;
}



.cust_checkbox_on{
    background:url(../images/checkbox_on.png) no-repeat center left; cursor: pointer;
}
.cust_checkbox_on:hover, .cust_checkbox_on:focus{
    background:url(../images/checkbox_on_hvr.png) no-repeat center left; cursor: pointer;
}
.cust_checkbox_off{
    background:url(../images/checkbox_off.png) no-repeat center left; cursor: pointer;
}
.cust_checkbox_off:hover, .cust_checkbox_off:focus{
    background:url(../images/checkbox_off_hvr.png) no-repeat center left; cursor: pointer;
}

.cust_radio_on{
    background:url(../images/radiobox_on.png) no-repeat center left; cursor: pointer;
}
.cust_radio_on:hover , .cust_radio_on:focus{
    background:url(../images/radiobox_on_hvr.png) no-repeat center left; cursor: pointer;
}
.cust_radio_off{
    background:url(../images/radiobox_off.png) no-repeat center left; cursor: pointer;
}
.cust_radio_off:hover, .cust_radio_off:focus{
    background:url(../images/radiobox_off_hvr.png) no-repeat center left; cursor: pointer;
}

.cust_checkbox_disabled_on{
    background:url(../images/checkbox_disabled_on.png) no-repeat center left; cursor: default;
}
.cust_checkbox_disabled_off{
    background:url(../images/checkbox_disabled_off.png) no-repeat center left; cursor: default;
}
.cust_radio_disabled_on{
    background:url(../images/radiobox_disabled_on.png) no-repeat center left; cursor: default;
}
.cust_radio_disabled_off{
    background:url(../images/radiobox_disabled_off.png) no-repeat center left; cursor: default;
}
/* End Custom Checkbox */

#twitterBoxes {
    display: none;
}

.textFeedback {
    display:none;
    /*font-size: 0.687em;*/
    padding: 5px 10px 0 10px;
    color: #999;
    margin:0;
}

/* Twitter restriction over limit */
.textFeedback span.error {
    color: #ff4400;
}

.areawrap .checkb {
    float:left;
    padding: 6px 20px 7px 0;
    margin:4px 0 4px 5px;
    display:inline-block;
    font-size: 100%/*70%*/;
}

.Message .areawrap .checkb{
	margin-left:0px;
}

.Message .areawrap.areawrapOutputContainer  .checkb{
	padding:0px 20px 0 0;
	margin:0 0 0 0;
}


.areawrap label{
	margin-left:10px;
}

.areawrap h3.checkb label {
	font-weight:600!important;
	margin-right:5px;
	margin-left:5px;
	font-size:15px;
	display:inline-block;
	line-height:26px;
}

.Message .areawrap h3.checkb label{
	margin-left:0;
	margin-right:0;
}

#AppCommentsDiv{ margin-left:20px;}

.areawrap .borderright {
    border-right: 1px solid #f0f0f0;
    /*width:80px;*/
}

.areawrap#AppChooseBoxes .borderright {
    border-right: none;
}

.areawrap#AppChooseBoxes .allowboxes .group {
	width:32%;
    margin-right:0;
}

.areawrap#AppChooseBoxes .allowboxes .AppOptionsItem{
	position:relative;
	float:left;
	padding-right:0;
}

.areawrap#AppChooseBoxes .allowboxes .group#AppCommentsDiv {
    margin-left:0;
}

#AppSharing {
    width: 95%;
}

.areawrap .MessageSidebar h3{
    padding: 12px 0 11px 0;
    margin: 0 3px 0 5px;
}

.Message .MessageSidebar .areawrap h3{
    margin: 0 10px 0 0;
}

.areawrap h3.bottompadding{
    padding: 12px 0 2px 0;
    margin: 0 10px 0 10px;
}

.Message .areawrap h3.bottompadding{
    margin: 0;
	padding-top:0;
	display:inline-block;
	line-height:34px;
}

.Message .areawrap.durationSelect h3{
	width:auto;
}

.areawrap p {
    padding: 10px 0 9px 0;
    margin: 0 5px 0 5px;
    display:block;
    line-height: 160%;
    float:none;
    clear:both;
}

.Message .areawrap p{
	margin-left:0px;
	margin-right:0px;
}

.Message .areawrap .MessageOptionsSubTitle{
	color:#666666;
	font-weight:400;
	width:auto;
	display:inline-block;
	float:left;
	position:relative;
	padding:0;
	line-height:32px;
}

.bordertop {
    border-top: 1px solid #f0f0f0;
}

.areawrap h3 .normal{ 	font-weight:normal; }

.areawrap  {
    /*width:470px;*/
    width: 40%;
    overflow:visible;
    margin:0;
	padding:5px;
	box-sizing:border-box;
	background-color:#ffffff/*#f0f0f0*/;	
}

.Message .areawrap .areawrap  {
	padding:0 5px 20px 5px;
}

.Message .areawrap #AppTextBox.areawrap  {
	padding:0;
}

.Message .areawrap.areawrapOutputWrapper{
	padding:0;
}

.Message .areawrap.areawrapOutputContainer{
	padding:10px 15px;
	width:100%;
	display:inline-block;
	border-bottom: 1px solid #eaeaea !important;
    margin-bottom: 0px;
    padding-bottom: 15px;
	position:relative;
	float:left;
} 

.Message .MessageSidebar .areawrap,
.Message .MessageSidebar #tickerDiv .areawrap.darkgreybg{
	width:100%;
	border-left:none!important;
	border-right:none!important;
	border-top:none!important;
	border-bottom:1px solid #eaeaea!important;
	padding:0px 15px;
}


.Message .MessageSidebar .MessageSidebarContainer{
	margin:10px 0;
	background-color:#ffffff;
	border-bottom:3px solid #bbbbbb; 
	border-top: 1px solid #eaeaea !important;
    border-left: 1px solid #eaeaea !important;
    border-right: 1px solid #eaeaea !important;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	padding:19px 0px;
	width:530px;
}

.Message .MessageSidebar .MessageSidebarContainer.SidebarOptionsAdvanced .MessageHeadings{
	margin-bottom:20px;
}

.Message .MessageSidebar .MessageSidebarContainer .areawrap{
	border-bottom:1px solid #eaeaea !important;
	margin-bottom:15px;
	padding-bottom:15px;
}

.Message .MessageSidebar .SidebarDesign .areawrap:last-of-type,
.Message .MessageSidebar .SidebarOptions .areawrap:last-of-type,
.Message .MessageSidebar .SidebarOptionsAdvanced .areawrap:last-of-type,
.Message .MessageSidebar .areawrap.sidebarScheduling,
.Message .MessageSidebar .areawrap.sidebarNotifications,
.Message .MessageSidebar .areawrap.sidebarTransition{
	margin-bottom:0;
	border-bottom:none!important;
	padding-bottom:0;
}

.Message .MessageSidebar .sidebarTicker #tickerDiv{
	margin-bottom:10px;
}

.Message .MessageSidebar .sidebarTicker #tickerDirectionDiv{
	width:372px;
	float:right;
	margin-top:10px;
}

.Message .MessageSidebar .sidebarPreview{
	margin-bottom:10px;
	padding-bottom:0;
	border-bottom:none!important;
}

.Message .MessageSidebar .sidebarHyperlink .MessageOptionsTitle,
.Message .MessageSidebar .sidebarTicker .MessageOptionsTitle{
	line-height:40px;
}


.Message .MessageSidebar .xbvspacer{
	height:0;
}
.Message .MessageSidebar .xbvspacerSidebar{
	height:10px;
}


.Message .MessageSidebar .buttons24px{
	padding:0!important;
}

.Message .MessageSidebar .buttons24px a.notificationsToggle,
.Message .MessageSidebar .buttons24px a.scheduleToggle,
.Message .MessageSidebar .buttons24px a.locationToggle,
.Message .MessageSidebar .buttons24px a.intranetToggle{
	box-shadow: none!important;
}

.Message .MessageSidebar .buttons24px a#editNotifications,
.Message .MessageSidebar .buttons24px a#editScheduling,
.Message .MessageSidebar .buttons24px a#editLocation{
	border:1px solid #0d3776;
	color:#1a55ad;
	font-weight:500;
	padding:0 6px;
	line-height:30px;
	box-shadow:none!important;
	font-size:15px;
	height:auto;
}

.Message .MessageSidebar .buttons24px a#editNotifications,
.Message .MessageSidebar .buttons24px a#showNotifications,
.Message .MessageSidebar .buttons24px a#removeNotifications,
.Message .MessageSidebar .buttons24px a#editScheduling,
.Message .MessageSidebar .buttons24px a#showScheduling,
.Message .MessageSidebar .buttons24px a#removeScheduling{
	margin-top:-5px;
}

.Message .MessageSidebar .buttons24px a#showNotifications,
.Message .MessageSidebar .buttons24px a#showScheduling{
	margin-top:0;
	height:auto;
	margin-bottom:0;
}

.Message .MessageSidebar .sidebarNotifications  h2,
.Message .MessageSidebar .sidebarScheduling  h2{
	width: auto;
    display: inline-block;
    float: left;
    margin-left: 0!important;
}

.Message .MessageSidebar .sidebarNotifications #notificationsOff h2,
.Message .MessageSidebar .sidebarScheduling #schedulingOff h2{
	margin-bottom:0;
}


.Message .MessageSidebar .buttons24px a#showTickerPreview{
	color:#ccc;
	font-weight:500;
	padding:0px;
	line-height:34px;
	font-size:15px;
	height:auto;
	width:32px;
	text-align:center;
	margin-right:1px!important;
	
}
.Message .MessageSidebar .buttons24px a#showTickerPreview i{
	color:#222;
	width:34px;
	line-height:30px;
	display: inline-block;
}

.Message .MessageSidebar .sidebarTransition .buttons24px .jgd-dropdown{
	float:right;
}

.Message .MessageSidebar .sidebarTicker #tickerDirectionDiv .jgd-dropdown{
	float:left;
}

.Message .MessageSidebar .sidebarTicker #tickerDirectionDiv .tickerDirectionButtons{
	width:254px;
}


.areawrap.msoverview {
	padding:0;
}

.panel950 > .areawrap,
.panel950 #editForm > .areawrap,
.panel950 #editForm .panel-flexible-50 > .areawrap,
.areawrap.light,
.panel950 .manageareawrap > .xbody,
#tickerDiv .areawrap.darkgreybg,
#hyperlinkDiv .areawrap.darkgreybg{
	border-bottom:3px solid #bbb !important;
	border-top:1px solid #eaeaea !important;
	border-left:1px solid #eaeaea !important;
	border-right:1px solid #eaeaea !important; 
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}



.Message .panel950 #editForm .panel-flexible-50 .areawrapTitleMessage{
	margin:10px 0;
	padding-top:19px;
}


.Message .panel950 #editForm .panel-flexible-50 .areawrapOutput{
	margin-bottom:-3px;
	margin-top:0px;
    -webkit-transition: margin-top 0.2s, margin-bottom 0s;
    transition: margin-top 0.2s, margin-bottom 0s;
}

.Message .panel950 #editForm .panel-flexible-50 .areawrap-active{
	margin-bottom:0px;
}

.Message .panel950 #editForm .panel-flexible-50 .areawrap-inactive.areawrap-after-inactive{
	margin-bottom:-3px;
	margin-top:0px;
}

.Message .panel950 #editForm .panel-flexible-50 .areawrap-inactive.areawrap-after-active{
	margin-bottom:-3px;
	margin-top:10px;
}

.Message .panel950 #editForm .panel-flexible-50 .areawrap-active.areawrap-after-inactive{
	margin-bottom:0px;
	margin-top:13px;
}

.Message .panel950 #editForm .panel-flexible-50 .areawrap-active.areawrap-after-active{
	margin-bottom:0px;
	margin-top:10px;
}

.Message .areawrap.areawrapOutput .areawrapOutputHeader{
	width:100%;
	margin: 4px 0px;
	padding: 0 0 0 0;
	border-right: none;
}

.Message .areawrap.areawrapOutput .areawrapOutputHeader label{
	color:#1a55ad!important;
	font-weight:bold;	
}

.mediaSiteSettings .cust_checkbox,
.Message .areawrap.areawrapOutput .areawrapOutputHeader .cust_checkbox,
.Message .MessageSidebar .areawrapSidebar .cust_checkbox{
	position:relative;
	float:right;
	width:44px;
	height:22px;
	margin-top:5px;
	margin-right:1px;
	background-color:#dbdbdb;
	background-image: none!important;
	box-shadow:none;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
	-webkit-transition: background-color 0.15s ;
	transition: background-color 0.15s;
	-webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.mediaSiteSettings .cust_checkbox {
    float: none;
}

.Message .MessageSidebar .buttons24px a#showScheduling .cust_checkbox,
.Message .MessageSidebar .buttons24px a#showNotifications .cust_checkbox{
	margin-top:0;
}

.mediaSiteSettings .cust_checkbox.cust_checkbox_on,
.Message .areawrap.areawrapOutput .areawrapOutputHeader .cust_checkbox.cust_checkbox_on,
.Message .MessageSidebar .areawrapSidebar .cust_checkbox.cust_checkbox_on{
	background-color:#1a55ad;		
	-webkit-transition: background-color 0.2s ;
	transition: background-color 0.2s;
	-webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.mediaSiteSettings .cust_checkbox:before,
.Message .areawrap.areawrapOutput .areawrapOutputHeader .cust_checkbox:before,
.Message .MessageSidebar .areawrapSidebar .cust_checkbox:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    border-radius: 9px;
    background-color: white;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}

.mediaSiteSettings .cust_checkbox.cust_checkbox_on:before,
.Message .areawrap.areawrapOutput .areawrapOutputHeader .cust_checkbox.cust_checkbox_on:before,
.Message .MessageSidebar .areawrapSidebar .cust_checkbox.cust_checkbox_on:before{
    left: 24px;
}

.Message .panel950 #editForm .panel-flexible-50 .areawrapOutput .areawrap{
	padding:0;
}

/* Edit Message -> Notifications Dialog */

#notificationsDialog ul {
    margin: 15px 0;
}

#notificationsDialog .boldText {
    font-weight: bold;
}

.notificationsDialogContainer .ui-dialog-titlebar {
    display: none;
}

#notificationsDialog .modal-body, #notificationsDialog .modal-footer {
    padding: 0;
}

#notificationsDialog .buttons24px a.left.right {
    margin-right: 0;
}

.bodyheader.Overview .panel950 > .areawrap{
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
    border-bottom:none !important;
    background: none;
}

.panel950 .manageareawrap > .xbody{ 
	padding-bottom:20px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}

.xbody.backgroundLicense{
	background-color:#f1f1f1;
}

.panel950 .manageareawrap > .xbody.backgroundLicense{
	background-color:#ffffff;
}

.margintop5{
    margin-top:5px !important;
}

.panel950 .manageareawrap > .xbody.margintop10{
	margin-top:10px;
}

.panel950 .manageareawrap h2{
	margin-left:0;
}


.panel950 #editForm .panel-flexible-50 > .areawrap#AppChooseBoxes,
.panel950 #editForm .panel-flexible-50 > .areawrap#AppTextBox,
.panel950 #editForm .panel-flexible-50 > .areawrap#TwitterOptions,
.panel950 #editForm .panel-flexible-50 > .areawrap#TwitterTextBox,
.panel950 #editForm .panel-flexible-50 > .areawrap#BlogOptions{
	margin-top:-4px;
	border-top:1px solid #f1f1f1!important;
}

.panel950 #editForm .panel-flexible-50 > .areawrap#TwitterTextBox,
.panel950 #editForm .panel-flexible-50 > .areawrap#AppTextBox,
.panel950 #editForm .panel-flexible-50 > .areawrap#BlogTextBox{
	border-top:0 !important;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}

#AppMail .chboxreact {
    margin-top:5px;
}

#AppMail input.mailreactionaddress {
    margin-left:10px;
}

#AppSharing .marginright { margin: 0 15px 0 10px; }

#AppSharing .paddingright { padding: 0 15px 0 0; }

#AppSharing .borderright {
    border-right: 1px solid #f0f0f0;
    /*width:80px;*/
}

#AppSubjectBox{
	padding-left:0px;
	padding-right:0px;
	margin-bottom:5px;
	margin-top:5px;
}

#AppSubjectBox span.outputsubject h3{
	margin-left:0;
}

#tickerDiv .areawrap.light,
#hyperlinkDiv .areawrap.light{
	border-bottom:0!important;
}


.areawrap#BlogTextBox{
	margin-top:-4px;
}

#TwitterTextBox,
#BlogTextBox,
#SmsTextBox,
#EmailTextBox{
	background-color:#ffffff;
}

.panel950 #editForm .panel-flexible-50 > .areawrap#EmailTextBox,
.panel950 #editForm .panel-flexible-50 > .areawrap#SmsTextBox{
	padding:10px 10px 20px 10px;
	margin-top:-15px;
	border-top:none!important;
}

.panel950 #editForm .panel-flexible-50 > .areawrap#SmsTextBox{
	margin-top:-3px;
	padding-top:0px;
	padding-bottom:10px;
}

#SmsRestrictionNoCustom{
	position:relative;
	margin-top:-10px;
	margin-bottom:0;
	padding-left:15px;
	padding-bottom:15px;
	background-color:#ffffff;
	border-bottom: 3px solid #bbb !important;
    border-left: 1px solid #eaeaea !important;
    border-right: 1px solid #eaeaea !important;
}

#SmsRestrictionNoCustom{
	margin-top:-3px;
	padding-top:0px;
}

.areawrap-sms,
.areawrap-email,
.areawrap-teams,
.areawrap-facebook{
	padding:0;
}

.panel950 #editForm .panel-flexible-50 > .areawrap.areawrap-sms > .xbody,
.panel950 #editForm .panel-flexible-50 > .areawrap.areawrap-email > .xbody,
.panel950 #editForm .panel-flexible-50 > .areawrap.areawrap-facebook > .xbody{
	padding:10px 20px 10px 10px;
	margin-bottom:0; 
	border-bottom:1px solid #f1f1f1!important;
}

#EmailHorizontalRow,
#TeamsHorizontalRow,
#FacebookHorizontalRow{
	display:none!important;
}

.areawrap.width950  {
    width:auto;
    /*clear:both;*/

}


.container > .panel950 > .areawrap.width950{
	margin-top:60px;
}


.areawrap.width700  {

    /*margin-left:30px;*/
    margin:0 auto;
    width:auto;
}

.areawrap.width650  {
    width:650px;
    margin: 20px auto 30px;
}

.activealert .areawrap.width650 {
    margin: 0 auto 30px;
    padding-top: 100px;
}

.panel950.settingspanel .areawrap.width650  {
	width:100%;
	border:none!important;
	padding:0!important;
	margin-top:0;
}


.areawrap.width390  {
    width:390px;
    margin: 20px auto 30px;
}
.areawrap.width375  {
    width:375px;
    margin-left:10px;
}
.areawrap.width330  {
    width:330px;
    margin-left:10px;
}
.areawrap.width230  {
    width:230px;
}
.areawrap.widthauto {
    width: auto !important;
}


.areawrap.center  {
    margin: 0 auto;
}



.areawrap.width230.transitionSelect a.dropdownbutton{
	width:190px;
}

.areawrap.width230.transitionSelect a.dropdownbutton span.rd{
	width:170px;
}


.areawrap.width230.transitionSelect a.dropdownbutton span.dropdownicon{
	float:right;
}




.Message .areawrap.durationSelect label{
	position:relative;
	float:left;
	display:inline-block;
	line-height:34px;
	margin-left:0px;
	color:#555555;
}

.Message .areawrap.durationSelect .durationText{
	width:372px;
	position:relative;
	float:right;
	clear:none;
	line-height:34px;
	padding:0;
}


.Message .tooltip{
	position: relative;
    display: inline-block;
    width: 16px;
    line-height: 16px;
    float: right;
    text-align: center;
    font-style: normal;
    border-radius: 16px;
    border: 1px solid #bbbbbb;
    color: #bbbbbb !important;
    font-weight: 500;
    font-size: 12px;
	margin-top:8px;
	cursor: pointer;
}

/* Tooltip text */
.Message .tooltip .tooltiptext {
        visibility: hidden;
    position: absolute;
    width: auto;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
	white-space: nowrap;
	
}

.Message .tooltip .tooltip-left{
	top: -8px;
    right:32px;
    bottom:auto;
}

.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

/* Show the tooltip text when you mouse over the tooltip container */
.Message .tooltip:hover .tooltiptext {
    visibility: visible;
	opacity:1;
}



.yellow {
    background-color: #ffe93a;
}

.red {
    background-color: #F2DEDE;
}

.darkgreybg {
    background-color: #f6f6f6;
}

#hyperlinkInputDiv,
#tickerDiv .areawrap{
	background-color: #ffffff;
}


.lightgreybg {
    /*background-color: #fbfbfb;*/
}

.xb00,.xb01,.xb10,.xb20,.xb21,.xb22 {
    /*display:block;*/overflow:hidden;border-style:solid;display:none;
}

.inputfield24px { padding-top:7px;}
.inputfield24px .container  {



}
.inputfield24px label {
    color: #999;
    font-size: 0.687em;
    padding-top: 1px;
}
.inputfield24px input {
    /*font-size: 0.8em;*/
    height:21px;
    margin:0;
    padding: 7px 9px;
    overflow:hidden;
    line-height:1em;
    width: 98%;
}

.inputfield24px.width650 {
    width: 650px;
}
.inputfield24px.width450 {
    width: 400px;
}
.inputfield24px.width382 {
    width: 382px;
}
.inputfield24px.width180 {
    width: 180px;
}
.inputfield24px.width195 {
    width:195px;
}
.inputfield24px  .xb00{
    background-color: #a1a1a1; height:1px; border-color: #c9c9c9; margin: 0 1px;
    display:none;
}
.inputfield24px  .xb01{
    background-color: #d3d3d3; height:1px; border-color: #c7c7c7;
    display:none;
}
.inputfield24px  .xb22{
    background-color: #ddd; height:1px; border-color: #e0e0e0; margin: 0 1px;
    display:none;
}
.inputfield24px  .xbody{
    background-color: #fcfcfc; height:auto;

}

.ui-dialog .inputfield24px  .xbody{
    background-color: #ffffff!important;
	padding-left:0px;
}


.inputfield24px  .xbody:hover,.inputfield24px  .xbody:focus {
    background-color: #fff;
}

.xb00{
    background-color: #a1a1a1;height:1px;
}
.xb01{
    background-color: #d3d3d3;height:1px;
}
.xb22{
    background-color: #ddd;height:2px;
}

.light .xb10 {background-color: #f0f0f0; border-color: #fbfbfb;}
.light .xb20 {border-color: #f1f1f1;}
.light .xb21 {border-color: #fafafa;}

.yellow .xb10 {background-color: #ebc535; border-color: #faf1cd;}
.yellow .xb20 {border-color: #efd160;}
.yellow .xb21 {border-color: #f8dd38;}

.red .xb10 {background-color: #EBCCD1; border-color: #EBCCD1;}
.red .xb20 {border-color: #EBCCD1;}
.red .xb21 {border-color: #EBCCD1;}

.xb10 {
    background-color: #ddd;border-width:0 1px;border-color: #f7f7f7;height:1px;
}
.xb20 {
    background-color: transparent;border-width:0 1px;border-color: #e0e0e0;height:1px;
}
.xb21 {
    background-color: transparent;border-width:0 1px;border-color: #f1f1f1;height:1px;
}

.wysiwygcont {
    width: 470px;
    /*height: 130px;*/

}

textarea.resizearea {
    padding: 7px 9px 0 9px; margin: 0; display: block; line-height: 1.25em; height:100px; /*width: 450px;*/
    background-color: #fcfcfc;
}



textarea.wysiwygarea {
    padding: 5px 9px 0 9px; margin: 0; height:46px; width: 452px;
}

input.noresizeinput {
    width:430px; padding: 7px 9px 7px 9px; margin: 0; display: block;  line-height: 1.25em; height: 21px; background-color: #fcfcfc;
}

.Message input.noresizeinput {
    width:350px; 
	padding: 0 10px;
	margin: 0; 
	display: inline-block;  
	line-height:40px; 
	height: 40px;
	background-color: #fcfcfc;
	position:relative;
	float:right;
}


#hyperlinkInputDiv input.noresizeinput{
	margin:-10px 0 -10px -10px;
	width:436px;
	padding:0 15px 0 15px;
	line-height:50px;
	height:50px;
background-color: #fcfcfc;
border:1px solid #fcfcfc;
}

#hyperlinkInputDiv input.noresizeinput:hover,
#hyperlinkInputDiv input.noresizeinput:focus{
border:1px solid #0077dd;
}


input.noresizeinput.dropdown {
    padding-right:0;
    width:440px;
}
input.noresizeinput.dropdown div.dropdownbutton {
    position:absolute;
    left:300px;
    top: 5px;
    padding: 26px 0 0 17px;
    background-color:#000;
}

input.outputsubject {
    /*background:url(../images/input380px.gif) no-repeat 0 5px;*/
    width:454px;
    line-height: 18px;
    padding: 7px 0.45em 4px 0.45em;
    margin: 4px 0 6px 0;
    background-color: #fcfcfc;
}

.Message input.outputsubject {
    /*background:url(../images/input380px.gif) no-repeat 0 5px;*/
    width:454px;
    line-height: 40px;
    padding: 0 10px;
    margin: 4px 0 6px 0;
    background-color: #ffffff;
	border:1px solid #dddddd;
	height:42px;
}

#BlogSubjectBox,
#EmailSubjectBox {
	padding-left:0px;
	padding-right:0px;
}

#BlogSubjectBox input.outputsubject,
#EmailSubjectBox input.outputsubject{
	margin-top:10px;
	margin-left:0;
	margin-right:0;
	width:100%;
	box-sizing:border-box;
}

input.outputsubject:hover,input.outputsubject:focus {
    /*background:url(../images/input40px.gif) no-repeat 0 -30px;*/
    background-color: #fff;
    border:1px solid #0077dd;
    -moz-box-shadow:    inset 0 1px 1px #ccc;
    -webkit-box-shadow: inset 0 1px 1px #ccc;
    box-shadow:         inset 0 1px 1px #ccc;

}

span.outputsubject {
    padding: 0;
    margin: 0;
}
span.outputsubject h3{
    padding: 6px 0 0 0;
    margin: 0 0 0 0; 
}

#BlogParameters{
	margin-bottom:20px;
}

div.blogSocialButtons {
    float: left;
    width: 230px;
}
p.socialButtons {

    font-weight: bold;
}
ul.blogSocialButtons {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 330px;
}
ul.blogSocialButtons li {

    padding: 4px 2px 4px 0;
    margin: 0 0 0 0px;
}
ul.blogSocialButtons li label {
    padding: 0 5px;
}

div.blogCategories {
    float: right;
    width: 230px;
}
p.blogCategories {
	margin-left:0;
    font-weight: bold;
}
p.noBlogCategories {

    padding: 4px 2px 4px 0;
    margin: 0;
}
ul.blogCategories {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 230px;
}
ul.blogCategories li {

    padding: 4px 2px 4px 0;
    margin: 0 0 0 10px;
}
ul.blogCategories li label {
    padding: 0 5px;
}

#blogCategories .errorText {
    font-size: 0.687em;
    color:red;
}


input.noresizeinput:hover,
input.noresizeinput:focus,
textarea.resizearea:hover,
textarea.resizearea:focus { background-color: #fff; 	border: 1px solid #0077dd;
    -moz-box-shadow:    inset 0 1px 1px #ccc;
    -webkit-box-shadow: inset 0 1px 1px #ccc;
    box-shadow:         inset 0 1px 1px #ccc;

}

input.seconds {
    /*background:url(../images/input40px.gif) no-repeat 0 5px;*/
    width:30px;
    line-height: 18px;
    height:18px;
    padding: 7px 0.45em 4px 0.45em;
    margin: 9px 0 6px 10px;
    float:left;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	background-color: #fcfcfc;
}

.Message input.seconds {
    line-height: 30px;
    height:30px;
    padding: 0px 0.45em 0px 0.45em;
    margin:2px 10px 0;
	text-align:center;
}


label.seconds {
    font-size: 0.75em;
    padding: 10px 0 0 10px;
    line-height:18px;
    margin: 0 0 14px 0;
    float:left;
    text-align:left;
    width:auto;

}
input.seconds:hover,input.seconds:focus {
    /*background:url(../images/input40px.gif) no-repeat 0 -30px;*/
    background-color: #fff;
    border:1px solid #0077dd;
    -moz-box-shadow:    inset 0 1px 1px #ccc;
    -webkit-box-shadow: inset 0 1px 1px #ccc;
    box-shadow:         inset 0 1px 1px #ccc;
}

.durationSelect label.seconds {
    line-height:30px;
    margin-bottom:0;
	margin-top:0;
	padding-top:0;
}

/* Start editable selectbox styles */

/* editable selectbox normal */
.editable-select-normal input.editable-select {
    background-color: #fcfcfc;
    padding: 5px 20px 5px 6px;
    background-position: 288px center;
}
.editable-select-normal input.editable-select:hover {
    background-color: white;
}
.editable-select-normal .editable-select {
    width: 298px;
}

.editable-select-normal .editable-select-options li {
    color: #222;
}
/* editable selectbox ticker */
.tickerfeed input.editable-select {
    margin:-10px 0 -10px 0;
	width:401px!important;
	padding:0 50px 0 15px;
	line-height:50px;
	height:50px;
    background: #ffffff url(../images/arrow-down.gif) right 18px center no-repeat;
    display: block;
    color: #222;
	border:1px solid #fcfcfc;
}

.Message .tickerfeed input.editable-select {
    margin:0;
	width:350px!important;
	padding:0 10px;
	line-height:40px;
	height:40px;
    background: #ffffff;
    display: inline-block;
    color: #000;
	border:1px solid #ddd;
}


.tickerfeed input.editable-select:hover,
.tickerfeed input.editable-select:focus{
border:1px solid #0077dd;
}





.tickerfeed .editable-select {
    width: 450px;
}

.tickerfeed .editable-select-options li {
    font-size: 0.8em;
    line-height: 40px;
    color: #222;
	padding: 0 20px;
	height:40px;
	
}

.tickerfeed .editable-select-options li.selected {
    background: #f6f6f6;
}

/* editable selectbox in dialog */

.editable-select-in-dialog input.editable-select {
    border: 1px solid #DDDDDD;
    padding: 3px 13px 3px 3px;
}
.editable-select-in-dialog .editable-select {
    width: 400px;
}

.editable-select-in-dialog .editable-select-options li {
    color: #222;
}

/* editable selectbox general */

.editable-select-wrapper {
    margin-left: -10px;
    position: relative;
	width:468px;
}

.domainNumbers .editable-select-wrapper {
    width:320px;
}

.Message .editable-select-wrapper{
    width:auto; 
	padding: 0;
	margin: 0; 
	position:relative;
	float:right;
}



.manageareawrap .editable-select-wrapper {
	margin-left:0;
}

.editable-select-in-dialog {
    margin-left:0;
}

input.editable-select {
    background: #FFF url(../images/editable-select.gif) right center no-repeat;
    padding-right: 13px;
}
.editable-select-options {
    position: absolute;
    display: none;
    overflow: auto;
    padding: 0;
    background: #FFF;
    border: 1px solid #CCC;
    z-index: 2001;
	width:456px!important;
    margin: -10px 0 0 10px;
}
.editable-select-iframe {
    position: absolute;
    background: #FFF;
    z-index: 2000;
    display: none;
}
.editable-select-options ul {
    margin: 0;
    padding: 0;
    z-index: 2001;
    list-style: none none;
}
.editable-select-options li {
    cursor: default;
    padding: 2px;
}
.editable-select-options li.selected {
    background: #EAEAEA;
}

/* End editable selectbox styles */

.domainNumbers .editable-select-wrapper {
    display: inline-block;
}

div.inUseTxt {
    display: inline-block;
    color: #999;
}

div.inUseTxt span {
    margin: 0 5px;
    color: #999;
}

.xbody {

    background:#ffffff/*f0f0f0*/;
    display:block;
    overflow: visible;
    height:1%;
    /*padding:0px 10px;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.Message .xbody{
	padding:0px 5px;
}

.Overview .xbody{
	padding:0px!important;
}

.Message .areawrap.areawrapOutputWrapper .xbody{
	padding:0;
}

.Message .MessageSidebar .xbody{
	padding:0px;
}

.xbody a{  padding:0; height:auto; display:inline; }
.xbody > hr { border: 0; height: 1px; margin-top: 0.45em; margin-bottom: 0.45em; }

.light .xbody {border-color:#f0f0f0; }
.yellow .xbody {background-color: #ffe93a; border-color:#ebc535;color:#222;font-size:0.8em;text-align:center;padding:0.45em;line-height:1.4em; }

.yellow .xbody a{  padding:0; height:auto; display:inline; }
.yellow .xbody > hr { background-color: #ebc535; }

.red .xbody {border-color:#EBCCD1;color:#B94A48;font-size:0.8em;text-align:center;padding:0.45em;line-height:1.4em; }

.red .xbody a{  padding:0; height:auto; display:inline; }
.red .xbody > hr { background-color: #EBCCD1; }

.xbody .infoMessage h3 + ul {margin-top: -5px;}

.xbody .infoMessage li
{
    color: #AAA;
    margin-left: 20px;
    font-size: 12px;
}

.consumptionTxt {
    color: #222;
}

.xb {

    font-size:1px;

    background:transparent;
    height:0;
    display:block;
    clear:both;
}
.xbvspacer {
    height:10px;
    display:block;
    clear:both;
}

.panel-flexible-50 .xbvspacer{
	height:10px;
}

button {
    padding: 0 0.6em 0.3em 0.6em;
    font-size: 80%;
    font-weight: bold;
    margin: 0;
    width: auto;
    overflow: visible;
    background-color: transparent;
    border: none;
    height:inherit;
}
button:hover {
    text-decoration: none;
    color: #F0A;
    cursor:pointer;
}
button:active {
    color: #F6D;
}

form .middle {
    padding:0;
}


.light h3, .light h3 .normal {
    color: #1a55ad;
}

.LocationResults {
    font-size: 0.687em;
    margin: 10px 0;
}

.LocationResults > input{
    margin-right: 10px;
    margin-left: 5px;
    vertical-align: middle;
}

#locationMap {
    width: 100%;
    height: 400px;
    margin-top: 7px;
}

.borderedTabs {
    margin: 0 20px;
}

.manageareawrap .borderedTabs {
	margin: 0 0;
}

.borderedTabs > div {
    /*
	border: 1px solid #F0F0F0;
	border-top: none;
	padding: 20px;
	*/
}

.borderedTabs .div:after{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.borderedTabs > div:first-child {
    /*border: none;
  border-top: none;*/
    padding: 0 0 0 0;
}

#domainSettingsTabs > .tabs30px,
#SiteOptionsTabs > .tabs30px,
#AppDetailsTabs > .tabs30px,
#ExternalSiteOptionsTabs > .tabs30px {
    padding-left: 0 /*18px*/;
}

ul.tabs30px {
    margin:0;
    padding:0;
}

li.tab30px {
    padding: 0;
    margin: 0 0.1em 0 0;
}
/*
#tabs-1 {
  display: none;
	padding:0;
	margin:0;
}

#tabs-2 {
	display: none;
  padding:0;
  margin:0;
}
*/



.tabs30px {
    background:transparent;
    overflow:hidden;
    /*background:url("../images/tabborder.gif") repeat-x 0 27px;*/
    /*border-bottom:1px solid #ccc;*/
    margin-bottom: 20px;
}

#videoDialog .tabs30px {
    margin-bottom: 5px;
}

.tabs30px::after{
	content: "";
	width:100%;
	border-bottom:1px solid #cccccc;
	display:block;
	height:42px;
}



#tabs.smartTabContainer .tabs30px {

    width:100%;


}
.lightboxwindow .tabs30px {
    margin-top:10px;
}

.tab30px {
    background:transparent;
    float:left;

    overflow:hidden;
    margin-top:3px;
    margin-right:1px;

}

.Message .container .tab30px{
	margin-top:0px;
}

.tab30px a {

    /*background: url("../images/tab30px_right.gif") no-repeat right 0;*/
    padding:0;
    margin:0;
    float:left;

}

.tab30px a.left.sel{
    /*background:url("../images/tab30px_left.gif") no-repeat left 0;*/
    padding: 0 0 0 0;
    cursor: pointer;
}
.tab30px a.left{
    /*background:url("../images/tab30px_off_left.gif") no-repeat left 0;*/
    padding: 0 0 0 0;
    /*text-shadow: #fff 0 1px 0;*/
}

.tab30px  span.rd {
    /*height:40px;
	font-size: 0.937em; /* 15px / 16px = 0,9375 */
    letter-spacing: 0;
    font-weight:bold;
    color: #048;
    margin:0;
    /*background: url("../images/tab30px_right.gif") no-repeat right 0;*/
    text-decoration: none;
    display:block;
    float: left;
    overflow:hidden;
    padding:0;
}

.tab30px a span.rd{
    /*background:url("../images/tab30px_right.gif") no-repeat left 0;*/
    background-color:#ffffff;
    color: #048;
    text-align:center;
    /*width:100px;*/
    padding: 0.5em 10px 0.5em 10px;
    margin:0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;

}

.tab30px a span.rd250{
    /*width:250px;
  padding: 0.5em 0 0 0;*/
}
.tab30px a span.rd225{
    /*width:225px;
  padding: 0.5em 0 0 0;*/
}
.tab30px a span.rd180{
    width:180px;
    /*padding: 0.5em 0 0 0;*/
}
.tab30px a span.rd150{
    width:150px;
    /*padding: 0.5em 0 0 0;*/
}

.tab30px a.right.sel span.rd{
    /*height:60px;*/
    color: #048;
    background-color:#ffffff;
    border: 1px solid #ddd;
    border-bottom-width:0;
    /*overflow:hidden;*/
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.tab30px a.right.sel span.rd{
	padding:0.45em 9px 0.55em 9px;
}


.panel950 .settingspanel .tab30px a.right.sel span.rd{
	background-color:#ffffff; 
	padding:0.45em 9px 0.55em 9px;
}



.tab30px a.right span.rd{
    /*background:url("../images/tab30px_off_right.gif") no-repeat right 0;*/
    color: #444;
}


.tab30px a:hover {
    cursor: pointer;
}

.tab30px a.left:hover  span.rd{
}
.tab30px a.right:hover span.rd{
    /*background:url("../images/tab30px_right.gif") no-repeat right 0;*/
    color: #222;
    /*text-shadow: #eee 0 -1px 0;
	height:20px;*/
}
.tab30px a.right.sel:hover span.rd {
    color:#048;
}


.buttons24px {
    background:transparent;
    float:left;
    /*height:34px;*/

    overflow:visible;
    padding: 7px 0 !important;
}

.buttons24px.floatcenter{
	float:none;
	position:relative;
	display:inline-block;
	width:auto;
}

#mainOverviewTabs .buttons24px.floatright a.left.right {
    margin-right: 10px;
}

#mainOverviewTabs .panel950.height50px .buttons24px.floatright:nth-child(2) a.left.right {
    margin-right: 0 !important;
}

.bodyheader.Overview .overviewNavigationWhiteBgLeft {
    background-color: #FFF;
    height: 75px;
    width: 100vw;
    position: absolute;
    left: 0;
}

.bodyheader.Overview .overviewNavigationWhiteBg {
    position: absolute;
    background-color: #FFF;
    height: 75px;
}

#mainOverviewTabs .tabs30px
{
    overflow:hidden;
    transform: translateY(17%);
    min-width: 312px;
}

#publishChannelBtn .rd {
    color: #2abf53;
}

#publishButtonsBar.attentionbar #publishChannelBtn .rd {
    color: #fff;
}

#publishButtonsBar.attentionbar #publishChannelBtn {
    background-color: #2abf53;
}

#mainOverviewTabs .tabs30px::after {
    border-bottom: none;
}

#mainOverviewTabs .tab30px a.right span.rd {
    color: #707070;
}

#mainOverviewTabs .tab30px a.right.sel span.rd {
    border: 0;
    border-bottom: 2px solid #1561d5;
    color: #1561d5;
}

#mainOverviewTabs .tab30px {
    position:relative;
    height: 75px;
}

#publishButtonsBar{
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    right: 1px;
    z-index:2;
    transform: translateY(17%);
}

#publishButtonsBar.buttons24px, #publishButtonsBar .buttons24px {
    padding: 5px 5px 5px 0 !important;
}

#publishButtonsBar .buttons24px a.left.right{
	margin-right: 0;
}

#deleteHistoryButtonBar, #exportStatsButtonBar {
    display: none;
    white-space: nowrap;
    position: absolute;
    right: 0;
    z-index:2;
    transform: translateY(30%);
}

#deleteHistoryButtonBar.buttons24px, #deleteHistoryButtonBar .buttons24px {
    padding: 5px 0 !important;
}

#exportStatsButtonBar.buttons24px {
    padding: 5px 10px !important;
}

#deleteHistoryButtonBar .buttons24px a.left.right,
#exportStatsButtonBar .buttons24px a.left.right
{
    margin-right: 0;
}

.buttons24px > .buttonsDescription {
    float: left;
    font-weight: normal;
    line-height: 24px;
}

.buttonsDescription.left {
    margin-right: 10px;
}

.buttonsDescription.right {
    margin-left: 10px;
}

.buttonsDescription.success {
    color: green;
}

.buttonsDescription.fail {
    color: red;
}

.buttons24px a {
    margin: 0;
    padding:0;
    float:left;
    box-shadow:
    1px 0 0 0 #ccc,
    0 1px 0 0 #ccc,
    1px 1px 0 0 #ccc,   /* Just to fix the corner */
    1px 0 0 0 #ccc inset,
    0 1px 0 0 #ccc inset;
    height:34px;
}
.buttons24px a:hover, .buttons24px a.left:hover  {
    box-shadow:
    1px 0 0 0 #aaa,
    0 1px 0 0 #aaa,
    1px 0 0 0 #aaa inset,
    0 1px 0 0 #aaa inset;
}

#publishButtonsBar .buttons24px a {
    box-shadow: 1px 0 0 0 #2abf53,
        0 1px 0 0 #2abf53,
        1px 1px 0 0 #2abf53, /* Just to fix the corner */
        1px 0 0 0 #2abf53 inset,
        0 1px 0 0 #2abf53 inset;
}
#publishButtonsBar .buttons24px a:hover, #publishButtonsBar .buttons24px a.left:hover  {
    box-shadow: 1px 0 0 0 #2abf53,
        0 1px 0 0 #2abf53,
        1px 0 0 0 #2abf53 inset,
        0 1px 0 0 #2abf53 inset;
}


.th .buttons24px {
    height:27px;
}

.buttons24px .devider {
    float: left; /*width: 1px;*/
    background: #e3e3e3 none;
    padding: 0; /*height:24px;*/
}
.buttons24px .spacer {
    float: left; background-image:none; width: 5px; margin: 0; padding: 0; height:34px;
}
.buttons24px .spacer7px {
    float: left; background-image:none; width: 7px; margin: 0; padding: 0; /*height:24px;*/
}
.buttons24px .spacer9px {
    float: left; background-image:none; width: 9px; margin: 0; padding: 0; /*height:24px;*/
}
.spacer18px {
    float: left; background-image:none; width: 0; margin: 0; padding: 0; height:12px;/*height:24px;*/ display:block;
}

.buttons24px.actionbutton a,
.buttons24px a.newmsgbutton {
  /*background:url("../images/ab24px_right.png") no-repeat right 0;*/
    background-color:#1a55ad;
    /*border: 1px solid #2762bb;*/
    
	border:1px solid #2762bb;
	  -moz-box-shadow:   none;
   -webkit-box-shadow: none;
   box-shadow: none;
	
}



.buttons24px.actionbutton a:hover,
.buttons24px a.newmsgbutton:hover {
    /*background:url("../images/ab24px_right.png") no-repeat right 0;*/
    background-color:#2762bb;
    /*border: 1px solid #2762bb;*/
    border:1px solid #2762bb;
	  -moz-box-shadow:   none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.buttons24px.actionbutton a.left{
    /*background:url("../images/ab24px_left.png") no-repeat left 0;*/
    /*padding:0 0 0 3px;*/
}
.buttons24px.actionbutton span.rd,
.buttons24px a.newmsgbutton span.rd{
    /*background:url("../images/ab24px_right.png") no-repeat left 0;*/
    color: #fff;
    /*padding: 6px 2.2em 6px 2.0em;*/
}
.buttons24px.actionbutton   a.right span.rd {
    height:24px;
    /*height:32px;*/
    /*background: url("../images/ab24px_right.png") no-repeat right 0;	*/
    /*background: yellow;
	overflow:hidden;*/
}

.buttons24px a span.rd {
    font-size:100%;
    padding: 5px 10px 5px 10px;/**/
    text-decoration: none;
    color: #222;
    display:block;
    float: left;
}

.messagebar .actions .buttons24px a span.rd {
    padding: 7px 5px 3px 5px;
}

.buttons24px a.left  {
    /*height:24px;*/
    /*background:url("../images/b24px_left.gif") no-repeat left 0;*/
    padding:0 0 0 2px;
    float:left;
    display:block;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -o-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -o-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.messagebar .actions .buttons24px a.stats span.rd {
    padding: 7px 8px 3px 8px;
}

.messagebar .actions .buttons24px a.stats {
    /*background: #2474ee;*/
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -o-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -o-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow:
            1px 0 0 0 #ccc,
            0 1px 0 0 #ccc,
            1px 0 0 0 #ccc inset,
            0 1px 0 0 #ccc inset;
}
.messagebar .actions .buttons24px a.stats:hover {
    background: #2474ee;
    box-shadow: 1px 0 0 0 #ccc;
}


.buttons24px a {
    margin: 0;
    padding:0;
    float:left;
    box-shadow:
            1px 0 0 0 #ccc,
            0 1px 0 0 #ccc,
            1px 0 0 0 #ccc inset,
            0 1px 0 0 #ccc inset;
    height:34px;
}

.messagebar .actions .buttons24px a.stats span.rd i.fa.fa-line-chart {
    color: #222;
}
.messagebar .actions .buttons24px a.stats:hover span.rd i.fa.fa-line-chart {
    color: #fff;
}

.buttons24px a.right {
    /*height:24px;*/
    float:left;
    display:block;
    margin-left: 0;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -o-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -o-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.MessageSidebar .buttons24px a.right{
	float:right;
	margin-right:5px;
}



.buttons24px a.right.left  {
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#imageDialog .buttons24px.navigationContainer,
#videoDialog .buttons24px.navigationContainer {
    margin-right: 2px;
}

.buttons24px.navigationContainer a.left span.rd  {
    padding: 5px 5px 5px 5px;
}

.buttons24px.navigationContainer a.right span.rd  {
    padding: 5px 3px 5px 7px;
}

#historyDetailsDialog .outputs .buttons24px a.left,
#slideDetailsDialog .outputs .buttons24px a.left,
#historyDetailsDialog .outputs .buttons24px a.right,
#slideDetailsDialog .outputs .buttons24px a.right,
.Overview .messagebar .output .buttons24px a.left,
.Overview .messagebar .output .buttons24px a.right{
	-o-border-radius: 0!important;
    -moz-border-radius: 0!important;
	border-radius: 0!important;
}

#historyDetailsDialog .outputs .buttons24px a.left,
#slideDetailsDialog .outputs .buttons24px a.left,
.Overview .messagebar .output .buttons24px a.left{
	padding-left:0;
	padding-right:0;
}

#historyDetailsDialog .outputs .buttons24px a.left.right,
#slideDetailsDialog .outputs .buttons24px a.left.right,
.Overview .messagebar .output .buttons24px a.left.right{
	margin-right:0;
}

#historyDetailsDialog .outputs .buttons24px span.rd,
#slideDetailsDialog .outputs .buttons24px span.rd,
.Overview .messagebar .output .buttons24px span.rd{
	padding: 0 0 0 0;
	height:inherit;
}

#historyDetailsDialog .outputs .buttons24px span.rd .icon,
#slideDetailsDialog .outputs .buttons24px span.rd .icon,
.Overview .messagebar .output .buttons24px span.rd .icon{
	width:25px;
	height: 28px;
	display: inline-block;
	padding:0 0 0 0!important;
    margin-top: 4px;
}

#historyDetailsDialog .outputs .buttons24px span.rd .icon.pctv,
#slideDetailsDialog .outputs .buttons24px span.rd .icon.pctv {
	width:16px;
}

#historyDetailsDialog .outputs .buttons24px a:hover,
#slideDetailsDialog .outputs .buttons24px a:hover {
    background-color:transparent;
}

.Overview .messagebar.inactive .output:before{
    background: url("../images/pctv_off.png") no-repeat center center;
}

.buttons24px span.rd.small {
    padding: 6px 0.34em 6px 0;
}

.buttons24px  a.right span.rd {
    height:22px;
    /* background: url("../images/b24px_right.gif") no-repeat right 0; */
}

* html .buttons24px a span.rd { width:auto; display:inline-block; cursor:pointer;}
* html .actionbutton a span.rd { width:auto; display:inline-block; cursor:pointer;}

.buttons24px a span,
.buttons24px a span i.fa,
.buttons24px a {
    color:#222;
}
.buttons24px.actionbutton a span,
.buttons24px.actionbutton a
{
    text-shadow: none;
}

.buttons24px.actionbutton a:hover span {
    color:#fff;
    text-shadow: none;
}
.buttons24px a:hover span {
    color:#222;
    /*text-shadow: #ccc 0 -1px 0;*/
}

.buttons24px a span.normal {
    font-weight: normal;
    color: #999;
    /*text-shadow: #fff 0 1px 0;*/
}

.buttons24px > ul a { width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.buttons24px a { /* float:none; */ }
/* End IE5-Mac hack */

/* arrowdown */
.buttons24px a span.arrowdown{
    float:left;
    height:0;
    padding-left:0;
}

.buttons24px a span.arrowdown:before{
	 content: "\f107";
	font-family: "FontAwesome";
	display:inline-block;
	width:1px;
	height:20px;
	/*padding:2px 5px 0px 5px;*/
	padding:2px 10px 0 5px;
}



.buttons24px a span.arrowup{
    float:left;
    height:16px;
    padding-left:10px;
    background: url("../images/arrowup.gif") 4px 0 no-repeat;
}


.buttons24px a#newTemplate span.rd{
	padding-left:3px;
	padding-right:3px;
}


#unselectedSmsAccount .buttonsDescription,  #unselectedSender .buttonsDescription,
#selectedSmsAccount .buttonsDescription,  #selectedSender .buttonsDescription
{
    color: #999999;
    width: 260px;
    padding: 10px 0;
}

#selectedSmsAccount .buttonsDescription input,  #selectedSender .buttonsDescription input
{
    color: #222222;
    margin-left: 10px;
}



/* icon */

.icon, .iconinline{
    /*
    float:left;
    display:block;
	*/
    display: inline-block;
    /**/
    padding-left:5px;
    padding-right:5px;


}
/*
  .iconinline{
    position:absolute;
    display:inline-block;

    bottom:-3px;
		left: 0;
  }
  */

.icon.pc {
    background: url("../images/PC-24x24.png") no-repeat 0 top;
    height:24px;
    width:24px;
    float: none;
}
.icon.tv {
    background: url("../images/TV-24x24.png") no-repeat 0 top;
    height:24px;
    width:24px;
    float: none;
}
.icon.tvp {
    background: url("../images/TV-24x24.png") no-repeat 0 top;
    height:24px;
    width:24px;
    float: none;
}
.icon.kiosk {
    background: url("../images/Kiosk-24x24.png") no-repeat 0 top;
    height:24px;
    width:24px;
    float: none;
}
.icon.server {
    background: url("../images/Server-24x24.png") no-repeat 0 top;
    height:24px;
    width:24px;
    float: none;
}

.icon.image {
    margin:-0.3em 0 0 -0.3em;
    background: url("../images/icons18x18.png") no-repeat 0 top;
    height:18px;
    padding-left:22px;
}
.icon.video {
    margin:-0.3em 0 0 -0.3em;
    background: url("../images/icons18x18.png") no-repeat 0 -18px;
    height:18px;
    padding-left:22px;
}
.icon.youtube {
    margin:-0.3em 0 0 -0.3em;
    background: url("../images/icons18x18.png") no-repeat 0 -54px;
    height:18px;
    padding-left:22px;
}
.icon.webpage {
    margin:-0.3em 0 0 -0.3em;
    background: url("../images/icons18x18.png") no-repeat 0 -72px;
    height:18px;
    padding-left:22px;
}
.icon.bold {
    background: url("../images/textstyle_bold.gif") no-repeat left 4px;
    height:16px;
    padding-left:14px;
}
.icon.italic{
    background: url("../images/textstyle_italic.gif") no-repeat left 4px;
    height:16px;
    padding-left:14px;
}
.icon.underline {
    background: url("../images/textstyle_underline.gif") no-repeat left 4px;
    height:22px;
    padding-left:14px;
}
.icon.colorpicker {
    height:16px;
    padding-left:21px;
    background: url("../images/colorpicker.gif") no-repeat left 4px;
}
.icon.colortext {
    height:16px;
    padding-left:21px;
    background: url("../images/colortext.gif") no-repeat left 4px;
}
.icon.colorfill {
    height:16px;
    padding-left:21px;
    background: url("../images/colorfill.gif") no-repeat left 4px;
}
.icon.settings:before {
    /*height:16px;
	padding-left:16px;
	background: url("../images/settings.gif") no-repeat left top;*/
    content: "\f013";

}
.icon.signout:before {
    /*
	height:16px;
	padding-left:21px;
	background: url("../images/signout.gif") no-repeat left top;
*/
    content: "\f08b";
}

/*
.attention {
  margin:-0.1em 0 0 0;
  height:10px;
  padding:4px 0 0 0;
  background: url("../images/icons16x16.gif") no-repeat 1px -66px;
  overflow:hidden;
}

.rd  .attention{ margin-top: -11px;  }
html>body .rd .attention{ margin-top: -1px; }
*/


#authOptions .icon.add {
    margin-top: 0.3em;
    margin-left: 3px;
}


.buttons24px .fontfamily {
    width:100px;
}
.buttons24px .transitiontype {
    width:188px;
}
.buttons24px .scrollingdirection {
    width:134px;
}
.buttons24px .site {
    width:260px;
}
.buttons24px .messagefilter {
    width:90px;
}

.attentionbar {
    background-color: #ffe93a;
    border: 1px solid #ebc535!important;
    display:inline-block;
    /*background:  url("../images/attbar_right.gif") no-repeat right 4px;*/
    white-space:nowrap;
    position:absolute;
    right:5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;

}
.attentionbar .txt {
    display:inline-block;
    padding:7px 10px 0 0;font-size: 85%; color:#222; float:left; white-space:nowrap;
}

.attentionbar .txt span{
	color:#222222;
}
.attentionbar .lft {
    width:2px;
    padding:34px 0 0 0;
    margin: -3px 0;
    /*background:  url("../images/attbar_left.gif") no-repeat left 0;*/
    float:left;
    white-space:nowrap;
}

/* hover and focus */

.buttons24px.actionbutton a.right:hover,
.buttons24px.actionbutton a.right:hover span.rd,
.buttons24px.actionbutton a.right:focus,
.buttons24px.actionbutton a.right:focus span.rd,
.buttons24px.actionbutton a.left.right:hover span.rd,
.buttons24px.actionbutton a.left.right:focus span.rd
{
    background-position:right -40px; cursor:pointer;
}
.buttons24px.actionbutton a:hover,
.buttons24px.actionbutton a:hover span.rd,
.buttons24px.actionbutton a:focus,
.buttons24px.actionbutton a:focus span.rd,
.buttons24px.actionbutton a.left:hover,
.buttons24px.actionbutton a.left:hover span.rd,
.buttons24px.actionbutton a.left:focus,
.buttons24px.actionbutton a.left:focus span.rd
{
    background-position:0 -40px; cursor:pointer;
}

.buttons24px a.right:hover,
.buttons24px a.right:hover span.rd,
.buttons24px a.right:focus,
.buttons24px a.right:focus span.rd
{
    background-position:right -32px; cursor:pointer;
}

.buttons24px a.left:hover,
.buttons24px a.left:hover span.rd,
.buttons24px a.left:focus,
.buttons24px a.left:focus span.rd,
    /*.buttons24px a:hover,*/
.buttons24px a:hover span.rd,
.buttons24px a:focus,
.buttons24px a:focus span.rd {
    background-position:0 -32px; cursor:pointer;
}

.buttons24px a.left.right:hover span.rd,
.buttons24px a.left.right:focus span.rd   {
    background-position:right -32px; cursor:pointer;
}

.th .buttons24px a.left:hover,
.th .buttons24px a.left:hover span.rd,
.th .buttons24px a.left:focus,
.th .buttons24px a.left:focus span.rd,
.th .buttons24px a:hover,
.th .buttons24px a:hover span.rd,
.th .buttons24px a:focus,
.th .buttons24px a:focus span.rd {
    background-position:0 -45px;
}
.th .buttons24px a.left.right:hover span.rd,
.th .buttons24px a.left.right:focus span.rd   {
    background-position:right -45px;
}

/* current and active */

.buttons24px.actionbutton a.right:active,
.buttons24px.actionbutton a.right:active span.rd,
.buttons24px.actionbutton a.left.right:active span.rd,
.buttons24px.actionbutton a.left.right span.rd:active  {
    background-position: right -80px;
}
.buttons24px.actionbutton a.left:active,
.buttons24px.actionbutton a.left:active span.rd{
    background-position:0 -80px;
}

.buttons24px .current {
    background-position: 0 -64px;
	background-color:#efefef;
}
.buttons24px .current a, .buttons24px a.current span.rd {
    background-position: 0 -64px; color: #222;
}
.buttons24px a.right.current,.buttons24px a.right.current span.rd {
    background-position: right -64px; color: #222;
}
.buttons24px a.left.current, .buttons24px a.left.current span.rd {
    background-position: 0 -64px; color: #222;
}

.buttons24px a:active,.buttons24px a:active span.rd {
    background-position:0 -64px;
}
.buttons24px a.right:active,
.buttons24px a.right:active span.rd,
.buttons24px a.left.right:active span.rd,
.buttons24px a.left.right span.rd:active  {
    background-position: right -64px;
}
.buttons24px a.left:active,.buttons24px a.left:active span.rd{
    background-position:0 -64px;
}

.buttons24px a span.rd.wide {
    white-space: nowrap;
}
.actionbutton span.rd{
    padding-left: 1.2em;
    padding-right: 1.4em;
}

/* inactive states for buttons */

.buttons24px a span.rd.wide.inactive {
    color:#bbb;
    text-shadow: none;
}

.buttons24px a:hover span.rd.wide.inactive,
.buttons24px a:active span.rd.wide.inactive,
.buttons24px a:focus span.rd.wide.inactive {
    color:#bbb;
    text-shadow: none;
    background-position: right 0;
}

.buttons24px a span.rd.inactive {
    color:#bbb;
    text-shadow: none;
}

.buttons24px a.left span.rd.inactive {
    color:#bbb;
    text-shadow: none;
}
.buttons24px a.left:hover span.rd.inactive,
.buttons24px a.left:active span.rd.inactive,
.buttons24px a.left:focus span.rd.inactive {
    color:#bbb;
    text-shadow: none;
    background-position: left 0;
}

.buttons24px a span.rd.inactive {
    color:#bbb;
    text-shadow: none;
}
.buttons24px a:hover span.rd.inactive,
.buttons24px a:active span.rd.inactive,
.buttons24px a:focus span.rd.inactive {
    color:#bbb;
    text-shadow: none;
    background-position: left 0;
}

.buttons24px a.right span.rd.inactive {
    color:#bbb;
    text-shadow: none;
}
.buttons24px a.right:hover span.rd.inactive,
.buttons24px a.right:active span.rd.inactive,
.buttons24px a.right:focus span.rd.inactive {
    color:#bbb;
    text-shadow: none;
    background-position: right 0;
}

/* inactive states for buttons */

.buttons24px a span.rd.inactive {
    color: #ddd;
    text-shadow:none;
    cursor:default;
}

.buttons24px a.left .inactive:hover,
.buttons24px a.left.right span.rd.inactive,
.buttons24px a.left span.rd.inactive:hover,
.buttons24px a.left span.rd.inactive:active{
    cursor:default;
}


.buttons24px.actionbutton a.inactive,
.buttons24px.actionbutton a.inactive:hover,
.buttons24px.actionbutton a.inactive:active {
    background-color:#bbb;
    box-shadow:
    1px 0 0 0 #ccc,
    0 1px 0 0 #ccc,
    1px 1px 0 0 #ccc,   /* Just to fix the corner */
    1px 0 0 0 #ccc inset,
    0 1px 0 0 #ccc inset;
    color:#ddd;
}

.buttons24px a.notActive:hover, .buttons24px a.left.notActive:hover,
.buttons24px a.right.notActive:hover  {
    box-shadow:
            1px 0 0 0 #ccc,
            0 1px 0 0 #ccc,
            1px 1px 0 0 #ccc,   /* Just to fix the corner */
            1px 0 0 0 #ccc inset,
            0 1px 0 0 #ccc inset;
}

.buttons24px.actionbutton#publishButtonsBar a.inactive{
	border:1px solid #bbbbbb;
}

.buttons24px.actionbutton#publishButtonsBar a.inactive span.rd{
	color:#ffffff;
}

.buttons24px.actionbutton   a.right.inactive span.rd,
.buttons24px.actionbutton   a.right.inactive:hover span.rd,
.buttons24px.actionbutton   a.right.inactive:active span.rd {
    /*
  height: 12px;

 background: url("../images/ab24px_right.png") no-repeat right -120px;  */
    background-color:#bbb;
    /*border-color:#bbb;*/
    box-shadow:
    1px 0 0 0 #bbb,
    0 1px 0 0 #bbb,
    1px 1px 0 0 #bbb,   /* Just to fix the corner */
    1px 0 0 0 #bbb inset,
    0 1px 0 0 #bbb inset;
    color:#ddd;
}

/********** Start MessageList *********/

.sortContainer {
    background-color: #e5e5e5;
}

#messagelist {
    border: 0 solid #eee;
}

.messagelistheader {
    /*height: 38px;*/
    text-align: left;
    /*padding: 0 6px 0 0;*/
    padding: 0;
	background: #f1f1f1;
}

.messagelistheader .sortablehead{
	background: #f1f1f1 !important;
}

.messagelistheader > div {
    float: left;
    padding: 12px 10px 6px;
    color: #222;
    /*font-size: 0.687em;*/
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing:0.5px;
}

.status.th,.status,.username.th,.username {
    padding-left: 5px;
}

.status{ width:115px; padding:0 10px 0 0; }
.nl_NL .status, .en_US .status{	width:90px;}
.nl_NL .categories, .en_US .categories { white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
.title { white-space:nowrap; text-align:left; overflow: hidden; }
.title .lastEditedBy { color: #999; line-height: 14px; }
.messagelistheader .status { width:115px; cursor:pointer; padding-left: 20px; }
.nl_NL .messagelistheader .status, .en_US .messagelistheader .status{	width:90px;}
.messagelistheader .title { padding: 12px 0 6px 10px; white-space:nowrap; text-align:left; overflow: hidden; /*max-width:628px; TODO :: max-width fix */ cursor:pointer; }
.messagelistheader .categories { padding-left:10px; white-space:nowrap; text-align:left; overflow: hidden; cursor:pointer; text-overflow: ellipsis; }
.messagelistheader .sortorder { text-align:left; width: 14px; padding-left:15px; padding-right:13px; min-width:25px; cursor:pointer;}
.messagelistheader .scheduling { padding-left: 10px; white-space:nowrap; text-align:left; cursor:pointer; width:140px;}
.messagelistheader .scheduling span { color: #222; }
.messagelistheader .preview { width:78px; white-space:nowrap;}
.messagelistheader .output { width:177px; white-space:nowrap;}
.messagelistheader .actions { width:67px; padding-right: 0; }
.messagelistheader .scheduling .wwide { display: inline; }
.messagelistheader .scheduling .wsmall { display: none; }

/* sort arrows messagelist */
.messagelistheader div span.arrow-up {
    height:16px;
    padding-left: 12px;
    background: url("../images/arrowup.gif") 6px 2px no-repeat;
    position: relative;
}
.messagelistheader div span.arrow-down {
    height:16px;
    padding-left: 12px;
    background: url("../images/arrowdown.gif") 6px 2px no-repeat;
    position: relative;
}


.loader {
    /*position: absolute;*/
    background: #fff url("../images/loader.gif") no-repeat 50% 50%;
    height: 38px;
    border-top: 1px solid #eaeaea !important;
    border-bottom: 1px solid #cdcdcd !important;
    padding: 20px;
}
div.loader {
    /*position: absolute;*/
    background: #fff url("../images/loader.gif") no-repeat 50% 50%;
    height: 48px;
    border-top: 1px solid #eaeaea !important;
    border-bottom: 1px solid #cdcdcd !important;
    padding: 20px;
}

div.noMessages {
    padding: 30px 0;
    background-color: #fff;
    width: 100%;
    font-size: 0.687em;
    font-weight: bold;
    border-top: 1px solid #eaeaea !important;
    border-bottom: 1px solid #eaeaea !important;
    text-align: center;
}

.messagebar {
    margin: 0;
    padding: 0 3px 0 10px;
    background:white;
    position: relative;
    border-top: none!important;
    border-bottom: 1px solid #eaeaea !important;
}

.messagebar.submessage{
	padding:0;
    border-top: 1px solid #eaeaea !important;
    border-bottom: none!important;
}

.messagebar.submessage > .clearfix {
	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;
	
}

.messagebar.inactive {
    background: #F9F9F9;
}

 .messagebar.inactive .buttons24px a#statuson{
	background: #F9F9F9;
	
}

.messagebar > div {
    clear:both;
}

.messagebar > div > div {
    float: left;
}

.messagebar .status {
    text-transform: uppercase;
	padding-left:20px; /* 10px */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.messagebar .messageTitle {
    font-weight: 400;
	font-size:14px;
}

.messagebar .status .buttons24px a.left.right{ 
	margin-right:0;
}
.messagebar .grab,
.messagebar .sortorder,
.messagebar .status,
.messagebar .title,
.messagebar .scheduling,
.messagebar .preview,
.messagebar .output,
.messagebar .actions {
    height: 48px;
    background-color: #fff;
}

.messageholder {
    background-color:#eef5ff;
}

.messagebar .notificationContainer {
    padding: 0 10px;
}

.messagebar .scheduling {
    background: #fff url("../images/scheduling_on.gif") no-repeat 8px 15px;
    width: 140px;
    color: #ddd;
    padding: 12px 0 0 10px;
    overflow:hidden;
}

.messagebar .scheduling span{
    margin-left:20px;
	position:relative;
	width:300px;
}

.messagebar .scheduling div{
	display:inline;
}

.messagebar .scheduling.inactive,
.messagebar .scheduling.off{
    background: #fff url("../images/scheduling_off.gif") no-repeat 8px 15px;
    /*float: right;*/
}



.messagebar .scheduling.off span{
	color:#cccccc;
}

.messagebar .scheduling.inactive span,
.messagebar .scheduling.inactive div{
    color: #ddd;
}

.messagebar .grab > div {
    margin: 3px 0 0 0;
    height: 100%;
}

.messagebar .headgrab{
    width: 10px;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 3px 0;
    left: 0;
    background: url("../images/grab.gif") repeat-y 4px 1px;
}


.messagebar .headgrab,
.messagebar .grab{
	cursor:pointer;
}


.messagebar .headgrab.right{
    /*left: 938px;*/
    left: auto;
    right: 0;
}


input[value="msg.Title"] ~ div .headgrab, input[value="from"] ~ div .headgrab, input[value="until"] ~ div .headgrab, input[value="expired"] ~ div .headgrab, input[value="status"] ~ div .headgrab {
    display: none;
} 



.messagebar.submessage .grab > div {
    margin: 3px 0;
    height: 42px;
}

.messagebar .nograb {
    background-image:none;
}
.messagebar .title a, .messagebar  .username a {
    color: #235ea3; /*4f81bb*/
    font-weight: normal;
    line-height: 14px;
}
.messagebar .inactive a  {
    color: #ddd; /*4f81bb*/
}
.messagebar .inactive a span {
    color: #ddd; /*4f81bb*/
}
.messagebar.submessage.inactive a span {
    color: #999999; /*4f81bb*/
}

.messagebar .title a:hover,
.messagebar .username a:hover {
    color: #222;
}

.messagebar .title, .messagebar .scheduling, .messagebar .sortorder, .messagebar .categories {
    font-size: 85%;
    height: auto;
    padding:12px 10px 0 10px;
    color: #999999;
	/*max-width:740px;
	min-width:25px;*/
}

.messagebar .sortorder {
    min-width: 25px;
}
.messagebar .title{
    padding:12px 0 0 10px;
    line-height:16px !important;
}
.messagebar .title span.textcolorabb6cf,
.messagebar .title span.textcolorccc{
	display: none;
}

.messagebar .lastEditActive { padding: 4px 0 0 10px; }

.messagebar .categories .colorDiv
{
    width: 9px;
    height: 13px;
    float: left;
    margin-top: 5px;
}

.tokenize-select .colorDiv {
    width: 9px;
    height: 13px;
    display: inline-block;
    margin-right: 5px;
}

.messagebar .categories .categoryNames {
    color: #999;
    margin-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.messagebar .preview {
    padding:0 10px;
    width: 70px;
    /*float: right;*/
}

.messagebar .preview .shadow{
	cursor:pointer;
	margin-top:0;
	width:65px;
	height:48px;
	padding: 0;
	border-left: 1px solid #eaeaea;
	border-right:1px solid #eaeaea;
}

.messagebar .preview .shadow .shadowborder{
	border:0;
}

.messagebar .output {
    width:177px;
	padding:0 10px 0 0;
}

.messagebar .output .buttons24px span.rd{
	padding-left:4px;
	padding-right:4px;
}

.messagebar .output .buttons24px a{
	box-shadow:none;
}

.messagebar .output .buttons24px a:hover{
	background-color:#f2f2f2;
}

/* PC/TV and Background/LockScreen are not clickable, so don't change style on hover */
.messagebar .output .buttons24px a:first-child:hover,
.messagebar .output .buttons24px a[title="Teams"]:hover {
    background-color:transparent;
}
.messagebar .output .buttons24px a:first-child span.rd {
    cursor: default;
}

.messagebar .actions {
    /*float: right;*/
    /*width:70px;*/
    width:105px;
	padding-left:2px;
}
.messagebar .sortorder {
    text-align: left;
    padding-left: 5px;
    padding-right: 13px;
}

.messagebar.inactive .mcheckbox,
.messagebar.inactive .grab,
.messagebar.inactive .status,
.messagebar.inactive .sortorder,
.messagebar.inactive .title,
.messagebar.inactive .scheduling,
.messagebar.inactive .preview,
.messagebar.inactive .output,
.messagebar.inactive .actions,
.messagebar.inactive .username,
.messagebar.inactive .realname,
.messagebar.inactive .userrole,
.messagebar.inactive .userenabled
{
    background-color: #f9f9f9;
}

.messagebar.inactive .preview,
.messagebar.inactive .output,
.messagebar.inactive .actions
{
    /*float: right;*/
}

.messagebar.inactive .preview{
	opacity: 0.1;
}

.messagebar.inactive .sortorder{
	color:#ddd;
}

.messagebar .grab10px  { width:5px; margin:2px 5px 2px 0;}
.messagebar .grab10px.left { width:5px; margin:2px 0 2px 5px;}

.messagebar .grab{ width: 10px;}
.messagebar .grab.right { float:right; }
.messagebar .grab > div {
    background:url("../images/grab.gif") repeat-y 4px 1px;
    margin: 3px 0;
    padding: 0;
    height: 32px;
}

.messagebar.submessage .clearfix{ background-color: #f6f6f6; }
.messagebar.submessage .grab{ background-color: #f6f6f6; height:auto;}
.messagebar.submessage .grab.right{ width: 10px; border-left: none !important; border-right: 1px solid #DDDDDD !important;}
.messagebar.submessage .status{ width:110px; padding:0; background-color: #f6f6f6;}
.messagebar.submessage .title { height: 24px; padding-left:20px; white-space:nowrap; text-align:left; background-color: #f6f6f6;}
.messagebar.submessage .lastEditActive { padding: 12px 0 0 20px; }
.messagebar.submessage .title .lastEditedBy { display:none; }
.messagebar.submessage .categories { display: none; }
.messagebar.submessage .notificationContainer { display: none; }
.messagebar.submessage .scheduling {width:200px; padding:0; white-space:nowrap; text-align:left; background-color: #f6f6f6;}
.messagebar.submessage .preview { padding:0 10px; margin:0; width:70px; background-color: #f6f6f6; }
.messagebar.submessage .output {  padding:0 10px; margin:0; width:177px; background-color: #f6f6f6;}
.messagebar.submessage .actions { width: 102px; /*width:73px;*/ padding:0 0 0 10px; background-color: #f6f6f6;}

.scheduling { font-size: 0.687em;}

.scheduling span, .scheduling div {
    color: #a2a2a2;
}



.messagescroller {
    /* container element for messagelist */
    position: relative;
    padding:0;
    margin:0;
	border-top: 1px solid #eaeaea !important;
	border-left:1px solid #eaeaea !important;
	border-right: 1px solid #eaeaea !important;
}

.messagescroller ol {
    margin-left: 142px;
    margin-right: -4px;
    transition: 4s ease-in-out;
}

.messagescroller .headmessage > div > div {
    border-bottom: none !important;
}

.subToggle {
    background-color: #f6f6f6;
    border: 1px solid #dddddd;
    position: relative;
    width: 891px;
    -moz-border-radius: 3px 0 0 0;
    -webkit-border-radius: 3px 0 0 0;
	border-radius: 3px 0 0 0;
    margin: 0 0 0 142px;
    transition: 100ms ease-in-out;
	height:34px;

}

.subToggle.subOpen {
    margin: 0 0 0 142px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    float:left;
}



.subToggle > div {
    height: 8px;
    border-bottom: 1px solid #e5e5e5;
}

.subToggle.subOpen > div:last-child {
    border-bottom: none;
}

.subToggleText {
    width: 100%;
    position: relative;
    text-align: center;
    left: auto;
    margin-left: 0;	
    color: #666;
    font-size: 0.687em;
    border-bottom: none !important;
    top: 0;
    line-height: 30px;
    padding-right: 0;
	cursor: pointer;
}

.subToggle:hover .subToggleText{
	color: #222222;
}

.subToggle.subClosed .subToggleText{
	width: 100%;
    position: relative;
    text-align: center;
    left: auto;
    margin-left: 0;
    height: auto!important;
    margin-right: 0;
    padding-right: 0;
}

.subToggle.subOpen .subToggleText:before{
	content: "\f106";
	font-family: "FontAwesome";
	display:inline-block;
	width:auto;
	padding:0px 5px 0px 0px;
	font-size:17px;
	position: relative;
	top:1px;
}


.subToggle.subClosed .subToggleText:before{
	content: "\f107";
	font-family: "FontAwesome";
	display:inline-block;
	width:auto;
	padding:0px 5px 0px 0px;
	font-size:17px;
	position: relative;
	top:1px;
}

.footerLeft {/*

    height: 5px;
	float: left;
    border-bottom: 1px solid #cdcdcd !important;
    border-left: 1px solid #cdcdcd !important;*/
}

.footerRight {
    /*
    height: 5px;
	float: right;
    vertical-align: top;
    border-bottom: 1px solid #cdcdcd !important;
    border-right: 1px solid #cdcdcd !important;
	*/
}

.footerCenter {
    /*width: 100%;
    height: 1px;
	float: left;
    border-top: 1px solid #cdcdcd !important;*/
    background-color:#f0f0f0;
    height:1px;
}

/********** end MessageList *********/


.actionpan {
    position: absolute;
    top: 41px;
    left: -103px;
    width: 150px;
    background-color: white;
    border: 1px solid #EAEAEA;
    -webkit-box-shadow: #CCC 0 1px 3px;
    box-shadow: #CCC 0 1px 3px;
}

/*.actionpan:parent {
    position: relative;
}*/

.actionpan > div {
    /*margin: 7px;*/
    padding: 5px;
    font-size: 85%;
    color: #222;
    font-weight:bold;
}

.actionpan.inactive > div {
    color: #DDDDDD;
}

.actionpan > div:hover {
    cursor:pointer;
    background-color: #F8F8F8;
}

.actionpan.inactive > div:hover {
    cursor: default;
    background-color: white;
}

.schedulingpan {
    position: absolute;
    top: 0;
    left: 80px;
    width: 150px;
    background-color: white;
    border: 1px solid #EAEAEA;
    -webkit-box-shadow: #CCC 0 1px 3px;
    box-shadow: #CCC 0 1px 3px;
}

/*.schedulingpan:parent {
    position: relative;
}*/

.schedulingpan > div {
    margin: 7px;
    padding: 3px;
    font-size: 1.0em;
    color: #222222;
}

.schedulingpan > div:hover {
    cursor:pointer;
    background-color: #efefef;
}

#locationText.hidden {
    display: none;
}

.userenabled {
    padding: 1px 0 0 4px;
    margin:0;
    /*overflow:hidden;*/
}

.username {width:120px; padding:0; white-space:nowrap;}
.realname {width:auto; padding:0; white-space:nowrap;}
.userrole {width:100px; padding:0; white-space:nowrap;}
.userenabled {width:50px; white-space:nowrap;}

.th {
    color: #999;
    font-size: 0.687em;
    /*float:left;*/
    overflow:hidden;
    padding:0;
    font-weight:normal;
    text-shadow: #fff 0 1px 0;
}

.th a,.th a span.floatleft{
    color: #999;
    font-weight:normal;
}
.th a:hover,.th a:hover span {
    color: #222;
}

.th a span.arrowdown{
    float: left;
    height: 16px;
    padding-left: 10px;
    background: url("../images/arrowdown.gif") 4px 0 no-repeat;
}
.th a span.arrowup{
    float: left;
    height: 16px;
    padding-left: 10px;
    background: url("../images/arrowup.gif") 4px 0 no-repeat;
}

.username.th,
.realname.th,
.userrole.th,
.userenabled.th {
    vertical-align: middle;
}

.th .buttons24px a {
    background-position: right 3px;
}
.th .buttons24px  a.right span.rd , .th .buttons24px a.left {
    background-position: left -4px;
}
.th .buttons24px  a.right span.rd {
    background-position: right -4px;
}

.th .buttons24px  a span.rd    {
    padding:7px 5px 0 0;
}

.th .buttons24px  a span.rd  .arrowdown  {
    background: url("../images/arrowdown.gif") no-repeat 2px 0;
    display: block;
    float: left;
    padding: 0 0 0 10px;
    margin: 0;
}

.tc{
    color: #999;
    /*float:left;*/
}

.status.tc { /* 11px / 16 px = 0.625em */
    text-transform: uppercase;
}

.status.tc
{
    height: 20px;
    /*border-top: 1px solid #eaeaea !important;
    border-bottom: 1px solid #cdcdcd !important;*/
    background-color: #fff;
}

span.invisible, div.invisible {
    display: none;
}

.uiblockerLoadGif {
    background: url("../images/loader.gif") no-repeat 0 50%;
    padding: 0 0 0 20px;
    vertical-align:top;
}

.thumbimg {
    position:relative;
    /*top:-25px;*/

}
.shadowborder{
    border:1px solid #aaa;
    position:absolute;
    z-index:100;
}
.shadow{
    position:relative;
    margin: 4px 0 0 0;
    padding: 0 1px 1px 0;
    width:39px;
    height:29px;
    background-color: #ddd;
    z-index:90;
    /*top:30px;
left:1px;*/
}

.floatleft  { float: left;}
.floatright  { float: right !important;}
.floatnone  { float: none;}

.buttons24px a.right.left.nomarginright{
    margin-right:0;
}

.floatright.nomarginright{
	margin-right:-8px;
}

/* clearfix: so the parent div will take the size off the floating inner divs */
.clearfix:after{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.textcolor999 { color: #666; }
.textcolor27b { color: #27b; }
.textcolorabb6cf { color: #222222; }
.textcolorccc { color: #ccc; }
.textcolorf90 { color: #F90; }
.textcolorff0  { color: #FF0; }
.textcolorf63  { color: #F63; }
.messageactions { padding-top:4px; padding-bottom:4px; }

/* media galleries */
.mediaLoader{
    text-align: center;
    margin: 30px 0px 0;
    float: left;
    /*font-size: 0.687em;
	font-weight: bold;*/
}

.dialogLoader{
    text-align: center;
    margin: 40px 0;
}

.mediaDialog {
    padding:0 20px 0 7px;
}

#videoDialog .inputfield24px { padding-top:0; padding-right: 3px; }

/* libthumb */
.libthumbs {
    padding: 10px 0 5px 0;
    clear: both;
}

#tab-image .libthumbs,
#videoDialog .libthumbs {
    clear: none;
    width: 551px;
}

#tab-giphy {
    min-height: 550px;
}
#tab-giphy .libthumbs {
    clear: none;
    width: 100%;
}

#tab-giphy .buttons24px a.left.right {
    margin-right: 0;
}

#videoDialog .libthumbs {
    padding: 0 0 5px 0;
}

.libthumbsfooter {
    clear: both;
    height:44px;
	text-align: center;
	/*display:table-row;*/
	width:100%;
}

#templateDialog .libthumbsfooter {
    padding: 10px 20px 15px;
    text-align: right;
    width: auto;
}

.libthumbsfooter .buttons24px a.current{
	background-color:#efefef;
}

.libthumb {
    line-height:0;
    width:128px;
    height:120px;
    float:left;
    display:block;
    text-align:center;
    clear:none;
    position: relative;
	margin-top:10px;
	margin-bottom:5px;
	border:1px solid #eaeaea;
}

#tab-giphy .libthumb {
    width:144px;
}

.templateDialogContainer.ui-dialog {
    padding: 0;
}

#templateDialog.ui-dialog-content {
    padding: 0;
    margin: 0;
}

#templateDialog .dialogHeader {
    padding: 10px 10px;
}

#templateDialog .dialogHeader .buttons24px {
    margin-bottom: 10px;
}

#templateDialog .navigationContainer.buttons24px {
    margin-top: 0;
}

.templateDialogContainer.ui-dialog .ui-dialog-titlebar-close {
    top: 0;
    right: 0;
}

#templateDialog h2 {
    margin: 15px 0 0 15px;
    padding: 0;
    display: inline-block;
    text-transform: none;
}

#templateDialog .libthumbs {
    background: #f5f5f5;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    padding: 18px 18px 0 18px;
}

#templateDialog .libthumb {
    width: 240px;
	height:268px;
    margin-top: 0;
    margin-bottom: 20px;
    background: #fff;
}

#templateDialog .libthumbs .vdevider {
    width: 18px;
    height: 200px;
}

.libthumbs .buttons24px a.right.left.nomarginright{
	margin-right:1px;
}

.thumbclickarea {
    line-height:0;
    width:100%;
    height:120px;
    display:table-cell;
    text-align:center;
    clear:none;
    position: relative;
    margin-left:0;
	background: #f8f8f8;
    box-sizing: border-box;
    vertical-align: middle;
	float:none;
	-webkit-box-shadow: inset 0 0 20px -5px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 0 20px -5px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 20px -5px rgba(0,0,0,0.2);
}

#templateDialog .thumbclickarea {
    height:120px;
    vertical-align: top;
}

.thumbclickarea .thumbloader{
	bottom:-10px!important;
	position:relative!important;
	margin:0 auto;
	float:none!important;
	left:auto!important;
}

.metaclickarea {
    line-height:0;
    width:100%;
    height:60px;
    float:left;
    text-align:center;
    clear:none;
    position: relative;
    margin-left:0;
	display:none!important;
}

#templateDialog .metaclickarea {
    height: 112px;
	display:inline-block!important;
	padding:10px 12px;	
    border-top: 1px solid #F6F6F6;
	width:auto;
}

.libthumbs .vdevider {
    float:left;
    width:10px;
    height:130px;
}

#tab-giphy .libthumbs .vdevider {
    width: 11px;
}

.giphyPoweredHolder {
    float: left;
    padding-top: 5px;
}

.nomediatemplate {
    font-size: 0.687em;
    color:#aaa;
    padding: 15px 0;
    text-align: center;
}

.navigationContainer > div{
    float: left;
}

.libthumb span.metadata {
    color:#aaa;
    font-size: 75%;
    line-height:12px;
}

.libthumb span.metadata span{
    color:#484848;
}

.libthumb span.metadata div.templateName {
    display: block;
    color:#484848;
    text-align: left;
    font-size: 15px;
    line-height:20px;
    width: 100%;
	height:auto;
    max-height: 38px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
	padding-bottom:5px;
}

.libthumb span.metadata div.templateDescription {
    display: block;
    color:#484848;
    text-align: left;
    font-size: 15px;
    line-height:20px;
    width: 100%;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* property only works for Webkit browsers */
    -webkit-line-clamp: 2; /* number of lines to show */
}


.libthumb span.metadata .templateOptions {
    line-height: 20px;
    text-align: left;
    font-size: 15px;
    padding: 5px 0 0 0;
	position: absolute;
	bottom:6px;
}
.libthumb span.metadata .mediaItems {
    background: url("../images/media-count.png") no-repeat center center;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    float: left;
	margin-right:8px;
}
.libthumb span.metadata .numMedia { 
	color: #8B8B8B;   
    display: inline-block;
    position: relative;
    float: left;
	margin-right:15px;
	line-height:24px;
}
.libthumbhover.selected span.metadata .numMedia {
    color: #8B8B8B!important;
}
.libthumb span.metadata .templateThemes.inactive {
    background: none;
	display:none;
}
.libthumb span.metadata .templateThemes {
    background: url("../images/color-theme-ready.png") no-repeat center center;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    float: left;
}

.libthumbhover.selected span.metadata {
    color:#899bc6;
}
.libthumbhover.selected span.metadata span{
    color:#899bc6;
}
.libthumbhover.selected:hover span.metadata {
    color:#484848;
}
.libthumbhover.selected:hover span.metadata span{
    color:#484848;
}

#templateDialog .libthumb span.metadata {
    color:#484848;
}

#templateDialog .libthumbhover.selected span.metadata {
    color: #484848;
}

.libthumbhover {
    height:120px;
    width:100%;
    background:none;
    display:block;
    text-align:center;
    overflow:hidden;
}

#templateDialog .libthumbhover {
	/*height:auto;*/
	height:100%;
}

#templateDialog .libthumbhover:hover{
	background-color:#ffffff;
}

.libthumbhover.selected {
    /*background: url("../images/thumb_bg160.gif") no-repeat 0 0;	*/
    box-shadow:0px 0px 4px #00A8FF;
    border-radius:0px;
}


.libthumbhover:hover {
    cursor:pointer;
    /*background: url("../images/thumb_bg160.gif") no-repeat 0 -160px;*/
	background-color:#f8f8f8;
	box-sizing:border-box;
}
.libthumbhover:hover { color:#222; box-shadow:0px 0px 4px #00A8FF;}
.libthumbhover:hover .buttons24px {
    display :block;
	bottom:34px!important;
}
.libthumbhover:hover .thumbclickarea {
	border:none;
}


.libthumbhover .buttons24px {
    height:auto;
    margin: 0 auto 0 auto;
    left:0;
    right:0;
    float:left;
    display:block!important;
    width:100%!important;
	padding-bottom:0px!important;
	padding-top:0px!important;
	background-color:#f2f2f2;
	bottom:0;
	border-top:1px solid #eaeaea;
	transition: bottom 200ms;


}

.libthumbhover .buttons24px a{
	width:50%;
	text-align:center;
	padding:0!important;
	margin:0!important;
	box-shadow:none!important;
		border-radius:0px!important;
}

.libthumbhover .buttons24px a:hover{
	background-color: #dddddd;
}

.libthumbhover .buttons24px span.rd{
	width:100%;
	padding:0px 0 0 0;
	text-align:center;
	line-height:34px;
}

.libimg {
    position: relative;
    display:table;
    width:100%;
    height:auto;
    left:0;
    right:0;
    margin-top:0px;
    float:none;
    text-align:center;
	vertical-align: middle;
	margin-bottom:0px;
}
.libimg .templatethumb{
    margin-left: auto;
    margin-right: auto;
    border: none;
    width: auto;
    height: auto;
    text-align:center;
	display:table-cell;
	vertical-align: middle;
	position:relative!important;
	top:0!important;
	box-shadow: none!important;
	max-width:128px;
	max-height:120px;
	margin-top:0;
}
#templateDialog .libimg .templatethumb{
    width: 240px;
    height: 136px;
    margin: 0;
    max-width: 240px;
    max-height: 136px;
}

.thumbimgbg {
    background: url("../../images/transparent_bg_pattern.gif");
}

#tab-template .libimg .templatethumb{
	top:0px!important;
}

.libimg .checkbox{
	float:left;
	margin-left:4px;
	position:absolute;
	left:0px;
	z-index:1000;
}

.libimg .libthumbcheckbox {
    margin: 0 auto 2px auto;
    border: 1px solid #fff;
    width: auto;
    top: 0;
    text-align:center;
}

#templateDialog .libimg .libthumbcheckbox,
#templateDialog .libthumbActions{
	display:none!important;
}

#webpageDialog h1 {
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
    margin: 0;
    min-height: 32px;
}

#webpageDialog .webpageHr {
    border-top: 1px solid #dfdfdf;
    width: 100%;
}


#imageDialog .tabs30px{
	margin-bottom:8px;
}

.mediaSiteDiv {
    float: left;
    width: 201px;
    height: 100%;
}

.mediaSiteSettings {
    height: 40px;
    padding: 10px 0;
}

.mediaSiteSelector {
    border: 1px solid #ccc;
    padding: 5px 0 0 8px;
}

.allSitesCheckboxArea {
    max-height: 410px;
    overflow-y: auto;
    padding-bottom: 3px;
}

.mediaSiteSelectorTitle {
    color: #3953a8;
    font-weight: bold;
    font-size: 14px;
}

.allSitesCheckboxArea label.siteName {
    display: inline-block;
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

label.siteName .cust_checkbox {
    margin-right: 10px;
    height: 24px;
}

#tab-image .libthumbs,
#tab-video .libthumbs {
    float: right;
	min-height:510px;
	display:table;
}

#tab-giphy .libthumbs {
    /*min-height:510px;*/
    display:table;
}

.perPageTxt {
    float: left;
    padding-top: 11px;
    color: #999;
}

#tabs-flash #trigger-flash,
#tabs-flash #trigger-flash-remote,
#tabs-image #trigger-image,
#tabs-image #trigger-image-remote,
#tabs-video #trigger-video,
#tabs-video #trigger-video-remote{
	border-bottom:1px solid #dddddd;
}

#tabs-flash #trigger-flash.sel,
#tabs-flash #trigger-flash-remote.sel,
#tabs-image #trigger-image.sel,
#tabs-image #trigger-image-remote.sel,
#tabs-video #trigger-video.sel,
#tabs-video #trigger-video-remote.sel,
#tabs-youtube #trigger-youtube.sel,
#tabs-youtube #trigger-youtube-remote.sel{
	border-bottom:none;
}

#tab-youtube .libimg .libthumbcheckbox {	
	display:none;
}


#tab-youtube .libthumbhover .buttons24px a{
	width:100%;
	text-align:center;
}

#tab-youtube  .thumbclickarea .thumbloader{
	bottom:-30px!important;
}

.rssthumb{
    margin-left: auto;
    margin-right: 5px;
    border: 1px solid #000;
    text-align:left;
}
.itemDivider {
    width:95%;
    border-top: 1px solid #e3e3e3;
    margin: 5px 10px;
}

.giphyPoweredHolder {
    float: left;
    padding-top: 5px;
}
.giphyPoweredHolder a {
    color: #999;
    font-size: 0.687em;
    padding-top: 1px;
}



.Message .panel950 #editForm .areawrapMedia{
	display:inline-block;
	padding:0 5px;
	width:100%;
	min-height:150px;
	height:auto;
}



/* Assets */

.assetthumb {
    float:left;
    overflow:visible;
    margin:7px 10px 4px 0;
    height:170px;
    width:125px;
    background:#f9f9f9;
	border:1px solid #dddddd;
    border-radius: 3px;
    display:block;
    text-align:center;
}

.Message .panel950 #editForm .areawrapMedia .assetthumb{
	width:148px;
	height:132px;
	margin:0 10px 10px 0;
	border:1px dashed #cacaca;
	background:#ffffff;	
    border-radius: 0;
	overflow: visible;
	
}

.assetthumbhover {
    border-radius: 3px;
    height:100%;
    width:100%;
    display:block;
    text-align:center;

}

.Message .panel950 #editForm .areawrapMedia .assetthumbhover{
	border-radius:0;
	width:150px;
	height:134px;
	position:relative;
	margin:-1px 0 0 -1px;
}


.assetthumbhover:hover {
    height:100%;
    width:100%;
    cursor:pointer;
    overflow:hidden;
    text-align:center;
}
.assetthumbhover:hover .buttons24px {
    display :block;
}

.assetthumbhover .buttons24px {
    text-align:center;
	width:100%!important;
	padding-bottom:0px!important;
	padding-top:0px!important;
	background-color:#eaeaea;

}

.Message .panel950 #editForm .areawrapMedia .assetthumbhover .buttons24px{
	display:inline-block!important;
	position: relative;
	float: left;
	background-color:transparent;
}


.assetthumbhover .buttons24px a{
	box-shadow:none!important;
	width:25%;
	text-align:center;
	padding-left:0px;
	border-radius:0px!important;
}

.Message .panel950 #editForm .areawrapMedia .assetthumbhover .buttons24px a{
	box-sizing: border-box;
	margin-right:0!important;
}


.assetthumbhover .buttons24px a:hover{
	background-color: #f2f2f2;
}






/* one item */
.assetthumbhover .buttons24px a:first-child:nth-last-child(1) {
	width: 100%;
}

/* two items */
.assetthumbhover .buttons24px a:first-child:nth-last-child(2),
.assetthumbhover .buttons24px a:first-child:nth-last-child(2) ~ a {
	width: 50%;
}

/* three items */
.assetthumbhover .buttons24px a:first-child:nth-last-child(3),
.assetthumbhover .buttons24px a:first-child:nth-last-child(3) ~ a {
	width: 33.3333%;
}

/* four items */
.assetthumbhover .buttons24px a:first-child:nth-last-child(4),
.assetthumbhover .buttons24px a:first-child:nth-last-child(4) ~ a {
	width: 25%;
}












.Message .panel950 #editForm .areawrapMedia .assetthumb .buttons24px{
	margin:0!important;
	padding:0!important;
}

.Message .panel950 #editForm .areawrapMedia .assetthumb .buttons24px .jgd-dropdown{
	width:148px;
	height:132px;
}


.Message .panel950 #editForm .areawrapMedia .assetthumb .buttons24px .jgd-dropdown dt a.dropdownbutton{
	width: 148px;
    height: 132px;
    background: #fff;
    position: absolute;
    margin: 0;
    float: left;
    border: none!important;
    box-shadow: none;
    padding: 0!important;
}

.Message .panel950 #editForm .areawrapMedia .assetthumb .buttons24px .jgd-dropdown dt a.dropdownbutton:hover{
	background-color:#fbfbfb;
	transition: ease 200ms;
}

.Message .panel950 #editForm .areawrapMedia .assetthumb .buttons24px .jgd-dropdown dt a.dropdownbutton:before{	
	content:"";
	display:table-cell;
	width:148px;
	height:132px;	
	font-size: 50px;
	color:#dddddd;
	text-align: center;
	vertical-align: middle;
	background: #ffffff url(../images/media_plus.png) no-repeat center center;
}

.Message .panel950 #editForm .areawrapMedia .assetthumb .buttons24px .jgd-dropdown dt a.dropdownbutton span{
	display:none;
}

.assetthumbhover .buttons24px span.rd {
    padding: 6px 1px 4px 3px;
}

.Message .panel950 #editForm .areawrapMedia .assetthumbhover .buttons24px span.rd{
	padding:0 0 0 0;
	width:100%;
	height:100%;
}

.Message .panel950 #editForm .areawrapMedia .assetthumbhover .buttons24px span.rd .icon{
	display:inline-block;
	padding:0;
	height:34px;
	width:100%;
	text-align: center;
	line-height:34px;
}

.Message .panel950 #editForm .areawrapMedia .assetthumbhover .buttons24px span.rd .icon.border{
	margin:8px;
	height:18px;
	width:18px;
	line-height:18px;
	background-position: 0px -352px;
}

.assetthumbempty .buttons24px {
    overflow:visible;
    width:auto;
    text-align: center;
    position: relative;
    margin-left: 7px;
}

.assetthumbempty .buttons24px a{
    height: auto;
    background: none;
}

.assetthumbempty {
    height:100%;
    width:100%;
    /*background: url("../images/thumb_bg138.gif") no-repeat 0 -276px;	*/
    display:block;
    text-align:center;
}

.assetthumb .number {
    color: #1a55ad;
    text-align: center;
    display: block;
    font-size: 100%;
    padding: 6px 0px 0px;
    font-weight: bold;

    margin: 0 auto;
}

.assetimg {
    display:block;
    width:125px;
    height:104px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.Message .panel950 #editForm .areawrapMedia .assetimg{
	width:150px;
	height:100px;
	margin:0 0 0 0;	
	background:#efefef;
}


.assetimg > span{
    position:relative;
}

.Message .panel950 #editForm .areawrapMedia .assetimg > span{
	width:150px;
	height:100px;
	display:table-cell;
	vertical-align: middle;
}

.assetimg span > span {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0 0 0 0!important;
    margin: 0 0 0 0!important;
    text-align: right;
    bottom: 5px;

}


.assetimg span > span.icon.image {
    
    background: url("../images/icons18x18.png") no-repeat center 0!important;
}

.assetimg span > span.icon.video {
    background: url("../images/icons18x18.png") no-repeat center -18px!important;
}
.assetimg span > span.icon.webpage {
    background: url("../images/icons18x18.png") no-repeat center -72px!important;
}
.assetimg span > span.icon.youtube {
    background: url("../images/icons18x18.png") no-repeat center -54px!important;
}



.assetimg .templatethumb{
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #fff;
    display: inline;
    text-align:center;
}
.templatethumb {
    display:block;
    margin: 1px 0 0 5px;
    border: 1px solid #444;
    top:15px;
    position:relative;
}

.Message .panel950 #editForm .areawrapMedia .templatethumb{
	margin:0 auto;
	border:none;
	top:0;
	display:table-cell;
	box-shadow: none!important;
	max-width:150px;
	max-height:100px;
}

.templatethumbbar {
    width: 185px;
    height: 47px;

}


.Message .templatethumbbar {
    width: 100%;
    height: auto;

}


.templatethumbdiv {
    width:207px;
    /*height: 141px;*/
    background: url("../images/thumbsarrow_right.gif") no-repeat 195px 75px;
    padding-bottom:10px;
	margin-right:15px;
}

.Message .templatethumbdiv {
    width:100%;
    background: none;
    padding-bottom:0;
	margin-right:0;
}

.Message .templatethumbdiv .icon{
	line-height:32px;
	padding:0 8px 0 0;
}

.Message .templatethumbbar #editTemplate{
	margin-right:1px;
	width:350px;
	padding:0 10px;
	line-height:32px;
}

.Message .templatethumbbar #editTemplate .icon{
	float:left;
	font-size:16px;
	line-height:34px;
}

.Message .templatethumbbar #editTemplate .templatename{
	max-height: 32px;
    display: inline-block;
    max-width: 255px;
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    position: relative;
    float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.Message .templatethumbbar #editTemplate.TemplateBuilderActive{
	float:left;
	width:305px;
	margin-right:11px!important;
}

.Message .templatethumbbar #newTemplate{
	position:relative;
	float:right;
	margin-right:10px;
	width:34px;
	padding-left:0px;
}

.Message .templatethumbbar #newTemplate span.rd{
	padding: 0 0 0 0;
	height:34px;
	width:34px;
	line-height:34px;
	text-align:center;
}

.Message .templatethumbbar #newTemplate .icon{
	width:34px;
	height:34px;
	padding: 0 0 0 0;
	font-size:16px;
}


.Message .templatethumbdiv .templateimg{
	display:none;
}

.templatethumbdiv .templatethumb{
	top:5px;
	border:1px solid #dddddd;
}

.assetthumb .selectmediatype {
    width:75px;
    text-align:left;
}
.assetthumb .selectmedia {
    font-size: 85%;
    display:block;
    padding-top:18px;

}

.chooseproduct { /*text-align:&/ center; margin: 0 auto; padding: 30px 0 10px 0;}
.chooseproduct a {
  display:block;
  /*width:350px;*/
    /*height:60px;*/

    /*background: url("../images/chooser420.jpg") no-repeat 0 0;*/
    margin:0 auto;
    padding:0;
    text-align:left;

}

.chooseproduct .areawrap{
		border-bottom:none!important;
}

.chooseproduct div.inactive {
    display:block;
    /*width:350px;*/
    height:60px;
    /*background: url("../images/chooser420.jpg") no-repeat 0 0;*/
}

.chooseproduct a:hover {
    /*background: url("../images/chooser420.jpg") no-repeat 0 -70px;*/

}
.chooseproduct a:focus {
    /*background: url("../images/chooser420.jpg") no-repeat 0 -140px;*/
}
.chooseproduct img {
    padding: 5px 0 5px 10px;
    text-align: left;
}

.chooseproduct .LogonMessage {
    text-align: center;
    padding: 25px 0;
}

.accordionb { clear:both; padding: 0 10px 0 0; text-align:left; }

.logoAlertServer {
    background: url("../images/logo40pxAlertServer.png") no-repeat 14px 14px;
    border: 1px solid #fff;
    height: 28px;
}

.logoMessageServer {
    background: url("../images/logo40pxMessageServer.png") no-repeat 14px 14px;
    border: 1px solid #fff;
    height: 28px;
    margin-top: 10px;
}

.whitebg .logoHolder {
    height: 50px;
    margin-top: 10px;
}

#MS.ui-state-hover, #MS.ui-state-active {
    background: #fff url("../images/logo40pxMessageServer.png") no-repeat 14px 14px !important;
    margin: 0;
}

#AS.ui-state-hover, #AS.ui-state-active {
    background: #fff url("../images/logo40pxAlertServer.png") no-repeat 14px 14px !important;
    margin: 0;
}

.logoAlertServerDisabled {
    background: url("../images/logo40pxAlertServerInactive.png") no-repeat 10px 10px;
    height: 60px;
}

.logindialog  {
    width:100%;
    margin:0;
	padding:13px 20px 0 20px!important;
	box-sizing: border-box;
}

.logindialog .username,
.logindialog .password{
	width:100%;
}

.chooseproduct .ui-accordion-content .logindialog{
	padding: 0 20px;
	float:left;
	position: relative;
}

.chooseproduct .whitebgwrapper{
	background-color:#ffffff;
	padding-top:5px;
	padding-bottom:20px;
	border-top: 1px solid #eaeaea !important;
    border-left: 1px solid #eaeaea !important;
    border-right: 1px solid #eaeaea !important;
	border-bottom: 3px solid #bbbbbb;
	-webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
	margin-top:60px;
}

.panel950.settingspanel .chooseproduct .whitebgwrapper{
	margin-top:0px;
	border:0px!important;
}


#normalBox {
    height: 44px;
}

.logindialog img {
    padding: 0 0 0 0;
}
.logindialog form {
    width:100%;
    display:block;
}
.logindialog label {
    color: #333333;
	line-height:22px;
	font-size:14px;
    text-align:left;
}
.logindialog td.left {
    width:142px;
    text-align:left;
	padding-left:5px;
}
.logindialog td.right {
    width:370px;
    text-align:left;
}
.logindialog td label {
    font-size: 15px;
    color: #666666;
}
.logindialog td.right label, .logindialog td.right span {
    float:left;
}
.logindialog td.right label {
    padding: 0 0 12px 5px;
    text-align: left;
    width: auto;
}
.logindialog input {
    /*background: url(../images/input200px.gif) no-repeat 0 0;*/
    width:92%;
    height:40px;
    margin:0 0 10px 0;
    padding: 0 0.45em 0 0.45em;
    overflow:hidden;
    line-height:32px;
    clear: both;
    background-color: #fff; /*f6f6f6*/
	border-top: none;
	border-left:none;
	border-right:none;
    border-bottom:1px solid #ddd;
	box-sizing:border-box;
	-moz-box-shadow:    none!important;
    -webkit-box-shadow:   none!important;
    box-shadow:   none!important;
	transition: border 200ms ease-out;
	font-size:15px;
	border-radius: 0!important;
}

.logindialog .explanation {
    margin: 20px 0;
}


.logindialog input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset!important;
}


.rememberCheckbox input {
    float:left;
}
.logindialog  input:hover {
    border-color: #0077dd;
    background-color:#fff;
    
    /*background:url(../images/input200px.gif) no-repeat 0 -40px;*/
}



.logindialog  input:focus{
	border:none;
	border-bottom:1px solid #0077dd;
}


.logindialog .loginButton{
	margin:20px 0 13px;
	display: inline-block;
    width: 100%;
    height: auto;
	float:left;
}

.logindialog .nextButton{
    margin:20px 0 13px;
    display: inline-block;
    width: 100%;
    height: auto;
    float:right;
}

.logindialog .rememberCheckbox{
	display: inline-block;
    width: 100%;
    height: auto;
	float:left;
    margin: 9px 0 -3px -2px;
}

.logindialog  .checkb {
    width:100%;
    margin:0;
    padding: 0 0 10px 30px;
    display:block;
    clear:both;
}
.logindialog form a {
    margin: 0;
}

.logindialog .hrOrRow {
    width: 100%;
}

.logindialog h2 {
    width: 100%;
    text-align: center;
    height: 100px;
    border-bottom: 1px solid #ddd;
    line-height: 1px;
    margin: 18px 0 20px;
    padding: 0;
}

.logindialog h2.sso-cloud {
    height: 20px;
    margin: 24px 0 -15px 0;
    text-align: left;
    border-bottom: 0;
}

.logindialog h2 span {
    background:#fff;
    padding:0 10px;
    width: 30px;
    text-align: center;
    font-weight: normal;
    color: #9c9c9c;
}

.logindialog a.azureButton, .logindialog a.azureButton:hover,
.logindialog a.azureButton:active {
    width: 100%;
    background-color: #fff;
    color: #003399;
    border: 1px solid #003399;
    font-size: 14px;
    margin: 5px 0;
}

.logindialog .posAbs {
    text-align: center;
    width: auto;
}

.logindialog .cloud-signon {
    height: 20px;
    width: 30px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.logindialog a:hover .cloud-signon {
    opacity: 1;
    filter: alpha(opacity=100);
}

.logindialog .cloud-signon path {
    fill: #003399;
}

.xbody label.urlerror {
    color: red;
    font-size: 15px;
    padding: 15px;
}

.logindialog  .inputwidth100percent {
    background-color:#fcfcfc;
    /*width:328px;*/
    width:100%;
    height:40px;
    margin:0 10px 10px 0;
    padding: 0 10px 0 10px;
    line-height:40px;
}
.logindialog  .inputwidth100percent:hover {
    background-color:#fff;
    border: 1px solid #0077dd;
    -moz-box-shadow:    inset 0 1px 1px #ccc;
    -webkit-box-shadow: inset 0 1px 1px #ccc;
    box-shadow:         inset 0 1px 1px #ccc;
}

.logindialog .label120 {
    float:left;
    display:block;
    width:100%;
    font-size: 15px;
    color: #222;
    padding: 6px 0 6px 0;
    margin-right:0;
	margin-left:0;
    text-align:left;
}
.logindialog .error {
    color: red;
}

.logindialog a.buttons30px#startUpgrade{
	width:100%;
	font-size:100%;
}



.logindialog .icon{
	display:inline-block;
	padding:0 0 0 0;
	width:8%;
	line-height:40px;
	float:left;
	position: relative;
}




.login .light .xbody {
    padding-bottom:10px;
}


.login .areawrap{
	padding:0;
	background:none;
	border-bottom:0!important;
	border-left:0!important;
	border-top:0!important;
	border-right:0!important;
}

.login .areawrap .xbody{
	background:none;
}

.login .areawrap .whitebg {
    background: #fff;
}

.login .areawrap #MS,
.login .areawrap #AS{
	background-color:#ffffff;
	padding:20px;
	border-bottom:3px solid #bbbbbb;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	cursor:pointer;
}

.login .areawrap .ui-state-active#AS,
.login .areawrap .ui-state-active#MS{
	border-bottom:3px solid #ffffff;
		-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;

}

.logindialog{
	height:auto!important;
	transition:all 100ms ease-in-out;
}

.login .areawrap #AS{
	margin-top:20px;
	background-color:#ffffff;
	margin-bottom:20px;
}

.login .areawrap #loginTwoFactorForm {
    background-color:#ffffff;
}

.login .areawrap #loginTwoFactorForm,
.login .areawrap #MS{
	margin-bottom:20px;
	
}

.login form#loginTwoFactorForm {
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 13px 20px 0 20px!important;
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
    border-bottom: 3px solid #bbbbbb;
    height: auto !important;
}

.login div#AuthenticationForm {
    width: 100%;
    margin: 0;
    padding: 13px 20px 0 20px!important;
    box-sizing: border-box;
    border-radius: 3px 3px 0 0;
}

.login a#loginWithAuthCode {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
}

.login #loginTwoFactorForm .logindialog {
    width: 100%;
    margin: 0;
    padding: 13px 0 0 0!important;
    box-sizing: border-box;
}

.login #loginTwoFactorForm .logindialog input {
    width: 100%;
    font-size: 32px;
    margin-bottom: 0;
}

.login #loginTwoFactorForm .logindialog td.left {
    width: 142px;
    text-align: left;
    padding-left: 5px;
}

.login #loginTwoFactorForm .logindialog td.left {
    padding-left: 0;
    width: 36px
}

.login #loginTwoFactorForm label {
    visibility: hidden;
}

.login #loginTwoFactorForm label:before {
    content: '\f13e';
    color: #000;
    font-family: FontAwesome;
    font-size: 18px;
    display: inline-block;
    line-height: 38px;
    visibility: visible;
    margin-bottom: 10px;
}

.login .two_way_auth_information {
    font-size: 14px;
    color: #aaaaaa;
    margin: 15px;
    padding-top: 150px;
    padding-bottom: 25px;
}

.login a#sendQRCode {
    font-weight: 600;
    color: #1b54ad;
    text-decoration: underline;
}

@media (max-width: 420px) {

    .login #loginTwoFactorForm .logindialog {
        top: -40px;
    }

    .login #loginTwoFactorForm .logindialog td {
        width: 100%;
        box-sizing: border-box;
    }

    .login #loginTwoFactorForm .logindialog td.left {
        position: absolute;
        top: 40px;
        z-index: 99;
        left: 0;
    }

    .login #loginTwoFactorForm label:before {
        line-height: 66px;
        margin-bottom: 0;
    }

    .login #loginTwoFactorForm .logindialog input {
        padding-left: 20px;
    }
}


.login .areawrap #loginMSForm,
.login .areawrap #loginASForm{
	border-bottom:3px solid #bbbbbb;
	background-color:#ffffff;
	margin:-23px 0 20px 0;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	padding-bottom: 10px;
	position: relative;
	float:left;
	width:100%;
}

.login .areawrap .ssoLogin #loginMSForm,
.login .areawrap .ssoLogin #loginASForm{
    border-bottom: 0;
    background-color: inherit;
    margin:-23px 0 20px 0;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    padding-bottom: 10px;
    position: relative;
    float:left;
    width:100%;
}

.login .areawrap #loginASForm.ui-accordion-content-active{
	/*margin-bottom:0;*/
}



.login{
	background: url(../images/login_background.jpg) no-repeat center center;
    min-height: 100vh;
    width: 100%;
	background-size: cover;
}

.login #loginMS, .login #loginAS{
	width:100%;
}

.ssoLogin #loginMS, .ssoLogin #loginAS{
    width:100%;
    height: 70px;
}

@media (max-width: 840px) {
	
	.logindialog td.right{
		width:220px;
	}
	
}

@media (max-width: 420px){
	
	.login .areawrap.width390{
		width:90%;
	}
	
	.login .logindialog{
		width:100%;
	}
	
	.login .logindialog td{
		width:320px;
		box-sizing:border-box;
	}
	
	.login .logindialog td.left{
		position:absolute;
	}
	
	.login .logindialog td.right{
		position:relative;
		padding: 40px 15px 0 15px;
		float:left;
	}
	
	.login .logindialog td.right.rightOnly{
		padding-top:10px;
	}
	
	
	.logindialog input{
		width:90%;
	}
	
	.logindialog .icon{
		width:10%;
	}
	

}



.formcategory {
    clear:both;
    margin: 0 15px;
    padding-bottom: 40px;
}



.bluebordertop {
    border-top: 1px solid #ccc;
}

.formcategory:first-child.bluebordertop{
	border-top:0px;
	
}

#DomainSettingsForm .formcategory:first-child,
#SettingsForm .formcategory:first-child{
	margin-top:-75px;
}

#DomainSettingsForm .formcategory label b,
#SettingsForm .formcategory label b{
	font-weight:500;
}

.clearleft{
    clear: left;
}
.clearright{
    clear: right;
}
.clearboth {
    clear:both;
}
.formcategory > div {
    color: #628dbd;
    padding: 10px 0;
}

.formcategory > div:after{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.formcategory input {
    /*background: url(../images/input250px.gif) */
    background-color:#fcfcfc;
    width:246px;
    height:24px;
    margin:0;
    padding: 0 0.35em 0 0.35em;
    overflow:hidden;
    line-height:24px;
}

.formcategory  input:hover {
    /*background:url(../images/input250px.gif) no-repeat 0 -34px;*/

}

.formcategory  input.small {
    /*background: url(../images/input40px.gif) no-repeat 0 0;*/
    background-color:#fcfcfc;
    width:38px;
    height:24px;
    margin:0;
    padding: 0 0.35em 0 0.35em;
    overflow:hidden;
    line-height:24px;
}

.formcategory  input.small:hover {
    /*background:url(../images/input40px.gif) no-repeat 0 -34px;*/
    background-color:#fff;
    border: 1px solid #0077dd;
    -moz-box-shadow:    inset 0 1px 1px #ccc;   -webkit-box-shadow: inset 0 1px 1px #ccc;   box-shadow:         inset 0 1px 1px #ccc;
}

.formcategory .group input {
    width:auto;
    background:none;
    vertical-align:bottom;
}
.formcategory .group input:hover {
    background:none;

}

.formcategory  .selectbox {
    /*padding:4px 3px 3px 1px; */
    width:250px;
    height:34px;
    /*background: url(../images/input250px.gif) no-repeat 0 0; */
    background-color:#fcfcfc;
}
.formcategory  .selectbox:hover, .formcategory  .selectbox:focus  {
    background-color:#fff;
    border: 1px solid #0077dd;
    -moz-box-shadow:    inset 0 1px 1px #ccc;   -webkit-box-shadow: inset 0 1px 1px #ccc;   box-shadow:         inset 0 1px 1px #ccc;
}

.formcategory  select {
    width:246px;
    height:18px;
    margin:0;
    padding: 0 0 0 0;
    overflow:hidden;
    line-height:22px;
    background:#ededed;
}

.formcategory .div1     { float:left; /*width:120px;*/ width:auto;	font-size: 30px; font-weight:500; text-transform:none; }
.formcategory .userdiv  { float:left; width:100px;	font-size: 80%; }
.formcategory .div2     { float:left; width:auto; font-size: 80%; }
.formcategory .userbox  { float:left; width:auto; font-size: 80%; line-height: 24px; margin-top: 7px; }
.formcategory .div2 label {  margin-left:3px; }
.formcategory .radiobox { background:none; float:left; width:auto; margin:0 8px 0 0; font-size: 80%; height: 12px; }
.formcategory .radiobox:hover { background:none; }
.formcategory .textareabox {
    height: 46px;
    line-height: 1.25em;
    margin: -10px 0;
    padding: 5px;
    width: 238px;
    overflow: hidden;
    background: #ededed;
    border: 1px solid #bbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.formcategory .div2.inputfield {   padding-left:0;  }
.formcategory .div2.inputfield label { display:block; margin-left: 0;margin-bottom:4px; }
.formcategory .div2.btnSubmit  {   padding-left:0; font-size: 100% !important; }
.formcategory .div2.btnSubmit label { display:block; margin-left: 0; }

.formcategory .div3 .buttons24px { padding: 25px 0 0 20px !important; }

a.buttons30px {
    height:40px;
	line-height:40px;
    /*width:102px;*/
    width:132px;
    overflow:hidden;
    /*background:transparent url("../images/b30px.png") no-repeat 0 0;*/
    background-color: #1a55ad;
    margin: 0 0 2px 0;
    padding:0 0 0 0;
    display:block;
    color:#fff;
    float:left;
    text-align:center;
    font-size: 0.8em;

    /*text-shadow: #013 0 -1px 0;
  border: 1px solid #bbb;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
a.buttons30px:hover  {
    background-color:#14448c;
    cursor: pointer;
}
a.buttons30px:focus  {
    background-color:#14448c;
}
a.buttons30px.inactive  {
    background-color:#ddd;
    color:#bbb;
    cursor: default;
}


.outer1 { float:left; width:240px;  }





.outer1 .xbody { padding-top: 4px; padding-bottom: 4px; }
.outer1 a {
    margin:0 5px 0 5px;
    padding:5px 10px 5px 15px;
    font-size:88%;
	font-weight:500;
    display:block;
    position: relative;
}

.outer1 a:hover {
    background-color: #f1f1f1;
}

.outer1 a.current {
    background-color:#1a55ad;
    color: #ffffff;
}
.outer1 a.main {
    color: #999;
    cursor: default;
}
.outer1 a.sub {
    margin-left: 15px;

}
.outer1 a.sub:before {
    content: "\00BB";
    margin-right: 6px;
}
.outer1 a.current.sub {
    content: "\00BB";
}
.outer1 span {
    padding:0.55em;
    margin:10px 5px 0 5px;
    font-size:80%;
    display:block;
    border-top: 1px solid #eee;
}

.outer1 .badge {
    position: absolute;
    right: 5px;
    top: 3px;
    display: inline-block;
    padding: 2px 7px;
    margin: 0;
    font-size: 12px;
    text-shadow: none;
    border-top: none;
}

.lightboxwindow {
    overflow: hidden;
    /* background: #0c0; */
    padding: 0;
    position: absolute;
    width: 590px;

    z-index: 333;
    top: 0;
    left: 0;
    right: 0;
    background-color:#fff;
    border:1px solid #eee;
    margin: 50px auto;
}
.lightboxwindow  {
    padding: 0 20px 0 20px;
}

.content  {
    /*padding: 0 20px 0 7px;*/
}

.lightboxwindow a.close {
    right: 0;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #eee #eee #f9f9f9 #eee;
    width: 20px;
    height: 20px;
    display:block;
    position:absolute;
    top:0;
}

.lightboxwindow a.close span {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #eee;
    display:block;
    padding-left:20px;
    height: 20px;

    background: url("../images/icons16x16.gif") no-repeat 2px -159px;
}

.lightboxwindow a.close:hover span {
    background-color: #fafafa;
}


.fullscreen {
    position:absolute; top:0; left:0;  width:100%;height:100%; background-color:#fbfbfb;   z-index:2;  margin: 0 0 0 0; opacity: .75;
}


/* Tooltips */
span.normalTip {
    display: inline-block;
    margin: 0 0 0 0.3em;
    background: url("../images/icons16x16.gif") no-repeat 0 -128px;
    padding: 5px 0 0 16px;
	width:20px;
	height:10px;
}

span.normalTip.hidden {
    display: none;
}

span.errorTip {
    display: inline;
    margin: 0 0 0 0.3em;
    padding: 0 0 0 16px;
    background: url("../images/icons16x16.gif") no-repeat 1px -66px;
}


.aToolTip {
    margin:0 10px 0 0;
}
.aToolTip .aToolTipContent {
    color:#555555;
    position:relative;
    margin:0;
    border:1px solid #AAAAAA;
    background-color:white;
    padding:0.3em 0.5em 0.3em 0.5em;
    opacity:0.9;
}

.select-margin-left {
    margin-left: 5px;
}

/* Login screen */

.loginError {
    font-size: 14px;
    padding: 0 0 5px 0;
    text-align: left;
    width: 350px;
    font-weight:bold;
    color: red;
}

#domainForm .loginError {
    font-size: 14px;
    padding: 0 0 5px 0;
    text-align: left;
    width: 350px;
    font-weight:bold;
    color: red;
    margin: 10px 0;
}

/* ColorPicker styles */

#picker_container_foregroundcolornoalertmessage,
#picker_container_foregroundcolornoalertmessage,
#picker_container_foregroundcolornoalertmessage,
#picker_container_foregroundcolornoalertmessage {

}

.picker_container {
    /*
	 * div contains colorpicker button
	 * and keeps picker_panel positioned correctly
	 */
    float:left;
}

.picker_container > .buttons24px > a {
    position:relative;
}

.smallColorPicker_button_color {
    /* small color sample that is shown on color text/fill button */
    width:16px;
    height:4px;
    /*margin:17px 0 0 4px;
  _margin:17px 0 0 -26px;*/
    top: 21px;
    _top: 18px;
    left: 5px;
    position:absolute;
    font-size:0px;
}
.largeColorPicker_button_color {
    /* large color sample that is shown on color picker button */
    width:14px;
    /*height:14px;*/
    height:16px;
    top: 12px;
    left: 5px;
    position:absolute;
    font-size:0px;
}
.picker_panel {
    position:absolute;
    background:#fff;
    /*
  margin:24px 0 0 0;
  _margin:24px 0 0 -33px;
  */
    border:solid 1px #ddd;
    z-index:100000;
    display:none;
    padding: 5px 10px;
}
.picker_panel ul li .buttons24px {
    padding: 7px 0 !important;
}
.picker_panel_header {
    text-align: center;
    padding: 0 0 0 15px;
    margin:0;
    width: 146px;
    _width: 162px;
    height: 38px;
}

.clear { clear:both; }

.color_panel {
    /*background: red;*/
    border: 1px solid #222;
}

.color_parent {
    float: left;
    display: inline;
    overflow: hidden;
    font-size:14px;
}
.color_parent a {
    display:block;
    border: solid 1px #222;
}
.color_parent a.active {
    display:block;
    border: solid 1px #ededed;
}
.color_parent a:hover {

}
.color_parent a div {
    height:18px;
}
.color_parent div.active {
}

.cust_hex_input {
    font-size:16px;
    color: #333;
    border: 1px solid #a1a1a1;
    background:#ededed;
    margin: 7px 15px 0 0;
    _margin: 10px 15px 0 0;
    padding: 8px 10px 8px 3px;
    width: 90px;
    letter-spacing:0.1em;
}
.cust_hex_button { }

ul.cust_hex_color_li li {
    padding: 0;
    margin: 0;
    display: inline;
    float: right;
    /*background: red;*/
    text-transform: uppercase;
}

ul.cust_hex_color_li li.fixed {
    margin: 0;
    padding: 0;
    width: 110px;
    display: inline;
    float: left;
}

.default_color_div {
    padding: 0 6px 0 0;
}

/* Scheduling */

.schedulingHidden {
    display: none;
}

.advancedHidden {
    display: none;
}

.advancedScheduling {
    padding-top: 20px;
}

#SchedulingModal h1 {
    float: left;
    padding-top: 12px;
}

.scheduleDiv { padding: 0 0 0 15px }

.scheduletable td {
    empty-cells: show;
    padding: 0;
    margin: 0;
    line-height: 100%;
}

.scheduletable td.width50percent {
    width: 50%;
}

.scheduleYearly {
    float: left;
    padding: 5px 0 0;
    font-size: 15px;
    margin: 0;
}


.areawrap h3 .normal.scheduleText{
	text-transform:none;
	color:#666666;
	font-size:0.8em;
	margin-top:5px;
	position:relative;
	display:inline-block;
}

.areawrap p.scheduleParagraph{
	font-size:15px;
	position:relative;
	display:inline-block;
	color:#666666;
	padding-bottom:0px;
	padding-top:10px;
	width:100%;
}

.areawrap p.scheduleParagraph .textcolor999{
	color:#666666;
	font-size:15px;
}

.areawrap p.scheduleParagraph #daysVisible,
.areawrap p.scheduleParagraph #dailySchedule{
	display:inline-block;
	width:100%;
}

.areawrap p.scheduleParagraph #daysVisible.advancedHidden,
.areawrap p.scheduleParagraph #dailySchedule.advancedHidden{
	display:none;
}

/* Scheduling */

.hyperlinkHidden {
    display: none;
}

.tickerHidden {
    display: none;
}

/* Preview Message */

.previewForm {
    padding: auto;
    margin: auto;
    /*background: orange;*/
    width: 100%;
    text-align: center;
    line-height:0.125em;
}

.channelPreviewContainer {
    padding: 0 0 30px 0;
    /*margin: auto;*/
    width: 100%;
    text-align: center;
    display:block;
    /*clear:both;*/
}

table.preview {
    text-align: center;
    padding: 0;
    margin: 0 auto;
    font-size: 0.125em;
    line-height:0.125em;
}

table.preview td {
    line-height:0.125em;
}

.previewImg {
    padding: 0;
    margin: 0;
}

td.channelPreviewTitle {
    padding: 0;	
	letter-spacing: -0em;
    font-weight: 500/*bold*/;
    color: #048;
    line-height: 40px/*2.7em*/;
    height: 50px/*39px*/;
    padding-top: 0;
    margin: 0 20px 10px 0;
    font-size: 30px;
}




td.previewSubtitle {
    padding: 0 0 20px 0;
    margin: 0;
    font-size: 0.9em;
}
td.preview {
    vertical-align: top;
    width: auto;
    margin: 0 auto;
    line-height:0.125em;
}

.previewImageBorder{
border:1px solid #cccccc;
box-shadow:
	0px 0 20px -10px #000, 
	0px 0 10px 5px #eaeaea, 
	0px 0 10px 5px #eaeaea;
}
/* jquery.jgd.dropdown */

.jgd-dropdown dd, .jgd-dropdown dt, .jgd-dropdown ul {
    margin: 0;
    padding: 0;
}

.jgd-dropdown {
    text-align: left;
    float: left;

}

.jgd-dropdown dd {
    position: relative;
    z-index: 1000;
}
.jgd-dropdown a, .jgd-dropdown a:visited {
    color: #444;
    text-decoration: none;
    outline: none;
}
.jgd-dropdown a:hover {
    color: #222;
}
.jgd-dropdown dt a:hover {
    color: #222;
    /*border: 1px solid #a9a9a9;*/
}

.jgd-dropdown dt {
    position: relative;
    /*border: 1px solid #a9a9a9;*/
}

.jgd-dropdown dt a {
    height:34px;
    margin:0;
    padding:0;
    display: block;
    font-weight:bold;
    /*font-size: 0.687em; 11px / 16 px = 0.687em */
    overflow:hidden;
}

.jgd-dropdown dt a.right  {
    height:24px;
    float:left;
    display:block;
    padding: 0 0 10px 0;


}

.jgd-dropdown dt a.left  {
    height:34px;
    /*background:url("../images/b24px_left.gif") no-repeat left 0;*/
    padding:0 0 0 2px;
    float:left;
    display:block;
    overflow:hidden;
    font-size: 15px;
    /*background-color: #fff;*/
    /*border: 1px solid #ccc;*/
    box-shadow:
    1px 0 0 0 #ccc,
    0 1px 0 0 #ccc,
    1px 1px 0 0 #ccc,   /* Just to fix the corner */
    1px 0 0 0 #ccc inset,
    0 1px 0 0 #ccc inset;
    /*border-right-width:0px;*/
    border-left-radius: 3px;
    -o-border-left-radius: 3px;
    -moz-border-left-radius: 3px;
}
.header .jgd-dropdown dt a.left  {
    /*border-color:#024;*/
    box-shadow:
    1px 0 0 0 #024,
    0 1px 0 0 #024,
    1px 1px 0 0 #024,   /* Just to fix the corner */
    1px 0 0 0 #024 inset,
    0 1px 0 0 #024 inset;
}
#mediaHolder .jgd-dropdown dt a  {
    border-color:#ccc;
}
#mediaHolder .jgd-dropdown dt a:hover  {
    border-color:#999;
}


.jgd-dropdown dt a span.rd {
    cursor: pointer;
    display: block;
    float:left;
    /*height:12px;*/
    /*background: url("../images/b24px_right.gif") no-repeat left 0 ;*/
    /*padding: 6px .44em 6px .44em;*/
    text-decoration: none;
    color: #222;
    overflow:hidden;

}

.jgd-dropdown dt a.left:active,
.jgd-dropdown dt a.left:active span.rd {

    /*  background-position: 0 -64px; */
}

/* inactive styles */

.jgd-dropdown dt a.left:hover span.rd.inactive, .jgd-dropdown dt a.left:active span.rd.inactive {
    /*background-color:#f0f0f0;*/
    /*background: url("../images/b24px_right.gif") no-repeat left 0;*/
}

.jgd-dropdown dt  a.right:hover span.rd.inactive,.jgd-dropdown dt  a.right:active span.rd.inactive  {
    /*background-color:#f0f0f0;*/
    /*background: url("../images/b24px_right.gif") no-repeat right 0; */
}


.jgd-dropdown dt a span.rd.inactive .selected {
    color:#bbb;
    text-shadow: none;
}

/* inactive styles */

.jgd-dropdown dt  a.right span.rd {
    margin:0;
    height:34px;/**/
    line-height:26px;
}

.jgd-dropdown dt  a.right span.rd .floatleft {
    white-space: nowrap;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
}

.jgd-dropdown dt  a.right:hover span.rd {
    /* background: url("../images/b24px_right.gif") no-repeat right -32px; */
}
.jgd-dropdown dt  a.right:active span.rd {
    /* background: url("../images/b24px_right.gif") no-repeat right -64px; */
}

.jgd-dropdown .arrowdowndevider {
    /*
    float: left;
    width: 1px;
    height:34px;
    background:url("../images/arrowdowndevider.gif") no-repeat 0 0;
    display:block;
	*/
}

.assetthumbempty .buttons24px .jgd-dropdown dt a.left{
    /*	background:url("../images/b24px_left.gif") no-repeat left -32px;*/

}

.assetthumbempty .buttons24px .jgd-dropdown dt a span.rd{
    /*	background: url("../images/b24px_right.gif") no-repeat left -32px ;*/
}

.assetthumbempty .buttons24px .jgd-dropdown dt  a.right span.rd{
    /*	background: url("../images/b24px_right.gif") no-repeat right -32px ;*/
}

.jgd-dropdown dd ul {
    right:10px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    color: #444;
    display: none;
    padding: 0;
    position: absolute;
    top: 34px;
    list-style: none;
}



.Message .panel950 #editForm .areawrapMedia .assetthumbempty .buttons24px .jgd-dropdown dd ul{
	background:#f8f8f8;
	right:inherit;
	left:0;
	top:0;
	width:148px;
	height:132px;
	border:none;
	box-shadow: none!important;
}

.assetthumbempty .buttons24px .jgd-dropdown dd ul {
    right: 0;
}

.assetthumbempty .buttons24px .jgd-dropdown dd ul li a {
    min-width: 120px;
}

.jgd-dropdown span.value {
    display: none;
}
.jgd-dropdown dd ul li {
    padding:0; margin:0;
}

.jgd-dropdown dd ul li.hide_selected {
    display: none;
}
/*
.jgd-dropdown dd ul li.item-odd a {   background-color: #f5f5f5;}
.jgd-dropdown dd ul li.item-even a {
  background-color: #fafafa;
}
*/

.jgd-dropdown dd ul li a {
    /*padding: 5px;*/
    background-image: none;
    display: block;
    /*border-top:1px solid #fff;*/
    font-size:0.9em;
    height: auto;
    padding: 3px 6px;
    box-shadow: 1px 0 0 0 transparent,
    0 1px 0 0 transparent,
    1px 1px 0 0 transparent, /* Just to fix the corner */
    1px 0 0 0 transparent inset,
    0 1px 0 0 transparent inset;
}


.Message .panel950 #editForm .areawrapMedia .assetthumbempty .buttons24px .jgd-dropdown dd ul li a {
	min-width:128px;
	padding:0 10px;
	line-height:33px;
}

.jgd-dropdown dd ul li a:hover {
    /*text-decoration: underline;*/
    background-image: none;
    color: #222;
    text-decoration:none;
    background-color:#f9f9f9;
    /*border-top:1px solid #f4f4f4;*/
    cursor:pointer;
    box-shadow: 1px 0 0 0 transparent,
    0 1px 0 0 transparent,
    1px 1px 0 0 transparent, /* Just to fix the corner */
    1px 0 0 0 transparent inset,
    0 1px 0 0 transparent inset;
}

.Message .panel950 #editForm .areawrapMedia .assetthumbempty .buttons24px .jgd-dropdown dd ul li a:hover {
	box-shadow:none!important;
	background-color:#e9e9e9;
}

/* logo expansion */
.jgd-dropdown.jgd-logos dt {
    /*background-color: #f00fff;*/
}
.jgd-dropdown.jgd-logos dt a {

}
.jgd-dropdown.jgd-logos dt ul {

}

.jgd-dropdown.jgd-logos  a {
    /*padding: 5px 0 5px 0;*/
    margin: 0;
    background: no-repeat 0 0;
    display:block;
}

.jgd-dropdown.jgd-logos  a .mediaLogo{
    width:18px;
    height:18px;
    overflow:hidden;
    display:block;
    float:left;
    margin: 3px 4px 0 2px;
    background-image: url("../images/icons18x18.png");
}

.Message .panel950 #editForm .areawrapMedia .assetthumbempty .buttons24px .jgd-dropdown.jgd-logos  a .mediaLogo{
	margin:8px 5px 0 0;
}

.jgd-dropdown.jgd-logos a span.mediaLogo.image {
    background-position: 0 0;
}
.jgd-dropdown.jgd-logos  a span.mediaLogo.video {
    background-position: 0 -18px ;
}
.jgd-dropdown.jgd-logos a span.mediaLogo.youtube  {
    background-position: 0 -54px;
}
.jgd-dropdown.jgd-logos a span.mediaLogo.webpage  {
    background-position: 0 -72px;
}

.jgd-dropdown#jgd_dd_alignment dd ul li a{
	line-height:24px;
	padding:3px 6px 0;
}

#jgd_dd_mediaPositionPlacement .floatleft{
    min-width: 290px;
}

#jgd_dd_alignment .floatleft{
    min-width: 290px;
}

#jgd_dd_mediaAnimation .floatleft{
    min-width: 290px;
}

.jgd-dropdown.jgd-logos a .bposLogo {
    width: 25px;
    height: 24px;
    overflow: hidden;
    display: block;
    float: left;
    margin: 0 8px 0 2px;
    background-image: url("../images/icons_bpos.png");
}

.jgd-dropdown.jgd-logos a span.bposLogo.cropped {
    background-position: 0 -3px;
}

.jgd-dropdown.jgd-logos a span.bposLogo.stretched {
    background-position: 0 -27px;
}

.jgd-dropdown.jgd-logos a span.bposLogo.center {
    background-position: 0 -51px;
}

.jgd-dropdown.jgd-logos a span.bposLogo.topleft {
    background-position: 0 -75px;
}

.jgd-dropdown.jgd-logos a span.bposLogo.bottomleft {
    background-position: 0 -99px;
}

.jgd-dropdown.jgd-logos a span.bposLogo.topright {
    background-position: 0 -123px;
}

.jgd-dropdown.jgd-logos a span.bposLogo.bottomright {
    background-position: 0 -147px;
}

.jgd-dropdown.jgd-logos a span.bposLogo.automatic {
    background-position: 0 -171px;
}

.jgd-dropdown.jgd-logos a span.bposLogo.focalpoint {
    background-position: 0 -200px;
}

.positionDialogContainer.ui-dialog .ui-dialog-content {
    padding: 0 3px;
}

#positionDialog .focal-point-icon {
    background: url("../images/icons/focal-point.svg");
    width: 18px;
    height: 18px;
    margin: 5px 0;
    display: flex;
}

#positionDialog .focal-point-icon > a {
    display: flex;
    text-wrap: nowrap;
    margin-left: 25px;
    align-items: center;
    font-weight: normal;
    color: unset;
    /* fix for Firefox */
    flex: 0 0 auto;
}

.focal-point-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 344px;
    background: #f1f1f5;
    border: 1px solid #d7d7dc;
}

.focal-point-select-area {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    position: relative;
    margin: -1px;
    cursor: crosshair;
    overflow: hidden;
}

.focal-point-container .focal-cursor {
    pointer-events: none;
    cursor: crosshair;
    position: absolute;
    margin-left: -34px;
    margin-top: -14px;
    font-size: 6.375rem;
    line-height: 0;
    color: #fff;
    font-weight: 100;
    text-shadow: 0 0 6px #0d1317;
    -webkit-text-stroke: 1px rgba(0,0,0,0.6);
}

.focal-point-select-area img {
    object-fit: scale-down;
    max-height: 344px;
    max-width: 344px;
    overflow: hidden;
    margin: -1px -1px -6px -1px;
    padding: 0;
}

.jgd-dropdown dt a span.rd.small {
    font-size: 15px;
}

.jgd-dropdown dt a span.dropdownicon,
.Message .templatethumbbar #editTemplate span.dropdownicon{
    float: left;
    height: 34px;
    width: auto;
    margin:0;
    padding: 0 0 0 14px;
    background: url("../images/arrowdown.png") 5px 3px no-repeat;
    cursor: pointer;
}

.Message .templatethumbbar #editTemplate span.dropdownicon{
	float:right;
	margin-top:5px;
}

.header .jgd-dropdown dt a span.dropdownicon{
    background-image: url("../images/arrowdown_white.png");
}

.trailImage {
    width:380px;
    height:285px;
    background: #ffffff url('../images/loading.gif') no-repeat center;
}

.input-file {
    position: absolute;
    text-align: right;
    z-index: 1000;
}

.zipfile-current {
    font-size: 1em !important;
    padding-left: 10px !important;
}

/* License dialog */

.xbody label.info {
    font-size: 0.8em;
    color: #222;
    display:block;
    padding: 10px 10px 0 15px;/*!*/
}

h2.license {
    padding: 10px 0;
    margin: 0 20px 0 15px;
    text-align:left;
}

.chooseproduct .xbody label.info {
    font-size: 15px;
    color: #222;
    display:block;
    padding: 0 20px 5px 20px;/*!*/
	margin-left:0;
}

.chooseproduct .xbody .licensedialog label.info {
	padding-left:20px;
}

.panel950.settingspanel .chooseproduct .xbody .licensedialog label.info {
	padding-left:0px;
}

.chooseproduct h2.license {
    padding: 10px 0;
    margin: 0 20px 0 20px;
    text-align:left;

	letter-spacing:0.5px;
	font:bold 100% 'Open Sans',sans-serif;
	color:#1a55ad;
}

.panel950 .manageareawrap .xbody > h2, 
.chooseproduct h2.license{
	
    clear:both;
    overflow:hidden;
    letter-spacing: -0em;
    font-weight:500/*bold*/;
    color: #048;
    line-height:40px/*2.7em*/;
    height:50px/*39px*/;
    padding-top:1px;
    margin:00px 20px 0 00px;
	font-size:30px;
}

.chooseproduct h2.license{
margin:10px 20px 0 20px;
}

.panel950.settingspanel .chooseproduct h2.license{
	margin:0px 0 0 0px!important;
}

.chooseproduct .xbody label.urlerror{
	margin-left:0px;
	padding: 0 20px 0 20px;
}


.licensedialog  {
    width:608px;
    margin:0;
    border-top:0px solid #ddd;
    padding:10px 0 20px 0;

}
.licensedialog img {
    padding: 0 0 0 0.5em;
}
.licensedialog form {
    padding: 0 20px 60px 20px;
    width:608px;
    display:block;
}

.panel950.settingspanel .chooseproduct .licensedialog form {
	
	padding: 0;
}



.licensedialog label {
    color: #666;
}
.licensedialog label.error {
    font-size: 80%;
    background-color: #ffffff;
    color: #e00;
    margin-left:0px;
    float: none;
    padding: 10px 20px 10px 20px;
    text-align:center;
    display:inline-block;
}
.licensedialog form label {
    font-size: 0.8em;
    color: #666;
    float:left;
    width:175px;
    padding: 0.6em 0.5em 0.5em 0;
    /*text-align:right;
  background: orange;*/
}
.licensedialog div label.info {
    /*font-size: 0.8em;*/
    color: #048;
    width:588px;
    float: none;
    padding: 0.6em 0 0.5em 0.6em;
    text-align:left;
}
.licensedialog div {
    display: block;
    /*font-size: 0.8em;
	vertical-align:top;
  padding: 5px 0 5px 5px;*/
}
.licensedialog div label {
    font-size: 0.8em;
    color: #222;
    width:175px;
    float: left;
    display: block;
    padding: 8px 0 8px 0;
    text-align:left;
	margin-left:0px;
}
.licensedialog div label.description {
    /*font-size: 0.8em;*/
    color: #666;
    width:225px;
    float: right;
    display: block;
    text-align:left;
    /*padding: 0.5em 0 0.5em 0.6em;*/
    clear: right;
    margin:0;
}
.licensedialog div label.description img {
    padding: 0 0.5em;
    margin:0;
}
.licensedialog div label.module {
    /*font-size: 0.8em;*/
    color: #666;
    width:225px;
    float: right;
    display: block;
    text-align:left;
    /*padding: 0.5em 0 0.6em 0.6em;*/
    clear: right;
    margin:0;
    /*background: orange;*/
}
.licensedialog div label.module img {
    padding: 0 0.5em;
    margin:0;
}
.iconimage {
    height: 13px;
}
.licensewarning {
    width: 14px;
    /*height: 13px;*/
    float:right;
    padding: 0 0 5px 5px !important;
}
.licensedialog input.name {
    /* background: url(../images/input30x504px.gif) no-repeat 0 0;*/
    background-color:#fcfcfc;
    /*width:239px;
  border: 1px solid #eee;*/
    width:584px;
    height:30px;
    margin:0 0 10px 0;
    font-size: 0.8em;
    padding: 0 0.5em;
    overflow:hidden;
    line-height:32px;
}
.licensedialog  input.serial {
    /*background: url(../images/input30x504px.gif) no-repeat 0 0;*/
    /*width:438px;
  border: 1px solid #000;*/
    width:504px;
    height:30px;
    margin:0 0 10px 0;
    font-size: 0.8em;
    padding: 0 0.5em;
    overflow:hidden;
    line-height:32px;
}

.licensedialog  input.name:hover {
    /*background:url(../images/input30x504px.gif) no-repeat 0 -40px;*/
    background-color:#fff;
    border: 1px solid #0077dd;
    -moz-box-shadow:    inset 0 1px 1px #ccc;
    -webkit-box-shadow: inset 0 1px 1px #ccc;
    box-shadow:         inset 0 1px 1px #ccc;
}
.licensedialog  input.key:hover {
    /*background:url(../images/input40px.gif) no-repeat 0 -40px;*/
    background-color:#fff;
    border: 1px solid #0077dd;
    -moz-box-shadow:    inset 0 1px 1px #ccc;
    -webkit-box-shadow: inset 0 1px 1px #ccc;
    box-shadow:         inset 0 1px 1px #ccc;
}
.licensedialog form a {
    margin: 0 6px 0 0;
}

.licensedialog div.licensenumber
{
    height: 20px;
    color: #666;
    float:left;
    padding-bottom:5px;
}
.licensedialog div.licensefeature
{
    height: 20px;
    color: #666;
    float:left;
    padding-bottom:5px;
}

.licenseoverview {
    width: 100%;
    margin: 10px 0 20px 20px;
    /*border: 1px solid #eee;*/
}

.panel950.settingspanel .licenseoverview {
	margin-left:0px;
}

.licenseoverview td {
    color: #666;
    font-size: 0.8em;
    padding: 5px 5px 5px 0;
    text-align: left;
}

.licensedialog a.buttons30px{
	width:100%;
}

.license-sub-upper {
    text-transform: uppercase;
    color: #222;
    font-size: 1.0em;
    font-weight: 500;
}

/* upgrade form */

#upgradeError {
    color: red;
    font-weight: bold;
    margin: 5px 0 0 0;
    padding: 0 20px 0 20px;
}

/* For manage screens areawrap needs to be overflow hidden */
/* So I added this class manageareawrap for management screens */

.manageareawrap  {
    /*width:auto;
overflow:hidden;*/
    /*float: left;
	padding:0;
	margin:0;
	width: 780px;*/
    margin: 0  -250px 0 auto;
    width: 100%;
    float: right;

}

.manageareawrap .borderright {

    border-right: 1px solid #f0f0f0;
    width:80px;
}

.manageareawrap h3{
    padding: 12px 0 11px 0;
    margin: 0 10px 0 10px;
}
.manageareawrap h3.bottompadding{
    padding: 12px 0 2px 0;
    margin: 0 10px 0 10px;
}

.manageareawrap h3.tabsHeader {
    font-size: 0.75em;
    margin: 0 10px;
    padding: 20px 0 0;
}

.manageareawrap p {
    /*  padding: 7px 0 7px 0;*/
    margin: 0 0 0 0;
    display:block;
    line-height: 160%;
    float:none;
    clear:both;
}

.managecategory {
    clear:both;
    margin: 0 19px;
}

/*
 * Border dialog
 */

.borderIcons{
    border-bottom: 1px solid #f0f0f0;
    clear: right;
    height: 70px;
    margin: 10px 0 5px 0;
}
.borderIcons li{
    float:left;
    padding:0;
    width:68px;
}

.previewContainer{
    height:372px;
    background: url("../images/preview_border.gif") no-repeat 0 0;
    clear: both;
    margin-bottom: 20px;
}

.previewContainer .previewTitle{
    padding: 20px;
    color: #aaaaaa;
    font-size: 0.687em;
    /*text-align: left;*/
}

.previewContainer .previewHolder{
    width: 500px;
    height: 280px;
    margin: -7px 25px 46px 25px;
    position: relative;
    display:block;
    left:0;
    right:0;
}

.previewContainer .previewHolder img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*
 * Positioning dialog
 */

.selectorPositionTable {
    /*background: red;*/
    width: 100px;
    height: 70px;
    float: left;
    padding: 5px;
    /*margin-bottom: 10px;*/
    border: 1px solid #eee;
}

.selectorTable {
    width: 100px;
    height: 70px;
    border-spacing: 3px;
}

.selectorTable td {
    padding: 5px;
    border-top: 1px solid #bcc1c9;
    border-left: 1px solid #bcc1c9;
    background: #e7eef8;
}

.selectorTable td.locationSelected {
    border-top: 1px solid #22528b;
    border-left: 1px solid #22528b;
    background-color: #4f81ba;
}

.selectorTable td.locationDisabled {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background-color: #ccc;
}


.selectorOptions {
    /*width: 140px;*/
    float: left;
    margin-left: 5px;
}

.positionCheck {
    height: 40px;
    padding-top: 10px;
    font-size: 0.687em;
    /*background: red;*/
}

.positionCheck label {
    padding-left: 5px;
}

.positionButton {
    height: 38px;
    vertical-align:bottom;
    /*background: orange;*/
}

/* Icons output tab */

.content-output {
    padding: 10px;
    margin: 0 auto;

}

ul.output {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
    white-space: nowrap;
    display: inline-block;
}

ul.output li {
    margin: 0 0 3px 0;
    padding: 2px 0;
    /*margin-right:5px;*/
    font-size: 0.85em;
    line-height: 1.5em;
}
ul.output a{
    color:black;
}

ul.output li.off {
    font-size: 0.85em;
    line-height: 1.5em;
    color: #a7a7a7;
}

a.output-link {
    /* blue underline ?? */
}

.output span.icon {
    position: relative;
    top: 1px;
}

.icon.outputchannel {
    background: url("../images/iconsoutput21x21.gif") no-repeat 0 0;
    height:17px;
    width:15px;
    margin-right:4px;
}

.icon.outputapp {
    background: url("../images/iconsoutput21x21.gif") no-repeat 0 -252px;
    height: 17px;
    width: 15px;
    margin-right: 4px;
}
.icon.outputappoff {
    background: url("../images/iconsoutput21x21.gif") no-repeat -21px -252px;
    height: 17px;
    width: 15px;
    margin-right: 4px;
}
.icon.outputchanneloff {
    background: url("../images/iconsoutput21x21.gif") no-repeat -21px 0;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputtwitter {
    background: url("../images/iconsoutput21x21.gif") no-repeat 0 -63px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputtwitteroff {
    background: url("../images/iconsoutput21x21.gif") no-repeat -21px -63px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputfacebook {
    background: url("../images/iconsoutput21x21.gif") no-repeat 0 -21px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputfacebookoff {
    background: url("../images/iconsoutput21x21.gif") no-repeat -21px -21px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputyammer {
    background: url("../images/iconsoutput21x21.gif") no-repeat 0 -84px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputyammeroff {
    background: url("../images/iconsoutput21x21.gif") no-repeat -21px -84px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputsms {
    background: url("../images/iconsoutput21x21.gif") no-repeat 0 -126px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputsmsoff {
    background: url("../images/iconsoutput21x21.gif") no-repeat -21px -126px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputrss {
    background: url("../images/iconsoutput21x21.gif") no-repeat 0 -104px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputrssoff {
    background: url("../images/iconsoutput21x21.gif") no-repeat -21px -105px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputintranet {
    background: url("../images/iconsoutput21x21.gif") no-repeat 0 -168px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputintranetoff {
    background: url("../images/iconsoutput21x21.gif") no-repeat -21px -168px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputmobile {
    background: url("../images/iconsoutput21x21.gif") no-repeat 0 -147px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputmobileoff {
    background: url("../images/iconsoutput21x21.gif") no-repeat -21px -147px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputarchive {
    background: url("../images/iconsoutput21x21.gif") no-repeat 0 -189px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputarchiveoff {
    background: url("../images/iconsoutput21x21.gif") no-repeat -21px -189px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputhdimages {
    background: url("../images/iconsoutput21x21.gif") no-repeat 0 -210px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputblog {
    background: url("../images/iconsoutput21x21.gif") no-repeat 0 -231px;
    height:17px;
    width:15px;
    margin-right:4px;
}
.icon.outputblogoff {
    background: url("../images/iconsoutput21x21.gif") no-repeat -21px -231px;
    height:17px;
    width:15px;
    margin-right:4px;
}

.icon.notificationsHeader {
    background: url("../images/notifications_header.png") no-repeat !important;
    height:16px;
    width:16px;
    margin-left: 2px;
    margin-top: 3px;
}
.icon.notifications {
    background: url("../images/notifications_on.png") no-repeat;
    height:16px;
    width:16px;
    margin-top: 15px;
}
.icon.notificationsoff {
    background: url("../images/notifications_off.png") no-repeat;
    height:16px;
    width:16px;
    margin-top: 15px;
}

.tooltipHidden {
    display:none;
}

.horizCont {
    /* width: 468px; */
    background-color: #fbfbfb;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}



.horizrow {
    border-bottom: 1px solid #ddd;
    /*height: 1px;*/
    /*margin: 0 10px;*/
}

/* Start Social Media modal box */

.modalContainer {
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.outputPopupDialog{
	margin:0 0 0 0!important;
	border-bottom:3px solid #dddddd;
	
}

.socialDialogContainer, .appOutputDialogContainer  {
    padding: 0;
}

.socialDialogContainer .ui-dialog-titlebar,
.appOutputDialogContainer .ui-dialog-titlebar,
.appEditCommentDialogContainer .ui-dialog-titlebar{
	height:30px;
	background-color:#1a55ad;
}

.socialDialogContainer .ui-dialog-titlebar-close,
.appOutputDialogContainer .ui-dialog-titlebar-close,
.appEditCommentDialogContainer .ui-dialog-titlebar-close {
	top:0 !important;
	right:0 !important;
	width:30px!important;
	height:30px!important;
}

.socialDialogContainer .ui-dialog-titlebar-close .ui-icon-closethick,
.appOutputDialogContainer .ui-dialog-titlebar-close .ui-icon-closethick,
.appEditCommentDialogContainer .ui-dialog-titlebar-close .ui-icon-closethick {
	background: no-repeat center center url(../images/modal_close.png);
	width:30px;
	height: 30px;
    top: 0;
    left: 0;
}

.socialDialogContainer .ui-dialog-titlebar-close:hover .ui-icon-closethick,
.appOutputDialogContainer .ui-dialog-titlebar-close:hover .ui-icon-closethick,
.appEditCommentDialogContainer .ui-dialog-titlebar-close:hover .ui-icon-closethick {
	background-color:#2762bb;
}


.socialDialogContainer .ui-dialog-title,
.appOutputDialogContainer .ui-dialog-title,
.appEditCommentDialogContainer .ui-dialog-title{
	margin:0 0 0 0!important;
	line-height:30px;
}


.socialDialogContainer h3.socialMediaTitle,
.appOutputDialogContainer h3.socialMediaTitle,
.appEditCommentDialogContainer h3.socialMediaTitle {
    position: absolute;
    color: #fff;
    top: -35px;
    padding: 5px 10px!important;
    margin: 0!important;
    line-height: 30px;
	text-transform:inherit;
}

.socialDialogContainer h3.socialMediaTitle u,
.appOutputDialogContainer h3.socialMediaTitle u,
.appEditCommentDialogContainer h3.socialMediaTitle u {
	color:#ffffff;
}

.appEditCommentDialogContainer{
	margin-top:40px;
}

.appEditCommentDialogContainer h3.socialMediaTitle {
	padding-left:0 !important;
}

#appEditCommentDialog{
	padding-top:20px;
}

#appEditCommentDialog #editAppComment{
	margin-right:0px;
}

.ui-dialog .socialDialogContainer .ui-dialog-titlebar-close,
.ui-dialog  .appOutputDialogContainer .ui-dialog-titlebar-close,
.ui-dialog  .appEditCommentDialogContainer .ui-dialog-titlebar-close{
	top:5px!important;
	right:10px!important;
	width:20px;
	height:30px;
}


.modalContainer.outputPopupContainer #socialHeaderDiv{
	width:311px;
	line-height:50px;
	position:relative;
	float:left;
	display:inline-block;
	background-color:#f8f8f8;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
}



.modalContainer a {
    color: #000 !important;
    font-weight: bold;
}

.modalContainer .tabs30px {
    color: #225d98 !important;
    font-size: 0.75em;
    font-weight: bold;
}

#appOutputDialog .modalContainer .tabs30px {
	margin-bottom:0;
	position:relative;
	z-index:2;
}

.modalContainer .tab30px {
    margin-left:8px;
}

#appOutputDialog .modalContainer .tab30px {
    margin-left:0;
	border-bottom:1px solid #ffffff;
}

#appOutputDialog .tab30px a.right.sel span.rd{
	background-color:#ffffff;
}

.modalContainer .tab30px a span.rd {
    padding-top: 8px;
}

.modalLeftSide {
    float:left;
    width:300px;
    /*height: 445px;*/
    border: 1px solid #f0f0f0;
    margin: 0 0 10px 0;
    padding:0px;
    /*background:yellow;*/
}


.modalContainer.outputPopupContainer .modalLeftSide{
	width:312px;
	background-color:#ffffff;
	border:0;
	margin-bottom:0;
	position:relative;
	z-index:1000;
}


.modalRightSide {
    float:right;
    width:580px;
    /*width:58%;*/
    /*height: 445px;*/
    padding:0px;
    border: 1px solid #f0f0f0;
    margin: 0px 0px 0px 0px;
}

.modalContainer.outputPopupContainer .modalRightSide{
	border:none;
    width:629px;
	background:repeat-y top left url(../images/modalright_background.jpg);
	padding-left:1px;
	left:-1px;
	position:relative;
}



.socialDefaultHide {
    display: none;
}

.socialMessageListDiv {
    height:376px;
    width: 300px;
    margin-bottom: 20px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 0px solid #f0f0f0;
    overflow-x: hidden;
    overflow-y: auto;
    clear:both;
    position: relative;
}


.modalContainer.outputPopupContainer .modalLeftSide .socialMessageListDiv {
	height:auto;
	width:100%;
	border:none;
	margin-bottom:0px;
}

ul.socialMessageList {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

ul.socialMessageList li {
    margin: 0px;
    padding: 0px 5px 0px 5px;
    _padding: 0px 5px;
    /*width:100%;*/
    height:40px;
    clear:both;
    /*float:left;
  font-size: 0.687em;*/
    line-height: 40px;
    border-bottom: 1px solid #eaeaea;
}


.modalContainer.outputPopupContainer .modalLeftSide ul.socialMessageList li {
	padding:0 0 0 0;
	background-color:#f8f8f8;
	position:relative;
	border-right:1px solid #dddddd;	
	overflow:hidden;
}

.modalContainer.outputPopupContainer .modalLeftSide ul.socialMessageList li.current{
	border-right:none;	
}

.modalContainer.outputPopupContainer .modalLeftSide ul.socialMessageList li.current, .modalContainer.outputPopupContainer .modalLeftSide ul.socialMessageList li:hover ,
ul.socialMessageList li.current, ul.socialMessageList li:hover {
    background: #eaeaea;
    cursor: pointer;
}

.modalContainer.outputPopupContainer .modalLeftSide ul.socialMessageList li.current .socialHistoryLink{
	background: no-repeat right center url(../images/modal_current_background.png);
	padding-right:16px;
}

.socialCheckboxAllDiv {
    float:left;
    padding:5px;
}

.modalContainer.outputPopupContainer .modalLeftSide .socialCheckboxAllDiv {
    padding:0px 10px;
	line-height:50px;
}

.socialCheckAll {
    margin-top:7px;
    _margin-top:0px;
    vertical-align:bottom;
    _vertical-align:top;
}


.modalContainer.outputPopupContainer .modalLeftSide .socialCheckAll{
	
    vertical-align:middle;
	margin-top:0px;
	position:relative;
	z-index:100000;
}


.socialHistoryLink {
    margin: 0;
    /*_margin: 4px 0 0 0;
	cursor: pointer;*/
    padding: 0 0 1px 0;
    /*_padding: 0 5px 0 0;*/
    font-size: 0.687em;
    width:290px;
    height: 16px;
    /*background:red;*/
}


.modalContainer.outputPopupContainer .modalLeftSide .socialHistoryLink{
	padding:0 15px 0 10px;
	height:40px;
	line-height:40px;
	font-size:12px;
	width:auto;
}

.socialCheckboxDiv {
    float:left;
    padding:5px 5px 5px 0;
    height:14px;
    /*_height:20px;*/
    vertical-align: top;
    margin-top:0px;
    /*background:blue;*/
}

.modalContainer.outputPopupContainer .modalLeftSide .socialCheckboxDiv {
	height:38px;
	padding:2px 10px 0 0;
	line-height:40px;
	vertical-align:middle;
}

.modalContainer.outputPopupContainer .modalLeftSide .socialCheckboxDiv input{
	position:relative;
	z-index:100000;
}

.socialUserLink {
    float:left;
    padding: 3px 0px 0px 5px;
    _padding: 4px 0px 0px 5px;
}

.modalContainer.outputPopupContainer .modalLeftSide .socialUserLink {
	line-height:40px;
	padding:0 0 0 0;
}

.socialDateDiv {
    float:right;
    padding: 3px 0px 0px 5px;
    _padding: 4px 0px 0px 5px;
}

.modalContainer.outputPopupContainer .modalLeftSide .socialDateDiv {
	line-height:40px;
	padding:0 0 0 0;
	font-size:11px;
	color:#000000;
}

.socialloader {
    width:18px;
    height:18px;
    position:absolute;
    top:40px;
    left:50%;
    float:none;
}

.socialMessageDiv {
    padding:10px 20px 0px;
    font-size: 0.8em;
    line-height: 1.5em;
    color: #7a7a7a !important;
    position: relative;
    margin-bottom: 15px;
}

.socialMessageDiv#socialMediaMessage{
	padding:10px 10px 10px 10px;
	margin-bottom:0px;
	min-height:120px;
	height:auto;
	font-size:14px;
	line-height: normal;
}

.socialMessageDiv#socialMediaMessage .socialMessageMessage.Twitter{
	min-height:150px;
}


.modalContainer.outputPopupContainer .socialMessageDiv#socialMediaMessage{
	padding:20px 20px 20px 20px;
	background-color:#ffffff;
}

.socialDialogContainer .modalContainer.outputPopupContainer .socialModalContent.modalRightSide{
	background-color:#f8f8f8;
}

.socialDialogContainer .modalContainer.outputPopupContainer .socialModalContent.modalRightSide #socialPreviewArea{
	margin:20px 20px 20px 20px;
}

.socialModalContent.modalRightSide #socialCommentsArea .tabs30px {
	margin-bottom:0px;
	position:relative;
	z-index:2;
}

.socialModalContent.modalRightSide #socialCommentsArea .tab30px {
	margin-left:10px;
}

.socialModalContent.modalRightSide #socialCommentsArea .tab30px  a.right.sel span.rd{
	background-color:#ffffff;
}

.socialModalContent.modalRightSide #socialCommentsArea .buttons24px a.left.right{
	margin-right:0px;
}

.socialModalContent.modalRightSide .socialCommentsDiv#socialMediaComments{
	margin: 0 0 20px 0;
	border:none;
	position:relative;
	padding:0 0 0 0;
}

.socialModalContent.modalRightSide .socialCommentsDiv .socialCommentDiv{
	padding:0px 0px 10px 0px;
}


#appOutputDialog .socialMessageDiv {
    padding:20px 20px 10px 20px;
}

.socialMessageDiv .error {
    font-weight: bold;
    color: red;
}

.socialMessageNotFound {
    margin: 20px 0px 0px 0px;
    font-size: 0.687em;
    font-weight: bold;
    color: #1a55ad;
    text-align:center;
    width:100%;
}

.socialMessageUser {
    font-weight: 600;
    color: #1a55ad;
	font-size:14px;
	line-height:22px;
	margin-top:5px;
	display:inline-block;
}

.socialMessageUserProfilePicture{
	position:relative;
	float:left;
	margin-right:10px;
	height:54px;
	width:54px;
}


.socialCommentUserProfilePicture{
	position:relative;
	float:left;
	margin:3px 10px 0 0;
	width:34px;
	height:34px;
}

#appOutputDialog  .socialMessageUser {
	display:inline-block;
	margin-right:10px;
}

#appOutputDialog #likesCount{
    margin-right:30px;
}

.socialMessageTime {
    font-weight: 300;
    color: #555555;
	font-size:12px;
	line-height:22px;
	display:inline-block;
	margin-right:30px;
}

.socialMessageLikes,
.socialMessageDislikes{
	 font-weight: 300;
	font-size:12px;
	line-height:22px;
	display:inline-block;
	margin-right:30px;	
    color: #555555;
}

.socialMessageMessage{
	padding:14px 0 0 0;
	margin:0 0 0 0;
	color:#000000;
}

.socialModalContent.modalRightSide #socialCommentsArea{
	padding:20px 20px 20px 20px;
	background-color:#f8f8f8;
}

.socialModalContent.modalRightSide #socialCommentsArea h3{
	margin:0 0 15px 0;
	padding:0 0 0 0;
}

.socialCommentsDiv {
	height:auto;
	max-height:235px;
    overflow-y:auto;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom:10px;
    position: relative;
}

#appOutputDialog  .socialCommentsDiv {
	padding:0px;
	border-bottom:none;
	margin-bottom:20px;
}

#appOutputDialog .socialCommentUserInfoWrapper{
	width:100%;
	height:auto;
	padding:10px 0px;
}

#appOutputDialog .socialCommentUserInfoContainer{
	width:285px;
	position:relative;
	float:left;
	padding-left:10px;
}


#appOutputDialog .socialCommentUserInfoContainer.socialCommentUserInfoContainerLeft{
	padding-left:0px;
	padding-right:10px;
	
}

.socialCommentDiv {
    padding:10px 20px;
    font-size: 0.8em;
    line-height: 1.5em;
    color: #000000;
}

.socialCommentComment{
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#000000;
	display:table-cell;
	width:auto;
	font-size:14px;	
	line-height:20px;
}

.socialCommentComment span{
	line-height:20px;
}

.socialCommentMeta{
	display:table-cell;
	line-height:20px;
}

#appOutputDialog .socialCommentDiv {
	padding:0px 0px 10px 0px;
}

.socialCommentUser {
    font-weight: bold;
}

.socialCommentTime {
    font-weight: 300;
	font-size:11px;
	color:#555555;
}

.socialCommentLink{
	font-weight: 300;
	font-size:11px;
	color:#1a55ad;
	line-height:20px;
}

a.socialCommentLink:hover{
	text-decoration:underline;
}



ul.comment {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0px;
}
ul.comment li {
    font-size: 0.687em;
    padding: 5px 5px 5px 0;
    margin: 0px;
}

.outputPopupContainer ul.comment li {
    padding: 0 0 0 0;
}

.commentDivider {
    width:97%;
    border-top: 1px solid #e3e3e3;
    margin: 0px 10px;
}

.socialCommentAddDiv {
    padding:0px 0px;
}

.socialCommentAddDiv .actionbutton {
	margin-bottom:0px;
	padding-bottom:0px!important;
}

#appOutputDialog .socialCommentAddDiv {
	padding: 20px 20px 20px 20px;
	background-color:#f8f8f8;
}

.socialCommentAdd{
	line-height:30px;
	padding:0px 10px;
	margin-bottom:10px;
	min-width:294px;
	box-sizing:border-box;
	margin-right:19px;
	min-height:30px;
}

#appOutputDialog .socialCommentAddDiv #commentTitle{
	margin-right:0;
}

#appOutputDialog #communicationError{
	padding:0 20px;
}

#appOutputDialog .socialCommentAdd{
	background-color:#ffffff;
	min-width:285px;
	width:285px;
	margin-right:0px;
}


#appOutputDialog textarea.socialCommentAdd{
	width:100%;
	min-width:initial;
}

#appOutputDialog .socialCommentAddDiv .socialCommentAddLabel{
	display:inline-block;
	min-width:100%;
	padding:0px 0px 5px 0px;	
	box-sizing:border-box;
	margin-right:0;
	color:#222222;
}

#appOutputDialog .socialCommentAddDiv .socialCommentAddLabel.last{
	margin-right:0%;
	min-width:250px;
	}

.socialCommentAddDiv  .socialCommentAddTitle{
	margin-left:0px;
	padding: 0px 0px 20px 0px;
}


textarea.socialCommentAdd {
    width:100%;
	max-width:100%;
    /*
  outline: 1px solid #d3d3d3;
  border-top: 1px solid #a1a1a1;
  border-left: 1px solid #a1a1a1;
  */
    background-color: #fcfcfc;
    line-height: 1.5em;
    padding: 7px 9px 7px 9px;
	box-sizing:border-box;
	margin-bottom:5px;
}

#appOutputDialog textarea.socialCommentAdd {
	background-color: #ffffff;
}

.buttons24px a.left.right#addAppComment{
	margin-right:0px;
}

.socialTextFeedback {
    display:none;
    float:left;
    font-size: 0.8em;
    padding: 10px 10px 0 0px;
    color: #252525;
    margin:0;
}

.socialTextFeedback .error {
    color: #ff4400;
}

/* End Social Media modal box */


/* Start Modal Output box */

.modalOutputContainer {
    /*width:50%;*/
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.modalOutputContainer a {
    color: #000 !important;
    font-weight: bold;
}

.outputTitle {
    margin: 0;
    height: 26px;
    font-weight: bold;
}

.modalIntro {
    padding-bottom: 10px;
    font-size: 0.687em;
}

#outputContent {
    font-size: 0.687em;
}

.outputExplanation {
    padding-bottom: 15px;
    border-bottom: 1px solid #DDDDDD;
}

.outputList {
    position:relative;
}

.outputOptions {
    display: none;
    padding: 15px 0 0 0;

}

.modalResponse {
    padding-bottom: 10px;
    /*font-size: 0.687em;*/
}

#previewOutput {
    color: red;
    font-size: 0.85em;
}

#mailPreviewBody {
    margin:0;
    padding:0;
}

/* start iframe styles */

#preview-email-generated {
    width:625px;
    margin: 0 0 5px 0;
}

#preview-email-database {
    width:100%;
    margin: 0 0 -8px;
}

/* end iframe styles */

.outputloader {
    width:18px;
    height:18px;
    position:absolute;
    top: 20px;
    left:40%;
    float:none;
}

.modalList {
    position:relative;
}

.msgItem {
    font-weight:bold;
}
.msgDescr {
    padding: 1px 0 0 18px;
}
.chkMsg {
    margin:0 5px 0 0;
    position: relative;
    top: 3px;
}

.optsExplanation {
    width:100%;
    font-weight:bold;
}
.optsList {
    margin: 5px 0 0 0;
}

.optsList input{
    position: relative;
    top: 2px;

}
.outputASEitem {
    padding: 5px 0;
    border-bottom: 1px solid #DDDDDD;
}
.outputOptionsDiv {
    padding: 5px 5px 5px 0;
    font-size: 0.687em;
}
.outputNavigation {
    height:40px;
    /*font-size: 1.5em;*/
    margin: 10px 0 0 0;
}

/* Status Email / SMS */

.outputStatus{
    float: left;
    width: 475px;
}

.outputPopupContainer .outputStatus{
	width:100%;	
}

.statusKey{
    font-weight: bold;
    float: left;
    width: 120px;
    padding: 3px 0;
}
.statusValue{
    color: #666666;
    float: left;
    width: 130px;
    padding: 3px 0;
}

.statusDateKey{
    font-weight: bold;
    float: right;
    width: 150px;
    padding: 3px 0;
}

.outputPopupContainer .statusDateKey{
	width:180px;
}

.statusDateValue{
    color: #666666;
    float: right;
    width: 150px;
    padding: 3px 0px;
}

.outputPopupContainer .statusDateValue{
	text-align:left;
}

/* End Status Email / SMS */


/* End Modal Output box */

.templateRow           { font-size: 0.75em; clear: both;}
.templateRow .msgRow   { line-height: 1.5em; width: 90%; padding: 7px 10px; float: left; color: #ff0000;}
.templateRow .rowLeft  { width: 30%; padding: 7px 10px 7px 0px; float: left; color: #999999;}
.templateRow .rowRight { width: 60%; padding: 5px 10px; float: right;}
.templateRow .error    { color: red; font-weight: bold; text-align: center;}

.templateRow:after{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.UserAreaRow { margin: 0 10px; border-bottom: 1px solid #dddddd; }
.UserAreaRow:first-child { border-top: 1px solid #dddddd; }
.UserAreaRow > input[type="radio"] { margin-right: 15px; position: relative; top: 2px; }
.UserAreaRow > label { font-size: 0.75em; line-height:38px; }
.UserAreaRow > label.inactive { color: #999999; }
.UserAreaRow > span.errorTip { font-size: 0.687em; }
.UserAreaRow > span.noAreasfound { font-size: 0.687em; text-align: center; display: block;}

.UserAreaRow:after{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}



#divExOutIconUpload, #divExOutIconShow { font-size: 1.25em }

.blogRow           { font-size: 0.75em; clear: both;}
.blogRow .rowLeft  { width: 30%; padding: 7px 10px; float: left; color: #999999;}
#databaseSettings .rowLeft  { width: 30%; padding: 10px 10px; float: left; color: #999999;}
.blogRow .rowRight { width: 60%; padding: 5px 10px; float: right;}
.blogRow .error    { color: red; font-weight: bold; text-align: center; padding: 8px 0;}
.BlogTextDiv	   { font-size: 0.75em; padding: 15px 10px; clear: both; }
.BlogSelectDiv	   { font-weight: bold; font-size: 0.75em; padding: 5px 10px; clear: both; }

.blogRow:after{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

#kind 			   { padding: 0 0 5px 0; clear:left; }
#blognamediv	   { padding: 0 0 5px 0; clear:left; }

.blogchangefloatright   { float:right; clear:right; margin: -20px 60px 0 0; }

input.headlines {
    width:30px;
    border: 1px solid #ddd;
}

/* OLD styles for Management screens */

/* No margin for H2's in User Editing screen */

h2.nomargin { margin: 0; }

.formError              { font-size: 11px; line-height: 14px; color: #ff0000; padding: 5px 0 5px 10px; }

/* all .classictable & JSclassictable classes are used together with table.js to enhace the look of a table */
.classictable           { border: 1px solid #eaeaea; table-layout: auto;  width:100%; }
.classictable td        {
    background-color:#fff;
    empty-cells: show;
    overflow: hidden;
    vertical-align: middle;
    font-size: 80%;
    text-overflow: ellipsis
}

.classictable thead tr  { overflow:hidden; font-weight:normal; /*text-shadow: #fff 0 1px 0;*/ }
.classictable thead td  { padding: 5px 10px; color: #888; text-align:left; background-color: #f1f1f1;  }

.classictable thead td.sortablehead { cursor: pointer; position: relative; }
.classictable thead td.sortablehead:hover { text-decoration:underline }

.classictable tbody td           {
    padding: 0 10px;
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    color: #999;
}

.classictable tbody td a         { margin:0; padding: 0; line-height:1em; }
.classictable tbody td.norecords { text-align: center; color: #999; padding: 12px; }
.classictable tbody td.nodata    { width: 100%; margin:0; padding: 7px 0; text-align:center; }

.classictable td.domainName  { width:200px; text-align: left;}
.classictable td.actions   { width:92px; text-align: left; white-space:nowrap; padding: 5px 10px; }
.classictable td.actions.oneBtn   { width:70px; }
.classictable td.actions.twoBtn   { width:62px; }
.classictable td.chkbox    { width: 14px; text-align:left; padding: 0 10px;}
.classictable td.domain    { /*width: 120px;*/ text-align:left;}
.classictable td.expand    { white-space: nowrap; overflow: hidden; empty-cells: show; /*width: 100%;*/ }
.classictable .expand a    { white-space: nowrap; }

/*
.classictable td.td_actions  { width:70px; padding:0px 8px 0 0; text-align: center; vertical-align: middle; }
.classictable td.td_type     { width:80px; padding:0px; text-align: center; vertical-align: middle; }
*/


/* sort arrows userlist */
.classictable thead td span.arrow-up {
    height:16px;
    padding-left: 20px;
    background: url("../images/arrowup.gif") 10px 2px no-repeat;
    position: absolute;
}
.classictable thead td span.arrow-down {
    height:16px;
    padding-left: 20px;
    background: url("../images/arrowdown.gif") 10px 6px no-repeat;
    position: absolute;
}

.manageAppOutputs td.td_interval { width:100px; text-align: center; }

/* license management styles */

.licensetable                 { width: 430px; border-collapse: collapse; }
.licensetable td              { padding: 0.5em 1em 0.4em 1em;}
.licensetable thead tr        { font-size: 12px; }
.licensetable thead td        { }
.licensetable thead td.first  { border-left: none; }
.licensetable td.licenseleft  { width: 120px;}
.licensetable td.overviewleft { width: 150px;}
.licensetable tbody td        { text-align: center; border-bottom: #ebecee 1px solid; }

.numbers                      { font-size: 12px; color: #99a3ba; }
.modules_enabled              { font-size: 12px; font-weight: bold; color: green; }
.modules_disabled             { font-size: 12px; font-weight: bold; color: red; }

.licensefloatright            { float:right; vertical-align:top; text-align:right; margin-top:0px; padding-top:0px; padding-right:14px; }

.licenseview                  { padding: 5px 0 0 0; }

/* license management styles */

.manageExternalMedia { margin: 0; }
.manageExternalOutputs thead td{ text-align: left;}
.manageExternalOutputs tbody td{ text-align: center; padding: 5px 10px;}
.manageExternalOutputs td.td_name{ width: auto; text-align: left;}
.manageExternalOutputs td.td_icon{ width: 50px; text-align: center;}
.manageExternalOutputs td.td_type  { width: 60px; text-align: center;}
.manageExternalOutputs td.td_kind{ width: 50px; text-align: center;}
.manageExternalOutputs td.td_enabled  { width: 50px; text-align: center;}
.manageExternalOutputs td.td_actions  { width: 100px; text-align: center;}

.manageExternalMedia td.td_enabled  { width: 50px; text-align: center;}
.manageExternalMedia td.td_actions  { width: 100px; text-align: center;}

.manageExternalSites thead td.td_actions { text-align:right; }
.manageExternalSites tbody td            { padding: 2px 10px;}
.manageExternalSites tbody td.empty { text-align: center; padding: 5px 10px;}
.manageExternalSites td.td_name     { width: auto; }
.manageExternalSites td.td_type     { width: 60px; text-align: center;}
.manageExternalSites td.td_actions  { width: 150px; text-align: center;}

/* message history styles */
div.historyFiltersDiv            { margin-top: 8px; }
div.historyDomainFilter          { font-size: 14px; float: left; line-height: 30px; margin: 1px 20px 1px 0;}
div.historySiteFilter            { font-size: 14px; float: left; line-height: 30px; margin: 1px 0px 1px 0;}
h2.messageHistory                { margin: 2px 20px 0 0 !important; height: 34px; }

div.historyFiltersDiv .buttons24px    { padding: 0 !important; }
.messageHistorySearch .form_input_search { margin: 0 10px 8px 15px; padding: 4px 6px; }
.historyFiltersDiv .form_input_150px  { font-size: 14px; padding: 5px 0; }

.historyTable                    { table-layout: fixed; }
.historyTable tr                 { height: 48px !important; }
.historyTable thead td.actions   { width:50px; text-align: left; }
.historyTable thead td.publishedDate { text-align: left; }
.historyTable thead td.deletedDate   { text-align: left; }
.historyTable tbody td.actions       { width:92px; }
.historyTable tbody td.publishedDate { text-align: left; white-space: nowrap; }
.historyTable tbody td.deletedDate   { text-align: left; white-space: nowrap; }

.historyTable td.title           { width: 23%; white-space: nowrap; text-align: left; overflow: hidden; }
.historyTable td.site            { width: 90px; overflow: hidden; text-overflow: ellipsis; }
.historyTable td.domainName      { width: 64px; overflow: hidden; text-overflow: ellipsis; }
.historyTable td.publishedDate   { width: 100px; padding: 0 5px; }
.historyTable td.deletedDate     { width: 100px; padding: 0 5px; }

.historyTable tbody .actions .buttons24px a span.rd {
    padding: 7px 5px 3px 5px;
}
.historyTable tbody .actions .buttons24px a span.rd i.fa {
    padding: 0 4px;
}

#tabs-history .classictable                    { border: 0; }
#tabs-history .historyTable thead td           { text-transform: uppercase; }
#tabs-history .historyTable tbody td.title a   { color: #235ea3; }
#tabs-history .historyTable tbody td.title a:hover { color: #235ea3; }
#tabs-history .historyTable td.actions         { padding: 5px 0; }
#tabs-history .historyTable td.actions .buttons24px a.left.right { margin-right: 0; }
#tabs-history .historyTable td.categories      { width: 15%; white-space: nowrap; text-align: left; overflow: hidden; }
#tabs-history .historyTable td.categories span { color: #999; }

#tabs-players .playersTable thead td           { text-transform: uppercase; }
#tabs-players .playersTable td.kind            { text-align: center; padding: 0 10px; }
#tabs-players .playersTable td.hostname        { width: 150px; }
#tabs-players .playersTable td.description     { width: 35%; white-space: nowrap; text-align: left; overflow: hidden; }
#tabs-players .playersTable td.actions         { width: 38px; padding: 5px 0; }
#tabs-players .playersTable tbody td.actions   { padding: 5px 0 5px 5px; }
#tabs-players .playersTable td.actions .buttons24px a.left.right { margin-right: 0; }
#tabs-players .playersTable td.actions .buttons24px a span.rd { padding: 6px 5px 0 5px; }

.dialogRow  { clear: both; }
.dialogRow .titleRow {
    padding: 10px 0;
    margin: 0;
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* property only works for Webkit browsers */
    -webkit-line-clamp: 2; /* number of lines to show */
    line-height: 24px;
    max-height: 40px;
}
.dialogRow .colOne   { width: 20%; padding: 5px 0; float: left; }
.dialogRow .colTwo   { width: 38%; padding: 5px 0; float: left; }
.dialogRow .colThree { width: 12%; padding: 5px 0; float: left; }
.dialogRow .colFour  { width: 30%; padding: 5px 0; float: left; }
.dialogRow .catCol   {
    width: 70%; padding: 5px 0; float: left;
    white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis;
}
.dialogRow .outputs  { padding: 0 !important; }
.dialogRow .outputs .buttons24px { padding: 0 !important; }

.dialogRow .subTitle { text-transform: uppercase; }
.dialogRow .likeDivider { padding-left: 20px; }
.dialogRow .byText { padding: 0 5px; }


.ui-dialog.historyDetailsDialogContainer, .ui-dialog.slideDetailsDialogContainer {
	padding:0;
}

.ui-dialog.historyDetailsDialogContainer .ui-dialog-titlebar,
.ui-dialog.slideDetailsDialogContainer .ui-dialog-titlebar
{
	padding: 0 30px;
}

.ui-dialog.historyDetailsDialogContainer .ui-dialog-title,
.ui-dialog.slideDetailsDialogContainer .ui-dialog-title {
	height:30px;
	margin:0 0 0 0;
}

.ui-dialog.historyDetailsDialogContainer .ui-dialog-titlebar-close,
.ui-dialog.slideDetailsDialogContainer .ui-dialog-titlebar-close {
	right:0;
	top:0;
	width:30px;
	height:30px;
	padding:0;
}

.ui-dialog.historyDetailsDialogContainer .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.slideDetailsDialogContainer .ui-dialog-titlebar-close .ui-icon {
	top:7px;
	left:7px;
}

#historyDetailsDialog .tabs30px, #slideDetailsDialog .tabs30px {
    margin-bottom: 20px;
}

#historyDetailsDialog .borderedTabs, #slideDetailsDialog .borderedTabs {
	margin: 0; 
	display: inline-block; 
	width: 100%; 
	height: 540px;
}

#historyDetailsDialog .messageImage, #slideDetailsDialog .messageImage {
    /*max-height: 380px;
    overflow: hidden;*/
    border: 1px solid #dedede;
	position:relative;
	float:left;
	width:100%;
	box-sizing:border-box;
}

#historyDetailsDialog .messageImageThumb, #slideDetailsDialog .messageImageThumb {
    width: 100%;
	height:auto;
	position:relative;
	float:left;
}


#historyDetailsDialog .messageContentLabel, #slideDetailsDialog .messageContentLabel {
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:5px;
}

#historyDetailsDialog .messageContentInput, #slideDetailsDialog .messageContentInput {
	width:100%;
	margin: 0 0 20px 0;
	box-sizing:border-box;
	border: 1px solid #DFDFDF;
	padding: 10px 15px;
	min-height:22px;
	background:#F6F6F6;
	color:#000;
}

.ui-dialog-content.ui-widget-content .contentInput {
    overflow: auto;
	font-size:16px;
	max-height:72px;
}

.ui-dialog-content.ui-widget-content .contentInput #contentTitle {
	font-size:18px;
}

.ui-dialog-content.ui-widget-content .contentInput.oneRow {
    overflow: auto;
}
.ui-dialog-content.ui-widget-content .contentArea  {
	max-height:188px;
	overflow:auto;
}

.ui-dialog-content.ui-widget-content .buttons24px {
    margin-top: 8px;
}

.ui-dialog-content.ui-widget-content .outputs .buttons24px {
    padding: 0 !important;
    margin-top: 0;
}

.ui-dialog-content.ui-widget-content .dialogRow .titleRow, #messageStatsDialog .dialogRow .titleRow {
	font-size:19px;
	color:#000000;
}

#historyDetailsDialog, #slideDetailsDialog {
	padding:0 30px 10px 30px;
	position:relative;
	float:left;
	width:100%!important;
	box-sizing:border-box;
}

#historyDetailsDialog .dialogRow .subTitle, #slideDetailsDialog .dialogRow .subTitle {
	font-size:16px;
	font-weight:700;
	color:#1a55ad;
}

#historyDetailsDialog .dialogRow div, #slideDetailsDialog .dialogRow div,
.ui-dialog-content.ui-widget-content #messageHistoryTabs,
#historyDetailsDialog .dialogRow span, #slideDetailsDialog .dialogRow span {
	color:#515151;
	font-size:14px;
}

.ui-dialog-content.ui-widget-content .dialogRow .outputs .buttons24px div {
    float: left;
}

#historyDetailsDialog #tab-content, #slideDetailsDialog #tab-content {
	min-height:430px;
}

.ui-dialog-content.ui-widget-content .byText,
.ui-dialog-content.ui-widget-content #itemLastUpdatedBy,
.ui-dialog-content.ui-widget-content #itemDeletedBy {
	font-style:italic;
}

.ui-dialog-content.ui-widget-content .byText {
	padding-left:10px;
}

.ui-dialog-content.ui-widget-content .dialogRow .titleRow, #messageStatsDialog .dialogRow .titleRow {
	height: 50px;
    max-height: 50px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 0;
    padding-bottom: 0;
}

.ui-dialog-content.ui-widget-content #messageHistoryTabs {
	margin-top:20px;
	height:auto;
	position:relative;
	float:left;
	min-height:540px;
}

.ui-dialog-content.ui-widget-content #messageHistoryTabs .tab30px a.left.sel{
	border-bottom:1px solid #fff;
}

.ui-dialog-content.ui-widget-content #messageHistoryTabs .tab30px a.left.sel span{
	padding-bottom:8px;
}

.ui-dialog-content.ui-widget-content .dialogRow .colOne   { width: 15%; padding: 0 10px 0 0; line-height:36px;}
.ui-dialog-content.ui-widget-content .dialogRow .colTwo   { width: 35%; padding: 0 10px 0 0; line-height:36px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ui-dialog-content.ui-widget-content .dialogRow .colThree { width: 12%; padding: 0 10px 0 0; line-height:36px;}
.ui-dialog-content.ui-widget-content .dialogRow .colFour  { width: 32%; padding: 0; line-height:36px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.ui-dialog-content.ui-widget-content .dialogRow .colOne span,
.ui-dialog-content.ui-widget-content .dialogRow .colTwo span,
.ui-dialog-content.ui-widget-content .dialogRow .colThree span,
.ui-dialog-content.ui-widget-content .dialogRow .colFour span{
	line-height:24px;
}

#historyDetailsDialog .buttons24px #nextItemBtn, #historyDetailsDialog .buttons24px #previousItemBtn,
#slideDetailsDialog .buttons24px #nextItemBtn, #slideDetailsDialog .buttons24px #previousItemBtn {

	height:auto;
	padding:0 0 0 0;
	margin:0 1px 0 16px;
}

#historyDetailsDialog .buttons24px #nextItemBtn span, #historyDetailsDialog .buttons24px #previousItemBtn span,
#slideDetailsDialog .buttons24px #nextItemBtn span, #slideDetailsDialog .buttons24px #previousItemBtn span {
	line-height:45px;
	padding: 0 0 0 0;
	width:100px;
	height:auto;
	text-align:center;
}

#historyDetailsDialog  .outputs .buttons24px a, #historyDetailsDialog  .outputs .buttons24px a span,
#slideDetailsDialog  .outputs .buttons24px a, #slideDetailsDialog  .outputs .buttons24px a span {
	box-shadow:none;
	cursor:default;
}

#historyDetailsDialog .dialogRow #itemLikes, #slideDetailsDialog .dialogRow #slideLikes {
	padding-left:26px;
	background: url("../images/likes.png") no-repeat left center;
	line-height: 36px;
    display: inline-block;
}

#historyDetailsDialog .dialogRow #itemDislikes, #slideDetailsDialog .dialogRow #slideDislikes {
	padding-left:26px;
	background: url("../images/dislikes.png") no-repeat left center;
	line-height: 36px;
    display: inline-block;
	margin-left:26px;
}

/* domain management styles */

.managedomains .usercol     { text-align:left; }
.managedomains .usercol > .numusers  { color:#999; }
.managedomains .usercol > .error  { color:red; }

#fontset-filled .fontset-name { float: left; margin: 11px 15px 0 0; }
#fontset-filled .fontset-name span { color: #999; }
#fontset-filled .buttons24px { float: left; }

.icon-feature {
    display: inline-block;
    vertical-align: text-top;
}

/* sites management styles */

.managesites td.connectedPlayers { width: 120px; text-align: left; }

/* settings management styles */
#SettingsForm > .buttons24px.actionbutton { padding: 15px 0;}

.settingstable                       { width: 100%; padding-top: 15px; }
.settingstable .settingsNotification { float: left;  margin-left: 220px; margin-bottom: 5px;}
.settingstable .settingSaveBtn       { padding: 0; margin-right: 15px; margin-bottom: 15px;}

.settingstable td             { /*padding: 0.5em 1em 0 1em;*/ }
.settingstable thead tr       { /*font-size: 11px;*/ }
.settingstable thead td       { }
.settingstable thead td.first { /*border-left: none;*/ }
.settingstable td.settingsleft{ /*width: 240px;*/}
.settingstable td.savebutton  { /*text-align: right; padding-right: 75px;*/}
.settingstable tbody td       { /*border-bottom: #ebecee 1px solid;*/ }

.sectiontable                 { /*width: 600px; background: #f6f6f6; border: 1px solid #e1e5ec; margin-bottom: 30px;*/ }
.sectiontable td              { /*padding: 0.5em 1em;*/}
.sectiontable thead tr        { /*font-size: 11px;*/ }
.sectiontable thead td        { }
.sectiontable thead td.first  { }
.headtext                     { /*font-weight: bold;*/ }

/* settings management styles */

#UsersOverviewTable #UserName,
#UsersOverviewTable #FirstName,
#UsersOverviewTable #UserType {
    cursor:pointer;
}

.UsersOverviewTable td.usersites span { color: #999; }

.UsersOverviewTable td.username       { width: 13%; }
.UsersOverviewTable td.name           { /*width: 15%;*/ }
.UsersOverviewTable td.usersites      { /*width: 16%;*/ text-align: left; }
.UsersOverviewTable td.domainName     { width: 14%; text-align: left; }
.UsersOverviewTable td.role           { width: 12%; }
.UsersOverviewTable td.userenabled    { width: 50px; padding:0 10px; text-align: left; }

/* usersettings styles */

.manageusers                  { }

.usersettings                 { width: 100%; border-collapse: collapse; }
.usersettings thead tr        { }
.usersettings thead td        { padding: 5px 5px 0 5px; width:33.33%; }
.usersettings thead td.odd    { font-size: 80%; padding-top: 5px; vertical-align:middle; }
.usersettings thead td.even   { padding-top: 5px; }
.usersettings thead td.nopadding{	padding-right:0px; padding-top:0px; padding-left:0px!important; }
.usersettings thead td.nopaddingbutton .buttons24px{ padding-top:0px!important; padding-bottom:0px!important;}
.usersettings .fieldname    { text-align: left; min-width:160px; display:inline-block; margin-right:20px; float:left; }
.usersettings td.last         { font-size: 16px; }
.usersettings .SelectedUserName { font-size: 0.687em; float: left; color: #999; line-height:38px; padding-right: 10px;}
.usersettings .areaDescription { font-size: 80%; }
.usersettings .nomarginleft {	margin-left:0px;}
.usersettings  label{ font-size:100%;}
.usersettings  td.fieldname span{ font-size:80%; padding-top:0px; vertical-align:middle;}
.usersettings  div.error      { text-align:center; font-size:16px; font-weight:bold; color:red;}

.userrowspacing               { height: 10px; }

/*.usersitesettings             { margin: 0 0 0 auto; width: 75%; }
.usersitesettings td.first    { vertical-align: middle; text-align: left; width: 100%; }
.usersitesettings td.button   { font-size: 16px; }*/

/* usersettings styles */

/* sitesettings styles */

.simpleform td                  { padding: 10px 5px 0 5px; }
.simpleform tbody td            { font-size: 80%; }
.simpleform tbody td.odd        { color: #999; vertical-align:middle; /*padding-left: 18px; text-align: right;*/ width: 195px;}
.simpleform tbody td.even       { color: #999; white-space: nowrap; text-align: left; }
/*.simpleform input             { font-size: 12px; width: 200px; line-height:18px; border: 1px solid #ddd; }
.simpleform select              { font-size: 12px; width: 203px; line-height:18px; border: 1px solid #ddd; }*/
.simpleform tbody div.button    { font-size: 15px; }
.simpleform tbody h2            { font-size: 1.125em; }
.simpleform tbody .buttons24px  { padding: 0 !important; font-size: 15px;}

.marginleft15px            { margin-left: 15px; }

#playerSettings .simpleform tbody td.odd { width: 250px; }

#ImportDb .simpleform tbody td { font-size: 1em; }
#ExportDb .simpleform tbody td { font-size: 0.8em; }

.fileuploader {
    background: none;
    position: relative;
    width: 200px !important;
    height: 40px !important;
    display: inline-block;
    overflow: hidden;
    cursor: default;
}

.filename {
    background:#ededed !important;
    float: left;
    display: inline-block;
    outline: 0 none;
    height: 30px;
    width: 118px !important;
    overflow: hidden;
    border: 1px solid #CCCCCC;
    color: #777;
    text-shadow: 1px 1px 0 #fff;
    border-radius: 3px;
    box-shadow: 0 0 1px #fff inset;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px;
}

.filebutton {
    /*float: left;*/
    width: auto !important;
    height: 30px;
    display: inline-block;
    outline: 0 none;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px #fff inset;
    color: #555555;
    margin-left: 10px !important;
    /*padding: 6px 12px;*/
    background: #ededed !important;
    /*background:-moz-linear-gradient(top, #EEEEEE 0%, #DDDDDD 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE), color-stop(100%, #DDDDDD));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD', GradientType=0);*/
}

.fileuploader input[type=file] {
    position: absolute;
    width: 198px !important;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    height: 30px;
    cursor: pointer;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
}

.sitemediaoptions             { /*background: red;*/ }
.sitemediaoptions td          { color: #999; font-size: 0.687em; padding: 5px; }
.sitemediaoptions td h2       { font-size: 1.125em; }
.sitemediaoptions td div      { color: #999 }
.sitemediaoptions td.one      { width:185px; _width:180px; text-align:right; }
.sitemediaoptions td.two      { width:170px; text-align:left; }
.sitemediaoptions td.three    { width:180px; text-align:right; }
.sitemediaoptions td.four     { width:240px; text-align:left; }
.sitemediaoptions td.bsub     { text-align: left; padding-left: 5px; }
.sitemediaoptions td.last     { font-size: 16px; }

#sortDialog .domaintitle { line-height: 20px; font-size: 11px; font-weight: bold; }

/* sitesettings styles */

/* Modules below Site management (Intranet, Channel, Rss, Archive) */

table.simpleform span.error           { color: red; font-weight: bold; }

table.moduletable                     { /*margin: 15px;*/ }
table.moduletable thead td.status     { text-align:left; width: 123px; }
table.moduletable td.status           { width: 143px; }
table.moduletable td.enabled          { width:40px; }
table.moduletable tbody td.domain     { padding: 5px; }
table.moduletable tbody td.center     { padding: 5px 25px; }
table.moduletable tbody td.status     { font-size: 1em; }
table.moduletable td.first            { text-align: left; width: 100%; }
table.moduletable td.first            { text-align: left; width: 100%; }
table.moduletable td.disabled         {
    padding: 0 10px;
    margin: 0;
    background: #ececec;
    font-weight: bold;
    border-top: 1px solid #cdcdcd !important; /*#eaeaea*/
    border-bottom: 1px solid #eaeaea !important;
}
table.moduletable span.error          { color: red; }
table.moduletable span.warning        { height:16px; margin: 0 5px 0 10px; padding: 2px 0 0 0; background: url("../images/icons16x16.gif") no-repeat 1px -64px; }

table.module                            { margin: 0 0 15px 15px; width: 99%; }
table.module td                         { color: #999; padding: 0.25em; font-size: 0.87em; }
table.module td.left                    { text-align: left; width: 250px; }
table.module td.right                   { text-align: left; }
table.module td input.text              { padding: 3px; width: 200px; }
table.module td input[type="text"]      { padding: 3px; width: 200px; }
table.module td select                  { padding: 3px; width: 205px; }
table.module td input.checkbox          { /*width: 10px !important;*/ }
table.module td input[type="checkbox"]  { /*width: 10px !important;*/ }

.manageintro                {   font-size: 0.87em; line-height: 120%; padding: 5px 18px; }

#templateLocationsDiv table.channelmodule td  { text-align: center; }

table.channelmodule               { margin-top: 5px; }
table.channelmodule td            { padding: 5px 10px; }
table.channelmodule td img        { padding: 4px 0 1px 0; }
table.channelmodule td.chkbox     { /*width: 50px;*/ width: 12px; }
table.channelmodule td.kind       { width: 75px; }
table.channelmodule td.path       { text-align: left !important; width: 80%; }
table.channelmodule tbody td.path { text-align: left !important; width: 80%; letter-spacing:1px; }
table.channelmodule td.default    { width: 130px; }
table.channelmodule td.action     { width: 80px; }

table.templateOverviewTable                    { margin-top: 5px; }
table.templateOverviewTable td                 { padding: 5px;}
table.templateOverviewTable td.templategroup   { width: 25%; text-align:left; }
table.templateOverviewTable td.templategroup a { display: block;  /*word-wrap: break-word;*/}
table.templateOverviewTable td.dummy           { width: 162px; margin: 4px 0 1px 0; text-align:left; }
table.templateOverviewTable td.colortheme      { width: 80px; text-align:center; }
table.templateOverviewTable td.kind            { width: 50px; text-align: left; }
table.templateOverviewTable td.domainName      { width: 14%; text-align: left; }
table.templateOverviewTable td.noresult        { text-align: center; }

#ManageSites .infoMessage:before {
    content: "i";
    background: #3c7ad4;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #e9f2ff;
    text-align: center;
    font-weight: 800;
    font-size: 1em;
    margin-right: 5px;
    left: -5px;
    position: relative;
    line-height: 21px;
}

#ManageSites div.infoMessage {
    color: #3c7ad4;
    font-size: 1em;
    background: #e9f2ff;
    padding: 5px 20px;
    border: 1px solid #abc8f3;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 3px
}

.nomargin { margin: 0 !important; }
.margintop3px { margin-top: 3px; }

.imageborder                      { width: 160px; height: 90px; padding:0; margin:0; border: 1px solid #eee; }

table.templateoutputs             { margin: 0 0 15px 15px; width: 75%; }
table.templateoutputs td          { color: #999; padding: 0.25em; }
table.templateoutputs td h2       { margin: 0; }
table.templateoutputs thead td    { text-align: left !important; color: #999; padding: 1em 0; }
table.templateoutputs tbody td    { color: #999; padding: 0.5em 0.25em; font-size: 0.687em; }
table.templateoutputs td.one      { width:25%; text-align: left; }
table.templateoutputs td.two      { width:25%; text-align: left; }
table.templateoutputs td.three    { width:10%; text-align: left; }
table.templateoutputs td.four     { width:40%; text-align: left; }
table.templateoutputs td.button   { padding: 0; font-size: 15px; text-align: left; }

div.logoHolderDiv { width: 272px; height: 126px; background: url('../../images/transparent_bg_pattern.gif'); border: 1px solid black;text-align:center; }
div.logoHolderDiv.noImage {     background: #FCFCFC;
    border: 1px solid black;text-align:center;}

div.logoHolderDiv #logo-preview{
    width:100%;
    height:100%;
}

div.logoHolderDiv.noImage span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin-top: 20%;
    color:black;
    font-size:14px;
}

table.domainNumbers              { width: 100%; }

table.templateimport             { margin: 0 0 15px 15px; width: 75%; }
table.templateimport td          { color: #999; padding: 0.25em; }
table.templateimport thead td    { text-align: left !important; color: #999; padding: 1em 0; }
table.templateimport tbody td    { color: #999; padding: 0.5em 0.25em; font-size: 0.687em; }
table.templateimport td.left     { width:50%; text-align: left; }
table.templateimport td.right    { width:50%; text-align: left; }
table.templateimport td.button   { padding: 0; font-size: 1em; text-align: left; }

table.linkedsites                       { margin-top: 5px; }
table.linkedsites thead td              { text-align: center; padding: 5px 8px; }
table.linkedsites td                    { text-align: center; padding: 5px 8px; }
table.linkedsites td img                { padding: 4px 0 1px 0; }
table.linkedsites td.name               { text-align: left; width: 42%; }
table.linkedsites td.defaulttemplate    { text-align: center; width: 20%; }
table.linkedsites td.defaultapitemplate { text-align: center; width: 30%; }
table.linkedsites td.action             { width: 80px; }
table.linkedsites td.channelname        { text-align: left !important; width: 18%; }
table.linkedsites td.kind               { width: 10%; }
table.linkedsites td.location           { width: 72%; }

table.subscribedsites             { }
table.subscribedsites td          { padding: 5px; }
table.subscribedsites td.chkbox   { width: 20px; }

table.assignedsites             { }
table.assignedsites td          { padding: 5px; }
table.assignedsites td.chkbox   { width: 20px; }

table.unassignedsites             { }
table.unassignedsites thead td    { border-bottom: 1px solid #eaeaea; }
table.unassignedsites tbody td    { border: none; }
table.unassignedsites td          { padding: 5px; }
table.unassignedsites td.chkbox   { width: 20px; }

table.selecteditemstable td {padding: 5px;}

table.unselecteditemstable td {padding: 5px;}

table.SitesTable td                  { padding: 5px; }
table.SitesTable td.name             { /*width: 60%;*/ }
table.SitesTable td.kind             { width: 25%; text-align: center; }
table.SitesTable td.domainName       { width: 30%; }
table.SitesTable td.actions          { width: 92px; text-align: left; }

table.devicesTable                   { width: 100%; table-layout: fixed; margin: 0; border: none; height: 321px;}
table.devicesTable thead tr          { height: auto; }
table.devicesTable thead td          { padding: 5px; width: auto; border-top: 1px solid #DDDDDD;}
table.devicesTable tr                { height: 38px;}
table.devicesTable tr.spacerRow      { height: auto; background-color: #FBFBFB;}
table.devicesTable td                { padding: 0 5px; width: auto;}
table.devicesTable td:first-child    { border-left: 1px solid #DDDDDD;}
table.devicesTable td.last-child     { border-right: 1px solid #DDDDDD; width:100px!important; text-align:left;}
table.devicesTable td.chkbox         { width: 20px; text-align:left;}
table.devicesTable td.deviceName     { /*width: 200px;*/ word-wrap: break-word; }
table.devicesTable td.deviceLocation { width: 100px; }
table.devicesTable td.actions        { width: 80px; text-align: left;}
table.devicesTable td.loader         { height: 100%; background-color: #FBFBFB;}
table.devicesTable td.norecords      { text-align: center; }

table.criteriaTable                  { table-layout: fixed; margin: 0; border: none;}
table.criteriaTable thead tr         { height: auto; }
table.criteriaTable thead td         { padding: 5px; width: auto; border-top: 1px solid #DDDDDD;}
table.criteriaTable tr               { height: 38px; }
table.criteriaTable tr.spacerRow     { height: auto; background-color: #FBFBFB;}
table.criteriaTable td               { padding: 0 5px; width: auto;}
table.criteriaTable td:first-child   { border-left: 1px solid #DDDDDD;}
table.criteriaTable td.last-child    { border-right: 1px solid #DDDDDD;}
table.criteriaTable td.chkbox        { }
table.criteriaTable td.criteriaName  { width: 20%; }
table.criteriaTable td.description   { width: 16%; }
table.criteriaTable td.status        { width: 60px; text-align:left; }
table.criteriaTable td.domainName    { width: 22%; text-align:left; }
table.criteriaTable td.chkind        { text-align:left; width: 80px; }
table.criteriaTable td.siteNames     { width: 22%; text-align:left; }
table.criteriaTable td.actions       { width: 92px; text-align: left;}
table.criteriaTable td.loader        { height: 100%; background-color: #FBFBFB;}

table.playersTable                       { }
table.playersTable thead tr              { height: auto; }
table.playersTable thead td              { padding: 5px;}
table.playersTable thead td.sortablehead { cursor: pointer; }
table.playersTable thead td.sortablehead:hover { text-decoration:underline }
table.playersTable tr                    { height: 38px;}
table.playersTable tr.Citrix             { background: #ececec; font-weight: bold;}
table.playersTable tr.Citrix td          { border-top: 1px solid #CDCDCD;}
table.playersTable tr.spacerRow          { height: auto; background-color: #FBFBFB;}
table.playersTable td                    { padding: 0 5px;}
table.playersTable td:first-child        { }
table.playersTable td.last-child         { }
table.playersTable td.chkbox             { width: 20px; text-align:left;}
table.playersTable td.kind               { width: 40px;}
table.playersTable tbody td.kind         { text-align:left;}
table.playersTable tbody td.kind > .icon { margin-left: auto; margin-right: auto; }
table.playersTable td.domainName         { width: 11%; }
table.playersTable td.hostname           { /*width: 15%;*/ }
table.playersTable td.username           { /*width: 15%;*/ }
table.playersTable td.description        { width: 12%; }
table.playersTable td.playerVersion      { width: 11%; text-align: left; }
table.playersTable td.installationPkg    { width: auto; }
table.playersTable td.lastConnected      { width: 14%; white-space: nowrap; text-align: left;}
table.playersTable td.actions            { width: 90px; }

table.ColorThemesTable td.colorScheme    { /*width: 46%;*/ }
table.ColorThemesTable td.domainName     { width: 25%; text-align: left; }
table.ColorThemesTable td.default        { width: 125px; text-align: center; }
table.ColorThemesTable td.actions        { /*width: 100px;*/ }

table.AppConfigTable,
table.AppCustomerTable                  { }
table.AppConfigTable thead tr,
table.AppCustomerTable thead tr         { height: auto; }
table.AppConfigTable thead td,
table.AppCustomerTable thead td         { padding: 5px;}
table.AppConfigTable tr,
table.AppCustomerTable tr               { height: 38px;}
table.AppConfigTable tr.spacerRow,
table.AppCustomerTable tr.spacerRow     { height: auto; background-color: #FBFBFB;}
table.AppConfigTable td,
table.AppCustomerTable td               { padding: 0 5px;}
table.AppConfigTable td:first-child,
table.AppCustomerTable td:first-child   { }
table.AppConfigTable td.last-child,
table.AppCustomerTable td.last-child    { }
table.AppConfigTable td.chkbox,
table.AppCustomerTable td.chkbox        { width: 20px; text-align:left;}
table.AppConfigTable td.app,
table.AppCustomerTable td.app           { /*width: 35%;*/ }
table.AppConfigTable td.connected,
table.AppCustomerTable td.connected     { width: 20%; text-align: left;}
table.AppCustomerTable td.actions       { width:150px; text-align: left;}


table.ApprovalRulesTable td.name        { width:40%; }
table.ApprovalRulesTable td.domainName  { width:26%; }
table.ApprovalRulesTable td.status      { width:18%; text-align: left; }

table.ApiKeysTable td.name              { width:23%; }
table.ApiKeysTable td.key               { width:34%; text-align: left; }

table.activeSitesTable td                   { padding: 5px; }

#internalSources .error                      { text-align: center; padding: 0; font-size:12px; font-weight:bold; color:red; }

table.assignedCategoryTable                  { }
table.assignedCategoryTable thead tr         { height: auto; }
table.assignedCategoryTable thead td         { padding: 5px;}
table.assignedCategoryTable tr               { height: 38px;}
table.assignedCategoryTable tr.spacerRow     { height: auto; background-color: #FBFBFB;}
table.assignedCategoryTable td               { padding: 0 5px;}
table.assignedCategoryTable td:first-child   { }
table.assignedCategoryTable td.last-child    { }
table.assignedCategoryTable td.chkbox        { width: 20px; text-align:left;}
table.assignedCategoryTable td.CategoryName  { width: auto; }
table.assignedCategoryTable td.actions       { width: 100px; text-align: left;}

table.externalSectionTable                  { }
table.externalSectionTable thead tr         { height: auto; }
table.externalSectionTable td               { padding: 5px;}
table.externalSectionTable td:first-child   { }
table.externalSectionTable td.last-child    { }
table.externalSectionTable td.name          { width: auto; }
table.externalSectionTable td.sticky        { width: 100px; text-align: left;}
table.externalSectionTable td.mandatory     { width: 100px; text-align: left;}

table.connectedAppsTable                       { }
table.connectedAppsTable thead tr              { height: auto; }
table.connectedAppsTable thead td              { padding: 5px;}
table.connectedAppsTable thead td.sortablehead { cursor: pointer; }
table.connectedAppsTable thead td.sortablehead:hover { text-decoration:underline }
table.connectedAppsTable tr                    { height: 38px;}
table.connectedAppsTable tr.spacerRow          { height: auto; background-color: #FBFBFB;}
table.connectedAppsTable td                    { padding: 0 5px; }
table.connectedAppsTable td:first-child        { }
table.connectedAppsTable td.last-child         { }

table.connectedAppsTable td.deviceName         { /*width: 14%;*/ }
table.connectedAppsTable td.appname            { /*width: 15%;*/ }
table.connectedAppsTable td.domainName         { width: 13%; }
table.connectedAppsTable td.username           { width: 18%;}
table.connectedAppsTable td.lastConnected      { min-width: 98px; width: 15%; }
table.connectedAppsTable td.actions            { width: 92px;}

table.clientUserDevicesTable td.deviceName         { width: auto; }
table.clientUserDevicesTable td.lastConnected      { width: 150px; text-align: center;}

table.mobileDevicesTable                       { }
table.mobileDevicesTable thead tr              { height: auto; }
table.mobileDevicesTable thead td              { padding: 5px;}
table.mobileDevicesTable thead td.sortablehead { cursor: pointer; }
table.mobileDevicesTable thead td.sortablehead:hover { text-decoration:underline }
table.mobileDevicesTable tr                    { height: 38px;}
table.mobileDevicesTable tr.spacerRow          { height: auto; background-color: #FBFBFB;}
table.mobileDevicesTable td                    { padding: 0 5px;}
table.mobileDevicesTable td:first-child        { }
table.mobileDevicesTable td.last-child         { }
table.mobileDevicesTable td.deviceName         { width: 150px; word-wrap: break-word; }
table.mobileDevicesTable td.user               { width: 100px; word-wrap: break-word; }
table.mobileDevicesTable td.company            { width: auto; word-wrap: break-word; }
table.mobileDevicesTable td.appversion         { width: 150px; }
table.mobileDevicesTable td.lastConnected      { width: 150px;}

#clientusersDialog .buttons24px span.rd{
    width: 130px;
    text-align: center;
}

table.clientUsersTable tbody td                { /*word-wrap: break-word;*/ }
table.clientUsersTable td                      { padding:5px 10px; width: auto; }
table.clientUsersTable td.name                 { width: 10%; min-width:70px; padding-right:0; }
table.clientUsersTable td.email                { width: 22%; white-space:normal; word-break: break-all; }
table.clientUsersTable td.username             { width: 20%; white-space:normal; word-break: break-all; }
table.clientUsersTable td.domainName           { min-width:100px; width: 16%; }
table.clientUsersTable td.appApproved          { width: 80px; text-align: left; }
table.clientUsersTable td.actions              { width: 92px; text-align: left; padding:0 2px; }

table.PlayerMsiSettingsTable td                { padding: 0 0 0 10px; }
table.PlayerMsiSettingsTable td.installationId { width: 32%; }
table.PlayerMsiSettingsTable td.updateInterval { text-align: left; width: 100px; }
table.PlayerMsiSettingsTable td.description    { /*width: 20%;*/ }
table.PlayerMsiSettingsTable td.domainName     { width: 18%; }
table.PlayerMsiSettingsTable td.actions        { /*width: 92px; padding: 0 5px; text-align: center;*/ }

table.externalAppDataTable td.actions          { width:150px; text-align: left; }

table.loggingTable tbody td                    { padding: 5px 20px;  }
table.loggingTable td.creationDate             { width: 17%; }
table.loggingTable td.domainName               { width: 15%; }
table.loggingTable td.username                 { width: 12%; }
table.loggingTable td.category                 { text-align: left; width: 15%; }
table.loggingTable td.description              { width: 41%; }
table.loggingTable td.description > span       { color: #999; }

table.colorscheme             { margin: 0 0 5px 15px; width: 400px; }
table.colorscheme td          { color: #999; padding: 0.25em 0 0.25em 0.25em; }
table.colorscheme tbody td    { color: #999; padding: 0.25em 0 0.25em 0.25em; font-size: 1em; }
table.colorscheme td.one      { width:92px; text-align: left; }
table.colorscheme td.two      { width:308px; text-align: left; }

table.coloroptions             { margin: 0 0 5px 15px; width: 400px; }
table.coloroptions thead td    { color: #999; padding: 0 0.25em; vertical-align: middle; }
table.coloroptions tbody td    { color: #999; padding: 0.25em; vertical-align: middle; }
table.coloroptions tbody tr    { background: #fcfcfc; }
table.coloroptions tbody tr:nth-child(4n+1), table.coloroptions tbody tr:nth-child(4n+2) {
    background: #f5f5f5;
}
table.coloroptions tbody td    { color: #999; padding: 0.25em; font-size: 1em; }
table.coloroptions td.one      { width:92px; padding: 2px 0; }
table.coloroptions td.two      { width:308px; text-align: left; }

div.logfilter                  { float: left; line-height: 30px; }
div.filterInputDiv             { margin-top: 8px; }

.ui-datepicker-trigger         { padding: 0 5px; margin-top: -2px; vertical-align: middle; }

#manageCategoriesDialog .modal-content { width: 700px; }
#manageCategoriesDialog .modal-header  { padding: 0 15px; }
#manageCategoriesDialog .modal-body    { padding: 0 15px; }
#manageCategoriesDialog .form_input_search { padding: 4px 6px; margin: 8px 0 0 5px; }

#categoryDialog .modal-header  { padding: 0 15px 5px 15px; }
#categoryDialog .modal-body    { padding: 0 15px; }
#categoryDialog .modal-footer  { padding: 5px 0; }

table.categoriesTable                   { width: 100%; }
table.categoriesTable thead tr          { height: auto; }
table.categoriesTable thead td          { padding: 5px;}
table.categoriesTable tr                { height: 38px;}
table.categoriesTable tr.spacerRow      { height: auto; background-color: #FBFBFB;}
table.categoriesTable td                { padding: 0 5px;}
table.categoriesTable td:first-child    { }
table.categoriesTable td.last-child     { }
table.categoriesTable td.chkbox         { width: 20px; text-align:center;}
table.categoriesTable td.name           { width: auto;}
table.categoriesTable td.name a         { cursor: pointer; }
table.categoriesTable td.color          { width: 100px; }
table.categoriesTable td.usedinmessages { width: 140px; text-align: center; }
table.categoriesTable td.actions        { width: 100px; text-align: center; }
table.categoriesTable .categoryColorDiv { width: 20px; height: 20px; margin-top: 2px; border: 1px solid #c1c1c1; }

.tablescroll                                   { clear: left; }

.tablescroll_head                         { border: 1px solid #ddd;}
.tablescroll_head td                      { empty-cells: show; overflow: hidden; }
.tablescroll_head thead tr                { overflow:hidden; font-weight:normal; text-shadow: #fff 0 1px 0; }
.tablescroll_head thead td                { padding: 5px; color: #999; font-size: 0.687em; text-align:left; background: #fbfbfb url("../images/lightgrey_gradient.gif") repeat-x 0 4px; }
.tablescroll_head thead td.chkbox         { width: 20px; text-align:center;}
.tablescroll_head thead td.chkind         { width: 100px; text-align:center;}
.tablescroll_head thead td.deviceName     { width: 200px; word-wrap: break-word; }
.tablescroll_head thead td.deviceLocation { width: 100px; }
.tablescroll_head thead td.actions        { width: 100px; text-align: left;}

ul.siteList                       { border: 1px solid #ddd; margin: 5px 15px 0 15px; width: 92%; }
ul.siteList li                    { padding: 5px 10px; font-size: 0.687em; }
ul.siteList li.header             { padding: 5px 10px; color: #999; font-size: 0.687em; text-align:left;
    background: #fbfbfb url("../images/lightgrey_gradient.gif") repeat-x 0 4px; height:24px; }

h3.marginright { margin: 0 15px 0 0; }

div.modulebutton            { background: red; font-size: 15px; width: 336px; }

.form_input_nowidth         { width:300px !important;}

.form_input_100px           { width:100px !important; }
.form_input_125px           { width:125px !important; }
.form_input_150px           { width:150px !important; padding: 5px 2px; }
.form_input_400px           { width:400px !important; }
.form_input_450px           { width:450px !important; }
.form_input_500px           { width:500px !important; }
.form_input_media           { width:15px !important; }
.form_select                { width:308px !important;  }
.form_select_kind           { width:308px !important; ; }
.form_select_dbtype         { width:200px !important; font-size: 0.8em; }
.form_select_small          { width: 48px !important; padding: 5px 2px; }
.form_select_path           { width:480px !important; letter-spacing:1px; }
.form_select_hidden         { display:none; }
.form_select_100px          { width:100px !important; }
.form_select_200px          { width:200px !important; }
.form_select_350px          { width:350px !important; }
.form_select_400px          { width:408px !important; }
.form_select_100per         { width:100%!important; }

.addModalColumnLeft.width400 {
    width: 400px;
}

.addModalColumnRight h3 {
    margin: 0 0 10px 0;
    color: #515151;
    font-weight: 500;
    padding: 0;
    line-height: 34px;
}

.buttonContainer          { height: 47px; padding-top: 30px; }

.addModalColumnLeft       { margin-top: 5px; float: left; line-height: 46px; color: #999; }
.addModalColumnRight      { float: right; margin-bottom: -5px; /*float: left; padding-left: 30px;*/ }

.colorThemeColumnRight h3 { margin-left: 0 }

.colorThemeColumnLeft       { float: left; line-height: 46px; }
.colorThemeColumnRight      { float: left; padding-left: 30px; }
.themeDialogContainer .width400 { width:400px; }

.schematicPreviewContainer {
    width: 436px;
    height: 248px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
    -o-box-shadow: 0 0 4px rgba(0,0,0,0.5);
    position: relative;
    margin-top: 1px;
}
.schematicPreviewContainer .previewColumnLeft { float: left; width: 248px; height: 248px; }
.previewColumnLeft .previewTitleBgColor   { width: 248px; height: 74px; background: darkblue; padding: 0; }
.previewColumnLeft .previewMessageBgColor { width: 248px; height: 174px; background: lightgrey; padding: 0; }
.previewColumnLeft .previewTitleColor {
    font: bold 34px arial, sans serif;
    height: 74px;
    line-height: 74px;
    vertical-align: middle;
    text-align:center;
    color: white;
}
.previewColumnLeft .previewMessageColor {
    font: bold 24px arial, sans serif;
    height: 174px;
    line-height: 174px;
    vertical-align: middle;
    text-align:center;
    color: white;
}
.schematicPreviewContainer .previewColumnRight { float: right; width: 188px; height: 248px; }
.previewColumnRight .bgColorA { width: 188px; height: 62px; background: deepskyblue; }
.previewColumnRight .colorA {
    font: bold 34px arial, sans serif;
    height: 62px;
    line-height: 62px;
    vertical-align: middle;
    text-align:center;
    color: lightgrey;
}
.previewColumnRight .bgColorB { width: 188px; height: 62px; background: royalblue; }
.previewColumnRight .colorB {
    font: bold 34px arial, sans serif;
    height: 62px;
    line-height: 62px;
    vertical-align: middle;
    text-align:center;
    color: lightgrey;
}
.previewColumnRight .bgColorC { width: 188px; height: 62px; background: mediumblue; }
.previewColumnRight .colorC {
    font: bold 34px arial, sans serif;
    height: 62px;
    line-height: 62px;
    vertical-align: middle;
    text-align:center;
    color: lightgrey;
}
.previewColumnRight .bgColorD { width: 188px; height: 62px; background: lightslategrey; }
.previewColumnRight .colorD {
    font: bold 34px arial, sans serif;
    height: 62px;
    line-height: 62px;
    vertical-align: middle;
    text-align:center;
    color: lightgrey;
}
.schematicPreviewContainer .bgColorE { width: 52px; height: 42px; position: absolute; top: 53px; left: 222px; background: deeppink; }
.schematicPreviewContainer .colorE {
    font: bold 32px arial, sans serif;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    text-align:center;
    color: white;
}
.schematicPreviewContainer .bgColorF { width: 52px; height: 42px; position: absolute; top: 165px; left: 222px; background: greenyellow; }
.schematicPreviewContainer .colorF {
    font: bold 32px arial, sans serif;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    text-align:center;
    color: limegreen;
}

label.success {
    font-size: 1.2em;
    display:block;
    padding: 20px;
}

.importError {
    font-size: 0.8em !important;
    text-align: center;
    padding:0;
    padding-bottom: 5px;
    color: red;
}

.form_input_search {
    font-size: 80%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 6px;
    margin: 8px 10px 10px 15px;
    width:150px !important;
    border: 1px solid #ddd;
    background: #fcfcfc url("../images/magnifier.png") no-repeat 140px 8px;
    line-height:26px;
	height:26px;
}

#searchField-TargetingIp,
#searchField-TargetingInstallationId,
#searchField-TargetingAD,
#searchField-TargetingUsername,
#searchField-TargetingComputername,
#searchField-TargetingOffice {
    margin-right:0px;
}

.form_input_search:hover,.form_input_search:focus  {
    background-color: #fff ;
    border: 1px solid #0077dd;
    -moz-box-shadow:    inset 0 1px 1px #ccc;
    -webkit-box-shadow: inset 0 1px 1px #ccc;
    box-shadow:         inset 0 1px 1px #ccc;
}

.form_input_nowidth.error { color: red; }

/* form in Site selectform ( beneath modify user ) */
#SiteSettings               { font-size: 0.687em; margin: 10px 0 10px 15px; float:left; width: 405px; /*background: red;*/ }

/* Twitter Module */

.twitterHide                { display: none; color: #999; }
.horizontalButtons          { width: 100%; height: 26px; list-style: none; margin: 0; padding: 0; white-space: nowrap; /* background: orange; */ }
ul.horizontalButtons li     { margin: 0; padding: 0 0 0 0; _padding: 4px 0 0 0; margin-right: 2px; display: inline; float: left; /* background: yellow; */ }

/* Facebook Module */
.facebookHide               { display: none; color: #999; }
#error                      { color: red; line-height: 16px; }

.rTable             { display: table; }
.rTableRow          { display: table-row; }
.rTableBody         { display: table-row-group; }
.rTableFoot         { display: table-footer-group; }
.rTableCell         { display: table-cell; vertical-align: middle; width: 280px; }

.form-input-module {
    background: url(../images/input250px.gif) no-repeat 0 0;
    width:246px !important;
    height:24px;
    margin:0;
    padding: 0 0.35em !important;
    overflow:hidden;
    line-height:24px;
}

.form-input-module  input:hover {
    background:url(../images/input250px.gif) no-repeat 0 -34px;
}

/* Modules below Site management (Intranet, Channel, Rss, Archive) */

#teamsmodule .rTableCell {
    height: 33px;
    padding: 5px 0;
    font-size: 13px;
}

#teamsmodule .fullWidth {
    width: 100%;
    color: #999;
    font-size: 13px;
    padding: 25px 0;
}

#teamsmodule .rTableCell.left {
    color: #999;
}

.teamsDropdown {
    width: 300px;
}

/* Editable Selectbox Styles */

.selectBoxArrow{
    margin:0;
    padding:0;
    float:right;
    position:absolute;
    right:0;
}
.selectBoxInput{
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size:11px;
    color: #1c396b;
    border:0;
    padding: 4px 0 0 1px;
    /*padding: 2px 0 0 1px;*/
    height:13px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:0;
}
.selectBoxStyle {
    height:18px;
    _height:20px;
    border:1px solid #a9cdff;
}
.selectBoxSize {
    height:18px;
    _height:20px;
    border:1px solid #a9cdff;
}
.selectBoxUserForm {
    height:18px;
    _height:20px;
    border:1px solid #a9cdff;
}
.selectBoxOptionContainer{
    position:absolute;
    border:1px solid #7f9db9;
    /* height:20px; */
    background-color:#FFF;
    left:-1px;
    top:20px;
    visibility:hidden;
    overflow-x: hidden;
    overflow-y: auto;
}
.selectBoxAnOption{
    /*font-family:arial;*/
    font-size:12px;
    cursor:default;
    margin:1px 0 1px 1px;
    overflow:hidden;
    white-space:nowrap;
}
.selectBoxIframe{
    position:absolute;
    background-color:#FFF;
    border:0px;
    z-index:98;
}

/* Editable Selectbox Styles */

/* Trailimage Styles */

#trailimageid {
    position: absolute;
    left: 0;
    top: 0;
    _width: 286px;
    min-width: 286px;
    font-size: 12px;
    height: 1px;
    z-index: 99;
}

#trailimageid #imgobj {
    padding: 5px;
    text-align: center;
    background-image:url('../images/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.gm-style .buttons24px span.rd{
    font-size: 1em;
}

.areaSelector {
    padding: 0;
    margin: 0;
}

.areaSelector > .areaTitle{
    font-weight:bold;
    color: #004488;
}

.areaSelector > .areaDescription{
    float: left;
    line-height: 38px;
    padding-right: 10px;
    color: #999999;
}

.areaSelector > .buttons24px{
    font-size: 15px;
}

#areaMap {
    border: thin solid #dddddd;
    width: 100%;
    height: 650px;
    margin: 5px 0;
}

.mapMsg{
    font-size: 12px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
    padding:20px 10px;
    width:250px;
    margin-bottom: 20px;
    -moz-opacity: 0.95;
    filter:alpha(opacity=95);
    opacity: 0.95;
}

.gisInfo{
    color: #00529B;
    border: 1px solid #00529B;
    background-color: #BDE5F8;
}

.gisSucces{
    color: #4F8A10;
    border: 1px solid #4F8A10;
    background-color: #DFF2BF;
}

.gisWarning{
    color: #9F6000;
    border: 1px solid #9F6000;
    background-color: #FEEFB3;
}

.gisError{
    color: #D8000C;
    border: 1px solid #D8000C;
    background-color: #FFBABA;
}

.gisSearchBox{
    padding: 5px;
}

.gisSearchBox input{
    border: 1px solid #666666;
    background-color: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width:250px;
    height:24px;
    margin:0;
    padding: 0 0.35em 0 0.35em;
    overflow:hidden;
    font-size: 12px;
}

/* override google autocomplete selectbox */

.pac-container{
	z-index:1003;
}


.pac-container:after{
    content: none;
}

.pac-item {
    font-size: 12px;
    line-height:24px;
    color: black;
}

.pac-item:hover {
    background-color: #eeeeee;
}

.pac-item.pac-selected{
    background-color: #DDDDDD;
}

.pac-item > b{
    color: #004488;
}

/**
 *
 * CSS for Message Server Preview gallery
 *
 * Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 *
 * Version: 1.2.7
 *
 * Demo and documentation: http://coffeescripter.com/code/ad-gallery/
 */
.ad-gallery, .ad-gallery * {
    margin: 0;
    padding: 0;
}

.ad-gallery {
    /*width: 970px;*/
    margin: 20px;
}
.ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 600px;
    position: relative;
}
.ad-gallery .ad-image-wrapper .ad-loader {
    position: absolute;
    z-index: 10;
    top: 48%;
    left: 48%;
    background: #fff url("../images/loader.gif") no-repeat 48% 48%;
}
.ad-gallery .ad-image-wrapper .ad-next {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
    /* Or else IE will hide it */
    background: url(../images/gallery/trans.gif);
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url(../images/gallery/ad_prev.png);
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url(../images/gallery/ad_next.png);
    width: 30px;
    height: 30px;
    right: 0;
    left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9;
    -webkit-box-shadow: #CCC 0 1px 5px;
    box-shadow: #CCC 0 1px 5px;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
    border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 7px;
    text-align: left;
    width: 100%;
    z-index: 2;
    background: url(../images/gallery/opa75.png);
    color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    background: none;
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (sizingMethod='scale', src='../images/gallery/opa75.png');*/
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
    display: block;
}
.ad-gallery .ad-controls {
    height: 20px;
}
.ad-gallery .ad-info {
    float: left;
}
.ad-gallery .ad-slideshow-controls {
    float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
    padding-left: 5px;
    cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
    padding-left: 5px;
    font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
    cursor: default;
    font-style: italic;
}
.ad-gallery .ad-nav {
    width: 100%;
    position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
    height: 100px;
}
.ad-gallery .ad-back {
    cursor: pointer;
    left: -20px;
    width: 13px;
    display: block;
    background: url(../images/gallery/ad_scroll_back.png) 0 30px no-repeat;
}
.ad-gallery .ad-forward {
    cursor: pointer;
    display: block;
    right: -20px;
    width: 13px;
    background: url(../images/gallery/ad_scroll_forward.png) 0 30px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
    overflow: hidden;
    width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
    float: left;
    width: 9000px;
    list-style: none;
}
.ad-gallery .ad-thumbs li {
    float: left;
    padding-right: 5px;
}
.ad-gallery .ad-thumbs li a {
    display: block;
}
.ad-gallery .ad-thumbs li a img {
    border: 3px solid #CCC;
    display: block;
    height: 75px;
    width: 100px;
}
.ad-gallery.PC .ad-thumbs li a img {
    height: 75px;
    width: 100px;
}
.ad-gallery.TV .ad-thumbs li a img {
    height: 75px;
    width: 133px;
}
.ad-gallery.TVP .ad-thumbs li a img {
    height: 133px;
    width: 75px;
}
.ad-gallery .ad-thumbs li a.ad-active img {
    border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
    position: absolute;
    left: -9000px;
    top: -9000px;
}

/* start jPaginate */


.jPaginate{
    margin-top: 10px;
    position:relative;
    color:#a5a5a5;
    font-size:small;
    width:100%;
}
.jPaginate a{
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    float:left;
    border: 0 !important;
}
.jPag-control-back{
    position:absolute;
    left:0;
}
.jPag-control-front{
    position:absolute;
    top:0;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0 0 0 0;
    padding:0;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0;
    margin:0;
}
ul.jPag-pages li a{
    float:left;
    padding:2px 5px;
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    line-height:15px;
    height:18px;
    padding:2px 5px;
    margin:2px;
    float:left;
    border: 0 !important;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0 2px 2px;
    font-size:12px;
    font-weight:bold;
    width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0 2px 2px;
    font-size:18px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0;
    font-size:18px;
    width:15px;
    text-align:right;
}
ul.jPag-pages li span.jPag-previous-img{
    /*background:transparent url(../images/previous.png) no-repeat center right;*/
}
ul.jPag-pages li span.jPag-next-img{
    /*background:transparent url(../images/next.png) no-repeat center left;*/
}
span.jPag-sprevious-img{
    /*background:transparent url(../images/sprevious.png) no-repeat center right;*/
}
span.jPag-snext-img{
    /*background:transparent url(../images/snext.png) no-repeat center left;*/
}

.notifyjs-netpresenter-base {
    font-weight: bold;
    padding: 4px 15px 4px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fbeed5;
    border-radius: 4px;
    white-space: nowrap;
    background: #fcf8e3 no-repeat 3px 7px;
}
.notifyjs-netpresenter-base span{
    font-size: 12px;
}
.notifyjs-netpresenter-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
}
.notifyjs-netpresenter-error span{
    color: #B94A48;
}
.notifyjs-netpresenter-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}
.notifyjs-netpresenter-success span{
    color: #468847;
}
.notifyjs-netpresenter-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}
.notifyjs-netpresenter-info span{
    color: #3A87AD;
}
.notifyjs-netpresenter-warn {
    background-color: #FCF8E3;
    border-color: #FBEED5;
}
.notifyjs-netpresenter-warn span{
    color: #C09853;
}

.jsNotify {
    display: none;
}

#toBeApprovedUsersBadge {
    margin-top: 7px;
    margin-right: 5px;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
    border: 1px solid #FFF;
}

.badge.info {
    color: #1a55ad;
    background-color: white;
    border: 1px solid #1a55ad;
}
.badge.warn {
    color: #C09853;
    background-color: #FCF8E3;
    border: 1px solid #C09853;
}
.badge.error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #B94A48;
}
.badge.success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #468847;
}


/* JUNE 2015 */

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/fontawesome-webfont.eot?#iefix-4rlhys") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?-4rlhys") format("woff"), url("../fonts/fontawesome-webfont.ttf?-4rlhys") format("truetype"), url("../fonts/fontawesome-webfont.svg?-4rlhys#fontawesomeregular") format("svg");
}*/
[class^="icon-"], [class*=" icon-"] {
    font-family: "FontAwesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}

.icon
{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    font-size:125%;
    color:#222;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);

}


.attention.floatright:before,.icon.attention:before {
    content: "\f021";
}

.attention.floatright:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 0 0 10px;
    line-height:40px;
    font-size:16px;
}



.attention.floatright:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0;
    line-height: 40px;
    font-size: 16px;
    color: #616161;
    border-radius: 25px;
    position: relative;
    right: -13px;
    top: 0px;
}



.status .buttons24px a .attention,
.status .buttons24px .ondel .attention{
	position:absolute;
	top:-11px;
	margin-left:-92px;
	left:0px;
	pointer-events: none;
}

.status .buttons24px .statusonhold .attention,
.status .buttons24px .onholddel .attention{
	margin-left:-37px;
}

.status .buttons24px a.left.right {
    width: 50px;
    height: 28px;
    border-radius: 14px;
    position: relative;
    top: 3px;
    background: #dbdbdb;
    box-shadow: none;
}

.Settings .status .buttons24px a.left.right {
	top:0px;
}

.inactive .status .buttons24px a.left.right{
	background: #eaeaea!important;
}

.inactive .status .buttons24px a.left.right.onhold,
.status .buttons24px a.left.right.onholddel,
.status .buttons24px a.left.right#statusonhold,
.status .buttons24px a.left.right#statusonhold:before,
.status .buttons24px a.onhold:before,
.status .buttons24px a.onholddel:before,
.status .buttons24px a.left.right.statusonhold.inactive:before{
	background:none!important;
}




.status .buttons24px a.left.right:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 3px;
    border-radius: 11px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}

.status .buttons24px a.left.right.ondel:before,
.status .buttons24px a.left.right#statuson:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}

.status .buttons24px a.statusoff span .statuson,
.status .buttons24px a.statuson span .statuson,
.status .buttons24px a#statuson span .statuson,
.status .buttons24px a.ondel span .statuson{
    color: #43a047 !important;
    font-weight: 500;
    left: 50px;
    position: relative;
    bottom: 4px;
    font-size: 12px;
    -webkit-transition: 0s;
    transition: 0s;
}

.status .buttons24px a.statusonhold,
.status .buttons24px .onholddel{
	background:none!important;
	padding-left:0px;
}

.status .buttons24px a.statusonhold span.rd,
.status .buttons24px .onholddel span.rd{
	padding-left:0px;
	cursor: default;
}


.buttons24px a.left.right.statusonhold:hover span.rd, .buttons24px a.left.right.statusonhold:focus span.rd{
	
	cursor: default;
}


.status .buttons24px a.statusonhold span.statusonhold{
	left: 0px;
    position: relative;
    bottom: 4px;
	padding-left:0;
	color:#f5ab41;
}



/*
.status .buttons24px a.statusonhold span.statusonhold .inactive{
	left:0px;
	position: relative;
    bottom: 4px;
	padding-left:0;
}
*/




.inactive .status .buttons24px a span.rd .inactive,
.status .buttons24px a span.rd .inactive{
    color: #bbb;
    text-shadow: none;
    font-weight: 500;
    left: 50px;
    position: relative;
    bottom: 4px;
    font-size: 12px;
}

.status .buttons24px a span.rd .statusonhold.inactive,
.status .buttons24px a span.rd .statusonhold,
.status .buttons24px a.statusonhold span.rd span,
.status .buttons24px a.onholddel span.rd .inactive,
.status .buttons24px a.onhold span.rd .inactive{
	color:#f5ab41;
    text-shadow: none;
	font-weight:500;
	left: 0px;
	position: relative;
    bottom: 4px;
    font-size: 12px;
	padding-left:0;
}




/*.sortablehead:after {
}*/

.icon.deny {
    margin-top:-0.1em;
    height:16px;
    padding: 0;
    padding-left:23px;
    background: url("../images/icons16x16.gif") no-repeat -1px -576px;
}
.icon.allow {
    margin-top:-0.1em;
    height:16px;
    padding: 0;
    padding-left:23px;
    background: url("../images/icons16x16.gif") no-repeat -1px -592px;
}
.icon.export {
    margin-top:-0.1em;
    height:16px;
    padding: 0;
    padding-left:23px;
    background: url("../images/icons16x16.gif") no-repeat 2px -609px;
}
.icon.exportoff {
    margin-top:-0.1em;
    height:16px;
    padding: 0;
    padding-left:23px;
    background: url("../images/icons16x16.gif") no-repeat 2px -626px;
}
.icon.add {
    margin-top:-0.1em;
    height:16px;
    padding: 0;
    padding-left:23px;
    background: url("../images/icons16x16.gif") no-repeat 2px -642px;
}
/*
.icon.attention {
  margin-top:-0.1em;
  height:16px;
  padding: 0;
  padding-left:23px;
  background: url("../images/icons16x16.gif") no-repeat 3px -66px;
}
*/
.icon.delete:before {

    /*
  margin-top:-0.1em;
  height:16px;
  padding-left:23px;
  background: url("../images/icons16x16.gif") no-repeat 3px -18px;  */
    content:'\f014';

}
.icon.undelete {
    margin-top:-0.1em;
    height:16px;
    padding-left:18px;
    background: url("../images/icons16x16.gif") no-repeat 3px 0;
}
.icon.edit:before {
    /*
  height:16px;
  padding-left:21px;
  background: url("../images/icons16x16.gif") no-repeat 2px -34px; */
    content:'\f044';
}
.icon.editoff:before {
    height:16px;
    padding-left:21px;
    background: url("../images/icons16x16.gif") no-repeat 2px -49px;
    content:'\f044';
    color:#ddd;
}
.icon.new:before {
    /*
  margin:-0.1em 0 0 0;
  height:16px;
  padding-left:21px;
  background: url("../images/icons16x16.gif") no-repeat 2px -80px;  */
    content: "\f15b";
}
.icon.open:before {
    /*
  margin:-0.1em 0 0 0;
  height:16px;
  padding-left:21px;
  background: url("../images/icons16x16.gif") no-repeat 2px -97px;
  */

    content: "\f07c";
}
.icon.position {
    margin:-0.1em 0 0 0;
    height:17px;
    padding-left:21px;
    background: url("../images/icons16x16.gif") no-repeat 4px -110px;
}



.icon.constrainproportions {
    height:16px;
    padding-left:21px;
    background: url("../images/icons16x16.gif") no-repeat 2px -146px;
}
.icon.next {
    background: url("../images/icons16x16.gif") no-repeat 2px -190px;
    height:16px;
    padding-left:21px;
}
.icon.previous {
    background: url("../images/icons16x16.gif") no-repeat 2px -174px;
    height:16px;
    padding-left:21px;
}

.icon.preview {
    height:16px;
    padding-left:21px;
    background: url("../images/icons16x16.gif") no-repeat 5px -318px;
    width: 0;
}
.icon.border {
    height:16px;
    padding-left:21px;
    background: url("../images/icons16x16.gif") no-repeat 3px -351px;
    width: 0;
}
.icon.copy:before {
    /*
  height:16px;
  padding-left:21px;
  background: url("../images/icons16x16.gif") no-repeat 2px -370px;
  width: 0;*/
    content:'\f0c5';
}
.icon.copyoff:before {
    /*
  height:16px;
  padding-left:21px;
  background: url("../images/icons16x16.gif") no-repeat 2px -450px;
   content:'\f0c5';*/
    color:#ddd;
}
.icon.doublearrowdown {
    height:16px;
    padding-left:21px;
    background: url("../images/icons16x16.gif") no-repeat 2px -463px;
}
.icon.doublearrowup {
    height:16px;
    padding-left:21px;
    background: url("../images/icons16x16.gif") no-repeat 2px -478px;
}
.icon.newoff {
    height:16px;
    padding-left:21px;
    background: url("../images/icons16x16.gif") no-repeat 2px -498px;
}
.icon.magnifier {
    height:16px;
    padding-left:21px;
    background: url("../images/icons16x16.gif") no-repeat 2px -514px;
}
.icon.magnifieroff {
    height:16px;
    padding-left:21px;
    background: url("../images/icons16x16.gif") no-repeat 2px -530px;
}
.icon.undeleteoff {
    height:16px;
    padding-left:21px;
    background: url("../images/icons16x16.gif") no-repeat 2px -544px;
}
.icon.deleteoff {
    height:16px;
    padding-left:21px;
    background: url("../images/icons16x16.gif") no-repeat 6px -560px;
}
.icon.muteaudioon {
    background: url("../images/audioon.png") no-repeat center center;	
}
.icon.muteaudiooff {
    background: url("../images/audiooff.png") no-repeat center center;	
}

.icon.inactive{
    /*margin-top:-5px;*/
    height:20px;
    padding:10px;
}

.icon.facebook, .icon.facebookmultiple{
    background: url("../images/facebook.png") no-repeat center center;
}
.icon.facebookunpublished, .icon.facebookmultipleunpublished{
    /*background: url("../images/facebook_unpublished.png") no-repeat center center;*/
	background: url("../images/facebook.png") no-repeat center center;
}
.icon.facebookerror, .icon.facebookmultipleerror{
    /*background: url("../images/facebook_error.gif") no-repeat 0 0;*/
    background: url("../images/facebook_refresh.png") no-repeat center center;
}
.icon.facebookoff, .icon.facebookmultipleoff {
    background: url("../images/facebook_off.png") no-repeat center center;
}



.icon.twitter, .icon.twittermultiple{
    background: url("../images/twitter.png") no-repeat center center;
}
.icon.twitterunpublished, .icon.twittermultipleunpublished{
	background: url("../images/twitter.png") no-repeat center center;
}
.icon.twittererror, .icon.twittermultipleerror{
	background: url("../images/twitter_refresh.png") no-repeat center center;
}
.icon.twitteroff, .icon.twittermultipleoff{
    background: url("../images/twitter_off.png") no-repeat center center;
}


.icon.teams, .icon.teamsmultiple {
    background: url("../images/ms_teams.png") no-repeat center center;
}
.icon.teamsunpublished, .icon.teamsmultipleunpublished {
    background: url("../images/ms_teams.png") no-repeat center center;
}
.icon.teamserror, .icon.teamsmultipleerror {
    background: url("../images/ms_teams_error.png") no-repeat center center;
}
.icon.teamsoff, .icon.teamsmultipleoff {
    background: url("../images/ms_teams_off.png") no-repeat center center;
}


.icon.email, .icon.emailmultiple{
    background: url("../images/email.png") no-repeat center center;
}
.icon.emailunpublished, .icon.emailmultipleunpublished{
    /*background: url("../images/email_unpublished.png") no-repeat center center;*/
	background: url("../images/email.png") no-repeat center center;
}
.icon.emailerror, .icon.emailmultipleerror{
    /*background: url("../images/email_error.png") no-repeat center center;*/
	background: url("../images/email_error.png") no-repeat center center;
}
.icon.emailoff, .icon.emailmultipleoff {
    background: url("../images/email_off.png") no-repeat center center;
}
.icon.emailbusy{
    background: url("../images/email_busy.gif") no-repeat center center;
}



.icon.sms, .icon.smsmultiple {
    background: url("../images/sms.png") no-repeat center center;
}
.icon.smsunpublished, .icon.smsmultipleunpublished{
    /*background: url("../images/sms_unpublished.png") no-repeat center center;*/
	background: url("../images/sms.png") no-repeat center center;
}
.icon.smserror, .icon.smsmultipleerror{
    /*background: url("../images/sms_error.png") no-repeat center center;*/
	background: url("../images/sms_error.png") no-repeat center center;
}
.icon.smsoff, .icon.smsmultipleoff {
    background: url("../images/sms_off.png") no-repeat center center;
}
.icon.smsbusy{
    background: url("../images/sms_busy.gif") no-repeat center center;
}



.icon.blog, .icon.blogmultiple {
    background: url("../images/blog.png") no-repeat center center;
}
.icon.blogunpublished, .icon.blogmultipleunpublished{
    /*background: url("../images/blog_unpublished.png") no-repeat center center;*/
	background: url("../images/blog.png") no-repeat center center;
}
.icon.blogerror, .icon.blogmultipleerror{
    /*background: url("../images/blog_error.png") no-repeat center center;*/
	background: url("../images/blog_error.png") no-repeat center center;
}
.icon.blogoff, .icon.blogmultipleoff {
    background: url("../images/blog_off.png") no-repeat center center;
}
.icon.blogbusy{
    background: url("../images/blog_busy.gif") no-repeat center center;
}

.icon.pctv {
    background: url("../images/pctv.png") no-repeat center center;
}
.icon.wpls {
    background: url("../images/wpls.png") no-repeat center center;
}

.icon.app {
    background: url("../images/smartphone.png") no-repeat center center;
}

.messagebar.inactive .icon.app,
.icon.AppArticleoff {
    background: url("../images/smartphone_off.png") no-repeat center center;
}




.icon.user:before {
	content:'\f007';
}
.icon.lock:before {
	content:'\f023';
}
.icon.domain:before {
    content:'\f0c2';
}


.icon.noborder{
    padding:0;
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 0;
}
.icon.noborder:hover{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -70px;
}
.icon.noborder.selected{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -140px;
}

.icon.whiteframeborder{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -210px;
}
.icon.whiteframeborder:hover{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -280px;
}
.icon.whiteframeborder.selected{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -350px;
}

.icon.metalframeborder{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -420px;
}
.icon.metalframeborder:hover{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -490px;
}
.icon.metalframeborder.selected{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -560px;
}

.icon.blackframeborder{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -630px;
}
.icon.blackframeborder:hover{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -700px;
}
.icon.blackframeborder.selected{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -770px;
}

.icon.dropshadowborder{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -840px;
}
.icon.dropshadowborder:hover{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -910px;
}
.icon.dropshadowborder.selected{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -980px;
}

.icon.reflectedborder{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -1050px;
}
.icon.reflectedborder:hover{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -1120px;
}
.icon.reflectedborder.selected{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -1190px;
}

.icon.softedgeborder{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -1260px;
}
.icon.softedgeborder:hover{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -1330px;
}
.icon.softedgeborder.selected{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -1400px;
}

.icon.centershadowborder{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -1470px;
}
.icon.centershadowborder:hover{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -1540px;
}
.icon.centershadowborder.selected{
    height:70px;
    width:68px;
    background: url("../images/icons_borders70x70.png") no-repeat 0 -1610px;
}




.icon.np-positioning{
    background: url("../images/positioning.png") no-repeat center center;	
}


.icon.np-border{
    background: url("../images/border.png") no-repeat center center;	
}


.icon.np-folder{
    background: url("../images/folder.png") no-repeat center center;	
}


.icon.np-trash{
    background: url("../images/trash.png") no-repeat center center;	
}




/*
.tab30px a.left.right {
display:none;
}
.tab30px a.left.right.sel {
display:block;
}
*/
.tabs30px {
    /*display:none;*/
}
a.branchButton {
    border: 0;
}
.buttons24px a.left.right {
    margin-right: 10px;
}

.Message .buttons24px #saveLocation,
.Message .buttons24px #changeSchedulingMode,
.Message .buttons24px #saveSchedulingButton,
.Message .buttons24px #clearIntervalScheduling{
    margin-right: 1px;
}

.buttons24px  a span.rd.minwidth70{
	min-width: 90px;
	padding-left:10px;
	padding-right:10px;
	text-align: center;
}

.manageareawrap .buttons24px.actionbutton.floatright {
    margin-right: -10px!important;
}

#editForm .buttons24px a.left.right {
    margin-right: 0;
}

.panel950.height50px {
    padding:0;
    height: 50px;
}

.statuson {
    /*background: url("../images/status.gif") no-repeat 0 0;*/

}
.buttons24px a span .statuson {
    color:#43a047;
}


.status .buttons24px a.left.right.ondel,
.status .buttons24px a#statuson/*[title="ON"]*/ {
    background-color:#43a047;
	box-shadow:none;
}


.status .buttons24px a#statuson/*[title="ON"]*/ span .statuson{
    color:#ffffff;
}




.statusoff {
    /*background: url("../images/status.gif") no-repeat 0 -32px;*/
}
.buttons24px a span .statusoff {
    color:#e74c3c;
}



.statusonhold {
    /*background: url("../images/status.gif") no-repeat 0 -16px;*/
}
.buttons24px a span .statusonhold {
    color:#F5AB35;
}

.statusdelete {
    /*background: url("../images/status.gif") no-repeat 0 -48px;*/
}
.buttons24px a span .statusdelete {
    color:#222222;
}

.status .buttons24px a {
    /*font-size: 0.85em; */
}
.status .buttons24px a span.rd {
    padding-top: 5px;
    padding-left: 3px;
	width: 80px;
    height: 20px;
}

.status .buttons24px a span.rd span {
    padding-top:0;
    padding-bottom:0.3em;
    padding-left: 4px;
    padding-right: 0;
    font-weight: bold;
}

.status .buttons24px a span.rd .inactive {
    color:#bbb;
    text-shadow: none;
}


.inactive .status .buttons24px a span.rd .inactive {
    color:#ddd;
	/*
	left:0px;
	padding-left:0px;
	font-weight:500;
	*/
}

.status .buttons24px a.statusonhold span.rd span .attention,
.inactive .status .buttons24px a.statusonhold span.rd .inactive .attention{
	margin-left:-33px;
	position:absolute;
}

.header .buttons24px a, .header .buttons24px a:hover {
    /*border-color:transparent;*/
    box-shadow:
    1px 0 0 0 transparent,
    0 1px 0 0 transparent,
    1px 1px 0 0 transparent,   /* Just to fix the corner */
    1px 0 0 0 transparent inset,
    0 1px 0 0 transparent inset;

}
.header .buttons24px a span {
    color: #fff;
}
.header .buttons24px a .icon {
    color: #fff;
}
.header .buttons24px span.rd {
    color: #fff;
}

.header .buttons24px > a.right{
	white-space:nowrap;
}


@media screen and (max-width: 768px) {
    /*.header .buttons24px span.rd span.floatleft {
        width:250px;
    }*/
    /*.header .buttons24px span.rd.wide {
        width:30px;
        height:24px;
        overflow:hidden;
    }*/
    /*.header .buttons24px span.rd span.floatleft {
        width:auto;
    }*/
    .header .buttons24px span.rd span.settingsLink {
        display:none;
    }
    .header .buttons24px span.rd span.overviewLink {
        display:none;
    }
    .header .buttons24px span.rd span.signoutLink {
        display:none;
    }
}
/* hide siteselect dropdown (edit message) when screen width below 900px */
@media screen and (min-width: 480px) and (max-width: 900px) {
    .header .dropdown {
        display:none;
    }
}

.manageareawrap .header {
    background-color:transparent;
}

.form_default_input:focus,.form_default_input:hover {
    background-color:#fff;
    border: 1px solid #0077dd;
    -moz-box-shadow:    inset 0 1px 1px #ccc;   -webkit-box-shadow: inset 0 1px 1px #ccc;   box-shadow:         inset 0 1px 1px #ccc;
}

.panel950.settingspanel {
    padding-right:250px;
	padding-left:0;
}





.bottom-absolute-30
{
    position:absolute;
    bottom:20px;
}

#tabs .areawrap{
    /*border: 1px solid #ddd;*/
    border-top-width:0;
}

.LivePreviewTitle{
	width:auto;
	height:auto;
	position:absolute;
	margin-bottom:0;
	color:#1a55ad;
}

.LivePreviewTitle h3{
	color:#1a55ad;
}

.themeColorsTxt {
    padding-left: 10px;
    color:#222;
    font-size: 12px;
}

.CustomPreviewTitle h3 {
    color:#1a55ad;
}

.livePreviewTabs{
	background-color:#ffffff/*f0f0f0*/; 
	padding-top:0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#tabs.livePreviewTabs .tabs30px {
    width:100%;
}

.livePreviewTabs.borderedTabs { margin:0 0 10px 0;  }

.livePreviewTabs .tabs30px{
	position:relative;
	float:right;
	border: 1px solid #0d3776;
	background-color:#1a55ad;
	z-index:10;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: inset 0 0 6px -1px rgba(0,0,0, 0.6);
	margin-bottom:0;

}

.livePreviewTabs.borderedTabs .tabs30px::after{
	display:none;
	border-bottom:0;
}

#livePreviewTabs #preview-pc,
#livePreviewTabs #preview-tv,
#livePreviewTabs #preview-tvp,
#livePreviewTabs #preview-desktopbackground,
#livePreviewTabs #preview-lockedscreen {
	position:relative;
	float:left;
	width:510px;
	margin-left:-5px;
	margin-top:10px;
	background-color:#ffffff;
	z-index:1;
	padding:0;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;

}

#customPreviewTabs .tabs30px{
    margin-bottom: 10px;
}

#customPreviewTabs #preview-pc,
#customPreviewTabs #preview-tv,
#customPreviewTabs #preview-tvp,
#customPreviewTabs #preview-desktopbackground,
#customPreviewTabs #preview-lockedscreen {
    position:relative;
    width:510px;
    min-height: 328px;
    margin-top:20px;
    background-color:#ffffff;
    z-index:1;
    padding:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.livePreviewTabs.borderedTabs .tabs30px .tab30px{
	position:relative;
	float:right;
	margin-right:0;
    margin-top: 0;
}

.livePreviewTabs.borderedTabs .tabs30px .tab30px .sel{
	background:none;
}

.livePreviewTabs.borderedTabs .tabs30px .tab30px span.rd{
	padding: 0 10px;
	line-height:30px;
	font-weight:400;
	margin-top:0;
	position:relative;
	background:#fff;
	border:none;
	-webkit-border-radius:0;
  	-moz-border-radius:0;
	border-radius:0;
	color:#1a55ad;
}

.livePreviewTabs.borderedTabs .tabs30px .tab30px .sel span.rd{
	color:#ffffff;
	background:none;
}

.livePreviewPC, .livePreviewTV, .livePreviewDesktopBackground, .livePreviewLockedScreen,
.customPreviewPC, .customPreviewTV, .customPreviewDesktopBackground, .customPreviewLockedScreen
 {
    width:100%;
	padding:0;
	background-color:#f9f9f9;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.16), 0 4px 5px -2px rgba(0,0,0,0.26);
}

.livePreviewTVP, .customPreviewTVP{
    padding: 0;
    background-color: #f9f9f9;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.16), 0 4px 5px -2px rgba(0,0,0,0.26);
}

.ui-dialog-content > h2{
    margin: 0;
    padding: 0;
}

.ui-dialog .ui-dialog-titlebar-close  {
    border:none !important;
}

.Message .ui-dialog .ui-dialog-titlebar-close  {
    padding:4px!important;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover{
	/*background:#f2f2f2!important;*/
	background:#fff !important;
}

.message .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{
	background-position: -95px -128px;
}

.panel950.activealert {
    padding: 0 20px;
}
.panel950.activealert h3 {
    text-transform: none;
    font-size:80%;
    font-weight:normal;
    margin: 0;
}
.panel950.activealert h2 {
    margin:0;
}

.flexible-textbox-100
{
    width: 100% !important;
    -moz-box-sizing: border-box;    /* For Firefox                          */
    -webkit-box-sizing: border-box; /* For Safari                           */
    box-sizing: border-box;         /* For IE and modern versions of Chrome */
}

.panel-flexible-50{
    /*width:49%;*/
    width:42%;
	max-width:950px;
}
.flexible-100
{
    width:100% !important;
	box-sizing:border-box;
}

.flexible-80
{
    width: 100% !important;
    -moz-box-sizing: border-box;    /* For Firefox                          */
    -webkit-box-sizing: border-box; /* For Safari                           */
    box-sizing: border-box;         /* For IE and modern versions of Chrome */
}



.logo .redirect{
    width:185px;height:48px;cursor:pointer;display:inline-block;
}

/*.absolute-right-0{
    position:relative;
    right:0;
}*/

.ui-widget-overlay{
    width:100% !important;
}

.float-right{
    float:right;
}

.login .accordionb.bordertop
{ /* border-top: 4px solid #ffffff; */}
.chooseproduct a:hover img
{ opacity: 0.7; filter: alpha(opacity=70);}

#locationAddress { width:530px; }

#jgd_dd_SelectSite .floatleft{
    min-width: 250px;
}

.addActionRow td{
    background-color:#FBFBFB;
}

/*
Tags-Input
*/
div.tagsinput {
    border: 1px solid #CCC;
    background: #fcfcfc;
    padding: 5px 5px 0 5px;
    width: 300px;
    height: 100px;
    overflow-y: auto;
    max-width: 296px;
}

div.tagsinput span.tag {
    border: 1px solid #3A87AD;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    float: left;
    padding: 0px 5px;
    text-decoration: none;
    background: #D9EDF7;
    color: #3A87AD;
    margin-right: 5px;
    margin-bottom: 5px;
}

div.tagsinput span.tag a {
    font-weight: bold;
    color: #3A87AD;
    text-decoration: none;
    font-size: 13px;
}

div.tagsinput input {
    width: 85px;
    margin: 0px;
    border: 1px solid transparent;
    padding: 5px;
    background: transparent;
    outline: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
}

div.tagsinput input:focus,  div.tagsinput input:hover{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.tagsinput div {
    display: block;
    float: left;
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px;
}

.not_valid {
    color: #FF0000 !important;
}

/**
* Jquery duration picker
*/
.jdp-input {
    cursor: text;
    padding: 5px; border: 1px solid #ddd; background-color: #fcfcfc;
    line-height: 1;
}

.jdp-input:focus, .jdp-input:hover {
    background-color:#fff;
    border: 1px solid #0077dd;
    -moz-box-shadow:    inset 0 1px 1px #ccc;
    -webkit-box-shadow: inset 0 1px 1px #ccc;
    box-shadow:         inset 0 1px 1px #ccc;
}

.jdp-input.disabled {
    color: #AAA;
    cursor: default;
}

.jdp-block {
    display: inline-block;
    line-height: 1;
    text-align: center;
    padding-right: 15px;
}

.jdp-value {
    line-height: 1;
    margin-right: 3px;
    color: black;
}

.jdp-label {
    line-height: 1;
    color: black;
}

.jdp-popup .input {
    font-size: 80%;
    margin-bottom: 5px;
    color: #999;
}

.jdp-popup .input:last-child {
    margin-bottom: 0;
}

.jdp-popup input{
    width: 40px !important;
    text-align: center;
}

.candlestick-wrapper .candlestick-bg {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

td .candlestick-wrapper {
    margin-top: 15px;
}

.ui-autocomplete {
    background-color: white;
    max-height: 250px;
    overflow-y: scroll;
}

.ui-autocomplete.ui-widget {
    border: 1px solid #0077dd;
}

.tokenize-select {
    width: 100%;
}

.tokenize-select input:focus {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.Tokenize ul.TokensContainer {
    height: auto !important;
    background-color: #fcfcfc !important;
}

div.Tokenize ul.TokensContainer li.Token > span {
    font-size: 14px;
    line-height: 14px;
}

div.Tokenize ul.TokensContainer li.Token,
div.Tokenize ul.TokensContainer li.TokenSearch {
    line-height: 14px;
    border: 1px solid transparent;
}

div.Tokenize ul.TokensContainer li.Token {
    padding: 2px 5px !important;
    border-radius: 4px !important;
    background-color: #E5EFF8 !important;
    border: 1px solid #005FB0 !important;
}

div.Tokenize ul.TokensContainer li.TokenSearch {
    padding: 2px 0 !important;
}

div.Tokenize ul.TokensContainer li.TokenSearch input {
    font-size: 14px !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.Tokenize ul.Dropdown {
    padding: 0 !important;
    font-size: 14px;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

div.Tokenize ul.Dropdown li {
    padding: 5px !important;
    line-height: 14px !important;
}

div.Tokenize ul.Dropdown li.Hover {
    background: #E5EFF8 none !important;
    color: #005FB0 !important;
}

div.Tokenize ul.TokensContainer li.Token a.Close {
    color: #005FB0 !important;
}

#playerSettings .tokenize-select {
    width: 308px;
}

.ui-dialog .ui-dialog-content .modal-body {
    font-size: 14px;
    color: #999;
}

.defaultThemeContainer {
    padding-top: 5px;
}

.colorThemeContainer {
    max-width: 400px;
}

.color-palette {
    /*width: 100%;*/
    font-family: Arial, Helvetica, sans-serif;
    color: #777;
    /*float: left;*/
}

.color-palette .container {
    /*width: 100%;*/
    width: 300px;
    height: 50px;
    line-height: 50px;
    float: left;
}

.color-palette .li-section {
    background-color: #f1f1f1;
}

.cust_checkbox, .li-section {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.li-section.separator {
    height: 0px;
    border-top: 1px solid #f1f1f1;
}

.dropdown-menu > li.li-section > a {
    cursor: auto;
}

.color-palette .theme-text {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px;
    font-weight: 300 !important;
    color: #0f192a;
    float: left;
}

#ManageSites .color-palette .theme-text {
    width: 172px;
}

#ManageSitesOptions .color-palette .theme-text {
    width: 250px;
}

.MessageSidebarContainer .color-palette .theme-text {
    width: 220px;
}

.color-palette .theme-text.active {
    font-weight: 600 !important;
}

.color-palette .fa {
    color: #0f192a;
    float: left;
    margin: 0 10px;
}

.dropdown-toggle .theme-text {
    font-weight: 600 !important;
}

.color-palette .section-text {
    line-height: 16px;
    font-weight: 600 !important;
    color: #0f192a;
}

.color-palette .container > * {
    float: left;
}

.color-palette .li-option > * {
    /*float: left;*/
}

.color-palette > a > * {
    /*float: left;*/
}

.color-palette .title {
    width: 160px;
    float: left;
    padding-top: 15px;
    font-weight: 600 !important;
    color: #0f192a;
    text-overflow: ellipsis;
}

.color-palette .container .palette {
    width: 80px;
    margin-top: 18px;
    margin-right: 10px;
    display: table;
    outline: 1px solid #c1c1c1;
}

.color-palette a .palette {
    width: 80px;
    display: inline-block;
    outline: 1px solid #c1c1c1;
}

.color-palette .palette .sample {
    width: 16px;
    height: 16px;
    float: left;
}

.paletteContainer {
    display: inline-block;
    margin-right: 8px;
    float: left;
    line-height: 14px;
}

.color-palette a .palette.active {
    outline: 1px solid #0e0e0e;
}

.colorThemeDropdownContainer {
    width: 370px;
}

label.siteTypeLabel {
    color: #0e0e0e;
    font-size: 100%;
    vertical-align: baseline;
}

label.colorThemeLabel {
    color: #0e0e0e;
    font-size: 100%;
    vertical-align: baseline;
}

#themeDialog .buttons24px span.rd{
    width: 150px;
    text-align: center;
}

.form-select-colorthemes {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px;
    font-weight: 300 !important;
    color: #0f192a;
    max-width: 355px;
}

/* DROPDOWN CSS */
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top:  dashed;
    border-top:  solid \9;
    border-right:  solid transparent;
    border-left:  solid transparent;
}
.dropup,
.dropdown {
    position: relative;
}
.dropdown-toggle:focus {
    outline: 0;
}

/*.dropdown-toggle.disabled .theme-text {
    color: #e1e1e8;
}
.dropdown-toggle.disabled .colortheme-caret {
    color: #e1e1e8;
}

.dropdown-toggle.disabled .paletteContainer {
    opacity: 0.5;
}*/

.dropdown-menu {
    position: absolute;
    top: 31px;
    left: -1px;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 0;
    list-style: none;
    /*font-size: ;*/
    text-align: left;
    /*background-color: ;*/
    border: 0;
    /*border-radius: ;*/
    background-clip: padding-box;
}
.dropdown-list .dropdown-link
{
    width: 100%;
}

.dropdown-list .dropdown-link span
{
    font-size: 12px;
    color: #000000 !important;
}

.dropdown-list .dropdown-link span.dropdown-text
{
    padding: 10px;
}

.dropdown-list .dropdown-link span.dropdown-icon
{
    margin-right: 10px;
}


.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu > li > a {
    display: block;
    padding: 7px 0 5px 8px;
    white-space: nowrap;
    cursor: pointer;
}
.dropdown-menu > li > a:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    text-decoration: none;
    outline: 0;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
}
.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}
.dropdown-menu-right {
    left: auto;
    right: 0;
}
.dropdown-menu-left {
    left: 0;
    right: auto;
}
.dropdown-header {
    display: block;
    /*padding: 3px 20px;*/
    /*font-size: ;*/
    /*line-height: ;*/
    /*color: ;*/
    white-space: nowrap;
}
.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    /*z-index:  - 10;*/
}
.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom:  dashed;
    border-bottom:  solid \9;
    content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

.dropdown .colortheme-caret
{
    float: right;
    line-height: 16px;
    color: black;
}

.dropdown .color-palette.open .colortheme-caret:before
{
    margin-left: 15px;
    content: "\f0d8";
    font-family: FontAwesome;
    font-style: normal;
}

.dropdown.color-theme
{
    /*height: 20px;*/
    /*padding: 8px 5px 4px 10px;*/
    background: white;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.addModalColumnLeft .dropdown.color-theme
{
    width: 300px;
    margin: 5px 0;
}

.addModalColumnLeft .dropdown.color-theme.color-palette .theme-text {
    width: 170px;
}

.dropdown .colortheme-caret:before
{
    margin-left: 15px;
    content: "\f0d7";
    font-style: normal;
    font-family: FontAwesome;
}

.dropdown.color-theme .dropdown-menu
{
    background-color:#FFF;
    border: 1px solid #ccc;
    z-index: 100;
}

.color-theme a.dropdown-toggle
{
    height: 16px;
    line-height: 16px;
    display: block;
    padding: 8px;
}

/**
 *	=Structure
 *	---------------------------------------------------------------- */
.dropdown {
    display: inline-block;
    position: relative;
    width: 100%;
}

.dropdown-list,
.dropdown-item {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.dropdown-list {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.dropdown-menu-wrapper {
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 0;
}
.dropdown-menu-container,
.dropdown-menu {
    position: relative;
}
.dropdown-menu {
    width: inherit;
}
.dropdown-item,
.dropdown-header {
    zoom: 1;
}
.dropdown-item:before,
.dropdown-header:before,
.dropdown-item:after,
.dropdown-header:after {
    content: '';
    display: table;
}
.dropdown-item:after,
.dropdown-header:after {
    clear: both;
}
.dropdown-overlay,
.dropdown-menu-wrapper,
.dropdown-menu-container,
.dropdown-menu {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
.dropdown-menu-wrapper,
.dropdown-menu,
.dropdown-mask,
.dropdown-header,
.dropdown-overlay,
.dropdown-title,
.dropdown-close,
.dropdown-back {
    display: none;
}
.dropdown-open .dropdown-menu-wrapper,
.dropdown-animating .dropdown-mask,
.dropdown-menu-open,
.dropdown-main-menu,
.dropdown-child .dropdown-header,
.dropdown-child .dropdown-title,
.dropdown-child .dropdown-back {
    display: block;
}
.dropdown-open .dropdown-menu-wrapper {
    opacity: 1;
    filter: alpha(opacity=100);
}
/**
 *	=Positioning
 *	---------------------------------------------------------------- */
.dropdown-open {
    z-index: 1002;
}
.dropdown-opening {
    z-index: 1003;
}
.dropdown-closing {
    z-index: 1001;
}
.dropdown-mask {
    z-index: 999;
}
.dropdown-overlay,
.dropdown-mask,
.dropdown-menu {
    position: absolute;
    top: 32px;
    left: -1px;
}
.dropdown-overlay,
.dropdown-mask {
    right: 0;
    bottom: 0;
}
.dropdown-menu-open {
    position: relative;
}
.dropdown-menu-wrapper {
    position: absolute;
    z-index: 2;
    min-width: 280px;
    left: 0;
    padding: 5px 0;
}
.dropdown-below .dropdown-menu-wrapper {
    top: 100%;
    bottom: auto;
    margin: 3px 0 0;
}
.dropdown-above .dropdown-menu-wrapper {
    top: auto;
    bottom: 100%;
    margin: 0 0 3px;
}
.dropdown-menu-container,
.dropdown-child,
.dropdown-parent {
    width: 100%;
}
.dropdown-divider {
    margin: 5px 0;
    border-bottom: 1px solid #e0e0e0;
}
/**
 *	=Styles
 *	---------------------------------------------------------------- */
.dropdown {
    font-size: 14px;
}
.dropdown-overlay {
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
.dropdown-icon {
    float: right;
    line-height: inherit;
}

.header #SelectSite
{
    display:none;
    background-color: transparent;
    float:left;
    font-size: 14px;
    border:1px solid black;
    cursor: default;
    height: auto;
    max-width: 100%;
    line-height: 28px;
    color: #FFF;
    position: relative;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header .dropdown {
    float: left;
    width: 350px;
}

.header .dropdown-overlay,
.header .dropdown-mask,
.header .dropdown-menu {
    top: 0px;
    left: 0px;
}

.header .dropdown-toggle .dropdown-text {
    width: 350px;
}

.header .dropdown-toggle{
    border:1px solid black;
    cursor: default;
    height: auto;
    display: inline-block;
    max-width: 100%;
    line-height: 28px;
    color: #333;
    position: relative;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dropdown-toggle {
    /*border:1px solid black;*/
    cursor: default;
    height: auto;
    display: inline-block;
    max-width: 100%;
    line-height: 26px;
    color: #333;
    position: relative;
    /*padding: 6px 38px 6px 14px;*/
    padding: 5px 8px 5px 14px;

    /*-webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
}
.dropdown-toggle:hover {
    text-decoration: none;
}
.dropdown-toggle .dropdown-icon {
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    text-align: center;
    line-height:28px;
    right: 12px;
}
.dropdown-toggle .dropdown-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 33px;
    margin-left: 10px;
    max-width: 87%;
}
.dropdown-menu-wrapper {
    background: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.dropdown-item {
    margin: 0 0 1px;
}
.dropdown-item:last-child {
    margin-bottom: 0;
}
.dropdown-link {
    display: block;
    line-height: 30px;
    color: #333;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 15px;
}
.dropdown-link,
.dropdown-link:hover {
    text-decoration: none;
}
.dropdown-link:hover {
    background: #f5f5f5;
    color: #262626;
}
.dropdown-link:focus {
    outline: none;
}
.dropdown-link .dropdown-icon {
    opacity: 0.5;
    filter: alpha(opacity=50);
    line-height: 30px;
}
.dropdown-focus .dropdown-link {
    background: #eee;
    color: #161616;
}
.dropdown-selected .dropdown-link {
    color: #fff !important;
    text-decoration: none;
    outline: none;
}
.dropdown-title {
    font-weight: bold;
    position: relative;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    min-height: 20px;
    padding: 5px 45px 10px;
    margin: 0 0 5px;
    border-bottom: 1px solid #e0e0e0;
}
.dropdown-heading {
    line-height: 20px;
    color: #aaa;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    padding: 15px 15px 5px;
    margin: 5px 0 0;
    border-top: 1px solid #e0e0e0;
}
.dropdown-heading:first-child {
    padding-top: 10px;
    margin-top: 0;
    border-width: 0;
}
.dropdown-close,
.dropdown-back {
    position: absolute;
    z-index: 2;
    top: -5px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.header .buttons24px a.dropdown-back span,
.header .buttons24px a.dropdown-back span {
    color: #000 !important;
}



.dropdown-close,
.dropdown-back,
.dropdown-close:hover,
.dropdown-back:hover {
    text-decoration: none;
}
.dropdown-close .dropdown-icon,
.dropdown-back .dropdown-icon {
    float: none;
    display: block;
    text-align: center;
    line-height: 40px;
}
.dropdown-close .dropdown-text,
.dropdown-back .dropdown-text {
    display: none;
}
.dropdown-close {
    right: 0;
}
.dropdown-back {
    left: 0;
}

.two_way_auth_information
{
    font-size: 12px;
    color: #aaaaaa;
    margin-left: 15px;
}

#AuthenticationForm .errormsg {
    color:red;
    float:left;
}


/**
 *	=Responsive
 *	---------------------------------------------------------------- */
@media all and (max-width: 600px) {
    .dropdown-menu-wrapper {
        width: auto !important;
        height: auto !important;
        position: fixed;
        top: 8px;
        bottom: 8px;
        left: 8px;
        right: 8px;
        margin: 0;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .dropdown-above .dropdown-menu-wrapper,
    .dropdown-below .dropdown-menu-wrapper {
        top: 8px;
        bottom: 8px;
        margin: 0;
    }
    .dropdown-header,
    .dropdown-close,
    .dropdown-title,
    .dropdown-open .dropdown-overlay {
        display: block;
    }
}
@media all and (min-width: 601px) {
    .dropdown-overlay {
        display: none !important;
    }
}

.logo-upload-template {
    float: left;
    margin-right: 7px;
}

.logo-upload-actions {
    float: left;
}

.logo-upload-actions .buttons24px {
    padding-top: 0px !important;
    float: none;
}

.logo-upload-actions .buttons24px .fa {
    font-size: 15px;
    color: #222;
    text-align: center;
    width: 20px;
}

.logo-preview-border {
    border: 1px solid #d7d7d7;
    padding: 3px;
    display: inline-block;
    width: 300px;
}

.logo-preview-border.hidden {
    display: none;
}

.logo-preview-container {
    width: 300px;
    height: 120px;
    text-align: center;
    background: url('../../images/transparent_bg_pattern.gif');
}

.logo-preview {
    max-width: 268px;
    max-height: 120px;
}

.logo-no-preview {
    width: 306px;
    height: 126px;
    border: 1px solid #d7d7d7;
    background-color: #fcfcfc;
    color: #d7d7d7;
    text-align: center;
    line-height: 126px;
}

.logo-no-preview span {
    color: #d7d7d7;
}

.spanWithInputWrapper span
{
    min-width: 30px;
    font-weight: 500;
    width: auto;
    padding: 0;
    margin-right: 15px;
    float: left;
    color: #999999;
}

.spanWithInputWrapper input
{
    width: 93%;
}

/* Google Maps :: right top info table */

#AreasInfoTable {
    width: 170px;
    background-color: #f7f7f7;
    margin: 5px;
    border: 1px solid #dddddd;
    -moz-box-shadow: 0 0 5px #444444;
    -webkit-box-shadow: 0 0 5px #444444;
    box-shadow: 0 0 5px #444444;
}

#AreasInfoTable .loader{
    background: #fff url("../images/loader.gif") no-repeat 50% 50%;
    height: 34px;
    padding: 0;
    border: none;
}

.areaInfoHeader {
    background-color: white;
    padding: 0 5px;
}

.areaInfoHeader > .areaInfodesc {
    /*float: left;
    line-height:36px;
    margin-right: 10px;
    font-size: 1.1em;*/
    display: none;
}

#totalNumberDevices {
    color: black;

    font-weight: bold;
    margin-right: 5px;
}

.areaInfoHeader:after{
    content: ".";
    visibility: hidden;

    display: block;
    height: 0;
    clear: both;
}

#areaInfoHeaderRow {
    border-top: 1px solid #e6e2dd;
}

#areaInfoHeaderRow > .areaInfoOutputCol{
    height: 16px;
    width: 16px;
    margin: 4px 0;
    padding: 6px 14px;
    border: none;
}

#areaInfoTotalRow {
    border-bottom: 1px solid #dedbd8;
}

#areaInfoTotalRow > .areaInfodesc, #areaInfoTotalRow input[type=checkbox], #areaInfoTotalRow > .areaInfoOutputCol{
    border: none;
    padding-top: 0;
    margin-top: 0;
}

#areaInfoTotalRow > .areaInfoOutputCol{
    border: none;
}

.areaInfoRow {
    padding: 0 5px;
}

.areaInfoRow:after{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;

}

.areaInfoRow .areaInfodesc, .areaInfoRow .areaInfoOutputCol {
    border-bottom: 1px solid #e6e2dd;

}

.areaInfoRow:last-child .areaInfodesc, .areaInfoRow:last-child .areaInfoOutputCol {
    border-bottom: none;
}


.areaInfoRow input[type=checkbox]{
    float: left;
    margin: 9px 8px;

}

.areaInfoRow .areaInfodesc {
    float: left;
    width: 131px;
    padding: 8.5px 0;
}

.areaInfoRow .areaInfoOutputCol {
    /*float: right;
    width: 35px;
    line-height: 18px;
    padding: 6px 5px;
    text-align: center;*/
    display: none;
}

.pointerCircle {
    background: url("../images/mappoint-left-blue.png") no-repeat;
    padding: 3px 0 3px 8px;
}

.pointerCircle > span {
    background: url("../images/mappoint-right-blue.png") no-repeat 100% 0;
    padding: 3px 8px 3px 0;
}

.pointerCircle > span > span {
    background: url("../images/mappoint-middle-blue.png") repeat-x;
    padding: 3px 0;
    text-align: center;
}

/* slide up / down for Areas Info table */
.icon.slideUp {

    margin-top:3px;
    height:16px;
    padding-left:18px;
    background: url("../images/icons-map-info.gif") no-repeat 3px 1px;
}

.icon.slideDown {
    margin-top:3px;
    height:16px;
    padding-left:18px;
    background: url("../images/icons-map-info.gif") no-repeat 3px -15px;
}

/* override google autocomplete selectbox */
.pac-container:after{
    content: none;
}

.pac-item {
    font-size: 12px;
    line-height:24px;
    color: #004488;
}

.pac-item:hover {
    background-color: #f6f6f6;
}

.pac-item.pac-selected{
    background-color: #eeeeee;
}

.pac-item > b{
}

/* customScrollbar styles */

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #CDCDCD;
    border: 1px solid #AAAAAA;
    background: rgba(255,255,255,1.0);
    width: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mCSB_scrollTools {
    width: 44px;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 10px;
}

#deleteSiteDialog .modal-body ul, #deleteDomainDialog .modal-body ul {
    list-style: disc inside none;
    color: #9fa7bb;
}

#deleteSiteDialog .modal-body div, #deleteDomainDialog .modal-body div,
#deleteSiteDialog .modal-body ul > li, #deleteDomainDialog .modal-body ul > li {
    color: #9fa7bb;
}

.publishNotificationsDialogContainer.ui-dialog {
    padding: 0;
}

#publishNotificationsDialog {
    display: none;
}

#publishNotificationsDialog.ui-dialog-content {
    padding: 0;
    margin: 0;
}

#publishNotificationsDialog .dialogHeader {
    padding: 10px 10px;
}

#publishNotificationsDialog .dialogHeader .buttons24px {
    margin-bottom: 10px;
}

.publishNotificationsDialogContainer.ui-dialog .ui-dialog-titlebar {
    /*top: 0;
    right: 0;*/
    display: none;
}

#publishNotificationsDialog .modal-body {
    margin: 30px 20px 0 20px;
}

#publishNotificationsDialog .modal-body h1 {
    line-height: 24px;
    height: 30px;
    min-height: 28px;
    padding-top: 0;
    margin: 0 20px 2px 0;
}

#publishNotificationsDialog .modal-body .notificationTable-reveal {
    margin: 2px 0;
}

#publishNotificationsDialog .modal-body, #publishNotificationsDialog .modal-footer {
    padding: 0;
}

#publishNotificationsDialog .modal-footer {
    border-top: 1px solid #e7e7e7;
    margin: 30px 0 0 0;
}

#publishNotificationsDialog .modal-footer .modal-footer-buttons {
    padding: 10px 20px;
}

#publishNotificationsDialog .buttons24px a.left.right {
    margin-right: 10px;
}

#publishNotificationsDialog .buttons24px.actionbutton a.left.right {
    margin-right: 0;
}

#publishNotificationsDialog .modal-body div.info {
    padding: 5px 0;
    color: #000;
}

#publishNotificationsDialog .modal-body .notificationTable {
    display: table;
    width: 855px;
    border-collapse: collapse;
}

#publishNotificationsDialog .modal-body .notificationRow {
    display: table-row;
    width: 100%;
    border: 1px solid #e7e7e7;
}

#publishNotificationsDialog .modal-body .notificationHeader {
    display: table-row;
    width: 100%;
    background-color: #f2f2f2;
    color: #6e6e6e;
    text-transform: uppercase;
    padding: 5px 15px;
    border: 1px solid #e7e7e7;
}

#publishNotificationsDialog .modal-body .notificationHeader div:first-child {
    width: 540px;
    padding: 5px 15px;
    border-right: 1px solid #e7e7e7;
    color: #6e6e6e;
}

#publishNotificationsDialog .modal-body .notificationHeader div:last-child {
    width: 250px;
    padding: 5px 15px;
    color: #6e6e6e;
}

#publishNotificationsDialog .modal-body .notificationRow div:first-child {
    width: 540px;
    padding: 5px 15px;
    border-right: 1px solid #e7e7e7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#publishNotificationsDialog .modal-body .notificationRow div:last-child {
    width: 250px;
    padding: 5px 15px;
    color: #b7b7b7;
}

#publishNotificationsDialog .modal-body .notificationRow div,
#publishNotificationsDialog .modal-body .notificationHeader div {
    float:left;
    display:table-cell;
    /*border: 1px solid #e7e7e7;*/
}

#publishNotificationsDialog .modal-body .notificationRow div span {
    color: #000;
}

#publishNotificationsDialog .modal-body .fa-angle-right {
    margin-left: 5px;
    vertical-align: -2px;
    font-size:22px;
    color: #0e0e0e;
}

/* MainView :: Site Statistics */

.siteStatisticsCards {
    display: none;
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-around;
}
.siteStatisticsCards .siteStatisticsLeft {
    flex: 1 1 48%;
    margin: 0 0 0 10px;
    display: inline-flex;
    flex-flow: row;
    justify-content: space-around;
}
.siteStatisticsCards .siteStatisticsRight {
    flex: 1 1 48%;
    margin: 0 10px 0 0;
    display: inline-flex;
    flex-flow: row;
    justify-content: space-around;
}

.siteStatisticsCards .blueText {
    /*color: #1561d5;*/
    /* see MS-1650 */
    color: #505050;
}

/* Right Now Card */

.rightNowCard {
    flex: 2 0 30%;
    background-color: #fff;
    margin: 0 10px 10px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

.rightNowCard .rightNowBlueBg {
    background-color: #3d7cdc;
    width: 100%;
    height: 180px;
    padding: 10px 0;
    display: inline-flex;
    position: relative;
}

.rightNowCard .triangle-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #3d7cdc;
    position: absolute;
    bottom: -15px;
    left: 108px;
}

.rightNowCard .rightNowBlueBg .connectedPlayers {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.rightNowCard .rightNowBlueBg .connectedPlayers:after {
    content: '';
    position: absolute;
    right: -1px;
    top: 16%;
    width: 1px;
    height: 70%;
    background-color: #505050;
}

.rightNowCard .rightNowBlueBg .connectedPlayers .rightNowText {
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px;
    color: #fff;
    font-weight: bold;
}
.rightNowCard .rightNowBlueBg .connectedPlayers .numConnectedPlayers {
    font-size: 80px;
    line-height: 60px;
    padding: 10px 0 0 0;
    color: #fff;
    text-align: center;
}
.rightNowCard .rightNowBlueBg .connectedPlayers .numConnectedPlayersText {
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}

.rightNowCard .rightNowBlueBg .messages {
    width: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.rightNowCard .rightNowBlueBg .messages .numMessages {
    font-size: 80px;
    line-height: 60px;
    padding-top: 7px;
    color: #fff;
    text-align: center;
}
.rightNowCard .rightNowBlueBg .messages .numMessagesText {
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}

.rightNowCard .numPCTV {
    margin: 0 20px 10px 20px;
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
}
.rightNowCard .numPCTV .numPCTVProgressbar {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.rightNowCard .numPCTV .numPCTVProgressbar .progressTV {
    position: relative;
    width: 100%;
    height: 10px;
    background-color: #ffb521;
}
.rightNowCard .numPCTV .numPCTVProgressbar .progressPC {
    position: absolute;
    height: 10px;
    background-color: #3d7cdc;
}

.rightNowCard .numPCTV .numPCTVNumbers {
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0 0;
}
.rightNowCard .numPCTV .numPCTVNumbers .numPC .numPCText,
.rightNowCard .numPCTV .numPCTVNumbers .numTV .numTVText {
    color: #505050;
    font-weight: bold;
}
.rightNowCard .numPCTV .numPCTVNumbers .numPC .numPCCount,
.rightNowCard .numPCTV .numPCTVNumbers .numTV .numTVCount {
    color: #505050;
}

/* Last 24h Card */

.last24hCard {
    flex: 1 0 14%;
    background-color: #fff;
    margin: 0 10px 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.last24hCard .connectedPlayers {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 190px;
    position: relative;
    padding-bottom: 10px;
}
.last24hCard .connectedPlayers:after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 16%;
    height: 1px;
    width: 70%;
    background-color: #d7d7d7;
}
.last24hCard .connectedPlayers .last24hText {
    font-size: 16px;
    line-height: 20px;
    color: #505050;
    font-weight: bold;
    padding: 10px;
}
.last24hCard .connectedPlayers .numConnectedPlayers {
    font-size: 80px;
    line-height: 60px;
    padding: 10px 0 10px 0;
    color: #505050;
    text-align: center;
}
.last24hCard .connectedPlayers .numConnectedPlayersText {
    text-align: center;
    color: #505050;
    font-size: 20px;
    margin-bottom: 10px;
}

.last24hCard .numPCTV {
    margin: 0 20px 10px 0;
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
}
.last24hCard .numPCTV .numPCTVProgressbar {
    margin: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.last24hCard .numPCTVProgressbar .progressTV {
    position: relative;
    width: 100%;
    height: 10px;
    background-color: #ffb521;
}
.last24hCard .numPCTVProgressbar .progressPC {
    position: absolute;
    height: 10px;
    background-color: #2680eb;
}

.last24hCard .numPCTV .numPCTVNumbers {
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 10px;
}
.last24hCard .numPCTV .numPCTVNumbers .numPC {
    margin-left: 20px;
}
.last24hCard .numPCTV .numPCTVNumbers .numTV {
    margin-right: 20px;
}
.last24hCard .numPCTV .numPCTVNumbers .numPC .numPCText,
.last24hCard .numPCTV .numPCTVNumbers .numTV .numTVText {
    color: #505050;
    font-weight: bold;
}
.last24hCard .numPCTV .numPCTVNumbers .numPC .numPCCount,
.last24hCard .numPCTV .numPCTVNumbers .numTV .numTVCount {
    color: #505050;
}

.icon-led-green {
    color: #a4ff2d;
    text-shadow: 0 0 5px #a4ff2d;
}
.icon-led-blue {
    color: #2680eb;
}
.icon-led-yellow {
    color: #ffc233;
}
.icon-led-red {
    color: #ff6384;
}

.icon-margin {
    margin-right: 8px;
}
.icon-margin-small {
    margin-right: 5px;
}

/* Published Messages Card */

.publishedMessagesCard {
    flex: 2 0 46%;
    background-color: #fff;
    margin: 0 0 10px 10px;
    display: inline-flex;
    flex-flow: row;
    justify-content: space-around;
}
.publishedMessagesCard .publishedMessagesBarChart {
    width: 66%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    margin-bottom: 20px;
}
.publishedMessagesCard .publishedMessagesBarChart .publishedMessagesText {
    font-size: 16px;
    line-height: 20px;
    color: #505050;
    font-weight: bold;
    padding: 10px;
}
.publishedMessagesCard .triangleContainer {
    width: 15px;
    height: 30%;
    position: relative;
}
.publishedMessagesCard .triangle-right {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #fff;
    position: absolute;
    left: 13px;
    top: 15px;
}

.publishedMessagesCard .publishedMessages {
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #9655e1;
}
.publishedMessagesCard .publishedMessagesToday {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 168px;
    position: relative;
    padding-bottom: 10px;
}
.publishedMessagesCard .publishedMessagesToday:after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 16%;
    height: 1px;
    width: 70%;
    background-color: #c79ff9;
}
.publishedMessagesCard .publishedMessagesToday .publishedMessagesTodayText {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}
.publishedMessagesCard .publishedMessagesToday .numPublishedMessages {
    font-size: 80px;
    line-height: 60px;
    padding: 10px 0 10px 0;
    color: #fff;
    text-align: center;
}
.publishedMessagesCard .publishedMessagesToday .newMessagesText {
    text-align: center;
    color: #fff;
    font-size: 20px;
}
.publishedMessagesCard .mostRecent .mostRecentText {
    text-align: left;
    color: #ffcf5e;
    font-size: 14px;
    margin: 10px 20px 0 20px;
}
.publishedMessagesCard .mostRecent .mostRecentMessage {
    text-align: left;
    color: #fff;
    font-size: 14px;
    margin: 0 20px 20px 20px;
    height: 50px;
    overflow: hidden;
}

/* Active Messages Card */

.activeMessagesCard {
    flex: 1 1 46%;
    background-color: #fff;
    margin: 10px 0 10px 10px;
    display: inline-flex;
    flex-flow: row;
    justify-content: flex-start;
}
.activeMessagesCard .activeMessagesChart .activeMessagesText {
    font-size: 16px;
    line-height: 20px;
    color: #505050;
    font-weight: bold;
    padding: 10px 20px;
}
.activeMessagesCard .activeMessagesChart {
    width: 98%;
}
.activeMessagesCard .activeMessagesChart .steppedChart {
    padding: 30px 20px 40px 20px;
    position: relative;
}

/* Connected Players Card */

.connectedPlayersCard {
    flex: 1 1 46%;
    background-color: #fff;
    margin: 10px 10px 10px 0;
    display: inline-flex;
    flex-flow: row;
    justify-content: flex-start;
}
.connectedPlayersCard .connectedPlayersChart .connectedPlayersText {
    font-size: 16px;
    line-height: 20px;
    color: #505050;
    font-weight: bold;
    padding: 10px;
}
.connectedPlayersCard .connectedPlayersChart {
    width: 98%;
}
.connectedPlayersCard .connectedPlayersChart .lineChart {
    padding: 0 20px 40px 20px;
    position: relative;
}

.chartLegend {
    width: 92%;
    display: inline-flex;
    flex-flow: row;
    justify-content: flex-end;
}
.chartLegend .playerTypePC {
    display: flex;
    justify-content: space-around;
    color: #666666;
}
.chartLegend .playerTypeTV {
    display: flex;
    color: #666666;
}
.chartLegend .playerTypePC .colorPC {
    margin: 10px;
    width: 30px;
    background: #2680eb;
}

.chartLegend .playerTypeTV .colorTV {
    margin: 10px;
    width: 30px;
    background: #ffb521;
}

#chartjs-tooltip {
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    perspective: 1px;
}

#chartjs-tooltip table {
    color: #666;
    font-size: 12px;
    background-color: #fff;
    padding: 6px;
}

#chartjs-tooltip table tr td, #chartjs-tooltip table tr th {
    color: #666;
    text-align: center;
    font-weight: bold;
}

#chartjs-tooltip table tr td span.playerType {
    padding: 0 8px 0 0;
}

#chartjs-tooltip table tr td span.biggerText {
    color: #666;
    font-size: 15px;
}

/* Engagement Card */

.engagementCard {
    flex: 1 1 46%;
    background-color: #fff;
    margin: 10px 10px 10px 0;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}
.engagementCard .engagementText {
    font-size: 16px;
    line-height: 20px;
    color: #505050;
    font-weight: bold;
    padding: 10px 20px 0 20px;
    display: flex;
}
#engagementTimeframeText, #engagementTimeframeText span {
    color: #505050;
    padding: 4px 15px 0 0;
}

#engagementTabs {
    position: relative;
}

#engagementTabs .tabs30px {
    margin-bottom: 15px;
}

#engagementTabs .tab30px {
    height: 42px;
}

#engagementTabs i.fa.fa-sort-down, #engagementTabs .fa.fa-sort-up {
    color: #666;
    padding: 0 3px;
}

#engagementTabs .fa.fa-sort-down.inactive, #engagementTabs .fa.fa-sort-up.inactive {
    color: #efefef;
}

#engagementTabs i.fa.fa-sort-down {
    transform: translateY(-2px);
}

#engagementTabs i.fa.fa-sort-up {
    transform: translateY(2px);
}

#engagementTabs .ctr-sort, #engagementTabs .appReads-sort, #engagementTabs .likes-sort,
#engagementTabs .dislikes-sort, #engagementTabs .comments-sort {
    position: absolute;
    right: 40px;
    top: 18px;
}

.engagementCard .engagementTabsContainer .smartTabContainer {
    padding: 0 20px;
}
.engagementTabsContainer .smartTabContainer ul.list li {
    width: 100%;
    display: inline-flex;
    flex-flow: row;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #efefef;
}
.engagementTabsContainer .smartTabContainer ul.list li:last-child {
    border-bottom: 0;
}

.engagementTabsContainer .smartTabContainer ul.list li span:first-child {
    color: #343434;
    width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.engagementTabsContainer .smartTabContainer ul.list li span:last-child {
    color: #3d7cdc;
    width: 50px;
    margin-right: 20px;
    text-align: right;
}

.engagementTabsContainer .pager {
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: right;
}

.engagementTabsContainer .pager li {
    float: left;
}

.engagementTabsContainer .pager li a {
    display: block;
    color: #666;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

.engagementTabsContainer .pager li a:hover {
    color: #3d7cdc;
}

.engagementTabsContainer .pager li a:active {
    color: #3d7cdc;
}

/* MainView :: Site Statistics END */

/* Message Statistics Dialog (Message Overview) */

.ui-dialog.messageStatsDialogContainer {
    padding:0;
}

.ui-dialog.messageStatsDialogContainer .ui-dialog-titlebar{
    padding: 0 30px;
}

.ui-dialog.messageStatsDialogContainer .ui-dialog-title{
    height:20px;
    margin:0;
}

.ui-dialog.messageStatsDialogContainer .ui-dialog-titlebar-close{
    right: 0;
    top: 12px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 10px 5px;
    z-index: 102;
}

.ui-dialog.messageStatsDialogContainer .ui-dialog-titlebar-close .ui-icon{
    top: 0;
    left:0;
}

#messageStatsDialog {
    padding: 0;
}

#messageStatsDialog .modal-title {
    padding: 0 20px;
}

#messageStatsDialog .modal-title h2 {
    font-weight: normal;
    font-size: 20px;
    padding: 0;
    margin: 0;
}

#messageStatsDialog .modal-body {
    background: #f6f6f6;
    padding: 10px;
}

.messageStatisticsCards {
    width: 100%;
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.messageStatisticsCard {
    flex: 1 0 280px;
    background-color: #fff;
    margin: 10px;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    max-width: 280px;
}

.messageStatisticsCard .cardTitleText {
    font-size: 16px;
    line-height: 20px;
    color: #505050;
    font-weight: bold;
    padding: 10px;
}


.deviceBreakdown {
    width: 240px;
    margin: 0 20px;
}

.messageStatisticsCard .connectedDevices .numConnectedDevices,
.messageStatisticsCard .devicesReachedPercentage .numPercentage,
.messageStatisticsCard .interactions .numInteractions,
.messageStatisticsCard .readMoreCtr .readMoreCtrPercentage {
    font-size: 70px;
    font-weight: 100;
    line-height: 70px;
    padding: 10px 0 10px 0;
    color: #505050;
    text-align: center;
}

.messageStatisticsCard .connectedDevices .numConnectedDevicesText,
.messageStatisticsCard .devicesReachedPercentage .devicesReachedText,
.messageStatisticsCard .interactions .interactionsText,
.messageStatisticsCard .readMoreCtr .readMoreCtrText {
    text-align: center;
    color: #505050;
    font-size: 20px;
    margin-bottom: 10px;
}

.messageStatisticsCard .numDevices, .messageStatisticsCard .deviceBreakdownPercentages,
.messageStatisticsCard .deviceInteractions, .messageStatisticsCard .numReadMoreCtr {
    width: 80%;
    display: inline-flex;
    flex-flow: row;
    justify-content: center;
    text-align: center;
    margin: 0 30px 30px 30px;
}

.messageStatisticsCard .numPCs, .messageStatisticsCard .numTVs, .messageStatisticsCard .numApps {
    flex: 1 0 30%;
    text-align: center;
    display: flex;
    flex-flow: column;
}

.messageStatisticsCard .numDevices .deviceText,
.messageStatisticsCard .deviceInteractions .deviceText,
.messageStatisticsCard .numReadMoreCtr .deviceText,
.messageStatisticsCard .numDevices .deviceText span {
    color: #505050;
    font-weight: bold;
}

.messageStatisticsCard .numDevices .deviceCount,
.messageStatisticsCard .numReadMoreCtr .ctrCount,
.messageStatisticsCard .deviceInteractions .deviceCount {
    color: #505050;
}

.deviceBreakdownPercentages .deviceText span {
    color: #505050;
    font-weight: bold;
}

.deviceBreakdownPercentages .devicePercentage {
    width: 60%;
    color: #505050;
    margin-left: 35px;
}

.messageStatisticsCard .devicesReached .numDevicesProgressbar,
.messageStatisticsCard .engagementPercentages .engagementProgressbar {
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
}
.messageStatisticsCard .devicesReached .numDevicesProgressbar .progressTotal {
    position: relative;
    width: 190px;
    height: 10px;
    margin-left: 20px;
    background-color: #f4f4f4;
    border-radius: 5px;
}
.messageStatisticsCard .devicesReached .numDevicesProgressbar .progressPC {
    position: absolute;
    height: 10px;
    background-color: #3d7cdc;
    border-radius: 5px;
}
.messageStatisticsCard .devicesReached .numDevicesProgressbar .progressTV {
    position: absolute;
    height: 10px;
    background-color: #ffb521;
    border-radius: 5px;
}
.messageStatisticsCard .devicesReached .numDevicesProgressbar .devicesPercentage {
    color: #505050;
    text-align: right;
    width: 36px;
    margin-right: 20px;
    transform: translateY(-7px);
}

.messageStatisticsCard .devicesReached .devicesPC, .messageStatisticsCard .devicesReached .devicesTV {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.messageStatisticsCard .devicesReached .devicesText .devicesTextBold {
    color: #505050;
    font-weight: bold;
}
.messageStatisticsCard .devicesReached .devicesText {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 20px;
}
.messageStatisticsCard .devicesReached .devicesText > div {
    margin-left: 5px;
}
.messageStatisticsCard .devicesReached .devicesText > div > span {
    color: #505050;
}

.messageStatisticsCard .engagementPercentages {
    margin-bottom: 20px;
}

.messageStatisticsCard .engagementPercentages .engagementText {
    margin: 0 20px;
    display: flex;
    justify-content: space-between;
    transform: translateY(7px);
}
.messageStatisticsCard .engagementPercentages .engagementText span {
    color: #505050;
}
.messageStatisticsCard .engagementPercentages .engagementText .right {
}

.messageStatisticsCard .engagementPercentages .engagementProgressbar .engagementTotal {
    position: relative;
    width: 100%;
    height: 10px;
    margin: 0 20px;
    background-color: #f4f4f4;
    border-radius: 5px;
}
.messageStatisticsCard .engagementPercentages .engagementProgressbar .appEngagementReadMore {
    position: absolute;
    height: 10px;
    background-color: #ff6384;
    border-radius: 5px;
}
.messageStatisticsCard .engagementPercentages .engagementProgressbar .pcEngagementReadMore {
    position: absolute;
    height: 10px;
    background-color: #3d7cdc;
    border-radius: 5px 0 0 5px;
}
.messageStatisticsCard .engagementPercentages .engagementProgressbar .engagementLikes {
    position: absolute;
    height: 10px;
    background-color: #ff6384;
    border-radius: 5px;
}
.messageStatisticsCard .engagementPercentages .engagementProgressbar .engagementDislikes {
    position: absolute;
    height: 10px;
    background-color: #ff6384;
    border-radius: 5px;
}
.messageStatisticsCard .engagementPercentages .engagementProgressbar .engagementComments {
    position: absolute;
    height: 10px;
    background-color: #ff6384;
    border-radius: 5px;
}

.statisticsTooltip {
    background-color:white;
    padding: 10px;
    font-size: 13px;
    border-radius: 10px;
}
.statisticsTooltip .aToolTipContent {
    color:#505050;
    position:relative;
    margin:0;
    padding: 0;
}

.statisticsTooltip .pcNumbers {
    width: 70px;
    display: flex;
    justify-content: space-between;
}
.statisticsTooltip .appNumbers {
    width: 70px;
    display: flex;
    justify-content: space-between;
}
.statisticsTooltip p.aToolTipContent {
    width: 70px;
    display: flex;
    justify-content: space-between;
}

.statisticsTooltip .pcText {
    color: #3d7cdc;
}
.statisticsTooltip .pcNumber, .statisticsTooltip .appNumber {
    color: #505050;
}
.statisticsTooltip .appText {
    color: #ff6384;
}

.statisticsTooltip p {
    margin: 0;
    font-size: 13px;
    line-height: 100%;
    padding: 0;
}

.icon-eye-margin {
    margin: 0 5px;
}

.playerTargetedSitesContent .detailsContainer {
    padding: 30px;
    background: #fff;
    margin-bottom: 20px;
}

.playerTargetedSitesContent .slidesContainer {
    padding: 30px 0 30px 30px;
    background: #fff;
}

.playerTargetedSitesContent .h2 {
    display: inline-block;
    font: bold 15px 'Open Sans',sans-serif;
}

.playerTargetedSitesContent .dialogRow {
    display: flex;
}

.playerTargetedSitesContent .dialogRow .colOne   {
    width: 15%; padding: 0 10px 0 0; line-height:36px;
    color: #888;
    font-weight: bold;
}
.playerTargetedSitesContent .dialogRow .colTwo   {
    width: 35%; padding: 0 10px 0 0; line-height:36px;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
    color: #888;
}
.playerTargetedSitesContent .dialogRow .colThree {
    width: 12%; padding: 0 10px 0 0; line-height:36px;
    color: #888;
    font-weight: bold;
}
.playerTargetedSitesContent .dialogRow .colFour  {
    width: 32%; padding: 0; line-height:36px; overflow:hidden;
    white-space:nowrap; text-overflow:ellipsis;
    color: #888;
}

.playerTargetedSitesContent .dialogRow .colOne span,
.playerTargetedSitesContent .dialogRow .colTwo span,
.playerTargetedSitesContent .dialogRow .colThree span,
.playerTargetedSitesContent .dialogRow .colFour span{
    line-height:24px;
}

.playerTargetedSitesContent .siteSlidesTemplate .siteSlides {
    display: flex;
    flex-flow: wrap;
}

.playerTargetedSitesContent .internalSlides {
    border-bottom: 2px solid #eee;
    margin-right: 20px;
}

.playerTargetedSitesContent .siteSlidesTemplate .siteName {
    font-weight: bold;
    padding: 10px 0 5px 0;
}

.playerTargetedSitesContent .siteSlidesTemplate .siteSlides img.slidethumb {
    min-width: 200px;
    height: 150px;
    margin: 0 15px 10px 0;
    border: 1px solid #aaa;
    cursor: pointer;
}

#externalSitesContainer .externalSlideDiv {
    width: 267px;
    height: 150px;
    background: #eee;
    margin: 0 15px 10px 0;
    border: 1px solid #aaa;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

#externalSitesContainer .externalSiteName {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    color: #888;
    font-size: 12px;
}

#externalSitesContainer .externalIcon {
    margin-top: 40px;
}

#licenseExceededModal .modal-body, #licenseExceededModal p, #licenseExceededModal a, #licenseExceededModal b {
    color: #222;
}

#licenseExceededModal ul {
    list-style-type: disc;
    list-style-position: outside;
    padding: 0 10px;
    margin: 0 10px;
}

#licenseExceededModal ul li {
    color: #222;
}