﻿.ncd-page-content .ncd-home-layout {
	text-align: left;
	margin-bottom: 24px;
}

.ncd-page-content .ncd-home-layout .welcome-content {
	text-align: left;
}

.ncd-page-content .ncd-home-layout .welcome-content .welcome-image {
	margin-left: 454px;
}

.ncd-page-content .page-content {
	color: #FFFFFF;
	margin-left: 252px;
	max-width: 816px;
	white-space: normal;
}

.ncd-page-content .page-content a,
.ncd-page-content .page-content a:hover,
.ncd-page-content .page-content a:visited {
	color: #FFFFFF !important;
	text-decoration: underline !important;
}

.ncd-page-content .ncd-home-layout .images-content {
	vertical-align: middle;
	white-space: nowrap;
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
}

.ncd-page-content .ncd-home-layout .images-content .main-content-container {
	display: inline-block;
	border-left: 1px dashed #888888;
}

.ncd-page-content .ncd-home-layout .main-image-content {
	vertical-align: middle;
	position: relative;
	width: 816px;
	height: 532px;
	max-width: 816px;
	display: inline-block;
}

.ncd-page-content .ncd-home-layout .main-image-content .main-image {
	vertical-align: middle;
	border: 8px solid #111111;
	width: 800px;
	max-width: 800px;
}

.ncd-page-content .ncd-home-layout .images-content .navigation-content {
	/* vertical-align: middle; */
	vertical-align: top;
	position: relative;
	left: 32px;
	z-index: 115;
	display: inline-block;
	width: 274px;
	max-width: 247px;
}

.ncd-page-content .ncd-home-layout .images-content .navigation-content a {
	margin: 6px 0px 6px 0px;
	padding: 0px;
	display: block;
	cursor: pointer;
	width: 250px;
	height: 102px;
}


/* --------- */
/* OVERRIDES */
/* --------- */

.ncd-floating #MSO_ContentTable.s4-ca
{
	margin-left: 0px !important;
	padding-left: 242px;
	border-left: none;
	/* Dark theme */
	background: #555555 url('/Style%20Library/images/fade-home-background.png') repeat-x scroll left bottom !important;
}

body #s4-mainarea.s4-pr 
{
	background-color: #222222 !important;
}

.sn-content {
	position: relative;
	left: 24px;
	/* top: 140px; */
	top: 156px;
	z-index: 32;  
	margin-bottom: 140px;
}

.ncd-floating .sn-content .nav-container {
	padding: 4px;
    border: 1px solid #111111;
    background-color: #C0C0C0 !important;
}

.sn-content .nav-content .menu-title {
    background-color: #333333;
    border-bottom: 1px solid #111111;
    border-top: 1px solid #686868;
    border-left: none;
    border-right: none;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #F0F0F0;
}

body.scriptEnabled .nav-content .menu-title:hover {
    background-color: #555555;
    text-decoration: none;
    cursor: pointer;
}

body.scriptEnabled .nav-content .menu-title.collapsed {
	background: #333333 url('/Style Library/images/collapsed-inactive-white.png') no-repeat scroll 4px center;
}

body.scriptEnabled .nav-content .menu-title.collapsed:hover {
	background: #444444 url('/Style Library/images/collapsed-white.png') no-repeat scroll 4px center;
}

body.scriptEnabled .nav-content .menu-title.expanded {
	background: #333333 url('/Style Library/images/expanded-white.png') no-repeat scroll 4px center;
}

body.scriptEnabled .nav-content .menu-title.expanded:hover {
	background: #444444 url('/Style Library/images/expanded-white.png') no-repeat scroll 4px center;
}

.sn-content .nav-content .menu-content {
    border-top: 1px solid #777777;
    border-bottom: 1px solid #777777;
    border-left: 1px solid #777777;
    border-right: 1px solid #777777;
    background: #E7E7E7 url('/Style Library/images/article-content-background.png') no-repeat scroll left bottom !important;
    margin: 0px !important;
}

.sn-content .nav-content .menu-content ul {
	padding-left: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

.sn-content .nav-content .menu-content ul li {
	color: #333333;
	background-color: transparent;
	padding: 4px;
	margin: 2px 0px 2px 0px;
}

@media only screen and (max-width : 928px) {

	.ncd-page-content .ncd-home-layout {
		margin-bottom: 0px;
	}

	.ncd-floating #MSO_ContentTable.s4-ca {
		padding-left: 0px;
	}

	.sn-content {
		position: relative;
		left: 0px;
		top: 0px;
		margin: 24px;
		z-index: 32;  
	}
	
	.sn-content .nav-container,
	.sn-content .nav-content {
		width: auto;
	}
	
	.sn-content .nav-container {
		margin-right: 6px;
	}
	
	.sn-content .nav-content .menu-content {
		background-image: none !important;
	}

	.ncd-page-content .ncd-home-layout .images-content .navigation-content {	
		display: none;
		width: 0px;
		max-width: 0px;
	}
	/*
	.ncd-page-content .ncd-home-layout .images-content .navigation-content {
		position: absolute;
		top: 20%;
		width: 30%;
		left: -24px;
	}

	.ncd-page-content .ncd-home-layout .images-content .navigation-content img {
		width: 100%;
		max-width: 247px;
	}
	
	.ncd-page-content .ncd-home-layout .main-image-content {
		padding-left: 12px;
	}
	*/
	
	.ncd-page-content .ncd-home-layout .images-content .navigation-content a {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	
	.ncd-page-content .ncd-home-layout .images-content .main-content-container {
		border: none;
	}

	.ncd-page-content .ncd-home-layout .main-image-content,
	.ncd-page-content .ncd-home-layout .images-content .main-content-container,
	.ncd-page-content .ncd-home-layout .images-content {
		width: auto;
		max-width: none;
		min-width: 0px;
		display: block;
	}

	.ncd-page-content .ncd-home-layout .welcome-content {
		text-align: right;
	}

	.ncd-page-content .ncd-home-layout .welcome-content .welcome-image {
		max-width: 100%;
		vertical-align: top;
		height: auto;
		width: auto;
		margin-left: 0px;
	}
	
	.ncd-page-content .ncd-home-layout .main-image-content {
		padding: 12px 20px 0px 12px;
	}

	.ncd-page-content .ncd-home-layout .main-image-content .main-image {
		max-width: 100%;
		vertical-align: top;
		height: auto;
		width: auto;
	}
	
	.ncd-page-content .ncd-home-layout .main-image-content {
		height: auto;
	}
	
	.ncd-page-content .ncd-content-main {
		padding-bottom: 0px;
	}
}


/* -------------- */
/* EDITING STYLES */
/* -------------- */

.editing-styles .editing-header {
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	color: #111111;
	font-family: Calibri, Tahoma, Verdana;
	font-size: 14pt;
	padding: 8px;
	margin-bottom: 12px;
	text-align: left;
	display: block !important;
}

.editing-styles .editing-page-header {
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	font-size: 22pt;
	margin-bottom: 18px;
	padding-bottom: 12px;
	letter-spacing: -0.04em;
}

.editing-styles .editing-section {
	margin-bottom: 18px;	
	background-color: #FBFBFB;
	border: 1px dotted #E7E7E7;
	padding: 8px;
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

.editing-styles input.ms-long,
.editing-styles textarea.ms-long,
.editing-styles .es-rte .ms-long,
.editing-styles td.ms-input select {
	width: 400px !important;
}

.editing-styles .es-rte .ms-rtelong {
	width: 398px;
}

.editing-styles .ms-lookuptypeintextbox {
	width: 380px !important;
}

.editing-styles .es-row .ms-formfieldcontainer {
	white-space: normal;
}

.editing-styles .ms-formfieldvaluecontainer select {
	width: 406px !important;
}

.editing-styles .ms-formfieldvaluecontainer .ms-dttimeinput select {
	width: 120px !important;
}

.editing-styles .wc-sidebar .ms-formfieldvaluecontainer select,
.editing-styles .wc-sidebar td.ms-input select {
	width: 250px !important;
}

.editing-styles .ms-formfieldlabel {
	color: #333333;
}

.editing-styles .ms-rtestate-field .ms-formfieldvaluecontainer {
	background-color: #FFFFFF;
}

.editing-styles .slm-edit-ecb table {
	width: inherit;
}

.editing-styles .slm-edit-ecb .ms-unselectedtitle {
	border: 1px solid transparent;
}

.editing-styles .ncd-editing-container {
	background-color: transparent;
	border: none;
}

.ncd-page-content .ncd-editing-container .ms-formfieldlabelcontainer {
	background-color: #F0F0F0 !important;
}