/* REGULAR TEXT */

.EMMlogo {
	height: 50px;
}

.bodyblackbig {
    font-size: 16px;
    font-weight: bold;
}

.bodyblackbold {
    font-weight: bold;
}

.bodyblackitalic {
    font-style: italic;
}

.bodyfooter {
    font-size: 12px;
}

.app-brand{
	margin-top:15px;
	padding-bottom:0;
	text-align:left;
	color: #047cba;
	text-transform:uppercase;
	background:transparent;
	vertical-align:baseline;
	content: " \2122";
}

.brand span {
	position: relative;
	top: 2px;
}

.bodyerror {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #CC0000;
    font-weight: bold;
}

/* HEADLINE */
.headlineBlack {
    font-family: "KnowledgeLight", Arial, "Helvetica Neue", sans-serif;
    line-height: 40px;
    font-size: 37.800000000000004px;
}

.headlineRed {
    font-family: "KnowledgeLight", Arial, "Helvetica Neue", sans-serif;
    line-height: 40px;
    font-size: 37.800000000000004px;
    color: #A00000;
}

.headlineGreen {
    font-family: "KnowledgeLight", Arial, "Helvetica Neue", sans-serif;
    line-height: 40px;
    font-size: 37.800000000000004px;
    color: #387C2B;
}

/* SUBHEADLINE */
.subheadline, .subheadlineIndustry {
    font-family: "KnowledgeLight", Arial, "Helvetica Neue", sans-serif;
	line-height: 30px;
	font-size: 26.599999999999998px;
}

.subheadlineColor, .subheadlineGreen {
    font-family: "KnowledgeLight", Arial, "Helvetica Neue", sans-serif;
	line-height: 30px;
	font-size: 26.599999999999998px;
    color: #387C2B;
}


/* INSETS */
.inset-right {
    background-color: #FFFFCC;
    border: solid 3px #000000;
    float: right;
    margin-left: 5px;
    padding: 5px;
    width: 300px;
}

/* HIGHLIGHTS */
.Highlight {
    background-color: #047CBA;
	color: #FFFFFF;
}
/*added by ramarao for issue-692*/
.HighlightGreen {
    background-color: #609655;
	color: #FFFFFF;
}
.HighlightYellow {
    color: #606060;
    background-color: #FFFF99;
}
/*-----------------------------*/
.HighlightRed {
    color: #FFFFFF;
    background-color: #CC0000;
}

.HighlightDark {
    color: #606060;
    background-color: #DCEDCD;
}

.HighlightGrey {
    color: #FFFFFF;
    background-color: #CCCCCC;
}

.HighlightOrange {
	background-color: #FF8800;
}

.TextOrange {
	color: #FF8800;
}

.TextGrey {
	color: #666666;
}


/* TABLE BORDERS */
.BorderTable {
    border-style: solid;
    border-width: 1px;
    padding: 0px;
}

.BorderTableDashed {
    border-style: dashed;
    border-width: 1px;
    padding: 0px;
}

td, th {
    margin-left: 10px;
    margin-right: 10px;
}

/*Bootstrap mods*/
.table th.text-right, .table td.text-right {    text-align: right; }

@media (min-width: 768px){
	#editCategoryDialogContent div.modal{
		width: 800px;
		margin-left: -400px;
	}
}

/*Container and Layout Mods*/

/*Sub Nav*/
@media (min-width: 767px){
	.row.full-nav{
		display:table;
		margin-left:0px
	}
	
	.row.full-nav>div:first-child{
		float: none;
	    display: table-cell;
	    vertical-align: top;
		background-color: #E9E9E9;
	}
}

.nav-tabs.sub-nav.nav-stacked {
	background-color: #E9E9E9;
}

.nav-tabs.sub-nav.nav-stacked li.active>a::after {
	content:"";
}

/*Left nav sub menu items*/
.nav-tabs.sub-nav.nav-stacked li>a {
	border: none;
	color:#666666;
	position:relative;
}

.nav-tabs.sub-nav.nav-stacked li>a::before {
	border: none;
	color:#666666;
	content: "\2014  ";
}

.nav-tabs.sub-nav.nav-stacked-checkbox li>a::before {
	content: "";
}

input[type="checkbox"].chxNavStacked {
	margin:10px 10px 0 10px;
	float:left;
	z-index:3;
	position:relative;
	display:none;
}

input[type="radio"].chxNavStacked {
	display:none;
}

.chxNavStacked span {
	display:block;
}

#searchTitle{
	float:left; 
	line-height:30px;
}

#contentLibrarySearch {
	float:left;
	margin-left:10px;
	width:150px;
}

#contentLibrarySubNav {
	float:left;
}

input[type="checkbox"].reviewedChx {
	margin-top:0;
}

#contentLibraryAllCatsLink{
	display:block;
}

.nav-tabs.sub-nav.nav-stacked li>a:hover {
	color:#444444;
}

.nav-tabs.sub-nav.nav-stacked li.active>a {
	background-color: #E9E9E9;
	color:#444444;
	font-weight: bold;
	font-style:italic;
}

/*Left nav main menu items */

.nav-tabs.sub-nav.nav-stacked>li>a::before {
	border: none;
	color:#666666;
	content:"";
}

.nav-tabs.sub-nav.nav-stacked>li>a {
	border-color: #666666;
	color:#666666;
	border-left: none;
	border-right: none;
	border-top:1px solid;
	border-bottom:1px solid;
}

.nav-tabs.sub-nav.nav-stacked>li.active>a {
	background-color: #666666;
	color:#FFFFFF;
}

.nav-tabs.sub-nav.nav-stacked>li.active>a::after {
	content: "\25C0";
	color:#FFFFFF;
	position:absolute;
	right:-3px;
	font-size:24px;
}

.pocSelector {
	width:100%;
}

@media (min-width: 1200px){
	.sub-nav.nav-stacked, .pocSelector {
		width: 300px;
	}
}

@media (max-width: 980px)
	.sub-nav.nav-stacked, .pocSelector{
		width: 186px;
		margin-right: 0;
	}
}

@media (max-width: 767px){
	.sub-nav.nav-stacked {
		top: 0;
		width: auto;
		margin-bottom: 20px;
	}
}

/* Design popovers */
.ko-popover>button[type="button"]
{
	top: 10px;
	right:10px;
	position:absolute;
}

/*Data Table Modifications*/
.dataTables_wrapper table.dataTable tbody tr.even
{
	background-color: #f8f8f8;
}

/*Change indicators*/
table.dataTable td.change-indication-growth:after,
table.dataTable td.change-indication-reduction:after,
table.dataTable td.change-indication-stagnation:after
{
	content: " %"	
}

table.dataTable td.change-indication-stagnation:before
{
	content: "\2014  "	
}

table.dataTable td.change-indication-growth,
table.dataTable td.change-indication-reduction
{
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: left 5px center;
	padding-left:60px;
}

table.dataTable td.change-indication-growth
{
	color:#51a351;
	background-image: url("/sponsors/img/growth.png");
	
}

table.dataTable td.change-indication-reduction
{
	color:#bd362f;
	background-image: url("/sponsors/img/reduction.png");
	
}

/* selected indicators */
.dataTables_wrapper table.dataTable.selectable:hover
{
	cursor:pointer;
}

.dataTables_wrapper table.dataTable tbody tr.ui-selected:after
{
	content: url("/images/success.png");
	position: absolute;
	right: 0px;
}

/* Date Picker */
input.datepicker{
	background-image: url("/sponsors/img/calendarGlyph.png");
	background-repeat: no-repeat;
	background-position: right 5px center;
}

/*Tabs and tab panes*/
li.collapsed+ul.nav.collapse{
	margin-top: 0;
	margin-bottom:0;
}


li[data-toggle="collapse"]>a,
li[data-toggle="collapse"]:hover>a{
	background-image: url("/sponsors/img/plusGlyph.png");
	background-repeat: no-repeat;
	background-position: right 15px center;
}
li[data-toggle="collapse"].active>a,
li[data-toggle="collapse"].active:hover>a{
	background-image: url("/sponsors/img/minusGlyphWhite.png");
	background-repeat: no-repeat;
	background-position: right 15px center;
}

li[data-toggle="collapse"].collapsed>a,
li[data-toggle="collapse"].collapsed:hover>a{
	background-image: url("/sponsors/img/plusGlyph.png");
	background-repeat: no-repeat;
	background-position: right 15px center;
}

li[data-toggle="collapse"].active.collapsed>a,
li[data-toggle="collapse"].active.collapsed:hover>a{
	background-image: url("/sponsors/img/plusGlyphWhite.png");
	background-repeat: no-repeat;
	background-position: right 15px center;
}

div.tab-content{
	display:table; /* Fixes issue with dropdown at bottom of tab content creating scroll bars.*/
}

.popover-content-holder{
	display:none;
}

.popover{
	max-width:800px;
}

#design span {
	font-size: 12px;
	top: -2px;
	position: relative;
}

div.tab-pane>form.header
{
	width:100%;
	height:80px;
}

div.tab-pane div.navbar h1,
div.tab-pane div.navbar h2
{
	display: block;
	float: left;
	font-family: "KnowledgeLight", Arial, "Helvetica Neue", sans-serif;
	font-size: 20px;
	font-weight: bolder;
	color:#000000;
	text-shadow: 0 1px 0 #ffffff;
	margin:5px;
}

div.tab-content div.tab-content{
	width:100%;
}

h1.actionHeader,
h2.actionHeader,
h3.actionHeader,
h4.actionHeader,
h5.actionHeader,
h6.actionHeader{
	position:relative;
	text-align: left !important;
}

h1.actionHeader>a,
h2.actionHeader>a,
h3.actionHeader>a,
h4.actionHeader>a,
h5.actionHeader>a,
h6.actionHeader>a{
	position:absolute;
	right: 0px;
	font-size: 14px;
	font-weight:bold;
	color: black;
	text-align: left !important;
}

.actionHeader{
	font-size: 2.2em;
	font-weight:bold;
	text-align: center !important;
	font-family:"KnowledgeLight",Arial,"Helvetica Neue",sans-serif;
	
}

div.tab-pane div.tab-pane h3{
	background-color: #666666;
	color: #FFFFFF;
	font-weight:bolder;
	padding:10px;
	margin-bottom:0;
}

div.tab-pane div.tab-pane h3.actionHeader>a{
	right:40px;
	color:#FFFFFF;
}

div.tab-pane>div.navbar
{
	background-color:#DDDDDD;
	color:#000000;
}

/*Full number paginator rendered oddly, so this specificity rule fixes that.*/
div.dataTables_wrapper div.paging_full_numbers a.paginate_button.first,
div.dataTables_wrapper div.paging_full_numbers a.paginate_button.previous,
div.dataTables_wrapper div.paging_full_numbers a.paginate_button.next,
div.dataTables_wrapper div.paging_full_numbers a.paginate_button.last,
div.dataTables_wrapper div.paging_full_numbers span>a.paginate_button,
div.dataTables_wrapper div.paging_full_numbers span>a.paginate_active
{
	padding: 2px 5px;
	height: 22px;
	line-height: 22px;
}

/*Pagination floats below wrapper div and causes issue with special floaty h3*/
div.dataTables_wrapper+h3
{
	margin-top:40px;
}

/*spectrum color picker*/
div.sp-replacer{
	margin-right:20px;
}

/*categories and niches*/
ul.cattypes { margin-top: 15px;}
ul.cattypes>li { height:110px !important;}
ul>li>div.categoryName>a,
ul>li>div.nicheName>a,
ul>li>div.articleTitle>a{
	color:  #606060;
}

ul>li>div.categoryName,
ul>li>div.nicheName{
	font-weight:bold;	
}

ul>li>div.categoryDescription {
	margin-top:5px;
	font-size: 12px;
}

ul>li>div.articleTitle{
	font-style:	italic;
}


/*jquery ui drag drop*/
ul.unauthorizedPocs, ul.authorizedPocs{
	height: 252px;
	overflow-y: auto;
	width:260px;
}

#pocPermissions ul.ui-sortable li, #pocPermissions ul.ui-sortable#unauthorizedPocs li{
	height: 20px;
	margin-bottom: 10px;
	color:#606060;
	cursor: move;
	width: 180px;
}

#pocPermissions ul.ui-sortable li.selected, #pocPermissions ul.ui-sortable li.selected:hover{
	color:#A0A0A0;
	cursor:not-allowed;
	background-color:#FFFFFF;
}

#pocPermissions ul.ui-sortable li:hover, #pocPermissions ul.ui-sortable#unauthorizedPocs li:hover{
	background-color:#666666;
	color:#FFFFFF;
	cursor: move;
}

ul.ui-sortable li{
	margin-bottom:20px;
	height:100px;
	overflow: hidden;
}

ul.ui-sortable li:after;{
	clear:both;
}

.dragDropHandle{
	width:16px;
	height:100%;
	float:left;
	background-color:#E9E9E9;
	margin-right:4px;
}

.dragDropHandle.small{
	width:8px;
font-weight:bold;
	height:30%;
	float:left;
	background-color:#E9E9E9;
	margin-right:4px;
}

.dragDropHandle:hover{
	cursor: move;
}

ul.ui-sortable>li{
	position:relative;
	width:450px;
}

ul.ui-sortable>li>i{
	position: absolute;
	right:0px;
}
ul.ui-sortable>li>i:hover, ul>li>i{
	cursor:pointer;
}

ul.ui-sortable>li>i.icon-pencil{
	top:30px;
}
ul.ui-sortable>li>i.icon-remove-sign{
	top:0px;
}

/** article list specifics */
ul.articleList .dragDropHandle{
	width:160px;
	position:relative;
}

ul.articleList.unscheduled .dragDropHandle{
	cursor:default;
}

div.articleSummary div.inactiveText{
	color:#ff0000;
	text-decoration:underline;
}
div.articleSummary div.activeText{
	color:#00a600;
	text-decoration:underline;
}
div.articleSummary div.isActive:hover{
	cursor:pointer;
}

ul.articleList>li .dragDropHandle>i.icon-pencil{
	position:absolute;
	top:5px;
	right:5px;
}

ul.articleList>li .dragDropHandle>i.icon-pencil:hover{
	cursor:pointer;
}

ul.articleList .articleSummary{
	height:140px;
	overflow:auto;
}

ul.articleList .articleSummary h4{
	margin-top:0px;
}

ul.articleList > li > div.articleDetails{
	margin-left:90px;
	padding-left:20px;
	margin-top:20px;
	margin-bottom:20px;
	border-left: 4px solid #E9E9E9;
}

ul.articleList>li{
	clear:both;
	width:auto;
	height:auto;
	margin-top:8px;
}
ul.articleList > li > div.articleSummary > img{
	float:left;
}

ul li div.orangeText {
	color:#047CBA;
}

/* fixes the nav going over the datepicker in the reporting section */
.ui-datepicker{ 
	z-index: 99999 !important;
} 

.isReviewed {
	font-size:10px;
}

.reviewDisplay {
	font-size:10px;
}

input[type="checkbox"].reviewedCheckbox {
	margin-bottom:5px;
}
.errorMessage {
	color: red;
}
.noBannersAvailable {
	display: none;
}