@import url('//code.jquery.com/ui/1.10.4/themes/pepper-grinder/jquery-ui.css');
@import url("//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css");
@import url("//fonts.googleapis.com/css?family=Open+Sans:300|Devonshire");
@import url("//www.sesameweb.net/delivr/css/?themes=cnp-overlay,flags");
@import url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");

/*@import url('//maxcdn.bootstrapcdn.com/bootswatch/3.2.0/yeti/bootstrap.min.css');*/
/**@import url('//maxcdn.bootstrapcdn.com/bootswatch/3.3.4/readable/bootstrap.min.css');**/
@import url('//maxcdn.bootstrapcdn.com/bootswatch/3.3.4/flatly/bootstrap.min.css');

/** PAGE STYLE: **/
html, body { min-height:100%; height:100%; width:100%; margin:0; padding:0; }

/******* TEXT-HIGHLIGHTING: *******/
::selection { background:rgba(102,102,102,0.6); }
::-moz-selection { background:rgba(102,102,102,0.6); }

/**** PAGE CONTAINERS STYLES ****/
#page-wrapper { max-width:1015px; min-height:100%; height:100%; display:table; margin:0 auto; position:relative; padding:0 15px 0 15px; }
.push-footer { position:relative; min-height:100%; height:100%; display:table-row; margin:0 auto -60px; }
#content-wrapper:after, #content:after { content:" "; display:block; clear:both; }

#header	{ /*padding-top:20px;*/ margin-bottom:20px; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; background-color:#149c82; color:white; }
/*#header #header-right { max-width:675px; float:right; position:relative; z-index:10; }*/
#header #header-right { position:absolute; z-index:10; top:0; right:0; }
#header .logo-container { padding-left:10px; }
#header .logo { width:50px; height:50px; background-size:100% 100%; background-repeat:no-repeat; background-image:url("logo.svg"); display:inline-block; }
#header .tagline { display:inline-block; font-size:19px; vertical-align:top; /*margin-top:12px;*/ font-weight:300; }

#header .mobile-logo { display:none; position:absolute; top:5px; left:5px; cursor:pointer; }
#header .mobile-logo .logo { width:40px; height:40px; margin-top:-4px; }
#header .mobile-logo .tagline { font-size:15px; margin-top:-6px; margin-left:4px; text-align:left; }



.home-msg-bar { margin-bottom:5px; }
.home-msg-bar p { padding:0; margin:0; }


/** #content - COPY THIS TO PAGE EDITOR CSS **/
#content { min-height:100%; height:auto; clear:both; width:100%; }
#content img { max-width:100%; }
#content table:not(.table) { width:100%; border-collapse:collapse; }

.area h1:first-of-type, .area h2:first-of-type, .area h3:first-of-type, .area h4:first-of-type, .area h5:first-of-type, .area h6:first-of-type, .area p:first-of-type { margin-top:0; }

/** TEMPLATED PAGES: COLUMNS:  (NB: removed [template=auto] from body selector!) **/
#content .area.main.wsb { float:left; width:665px; }
#content .area.side { float:right; width:325px; overflow:auto; border-top:0; border-right:0; border-left:1px #149c82 solid; padding-left:5px; min-height:20px; }

#footer		{ margin-top:20px; border-top:1px #149c82 solid; padding-top:10px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
#footer a	{ text-decoration:none; }
#footer a:hover	{ text-decoration:underline; }
#footer table	{ width:100%; }


#content fieldset { margin-bottom:20px; }


/** BOOTSTRAP CORRECTIONS OR ADDED STYLES FOR MTC: (modified 2014.02.07) **/
.alert { font-size:inherit; }
.alert.alert-sm { margin-bottom:7px; padding:5px; padding-right:30px; }

.navbar a.user-face { padding:0 !important; }

form .form-group:last-of-type { margin-bottom:0; }
.form-control { padding:5px 10px; }
.form-control.input-sm, .input-group.input-group-sm .form-control { padding:3px 6px; }

.input-xs { padding:1px; line-height:1; height:22px; font-size:13px; }

* > h1:first-of-type, * > h2:first-of-type, * > h3:first-of-type, * > h4:first-of-type, * > h5:first-of-type, * > h6:first-of-type { margin-top:0; }

pre { max-height:300px; overflow:auto; font-size:10px; word-wrap:normal; }

.modal-footer { margin-top:0; padding:2px 20px 2px; }

.alert.alert-danger .text-danger,
.alert.alert-warning .text-warning,
.alert.alert-info .text-info,
.alert.alert-success .text-success,

.alert.alert-danger a,
.alert.alert-warning a,
.alert.alert-info a,
.alert.alert-success a
	{ color:white !important; }







/** HEADER NAVIGATION: **/
/** NEW NAV STYLING: **/
.nav-wrap { z-index:2; }
.nav-wrap .toggle { font-size:50px; text-decoration:none; display:none; padding:5px  20px 5px 0; color:white; text-align:right; }
.nav-wrap .toggle i.do-close { display:none; }
.nav-wrap .toggle i.do-open { display:block; }

@media (min-width: 980px) {
	.nav {}
	#header-nav { text-align:right; } /* margin-right:-10px; margin-top:25px; */
	#header-nav .nav ul { text-align:center; }
	
	#header-nav .nav a:not(.ui-widget) { color:white; } /* color:#bfbfbf; */
	#header-nav .nav { margin:0; padding:0; line-height:100%; }
	#header-nav .nav li { margin:0; padding:0; float:left; position:relative; list-style:none; }
	
	/* main level link */
	#header-nav .nav a { text-decoration:none; display:block; padding:10px; margin:0; border:1px transparent solid; background-color:#149c82; }
	#header-nav .nav a:hover { } /* color settings - transfered to li:hover > a ... */
	
	/* main level link hover */
	#header-nav .nav .current a, #header-nav .nav li:hover > a { color:white; border:1px white solid; transition:all 500ms ease; } /* background:rgba(191, 191, 191, 0.8); */
	
	/* sub levels link hover */
	#header-nav .nav ul li:hover a, #header-nav .nav li:hover li a { background:#149c82; border:1px transparent solid; color:white; }
	#header-nav .nav ul li:hover a:hover, #header-nav .nav li:hover li a:hover { background-color:white; border:1px #149c82 solid; color:#149c82; } /* background-color:#666; */
	
	/* dropdown */
	#header-nav .nav li:hover > ul { visibility:visible; opacity:1; z-index:1000; margin-top:0; border:1px #149c82 solid; }
	
	/* level 2 list */
	#header-nav .nav ul { visibility:hidden; opacity:0.1; margin:0; padding:0; min-width:215px; position:absolute; /*top:32px;*/ right:0; transition:opacity 500ms ease; } /* background:#ddd;  border:solid 1px #b4b4b4; */
	#header-nav .nav ul li { float:none; margin:0; padding:0; text-align:left; }
	
	/** colours for sub navs **/
	#header-nav .nav ul li:hover a, #header-nav .nav li:hover li a { background:white; color:#149c82; }
	#header-nav .nav ul li:hover a:hover, #header-nav .nav li:hover li a:hover { background:#149c82; color:white; border:thin white solid; }
	
	
	/* level 3+ list */
	#header-nav .nav ul ul { right:215px; top:5px; /*right:181px; top:-1px;*/ }
	
	/* rounded corners of first and last link */
	#header-nav .nav ul li:first-child > a {  }
	#header-nav .nav ul li:last-child > a {  }
	
	/* clearfix */
	#header-nav .nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	#header-nav .nav { display: inline-block; margin-top:7px; margin-right:7px; }
	html[xmlns] #header-nav .nav { display: block; }
	* html #header-nav .nav { height: 1%; }
	
	
	/*** OTHER ELEMENTS FOR THIS SIZE: ***/
	#content-wrapper #content .area.main { margin-left:20px; margin-right:20px; }
}
@media (max-width: 979px) {
	#page-wrapper { padding-top:60px !important; }
	#header-nav { position:fixed; top:0; left:0;  width:100%; vertical-align:middle; text-align:center; z-index:2; }
	
	.nav-wrap { height:60px; }
	.nav-wrap .toggle { display:block; background-color:rgba(20,156,130,0.9); }
	
	.nav-wrap.open .toggle i.do-close { display:block; }
	.nav-wrap.open .toggle i.do-open { display:none; }
	
	.nav-wrap .nav { display:none !important; }
	.nav-wrap.open .nav { display:block !important; background-color:rgba(20,156,130,0.9); margin:0; padding:0; line-height:100%; position:absolute; top:60px; max-height:300px; overflow:auto; width:100%; border-bottom:3px rgba(255,255,255,1) solid; box-shadow:0 15px 30px -10px rgba(20,156,130,0.8); }
	.nav-wrap.open .nav li { margin:0; padding:0; list-style:none; text-align:left; }
	.nav-wrap.open .nav li a { text-decoration:none; display:block; padding:10px; margin:0; border:1px transparent solid; font-weight:bold; color:white !important; }
	.nav-wrap.open .nav li a:hover { background-color:white; color:#149c82 !important; }
	.nav-wrap.open .nav ul { padding:0; padding-left:25px; }
	.nav-wrap.open .nav ul li:first-child a { border-top:2px white solid; }
	
	#header .logo-container { display:none; }
	#header .mobile-logo { display:block; }
}
/** -- end new nav styling -- **/



/************* RESPONSIVE DESIGN FEATURES (c) Nicolas Pirlot ********************/
@media (max-width: 480px) {
	.responsive #page-wrapper { max-width:100%; }
	.responsive #header #header-right { max-width:575px; }
	.responsive #panel-left { width:100%; }
	.responsive #panel-right { width:100%; margin-top:10px; max-height:none; }
	.responsive #content .area.main.wsb { width:100%; }
	.responsive #content .area.side { width:100%; margin:75px 0; max-height:none; border-top:2px white solid; border-left:0; padding:15px 0; }
}
@media (min-width: 481px) and (max-width: 767px) {
	.responsive #page-wrapper { max-width:450px; }
	.responsive #header #header-right { max-width:575px; }
	.responsive #panel-left { width:100%; }
	.responsive #panel-right { width:100%; margin-top:10px; max-height:none; }
	.responsive #content .area.main.wsb { width:100%; }
	.responsive #content .area.side { width:100%; margin:75px 0; max-height:none; border-top:2px white solid; border-left:0; padding:15px 0; }
}
@media (min-width: 768px) and (max-width: 979px) {
	.responsive #page-wrapper { max-width:750px; }
	.responsive #header #header-right { max-width:575px; }
	.responsive #panel-left { width:100%; }
	.responsive #panel-right { width:100%; margin-top:10px; max-height:none; }
	.responsive #content .area.main.wsb { width:100%; }
	.responsive #content .area.side { width:100%; margin:75px 0; max-height:none; border-top:2px white solid; border-left:0; padding:15px 0; }
}
@media (min-width: 980px) and (max-width: 1199px) {
	.responsive #page-wrapper { max-width:100%; min-width:80%; }
	.responsive #content .area.main.wsb { width:585px; }
	.responsive #content .area.side { width:325px; }
}
@media (min-width: 1200px) {
	.responsive #page-wrapper { max-width:1015px; min-width:1015px; }
}








/** GENERAL CLASSES **/
.error, .error a, .error a:hover { color:red;}
.align-right	{ text-align:right;}
.align-left		{ text-align:left;}
.align-center	{ text-align:center;}
.align-top		{ vertical-align:top; }
.tbl-borders, .tbl-borders tr, .tbl-borders td, .tbl-borders th	{ border:thin #999999 solid;}
.g-small		{ font-size:x-small; }
.h-error		{ background-color:#FCE2B4;}
.float-left		{ float:left; }
.float-right	{ float:right; }
.clear			{ clear:both; }
.pointer		{ cursor:pointer; }
.full-width 	{ width:100%; }
.p95 			{ width:95%; }
.no-pad, .no-padding { padding:0 !important; }
.no-margin { margin:0 !important; }
.no-select { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }



.font-1 { font-family:'Devonshire'; font-size:larger; }




/*** JQUERY UI CORRECTIONS (FOR CDN IMPORTED STYLES!) ***/
.ui-widget { font-size:13px; }

/*** CORRECTIONS FOR THE TINYMCE EDITOR TOOLBAR, AS TEXT SAMPLES (Formats Menu) ARE INVIBLE IF TEXT IS WHITE ON DARKER BACKGROUNDS...  ***/
/*
.mce-menu-item.mce-menu-item-preview.mce-stack-layout-item[role='menuitem']:not([aria-haspopup='true']) { background-color:#666666; background-color:rgba(50, 50, 50, 0.9); }
.mce-menu-item.mce-menu-item-preview.mce-stack-layout-item[role='menuitem']:not([aria-haspopup='true']) .mce-ico { color:white; }
*/