@import url("css/app.css");
@import url("css/main.css");
@import url("css/btn.css");
@import url("//fonts.googleapis.com/css?family=Open Sans");

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.required {
	background-color: #D8E6F3;
}

.errorLabel {
	font-weight: bold;
	color:#dd0000 !important;
}

.listTitleRow .errorLabel {
	font-weight: normal;
	color:#eee !important;
}

/* Using this class will force all inputs to be numbers */
input.number {
	text-align: right;
}

BODY {
	margin: 0 0 20px 0;
	background-color: #FFFFFF;
	text-align: left; /* Gotta do this for IE. All your main tables should reset to text-align:left */
}

textarea.content {
	font-family: courier,monospace;
	-moz-tab-size:2; -o-tab-size:2; tab-size:2;
}

BODY, TD, P, INPUT, OPTION, SELECT, TEXTAREA, PRE, A, DIV, BUTTON { font-family: "Open Sans", Arial, sans-serif !important; font-size: 12px; }
BODY, TD, P, INPUT, SELECT, TEXTAREA, PRE { color: #151515; }

.mediumFont {
	font-size: 14px;
}

/* Input Styles */

INPUT, TEXTAREA, SELECT { border: 1px solid #adadad; font-weight: normal; background: #fff; }
INPUT, SELECT { margin: 0; }
INPUT[disabled], SELECT[disabled], TEXTAREA[disabled] { border: 1px solid #d2d2d2; color: #b7b7b7; }

INPUT[type=radio] { margin-left: 10px; margin-right: 5px; }
INPUT[type=image] { border-style: none; background: none; }
INPUT[type=file] { border: 1px solid #adadad; }
input[type=text], INPUT[type=password], SELECT, textarea {
	border-radius:3px;
	padding: 3px;
}
SELECT {
	min-height:26px;
}
INPUT[type=checkbox], INPUT[type=radio] { background: none; border: none; }
TEXTAREA#defaultTextBody.redText { color: #dd0000; }

/* fix for border being attached to image inputs where type modifier not being honored (ie) */

.imageButton { border-style: none; }
IMG { border: 0; display: inline; }
FORM, PRE { margin: 0; }
A:link, A:active, A:visited { color: #247aca; text-decoration: none; font-family: inherit; font-size: inherit; font-weight: inherit; }
A:hover, A.activeLink { color: #000000; }
P { line-height: 1.3em }
TABLE { empty-cells: show; border-collapse: collapse;  }
IFRAME { background: #FFFFFF }

/* General Content Elements */

div.mainContent, div.minimalContent {
	background: #FFFFFF;
	clear: both;
	display: block;
	padding: 5px 0px 0px 0px;
	width: 1186px;
	max-width: 1186px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: left;

}

div.minimalContent { width: 750px; }
.pageContent { overflow-x: scroll; width: 1176px; }

div.errorBox {
	clear: both;
	color: #dd0000;
	font-weight: bold;
	text-align: left;
	margin: 10px auto 0px auto;
	padding: 10px 10px 10px 10px;
	width: 1196px;
	max-width: 1176px;
}

div.mainContent div.errorBox {
	width: 1156px;
	max-width: 1136px;
}

div.warningBox {
	width: 1156px;
	max-width: 1136px;
	border-top: 2px solid #dddddd;
	border-left: 2px solid #dddddd;
	border-right: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
	margin: 10px auto;
	text-align: left;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 6px;
}

/* Site Chooser Styles */
#siteChooser { padding: 5px; background: #EDEDED }
#siteChooser TD { padding-right: 5px; }
#footerSiteSelect { background: #FFFFFF; }

/* Refresh Content Elements */
#refreshBox { padding-right: 20px; padding-top: 5px; text-transform: uppercase; visibility: hidden; white-space: nowrap; font-size: 10px; font-weight: normal; }
#refreshDuration { color: #000000; padding-left: 5px; font-weight: bold; }
#PollRefreshDuration { color: #000000; padding-left: 5px; font-weight: bold; }

/* Content Boxes, Titles, and Subtitles */
.containerBox { padding: 0 10px 10px 10px; }
.containerBox.white { padding: 15px; background: #FFFFFF; }
.titleCorner { background: #EFEFEF; }
.title, .errorTitle, .collapseIcon {
	padding: 3px;
	height: 19px;
	white-space: nowrap;
	text-transform: capitalize;
}
.title, .errorTitle {
	color: #000000;
	font-size: 1.125rem !important;
	text-transform: capitalize;
	font-weight: bold;
}
.title A:link, .title A:active, .title A:visited {
	color: #247aca;
	font-size: 1.125rem;
	text-decoration: underline;
	font-weight: bold;
	clear: both;
}
.title A:hover { color: #151515; text-decoration: none; }
div.title { margin-bottom: 10px; }
#mailingPreview .title { margin-bottom: 20px; }
.border .title, .border .collapseIconCell { border-bottom: 1px solid #151515;  }
.collapseIcon { padding: 2px 4px 0 2px; }

.subTitle, .subTitleNoBorder {
	font-size: 14px;
	font-weight: normal;
	color: #151515 !important;
	text-transform: capitalize;
	margin-bottom: 10px;
	text-align: left;
	padding: 6px 0px 0px 0px;
}

.subTitle {
	border-bottom: 1px solid #d3d3d3;
}

.subTitle A:link, .subTitle A:active, .subTitle A:visited {
	font-size: 13px;
	font-weight: bold;
	padding: 8px 0px 3px 0px;
	text-transform: capitalize;
}

.subcolor { color: #197B30; }
.content, .contentFrame, .errorContent, .unpaddedContent {  padding: 10px 3px 0 5px; vertical-align: top; text-align: left; }
.unpaddedContent { padding: 0; }
.standardCornerLeft { background-position: bottom left; background-repeat: repeat-x; }
.standardCornerRight { background-position: bottom left; background-repeat: repeat-x; text-align: right; }

.containerTabBox { padding: 0 10px 10px 0; }
.containerTabBox .content { background: #FFFFFF; border: 1px solid #999999; padding: 10px 10px 0 10px; vertical-align: top; border-top-style: none;  }
.containerTabBox .modifier { background: #FFFFFF; border: 1px solid #999999; padding: 10px 10px 0 10px; vertical-align: top; border-top-style: none;  }

.contentVariantTypeSelector {
	clear: both;
	display: inline-block;
	vertical-align:top;
}

.highlight {background-color: #ebee82;padding:4px;}

/* Login Parameters */
#loginParameters .title { padding: 0px 0px 10px 0px; }
#loginParameters .containerBox, #formChooseSite .containerBox { padding: 0px 0px 15px 0px; }

/* Single Reports */

#reportTabPanes.jqueryToolsTabPanes {
	width: 896px;
}

.mailingReportMasterBox .containerBox  {
	padding: 10px;
	border: none;
}

.votesnumbers td {
	font-weight: bold;
	font-size: 16px;
	color: #197B30;
	padding-left: 20px;
}

.mailingReportSection {
	width:918px;
	height:100%;
}

.mailingReportDetails {
	width:450px;
	height:100%;
}

.mailingReportTargeting {
	width:418px;
	height:100%;
}

.mailingReportMasterBox .content {
	border-radius: 6px;
}

.mailingReportMasterBox .containerBox {
	background: #F0F0F0;
	width: 98%;
	padding: 20px;
	border-radius: 6px;
}

.mailingReportMasterBox.nobox .containerBox, .reportTabPanes .containerBox {
	background: none;
	padding: 10px;
	border: none;
}

.mailingReportMasterBox .content .subTitle {
	border: none;
	text-align: left;
}

.mailingReportMasterBox.nobox .containerBox td.addborder .subTitle {
	border-bottom: 1px solid #333333;
	margin: 0px 5px;
}

.mailingReportMasterBox.aligncenter .subTitle {
	text-align: center;
}

.mailingReportMasterBox .content .bottomBorder {
	border: none;
}

/* Sort Specific Classes */
.sortIcon { padding: 0 0 0 5px; }

/* Collapse Specific Classes */
.collapsable { cursor: pointer; padding: 10px 0px; }
.collapseIconCell { padding: 5px 5px 0 2px; width: 15px;}

/* Modifer Box - optional box above container contents, often used for filter forms */
.modifier { background: #F0F0F0; border: 1px solid #333333; padding: 2px 10px 0 10px; }
.modifier INPUT, .modifier TEXTAREA, .modifier SELECT { background: #FFFFFF; }
.modifierFrame { background: #ffffff; border-bottom: 1px solid #999999; padding: 2px 10px 0 10px; }
.inputLabelWrap { float: left; padding: 0 5px 4px 0; font-size: 12px; }
.inputLabelTitle { font-weight: normal; }

/* Error Container Specific - see above reference to .errorTitle */
.errorTitleCorner { background: #EFEFEF; }
.errorTitle { background: #EFEFEF; }
.errorContent { border-color: #dd0000; background: #E6B12D; padding-top: 15px; border-left-style: none; }

/* Display Item Container - see above reference to .content */
.itemLabel, .itemLabelStandalone {
	font-size: 12px;
	font-weight: bold;
	padding: 6px 5px 0px 0px;  /* top, right, bottom, left */
	text-transform: capitalize;
	color: #111111;
	/*border-top: 1px solid #9EB4C3;   */
	margin-bottom: 3px;
	text-align: left;
}
.itemLabel.noborder { border: none; }
.itemLabelStandalone { margin-bottom: 10px; }
.item { padding-bottom: 5px; margin-bottom: 10px; line-height: 1.4em; }
.itemNormalFont { padding-left: 5px; margin-left: 10px; line-height: 1.4em; font-weight: normal; text-transform: none; }
.item.withborder { border-bottom: 2px solid #FFFFFF; }

.halfWidth {width: 500px; overflow-x: auto;}

div.indentedItem {
	margin-bottom: 10px;
	line-height: 1.4em;
	margin-left: 30px;
}

div.doubleIndentedItem {
	margin-bottom: 10px;
	line-height: 1.4em;
	text-indent: 60px;
}

.italicItem {
	font-style: italic;
}

div.legendItem {
	color: #999999;
	padding:10px;
}

/* FIXED-WIDTH TEXT-BASED STATISTICS REPORT */
PRE.stats { font-family:"Courier New",Courier,monospace;font-size:x-small }

TD.recurringScheduleBorder { padding-left:15px;}
DIV.recurringScheduleBorder {
	border: 1px solid #cccccc;
	padding: 5px;
	width: 700px;
	border-radius: 6px;
}
TD.recurringScheduleOptions {
	border-right: 1px solid #cccccc;
	padding-right: 5px;
	width: 100px;
}


/* LISTBOX CONTAINER */
.listTitleRow td.sorted {
	background: #d3d3d3;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#d3d3d3));    /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(top, #d3d3d3, #d3d3d3); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #d3d3d3, #d3d3d3);    /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(top, #d3d3d3, #d3d3d3);     /* IE 10+ */
	background-image: -o-linear-gradient(top, #d3d3d3, #d3d3d3);      /* Opera 11.10+ */

	color: #151515;
}

.listTitleRow td.sorted a {
	color: #151515;
}

TD.listBoxWrapper { background: #FFFFFF; padding-bottom: 5px; }
.listBoxWrapper TABLE { border-collapse: separate;  }
.listBoxWrapper TD TD { border-style: none; background: none; }

TR.listTitleRow TD {
	background: #e4e4e4;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#e4e4e4));    /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(top, #e4e4e4, #e4e4e4); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #e4e4e4, #e4e4e4);    /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(top, #e4e4e4, #e4e4e4);     /* IE 10+ */
	background-image: -o-linear-gradient(top, #e4e4e4, #e4e4e4);      /* Opera 11.10+ */
	padding: 5px;

}
TR.listTitleRow TD, TR.listTitleRow TD a {
	color: #000;
	font-size: 0.8125rem;
	font-weight: normal;
}

.listTitle {
	background: #197B30;
	color: #FFFFFF;
	font-size: 0.8125rem;
	font-weight: normal;
	padding:5px;
}

.listBoxWrapper TD, .listBoxWrapper .listContentRow  {
	padding: 4px 8px;
	border-bottom: 1px solid #FCFCFC;
	background: #FFFFFF;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFFF));    /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);    /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);     /* IE 10+ */
	background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF);      /* Opera 11.10+ */
}
.listBoxWrapper TD span.number {
	font-weight: bold;
	color: #000000;
	font-size: 13px;
}

.listBoxWrapper .listContentRowOdd TD, .listBoxWrapper .listContentRow {
	background: #F6F6F6;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F6F6), to(#F6F6F6));    /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(top, #F6F6F6, #F6F6F6); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #F6F6F6, #F6F6F6);    /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(top, #F6F6F6, #F6F6F6);     /* IE 10+ */
	background-image: -o-linear-gradient(top, #F6F6F6, #F6F6F6);      /* Opera 11.10+ */
}
.listBoxWrapper .listContentRowOn TD, .listBoxWrapper .listContentRowOddOn TD, .listBoxWrapper .listContentRowOver TD, .listBoxWrapper .listContentRowOddOver TD {
	background: #d9ebf5;
}

.listBoxWrapper .padListBox {
	margin-top: 10px;
	margin-bottom: 10px;
}

.listBoxWrapper .columnOver { background: #EFEAE7 !important; border-left-color: #EFEAE7 !important; border-right-color: #EFEAE7 !important; }
.listBoxWrapper .columnOn { background: #EDE0C2 !important; border-left-color: #EDE0C2 !important; border-right-color: #EDE0C2 !important; }
.pagination { padding: 3px; height: 19px; white-space: nowrap;  color: #000000; cursor: auto; }
.shownItems { font-weight: bold; }
.pagination A:link, .pagination A:active, .pagination A:visited { color: #000000; text-decoration: underline; }
.pagination A:hover { text-decoration: none; }

.icon { padding: 0 5px 0 0; }
.iconLink { padding-right: 12px; }
.sortArrow { padding: 2px 0 0 7px; }
.listLink { margin-right: 10px; }
.listLink a, .listLink a:active, .listLink a:visited { color: #000000; font-weight: normal; }

/* FRAME BOX CONTAINER */
.frame { padding: 0; background-color: #FFFFFF; border: 1px solid #666666; }

.approvalComments { padding-top: 20px; width: 400px; }
.contentRow td { vertical-align: top; }
.contentRowTitle { width: 200px; text-align: right; font-weight: bold; padding-right: 5px; }
.contentRowTitle.empty { color: #D7DFE3; }

.containerBoxRight { padding: 22px 10px 10px 0; width: 400px; }

/* STATUS BAR STYLES - used on status pages */
#statusBarBackground { border: 1px solid #666666; background: #FFFFFF; }
#statusBarProgress { background: #FF9900; }

/* POPUP NOTE STYLES - applied by javascript */
.note { background: rgba(0, 0, 0, 1.0); color: #FFFFFF; line-height: 1.3em; font-weight: normal; text-align: left; left: 0;  padding: 6px 10px 6px 10px; width: 200px; visibility: hidden; position: absolute; left: 0; right: 0; }

#tooltip {
	position: absolute;
	z-index: 3000;
	font-size: 9px;
	font-weight: bold;
	color: #000;
	border: 1px solid #000;
	border-width: 1px;
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*IE8*/
	filter:alpha(opacity=100); /*IE*/
	background-color: #fff;
	padding: 5px;
}
#tooltip h3, #tooltip div { margin: 0; }


/* DEFAULT MAILING TEMPLATE ICONIC PREVIEW CLASSES - should be referenced in Preview section of Content/Mailing Templates*/
.templateComplete, .templateActive, .templatePending, .templateSkip, .templateStatic { margin: 4px; padding: 2px 4px 2px 4px; border: 2px solid #666666; font-size: 11px; cursor: pointer; }
.templateComplete td, .templateActive td, .templatePending td, .templateSkip td, .templateStatic td { font-size: 11px; }
.templateComplete { background: #B1C7C0; border-color: #000000; }
.templateActive { background: #FFCC00; border-color: #990000; cursor: auto; }
.templatePending { background: #dddddd; border-color: #999999; }
.templateSkip { background: #ffffff; border-color: #993333; }
.templateStatic, .templateStatic td { background: #ffffff; border-color: #CCCCCC; cursor: auto; color: #666666; }
.template-horizontal-group .template-horizontal-subgroup, .template-horizontal-group .template-input { float: left; padding-right: 5px;  }
.template-choose .template-choose-when {  padding: 10px 10px 10px 10px;  background-color: #EDEDED; }
.template-group-conditionalcontent {  padding: 10px;  }
.template-group-add-remove-buttons { background-color: #EDEDED; margin-bottom: 15px; padding-left: 10px; padding-bottom: 10px; }
.template-group-add-remove-buttons input { background-color: #FFFFFF; }

/* DEFAULT CLASS FOR COLOR TILES IN COLOR SELECTOR */
.colorCell { border: 1px solid #000000; cursor: pointer; width: 10px; height: 10px;  border-collapse: collapse; border-spacing: 0; }

/* OLAP SPECIFIC CLASSES - changes likely to be frequent here */
.OLAPCube TD { border-left-style: none; border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 3px 5px 3px 5px;  }
.OLAPCube, .OLAPCube TABLE { empty-cells: show; border-collapse: separate; }
.OLAPCube .heading-heading { background: #D7DFE3; }
.OLAPCube .corner-heading { background: #F1F4F5; }
.OLAPCube .column-heading-even { background: #EFEAE7; }
.OLAPCube .column-heading-odd { background: #EDE0C2; }
.OLAPCube .row-heading-even { background: #FFFF66; }
.OLAPCube .row-heading-odd { background: #FFFFAA; }
.OLAPCube .cell-even { background: #FFFFFF; }
.OLAPCube .cell-odd { background: #F3F3F3; }
.OLAPCube .row-heading-span { background: #EFEF76; }
.OLAPCube .listInput { padding-right: 5px; vertical-align: text-bottom; }
.OLAPNavButton { border-style: none; }
.xtable-data { border-bottom: 1px solid #CCCCCC; border-right: 3px solid #FFFFFF; border-left: 3px solid #FFFFFF; padding: 3px 2px 3px 2px; background: #FFFFFF; }
.xtable-title { border: 1px solid #999999; background: #FFCC66; font-weight: bold; padding: 2px 10px 2px 10px; text-transform: capitalize; }
.xtable-title TD { font-weight: bold; text-transform: capitalize; }
.xtable-heading { background: #D7DFE3; border-bottom: 1px solid #999999; padding: 3px 0 3px 0;  border-left: 3px solid #D7DFE3; border-right: 3px solid #D7DFE3; }
.xtable { empty-cells: show; border-collapse: separate; }
.navi-axis, .navi-axis TD { font-weight: bold; }
.navi-axis { padding-top: 5px; }
.navi-hier { padding: 3px; }
.navi-wrapper { border: 1px solid #999999; padding: 3px; }
.xform-title { font-weight: bold; padding-bottom: 4px; }
.xform-label { text-align: right; font-weight: bold; padding: 0 4px 3px 0; }
.xform-input { padding: 10px 4px 3px 0; }
.OLAPOptions {}
TD.OLAPNavButton, TD.OLAPNavSeparator { padding: 0 6px 0 0; }

/* CALENDAR SPECIFIC CLASSES */
.calendarTable { empty-cells: show; border-collapse: separate;  }
.calendarTable TD { font-family: monospace; }
.calendarDaysOfWeek TD { font-size: 13px; font-weight: bold; text-align: center; border-top: 1px solid #666666; border-bottom: 1px solid #666666;  background: #D7DFE3; }
.calendarRow TD { font-size: 11px; text-align: right; width: 14px; height: 14px; border: 1px solid #F3F3F3; padding: 2px; }
TD.calendarDayOn { background: #FFFF66; border: 1px solid #444444; }
TD.calendarDayOver { background: #FFFFAA; border: 1px solid #999999; cursor: pointer; }
TD.calendarDayToday { border: 1px solid #999999; cursor: pointer;}
.calendarWrapper { border: 1px solid #555555; background: #F3F3F3; border-collapse: separate; }
.calendarLast, .calendarNext { font-size: 13px; font-weight: bold; padding: 0 5px 0 5px; cursor: pointer; }
.calendarTitle { text-align: center; font-size: 13px; font-weight: bold; padding-top: 2px; }
.lastDayOfWeek { border-right: 1px solid #666666; }
.firstDayOfWeek { border-left: 1px solid #666666; }
.calendarPadder { padding: 2px 5px 3px 5px; }

/* Validation Errors */
.redBorder {
	border: solid #dd0000 1px;
}

/* jQuery Tools Tooltips */
div.errorMessageContainer {
	display: inline;
	vertical-align: top;
	font-size: 13px;
	font-weight: bold;
	color: #dd0000;
}

div.mailingPreviewText {
	overflow-x: scroll;
	width: 1060px;
}

div#mailingPreview div.mailingPreviewText {
	overflow-x: scroll;
	width: 700px;
}

div.errorToolTip_display {
	display: none;
	position: absolute;
	font-size: 13px;
	font-weight: bold;
	color: #dd0000;
	border: 1px solid #dd0000;
	border-width: 1px;
	padding: 2px 10px;
	max-width: 225px;
	border-radius: 5px;
	z-index: 9999;
	background-color: #FFFFFF;
}

div.spToolTip_display {
	display: none;
	position: absolute;
	left: 0;
	padding: 5px 5px;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background: #444444;
	border-radius: 5px;
	border: 2px solid #F3F3F3;
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*IE8*/
	filter:alpha(opacity=100); /*IE*/
	z-index: 9999;
	max-width: 600px;
}

select#selectedCampaign {
	width:330px;
}

div#errorMsg {
	font-size: 13px;
	font-weight: bold;
	color: #dd0000;
	text-align:center;
}

div[id$=ErrorMsg] {
	font-size: 13px;
	font-weight: bold;
	color: #dd0000;
	text-align:center;
}

/*********************************************** ACCORDIONS ********************************************************/

/* root element for accordion. decorated with rounded borders and gradient background image */
div.accordion { background:#FFFFFF ; width: 200px; }
div.accordion.contentmanager { width: 220px; }

/* accordion header */
div.accordion h2 {
	background: #cccccc;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#cccccc));    /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(top, #cccccc, #cccccc); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #cccccc, #cccccc);    /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(top, #cccccc, #cccccc);     /* IE 10+ */
	background-image: -o-linear-gradient(top, #cccccc, #cccccc);      /* Opera 11.10+ */

	margin:0;
	font-weight: normal;
	color: #000;
	padding:4px 8px;
	font-size:14px;
	cursor:pointer;
	border-top: 1px solid #FFFFFF;
	border-radius: 3px;
}

/* currently active header */
div.accordion h2.current {
	cursor:default;
	color: #fff;
	background:#212121;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#212121), to(#212121));    /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(top, #212121, #212121); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #212121, #212121);    /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(top, #212121, #212121);     /* IE 10+ */
	background-image: -o-linear-gradient(top, #212121, #212121);      /* Opera 11.10+ */
}

/* accordion pane */
div.accordion div.pane {
	border:1px solid #999999;

	display:none;
	height:570px;
	font-size:11px;
	white-space: nowrap;
	padding: 15px;
	cursor: default;
	overflow:hidden;
	/*
	overflow-x:auto;
	overflow-y:auto;*/
	border-radius: 3px;
	color: #000;
	font-weight: normal;
}

div.accordion div.contentPane {
	height:740px;
	padding:0px;
	overflow:visible;
}

div.accordion div.scrollablePane {
	overflow-x: auto;
	overflow-y: auto;
}

td.wizardTagAccordion div.accordion.contentmanager div.pane {
	height:430px;
}

div.accordion.contentmanager  div.pane {
	height:730px;
	padding: 5px;
	/*overflow-x: hidden;*/
}

div.accordion div.pane.active {
	display:block;
}

div.accordion div.pane.hoverbold div:hover {
	font-weight: bold;
}

.grayText {
	color: gray
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

/*take anything but the first td and add left padding to it.*/
table.targetingPaneSuppressionTable tr td + td{
	padding-left: 130px;
}

table.targetingPaneSuppressionTable tr {
	vertical-align: top;
}

.contentPaneContentTypePane {
	height: 600px;
}
.contentPaneContentTypePane TEXTAREA {
	background: #FFFFFF;
}

#htmlPane {
	padding: 5px;
}

.contentPaneCopyOfDefaultContentTypePane {
	height: 460px;
	width: 815px;
	overflow: auto;
}

div.mailingTags {
	display: block;
	overflow: scroll;
	white-space: nowrap;
}

div.nowrap {
	white-space: nowrap;
	max-width: 10000px;
}

/*******************************************************************************************************************/
/************************************************* T A B S *************************************************/
/*******************************************************************************************************************/


ul.jqueryToolsTabs, .mailingpartcontainer {
	float: left;
	width: 100%;
	margin:0px;
	padding: 0px;
	background: url('../stormpost/images/tabcontent_bg_column.png') left 4px repeat-x;
}

ul.jqueryToolsTabs li {
	float:left;
	text-indent:0;
	list-style-type:none;
	margin: 0px 2px 0px 2px;
}

ul.jqueryToolsTabs li:first-child { margin-left: 0px; }
ul.jqueryToolsTabs li:last-child { margin-right: 0px; }

/* Setting Tab Style */

ul.jqueryToolsTabs li a {
	display:block;
	height: 29px;
	padding: 5px 8px 0px 8px;
	margin:0;


	/* font decoration */
	color:#333;
	font-size:13px;
	line-height: 24px;
	text-align:center;
	text-decoration:none;
	border-top: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;

}

ul.jqueryToolsTabs li a.current, ul.jqueryToolsTabs li a:hover {  /* Setting Current Tab and Hover */
	color: #000000;
	background: #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
}

ul.jqueryToolsTabs a.current {   /* Ensure active tab does not appear to be clickable */
	cursor:default;
}

/* SendTab Tabs to be less wide and include notification number styling  */

ul.jqueryToolsTabs.wide li a {
	padding: 5px 12px 0px 16px;
}

ul#reportTabs.jqueryToolsTabs {
	width: 918px;
}

div#reportTabPanes.jqueryToolsTabPanes div#subTabPanes.jqueryToolsTabPanes {
	background:#FFFFFF;
	width: 830px;
}

ul#socialReportTabs.jqueryToolsTabs {
	width: 1185px;
}

ul.jqueryToolsTabs li a[href="#dc_plusTab"] { cursor:pointer; }

/* Special case this tab to never appear selected */
ul.jqueryToolsTabs a[href="#dc_plusTab"].w5.current { background-position: -540px -48px; width:32px; }

ul.jqueryToolsTabs li.dc_previewSource a { background-color: #197b30; color:white }
ul.jqueryToolsTabs li.dc_previewSource a:hover { background-color: #197b30; color:white }
ul.jqueryToolsTabs li.dc_previewSource a.current { background-color: #197b30; color:white }
#dynamicContentTabPanes > div { height: 480px; }

#dynamicContentTabPanes.jqueryToolsTabPanes {
	width:840px;

}

/* Setting Style for content area under the selected tab */

div.jqueryToolsTabPanes {
	float: left;
	width: 1164px;
	background: #F0F0F0;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	padding: 10px 10px 15px 10px;
	margin: 0px 0px 20px 0px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	clear: both;
}

#returnPathMainTabPanes div.jqueryToolsTabPanes {
	margin: 0px 0px 10px 0px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.noTabs {
	border-top: 1px solid #d3d3d3;
	border-radius: 6px;
}

/* For columns to right of tabs i.e. View Reports */
.jqueryToolsTabPanes-column-adjacent {
	background: url('../stormpost/images/tabcontent_bg_column.png') left 4px repeat-x;
	padding-top: 60px;
}

div.jqueryToolsTabPanes > div, div.tabMakerPane {
	clear: both;
	display:none;
	padding:5px 5px;
	margin-bottom: 10px;
}

div.jqueryToolsTabPanes div.topButtons, div.jqueryToolsTabPanes div.bottomButtons {
	float: left;
	width: 100%;
	border-radius:6px;
	padding: 10px 0px;
	clear: both;
}

/* Send Process Top and Bottom Buttons */

div.jqueryToolsTabPanes div.paneContent { clear:both; overflow:auto; }
div.jqueryToolsTabPanes div.errorBox { width: 1056px; max-width: 1056px; }

div.jqueryToolsTabPanes div.errorMessage, div.jqueryToolsTabPanes div.blockingErrorMessage {
	display: inline;
	font-size:13px;
	font-weight: bold;
	color:#dd0000;
	vertical-align:top;
}

div.jqueryToolsTabPanes div.blockingErrorMessage {
	display: none;
}

/* How to handle modifer boxes and inputs within a tab */

div.jqueryToolsTabPanes .modifier, div.jqueryToolsTabPanes INPUT[type=text], div.jqueryToolsTabPanes TEXTAREA, div.jqueryToolsTabPanes SELECT { background: #FFFFFF; }
div.jqueryToolsTabPanes .modifier, div.jqueryToolsTabPanes INPUT[type=radio], div.jqueryToolsTabPanes INPUT[type=checkbox] { background: #F0F0F0; }
div.jqueryToolsTabPanes .modifier INPUT[type=radio], div.jqueryToolsTabPanes .modifier INPUT[type=checkbox], div.jqueryToolsTabPanes .modifier INPUT[type=text], div.jqueryToolsTabPanes .modifier TEXTAREA, div.jqueryToolsTabPanes .modifier SELECT { background: #F4F4F4; }


/* Send Process Tabs with Status Icons */

ul.jqueryToolsTabs li a span img {
	margin-left: 5px;
}

#mainTabs span {
	background-repeat:no-repeat;
	background-position: center center;
	display: none;
	padding-top: 2px;
}

#mainTabs span.good {
	display: inline;
	background: url('../stormpost/images/icons/buttonIcons/btn_icon_check_yellow.png') right top no-repeat;
}

#mainTabs span.fullValidation.good {
	display: inline;
	background: url('../stormpost/images/icons/buttonIcons/btn_icon_check_green.png') right top no-repeat;
}

#mainTabs span.fullValidation.bad {
	display: inline;
	background: url('../stormpost/images/icons/buttonIcons/btn_icon_exclamation.png') right top no-repeat;
}

/* Send Process Tabs within Tabs need style flipped */

#subTabs, #ABSplitComboTabs, #socialSubTabs, #editMailingPreviewPaneOuterDiv .jqueryToolsTabs { background: url('../stormpost/images/tabcontent_bg_column_sub.png') top left repeat-x; }
#subTabs li a, #ABSplitComboTabs li a,  #socialSubTabs li a, #editMailingPreviewPaneOuterDiv .jqueryToolsTabs li a { background: #F0F0F0; }
#subTabs li a.current, #subTabs li a:hover, #ABSplitComboTabs li a.current, #ABSplitComboTabs li a:hover, #socialSubTabs li a.current, #socialSubTabs li a:hover, #editMailingPreviewPaneOuterDiv .jqueryToolsTabs li a.current, #editMailingPreviewPaneOuterDiv .jqueryToolsTabs li a:hover {  /* Setting Current Tab and Hover */
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#mainTabPanes div.jqueryToolsTabPanes {
	float: none;
	background: #FFFFFF;
	width: auto;
}

/* Send Process Third-level tab needs to flip if another becomes active*/

#ABSplitComboPanes.jqueryToolsTabPanes ul#subTabs { background: url('../stormpost/images/tabcontent_bg_column.png') left 4px repeat-x; }
#ABSplitComboPanes.jqueryToolsTabPanes ul#subTabs li a { background: #FFFFFF; }
#ABSplitComboPanes.jqueryToolsTabPanes ul#subTabs li a.current, #ABSplitComboPanes.jqueryToolsTabPanes ul#subTabs li a:hover {
	background: #F0F0F0;
	border-bottom: 2px solid #F0F0F0;
}
#ABSplitComboPanes.jqueryToolsTabPanes .jqueryToolsTabPanes { background: #F0F0F0; }


/* FUNCTION BOX - optional footer to containers */
.function { padding: 5px; }
.functionBox, .function {
	border-radius:6px;
	margin-top: 5px;
	background: #d3d3d3;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#d3d3d3));    /* Safari 4+, Chrome 1-9 */
	background-image: -webkit-linear-gradient(top, #d3d3d3, #d3d3d3); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #d3d3d3, #d3d3d3);    /* Firefox 3.6+ */
	background-image: -ms-linear-gradient(top, #d3d3d3, #d3d3d3);     /* IE 10+ */
	background-image: -o-linear-gradient(top, #d3d3d3, #d3d3d3);      /* Opera 11.10+ */
}


table.contentPaneHeaders {
	border: 0;
	width: 100%;
}
table.contentPaneHeaders tr td {
	vertical-align: top;
	white-space: nowrap;
	padding:0px 5px 4px 0px;    /* top right bottom left */
	height: 24px;
}

table.contentPaneHeaders tr td:first-child {
	font-weight: normal;
}

table.contentPaneHeaders tr td:first-child{
	width: 69px;
}

table.contentPaneHeaders tr td:first-child + td{
	width: 318px;
}

table.contentPaneHeaders tr td:first-child + td + td{
	width: 9px;
}

table.contentPaneHeaders tr td:first-child + td + td + td{
	width: 329px;
	padding-right: 18px;
}

table.contentPaneHeaders tr td:first-child + td + td + td + td{
	width: 102px;
}

div#errorToolTip {
	display:none;
	font-size:13px;
	font-weight: bold;
	color:#dd0000;
	border:1px solid #dd0000;
	border-width:1px;
	background-color:#fff;
	padding:5px;
}

div#generalError{
	font-size:13px;
	font-weight: bold;
	color:#dd0000;
	border:1px solid #dd0000;
	border-width:1px;
	background-color:#fff;
	padding:5px;
	margin: 5px;
	vertical-align: middle;
}

div.newColumn {
	display: inline;
}

div.hidden, span.hidden, li.hidden {
	display: none;
}

.forceHidden {
	display:none !important;
}

div.loadingBox {
	background-color: #fff;
	margin: 60px auto;
	padding: 15px;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #000000;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 0 20px #ccc;
	-moz-box-shadow: 0 0 20px #ccc;
	-webkit-box-shadow: 0 0 20px #ccc;
	max-width: 1100px
}

div.modal, div.adjustableSizeModal, div.modalWithScrollBar {
	background-color: #FFFFFF;
	max-width: 1200px;
	display: none;
	padding: 15px;
	text-align: center;
	border: 2px solid #333333;
	border-radius: 6px;
	box-shadow: 0 0 50px #ccc;
	Z-Index: 9998;
}

div.modalWithScrollBar {
	overflow:auto;
	max-width: 1100px;
	max-height: 600px;
}

div.modal .title, div.adjustableSizeModal .title, div.modalWithScrollBar .title {
	text-align: left;
	font-size: 23px;
	padding-top: 7px;
}


div.adjustableSizeModal ul {
	text-align: left;
}

/* Wider modal and extra styling specifically for purged mailing interface */

div.modal.wide {
	width: 1000px;
	padding: 25px;
}

div.modal.wide div.verticalScroll {
	max-height: 500px;
}

div.modal.wide table, div.modal.wide table ul, div.modal.wide table ul, li {
	margin-left: auto;
	margin-right: auto;
}

div.purgeMailingsModal ul{ list-style-type: none; margin: 0px; padding: 0px; }

div.purgeMailingsModal ul li { padding: 5px;  }

div.purgeMailingsModal ul #showMoreRow { background: #FFFFFF; }

div.purgeMailingsModal div.editPurgeMailingsModalColumn {
	text-align: left;
	overflow-y: auto;
	height: 500px;
	max-height: 500px;
	width: 450px;
	border:1px solid #000000;
	z-index: 1;
	background: #F0F0F0;
}

/* Data Enhance Registration Inputs */

#dataEnhanceGetStartedModal div INPUT, #dataEnhanceGetStartedModal div TEXTAREA{  width: 330px }


li.error {
	list-style: none;
	list-style-type: none;
}

div.fullScreenModal {
	background-color:#fff;
	display:none;
	width: 1185px;
	height: 1185px;
	border:2px solid #333;
	border-radius:6px;
	box-shadow: 0 0 50px #ccc;
	z-index: 9999;
}

.closeButton-modal div.close {
	background-image:url("../stormpost/images/close_gray.png");
	position:absolute; right:-15px; top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

iframe.fullScreenPreview {
	width: 1150px;
	height: 780px;
	border: 0;
}

iframe.previewTab, iframe.returnPathiFrame, iframe.digioiFrame {
	width: 100%;
	height: 600px;
	border: 0;
}

iframe.returnPathiFrame, iframe.digioiFrame {
	height: 685px;
	margin-top: 15px;
	margin-left: 5px;
}

iframe.tableauiFrame {
	width: 568px;
	height: 333px;
	border: 0;
	margin: 0;
	overflow: hidden;
}

iframe.activeHtmlFrame {
	width: 100%;
	height: 720px;
	padding: 2px;
	border: 1px solid black;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #F0F0F0;
}

/*******************************************************************************************************************/
/************************************************* S U B   T A B S *************************************************/
/*******************************************************************************************************************/

div.detailToolTip {
	display:none;
	font-size:13px;
	font-weight: bold;
	color:#000;
	border:1px solid #000;
	border-width:1px;
	background-color:#fff;
	padding:5px;
	max-width:50%;
}

div.loadingMessage {
	background-color: white;
	border: 1px solid black;
	padding: 6px;
	border-radius:6px;
	display: none;
}

div.loadingMessageVisible {
	background-color: white;
	border: 1px solid black;
	padding: 6px;
	border-radius:6px;
}

.defaultText {
	width: 300px;
}

.defaultTextActive {
	color: #a1a1a1;
	font-style: italic;
}

div.previewTop {
	border-bottom:2px solid #000000;
	padding:5px 20px 20px 20px;
	width:1052px;
	max-width:1052px;
	text-align:left;
}

div.leftTopPreview {
	float:left;
	display:inline;
}

div.rightTopPreview {
	float: right;
	display:inline;
}

div.inline {
	display: inline;
}

div.otherPaneChangeWarning, span.otherPaneChangeWarning {
	font-weight: bold;
	border: 2px solid #84E0FF;
	padding: 2px;
	margin: 2px;
	border-radius: 6px;
}

div.changeWarning, span.changeWarning {
	padding:5px;
	font-weight: bold;
	border: 2px solid #84E0FF;
	margin-top: 10px;
	margin-left: 10px;
	width: 315px;
}

div.notificationContent {
	clear: both;
	display: none;
	font-weight: bold;
	color: #197B30;
	border: none;
	padding: 5px 10px 5px 10px;
	width: 1156px;
	max-width: 1156px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	overflow: hidden;
}

div.notificationError {
	color: #dd0000 ;
	padding: 10px 10px 0px 30px;
}

div.rightSide {
	float:right;
}

span#tagParametersModalTagName {
	font-weight: bold;
}
div#tagParametersModalInputSection {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#tagParameterModalErrors {
	font-size:13px;
	font-weight: bold;
	color:#dd0000 ;
	border:1px solid #dd0000 ;
	border-width:1px;
	border-radius:6px;
	background-color:#fff;
	padding:5px;
	margin: 5px;
	vertical-align: middle;
}

div.verticalScroll {
	overflow-y:scroll;
}



#dashboardPromotionWrapper {
	float: left;
	margin: 0px;
	margin-bottom: 30px;
	padding: 0px 0px 10px 10px;
	width: 1200px;

}

#dashboardPromotion {
	padding: 0px;
	margin: 0px;
}

#dashboardPromotion iframe {
	width: 1200px;
	height: 210px;
	overflow: hidden;
	padding: 0;
	background: none;
	border-style: solid;
	border-width: 0;
	margin: 0px;
}

span.tagParameterHeading {
	font-weight: bold;
}

a.formHelpLink {
	font-weight: normal;
	display: inline;
	padding-left: 5px;
	font-size: 9pt;
}

div.socialNetworkLargeText, div.socialNetworkLargeText a {
	font-weight: bold;
	font-size: 16px;
	padding-top: 100px;
	text-align: center;
}

table.twoColumnTable {
	width: 100%;
}

table.twoColumnTable tr {
	vertical-align: top;
}

table.twoColumnTable td {
	padding-left: 5px;
	padding-right: 5px;
}

table.twoColumnTable td#columnOne {
	width: 60%;
}


.bottomBorder { border-bottom: 1px solid lightgray; padding-bottom: 15px; width: 400px; }

.hidden {
	display:none;
}

/* TextArea Box Backgrounds */

textarea.ckeditor {
	width: 100%;
	background: #D8E3E8;
}

textarea#defaultHtmlBody, textarea#defaultTextBody, textarea#socialArticleArea {
	background: #F7FAFC;
	margin-top: 10px;
	padding: 3px;
	color: #000000;
}

textarea#defaultHtmlBody:focus, textarea#defaultTextBody:focus, textarea#socialArticleArea:focus {
	background: #F3F7FB;
}

/* ModalBox */

.modalbox { padding: 10px 10px 0px 0px; }

.modalbox td.containerBox {
	background: #F0F0F0;
	padding: 15px 25px 40px 25px;
	color: #000000;
	border-radius:6px;
	margin: 0px 0px;
}

#reportsBlock {
	padding: 0px 10px 0px 0px;
	vertical-align: top;
}

#reportsBlock td.containerBox {
	padding: 0px 15px 0px 15px;
	height: 200px;
	width: 200px;
	vertical-align: top;
}

.modalbox .containerBox  .item { border-bottom: none; }

.modalbox INPUT[type=radio], .modalbox INPUT[type=checkbox], .modalbox INPUT[type=text], .modalbox SELECT { background: #FFFFFF; }

/* Comments Box on Support Search Results */
.searchresultscomment {
	margin: 0px;
	padding: 0px;
	max-height: 32px;
	overflow-y: hidden;
}

/* Approval Groups */

.approvalPreview #tabbedMailingPreviewPanes { width: 820px; }
.approvalComments {
	padding-top: 60px;
}
.approvalComments .commentheadline {
	font-weight: bold;
	color: #000000;
}

#submitForApprovalOptions {
	width: 500px;
	float: left;
}

/* Common Secondary Styles */
.floatRight { float: right; }
.floatLeft { float: left; }
.clear { clear: both; }
.bold {
	font-weight: bold;
}

.textAlignRight {text-align: right;}

table.tableNote td {
	color: #FFFFFF;
}

.greenText {
	color: #197B30; !important
}

.redText{
	color: #dd0000; !important
}

.magentaText{
	color: #aa4a7d; !important;
}

.theFinger {
	cursor: pointer;
}

.clickable {
	cursor: pointer;
}

.inline {
	display:inline;
}

.inline-block {
	display:inline-block;
}
.vmiddle {
	vertical-align: middle !important;
}
.vbaseline {
	vertical-align:baseline;
}
.vtextbottom {
	vertical-align:text-bottom;
}
.vIconNew {
	vertical-align:-5px;
}
.center {
	text-align: center;
}
.bottom-border {
	border-bottom: 1px solid;
}
.textDottedTooltip {
	cursor: help;
	border-bottom: 1px dotted #97A1AA;
	text-decoration: none;
}

.counterfeitLink { color: #247aca; text-decoration: none; font-size: inherit; font-weight: inherit; }

.underlinedLink { color: #247aca; text-decoration: underline; font-size: inherit; font-weight: inherit; }

.simulateLink {
	font-weight: normal;
	text-decoration: underline;
	font-weight: inherit;
	color: #247aca;
}

.simulateRewrite {
	color: #247aca;
	font-weight: normal;
	font-size: inherit;
	font-weight: inherit;
	text-decoration: none;
}

.simulateRewrite:hover {
	color: #000;
}

.headerBarBusy {
	margin-left: 10px;
	position: relative;
	top: -10px;
	display:inline-block;
}

.disabledElement {
	background: #CCC;
	color: #333;
	border: 1px solid #666
}

.target-title {
	font-weight: bold;
	color: #197b30;
	text-transform: capitalize;
}

.user {
	font-weight: bold;
	color: #999999;
}

.thirdPartyPromoTable, .thirdPartyPromoTableNarrow { margin: 25px; line-height: 2em; }
.thirdPartyPromoTable tr, .thirdPartyPromoTableNarrow tr { vertical-align: top; }
.thirdPartyPromoTable td:first-child, .thirdPartyPromoTableNarrow td:first-child { width: 65%; }
.thirdPartyPromoTable ul, .thirdPartyPromoTableNarrow ul { line-height: 2em; }

.thirdPartyPromoTableNarrow { margin-left: 120px; width: 70%; }
.thirdPartyPromoTableNarrow li { margin-right: 10px; }

td > table > tbody > tr:nth-child(2) > td.listBoxWrapper div table {
	margin: 15px;
}

.adminFormBrands, .adminFormCampaigns {
	overflow: auto;
}

.simpleSendMailing .advancedView {
	display:none !important;
}

.simpleSendMailing .simpleView {
	display:inline;
}

.lowercase {
	text-transform: lowercase;
}

.user_box {
	height: 47px;
	border-bottom: 1px solid #e4e4e4;
	background: #0090ca;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	margin-left: 0;
	width: 100%;
}

.user_box *, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.user_box__logo {
	display: inline-block;
	width: 161px;
	height: 33px;
	margin-top: 8px;
	margin-left: 15px;
}

.user_box a[data-dropdown] {
	color: #fff !important;
	padding: 0 25px 0 10px;
	position: relative;
	margin-top: 17px;
	margin-right: 17px;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	text-align: right;
}

.user_box a[data-dropdown]:after {
	content: "";
	border-top: 4px solid #fff !important;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	position: absolute;
	right: 10px;
	position: absolute;
	top: 50%;
	margin-top: -2px
}

.user_box a:link, .user_box a:active, .user_box a:visited {
	font-weight: normal;
}

.user_box .site_option_nav {
	margin-bottom: 0px;
}

.user_box .site_option {
	color: #333 !important;
}

.user_box .site_option:after {
	border-top-color: #333 !important
}

.user_box .refresh {
	color: #fff !important;
	padding-top: 17px;
	visibility: hidden;
}

.user_box .refresh input[type="checkbox"] {
	vertical-align: text-top;
}

.user_box .f-dropdown {
	width: 180px !important;
	max-height: 800px;
	margin-top: 10px;
	border-color: #adadad;
	border-top: none;
	border-radius: 0 0 4px 4px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
}

.user_box .f-dropdown.open {
	top: 31px !important;
}

.user_box .f-dropdown:after, .user_box .f-dropdown:before {
	display: none
}

.user_box .f-dropdown li {
	border-top: 1px solid #e4e4e4
}

.user_box .f-dropdown a:focus {
	outline: auto 5px #247aca;
}

.user_box .f-dropdown li:first-child {
	border-top: none
}

.user_box .f-dropdown li a {
	color: #333;
	font-size: 13px;
	font-weight: normal;
}

.text-right {
	text-align: right !important
}


.header__wrapper {
	display: flex;
	height: 56px;
	background-color: #2574db;
	justify-content: center;
}

.header__elements-wrapper {
	width: 1176px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header__logo {
	padding-left: 10px;
}