/*
This is the main header for Jive SBS. There are two parts, one is
the general background, the other is an inner DIV element that can contain
a secondary background image for the texture.

Reference built-in images relatively with the path: "../../images/{imageName}"

Add custom images to the Resource Kit's sampleTheme/images/ directory and reference them as "../images/{imageName}"
*/
#j-header { background-color: #0f0f0f; }


/* INTEL CLEAR fonts */
@font-face {
    font-family: "intel-clear";
    src: url('fonts/IntelClear_WLatn_Rg.woff') format('woff'), url('fonts/IntelClear_WLatn_Rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "intel-clear";
    src: url("fonts/IntelClear_WLatn_Bd.woff") format("woff"), url("fonts/IntelClear_WLatn_Bd.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "intel-clear";
    src: url("fonts/IntelClear_WLatn_It.woff") format("woff"), url("fonts/IntelClear_WLatn_It.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "intel-clear";
    src: url("fonts/IntelClear_WLatn_BdIt.woff") format("woff"), url("fonts/IntelClear_WLatn_BdIt.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "intel-clear";
    src: url("fonts/IntelClear_WLatn_Lt.woff") format("woff"), url("fonts/IntelClear_WLatn_Lt.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "intel-clear";
    src: url("fonts/IntelClear_WLatn_LtIt.woff") format("woff"), url("fonts/IntelClear_WLatn_LtIt.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dfn, em, font, img, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, section, footer, summary, article {
	font-family: "intel-clear", arial, helvetica, "helvetica neue", verdana, sans-serif !important;
}

/*
JIVE-13008: this comment is outdated. page-header.ftl has been removed.

Logos can be defined however they are needed. The way the system works by
default is there are system-defined logos, however you can modify the file
page-header.ftl (just like a regular HTML file) found in this resource kit in
template/decorator/default/ and insert any image or text you'd like for you
theme.
*/
/* custom uploaded logo */
#j-header img { /* your image-specific styles here as needed */ }



/*
The footer of your Jive SBS install can also be customized easily by
modifying the styles below. Additionally, like the header, you can modify
the HTML behind the footer by editing page-footer.ftl found in
template/decorator/default/ in this resource kit.
*/
#j-footer { /* your footer-specific styles here as needed */ }

#simple-header { max-width: 1440px; margin: auto; padding: 10px 0px 10px 0px; }
#simple-header .header-logo { margin-left: 10px; }

/*
Additional FTL files that you can edit are included for common actions, such
as changing the favicon that displays in browsers, or defining additional
meta information such as keywords or description for search engines to index.

Those files are header-favicon.ftl and header-meta.ftl, also found in in this
resource kit in template/decorator/default/
*/


/* Begin custom css request */

/* INTELE-381 */
html #recode50header #header .content,
body #recode50header .uheader .newmenu-container .newmenu-contents {
	width: 95%;
	min-width: 1200px;
	max-width: 1440px;
	padding-left: 20px;
}

.uheaderlinks {
	display: none;
}

#j-globalNav {
	top: 6px;
}

#j-header-wrap {
    padding-bottom: 12px;
}

/* INTELX-122 */
.jive-content-blog {
	background-color: #fff;
}

/* INTELX-124 */
/* ------ JIVE-24107 bug fix ------ */
.j-thumb-view > li {
	position: relative;
	overflow: hidden;
	width: 237px;
	height: 286px; /* default fallback height */
	padding: 14px 16px 18px;
	margin: -14px -8px -9px -16px;
}

/* INTELX-146
body .jive-icon-med {
	background-image: url(../images/intel-jive-icon-sprites-med.png);
} */

/* End custom css request */


#j-main {
	min-width: 1200px;
	max-width: 1440px;
	padding-top: 10px;
}

.j-poweredby-activity {
	display: none;
}

#j-footer {
	/*display: none;*/
}

#j-globalNav-bg {
	min-width: 1200px;
	max-width: 100%;
	margin: auto;
	padding: 0px 100px;
}
.j-globalNav-wrap{
	max-width: 1440px;
	margin: auto;
}
.j-placeTitle .j-context-more {
	top: -5px;
}

.j-placeLinks {
	padding: 0px 10px;
}
.j-page-header .j-place-header-overlay {
	background: none;
}
.j-page-header .j-placeHdImg {
	background: none;
	border: none;
	box-shadow: none;
}
.j-placeActions li#jive-place-link-manage-tab a {
	color: #ffffff;
}
.jive-rendered-content .jive-quote {
	border-left: 4px #ccc solid;
	background-color: #eeeeee;
	background-image: none;
}
#jive-breadcrumb{
	margin-bottom: 10px;
}

/* Place Header start */
.j-body-place #jive-body .j-page-header {
	background: #fff;
	height: auto;
	padding-left: 0;
	border-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.j-placeNav {
	margin-top: 16px;
	position: relative;
	padding-left: 0;
	clear: both;
	font-size: 11px;
	border: 1px solid #d9d9d9;
	background: #eaeaea;
}

.j-placeHeaderWrap 	.j-placeTitle {
	margin-top: 15px;
}

.j-placeHeaderWrap {
	line-height: 100%;
}

.j-page-header .j-placeHdImg {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	margin: 15px 0 0 10px;
	height: 64px;
	width: 86px;
	border: 0;
	box-shadow: none;
}

.j-placeHdImg .placeImg {
	vertical-align: top;
	max-width: 46px;
	max-height: 46px;
}

.j-placeTitle .j-placeName:link, .j-placeTitle .j-placeName:visited {
	color: #3d3d3d;
	-webkit-text-shadow: none;
	text-shadow: none;
	font-weight: normal;
}

a.j-parentPlaceName.font-color-white, span.j-page-header-parent > span.font-color-white {
    color: #3d3d3d;
}

.j-placeNav .j-place-main-nav-more, .j-placeLinks li > a {
    color: #3d3d3d;
    text-shadow: 0 0;
    font-weight: normal;
}

.j-placeTitle .j-page-header-parent .j-context-more {
  top: 3px;
}

.j-placeTitle .j-page-header-parent {
  text-shadow: none;
}

.j-placeTitle .j-context-more {	
	background-position: -71px -433px;
}

.j-placeNav .j-nav-more {
	background-position: -49px -433px;
}

.j-placeActions li#jive-place-link-manage-tab a {
	color: #3d3d3d;
    text-shadow: 0 0;
}

a.j-placeBgImageDisplay.j-placeElementEditable.font-color-white {
	display: none;
}

.j-placeImageDisplayContainer {
    top: 75px;
    left: -15px;
}   

.j-placeHeaderInner .jive-icon-med.jive-glyph-edit-white {
    background-position: -1045px -1360px;
}

.j-placeActions li#jive-place-link-manage-tab a .jive-glyph-admin-down { 
	background-image: url(../images/icon-down-arrow-black.png); 
	background-position: 0px 0px;
	opacity: 1;
}

.j-placeLinks li.j-tab-selected a, j-placeLinks li.active a {
    border-bottom: 3px solid #0071c5;
    padding-bottom: 6px;
}

/* Place Header end */

/* Find it Fast Widget*/
div.sdmenu {
	width: 170px;
	font-family: "intel-clear", Arial, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
	/*background: url(http://www.vproexpert.com/E24VZ/sdmenu/bottom.gif) no-repeat  right bottom;*/
	color: #cddfef;
}

div.sdmenu div {
	/*background: url(http://www.vproexpert.com/E24VZ/sdmenu/title.gif) repeat-x;*/
	width: 170px;
	overflow: hidden;
	color: #0860A8;
}
div.sdmenu div:first-child {
	/*background: url(http://www.vproexpert.com/E24VZ/sdmenu/title.gif);*/

}
div.sdmenu div:second-child {
	background: url(SubTitle.gif);

}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 0px 5px 28px;
	font-weight: bold;
	color: #0860a8;
	/*background: url(http://www.vproexpert.com/E24VZ/sdmenu/expanded.gif) no-repeat 1px center;*/
	cursor: default;
	border-bottom: 1px solid #a6cae1;
}
div.sdmenu div.collapsed span {
	/*background-image: url(http://www.vproexpert.com/E24VZ/sdmenu/collapsed.gif);*/
}
div.sdmenu div a {
	padding: 5px 10px;
	background: white;
	display: block;
	border-bottom: .25px solid #a6cae1;
	color: #0860a8;
}
div.sdmenu div a.current {
	background : #ffffff;
}
div.sdmenu div a:hover {
	background : #0860a8;
	color: white;
	text-decoration: none;
}


/*
This is the main header for Jive SBS. There are two parts, one is
the general background, the other is an inner DIV element that can contain
a secondary background image for the texture.

Reference built-in images relatively with the path: "../../images/{imageName}"

Add custom images to the Resource Kit's sampleTheme/images/ directory and reference them as "../images/{imageName}"
*/
#j-header { background-color: #0f0f0f; }



/*
JIVE-13008: this comment is outdated. page-header.ftl has been removed.

Logos can be defined however they are needed. The way the system works by
default is there are system-defined logos, however you can modify the file
page-header.ftl (just like a regular HTML file) found in this resource kit in
template/decorator/default/ and insert any image or text you'd like for you
theme.
*/
/* custom uploaded logo */
#j-header img { /* your image-specific styles here as needed */ }



/*
The footer of your Jive SBS install can also be customized easily by
modifying the styles below. Additionally, like the header, you can modify
the HTML behind the footer by editing page-footer.ftl found in
template/decorator/default/ in this resource kit.
*/
#j-footer { /* your footer-specific styles here as needed */ }



/*
Additional FTL files that you can edit are included for common actions, such
as changing the favicon that displays in browsers, or defining additional
meta information such as keywords or description for search engines to index.

Those files are header-favicon.ftl and header-meta.ftl, also found in in this
resource kit in template/decorator/default/
*/

#j-main {
	min-width: 1200px;
	max-width: 1440px;
	padding-top: 10px;
}

.j-poweredby-activity {
	display: none;
}

#j-footer {
	/*display: none;*/
}

#j-globalNav-bg {
	min-width: 1200px;
	max-width: 100%;
	margin: auto;
	padding: 0px 100px;
}
.j-globalNav-wrap{
	max-width: 1440px;
	margin: auto;
}
.j-placeTitle .j-context-more {
	top: -5px;
}

.j-placeLinks {
	padding: 0px 10px;
}
.j-page-header .j-place-header-overlay {
	background: none;
}
.j-page-header .j-placeHdImg {
	background: none;
	border: none;
	box-shadow: none;
}

.jive-rendered-content .jive-quote {
	border-left: 4px #ccc solid;
	background-color: #eeeeee;
	background-image: none;
}
#jive-breadcrumb{
	margin-bottom: 10px;
}
.j-body-place #jive-body .j-page-header{
	/*background-image: url('themes/intel_jive7_custom/images/default_banner.jpg');*/
}

/* Find it Fast Widget*/
div.sdmenu {
	width: 170px;
	font-family: "intel-clear", Arial, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
	/*background: url(http://www.vproexpert.com/E24VZ/sdmenu/bottom.gif) no-repeat  right bottom;*/
	color: #cddfef;
}

div.sdmenu div {
	/*background: url(http://www.vproexpert.com/E24VZ/sdmenu/title.gif) repeat-x;*/
	width: 170px;
	overflow: hidden;
	color: #0860A8;
}
div.sdmenu div:first-child {
	/*background: url(http://www.vproexpert.com/E24VZ/sdmenu/title.gif);*/

}
div.sdmenu div:second-child {
	background: url(SubTitle.gif);

}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 0px 5px 28px;
	font-weight: bold;
	color: #0860a8;
	/*background: url(http://www.vproexpert.com/E24VZ/sdmenu/expanded.gif) no-repeat 1px center;*/
	cursor: default;
	border-bottom: 1px solid #a6cae1;
}
div.sdmenu div.collapsed span {
	/*background-image: url(http://www.vproexpert.com/E24VZ/sdmenu/collapsed.gif);*/
}
div.sdmenu div a {
	padding: 5px 10px;
	background: white;
	display: block;
	border-bottom: .25px solid #a6cae1;
	color: #0860a8;
}
div.sdmenu div a.current {
	background : #ffffff;
}
div.sdmenu div a:hover {
	background : #0860a8;
	color: white;
	text-decoration: none;
}


/* Header adjustments to height: 60 */

.j-simple-nav-logo .j-simple-logo { 
	background: url('') no-repeat 100% 0; 
}

.j-simple-logo img { 
	max-height: 40px; }

.j-globalNav > li.j-globalNav-li { 
	top: 16px; }

.j-globalNav > li.j-globalNav-li.active { 
	bottom: 0px; }

.j-tileModal-search, #j-spotlight-search { 
	top: 14px; }

.j-simple-nav-logo .j-simple-logo {
	height: 40px;
	margin-top: -15px;
}

#j-globalNav-bg { 
	height: 60px; 
	padding: 0px 20px;
	max-width: 1440px;
}


ul .j-nav-create .j-globalNavLink:active span.nav-link, ul .j-nav-create .j-globalNavLink.active span.nav-link,
ul.j-globalNav > li.j-globalNav-li.j-nav-create a.j-globalNavLink:active, ul.j-globalNav > li.j-globalNav-li.j-nav-create a.j-globalNavLink.active {
	background: none;
}

/* Gamification modifications */

.nitro4x_header_bar .nitro4x_header_rank_box .rank_extra ul li {
	background: #0071c5;
}

.nitro4x_header_bar .nitro4x_header_rank_box .rank_extra ul li .nitro4x_rank_title {
	text-shadow: none;
}


/* IOT overrides */

.jive-body-content #jive-body-intro nav.j-context {
	margin-top: 20px;
}
#jive-widget-container .jive-widget-searchwidget {
	background: #f3f3f3;
	border: none;
}
#jive-widget-container .jive-widget-searchwidget .jive-box-header {
	display: none;
}
#jive-widget-container .jive-widget-recentcontentwidget .jive-content-filter {
	display: none;
}
#jive-place-link-places-tab {
	display: none;
}

.jive-body-widget-customizing #jive-widget-container .jive-widget-searchwidget .jive-box-header {
	display: block!important;
}

.jive-body-widget-customizing #jive-widget-container .jive-widget-recentcontentwidget .jive-content-filter {
	display: block!important;
}

.jive-body-widget-customizing #jive-place-link-places-tab {
	display: block!important;
}