html, body{
	color:#000000;
	background-color:#fff; 
	background-repeat:no-repeat; background-attachment:fixed; background-position:center top;
	font-family:'Droid Sans', sans-serif;
}

.chinese{
	font-family:"Droid Sans", "FangSong", "仿宋", STFangSong, "华文仿宋", sans-serif;
}

.chinese p{
	font-size:16px;
}

nav a.chinese{
	font-size:18px;
}

.no-gutter{ padding-right:0; padding-left:0; }

.container{ margin-bottom:30px; }

a, a:hover, a:focus, a:active{ outline:0; }

#header-logos{ margin:0; padding:25px 0; }
#header-logos div{ display:inline; padding:0 20px 0 0; }
#header-logos #logo-sabrand{}
#header-logos #slogan{ font-size:18px; font-weight:bold; color:#828284; line-height:20px; margin-top:15px; text-transform:uppercase; }
#header-logos #slogan .highlight{ color:#d52b1e; }


#header-icons{ margin:0; padding:28px 0 0 0; text-align:right; }
#header-icons div{ display:inline-block; padding:0 0 5px 5px; }
#header-icons a{ display:inline-block; }
#header-icons a:hover img{ opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */ }

#header-icons #search{ display:inline; padding:10px 0; margin-right:-6px; text-align:left; }
#header-icons #search div{ display:inline; padding:0; }
#header-icons #search .input-group .form-control{ width:80%; }
#header-icons #search .input-group-btn{ display:inline; }

@media only screen and (max-width: 1023px) {
	#header-icons #search .input-group .form-control{ width:75% !important; }
}

/*
#search{ padding:30px 15px; background:rgba(77,109,143,0.5); }
#search-inner{ padding:0; }
#search-field{ padding:15px 15px 15px 100px; font-size:20px; color:#000; background:#fff; border:1px solid #fff; width:100%; background-image:url('/__data/assets/image/0017/3833/magnifying_glass.png'); background-repeat:no-repeat; background-position:55px 15px; }
#search-button{ padding:15px; font-size:20px; color:#fff; background:#4d6d8f; border:1px solid #4d6d8f; width:100%; }
#search-button:hover{ background:#5c81a8; }
*/

#google_translate_element{ padding:5px 0 !important; text-align:right; }
#google_translate_element div{ padding:0; }
.goog-te-combo{ margin:0 5px 0 0 !important; padding:0; border:1px solid #ccc; background-color:#fff; color:#333; }
.goog-te-combo option{ color:#333; }

#banner-carousel{ margin-top:3px; padding:0; }

.carousel-caption{ bottom:0; color:#fff; left:0; padding:15px 30px; position:absolute; right:0; text-align:left; text-shadow:0 1px 2px rgba(0, 0, 0, 0.7); background:rgba(0, 0, 0, 0.8); z-index:10; }
.carousel-caption p{ margin:0; }
.carousel-caption a{ color:#e5e6e9; font-size:20px; font-weight:normal; }
.carousel-control{ width:5%; background-image: none !important; }

.carousel .item{ -webkit-transition:opacity 0.4s; -moz-transition:opacity 0.4s; -ms-transition:opacity 0.4s; -o-transition:opacity 0.4s; transition:opacity 0.4s; }
.carousel .item p{ margin:0; }
.carousel .active.left,
.carousel .active.right{ left:0; opacity:0; z-index:2; }
.carousel .next,
.carousel .next{ left:0; opacity:1; z-index:1; }

.glyphicon-chevron-banner-control-left{ background:#000; width:44px !important; height:44px !important; padding:7px; border-radius:22px; font-size:28px !important; }
.glyphicon-chevron-banner-control-right{ background:#000; width:44px !important; height:44px !important; padding:7px; border-radius:22px; font-size:28px !important; }

#nav{ background:#d52b1e; }
#nav-inner{ padding:0; }
.navbar{ margin-bottom:0; border-radius:0; }
.navbar-default{ background-color:#d52b1e; border-color:#d52b1e; }

#title-inner{ padding:0 30px; }

#siblings-menu-toggle{ display:inline-block; padding:10px 30px; cursor:pointer; }
#siblings-menu-toggle:hover,
#siblings-menu-toggle.siblings-menu-active{ background:#eee; }

#siblings-menu-inner{ background:#eee; padding:30px; display:none; }
.siblings_menu{}

.siblings_menu ul{ margin:0; -webkit-column-count:3; -moz-column-count:3; column-count:3; }
.siblings_menu li{ list-style-type:none; display:block; margin:0 0 5px 0; }

.siblings_menu a{ border:none !important; display:inline-block; margin:0; padding:0; font-size:14px; color:#4d4d4d; }
.siblings_menu a:hover{ text-decoration:underline; }

.siblings_menu a.active{ color:#000; background:#eee; font-weight:bold; padding:0; cursor:default; }
.siblings_menu a.active:hover{ text-decoration:none; }

.siblings_menu a span.glyphicon{ margin-left:5px; }

.siblings_menu .level_current,
.siblings_menu .level_children{ display:none; padding-left:0; }

.ie9 .siblings_menu ul:after{ content:''; display:block; clear:both; }
.ie9 .siblings_menu li{ width:30%; float:left; }

#main{ background:rgba(255,255,255,0.8); }
/*#main-inner{ background:#fff; margin:0; padding:15px 30px; }*/
#main-inner{ background:#fff; margin:0; padding:15px 30px 0px 25px; }
#main-inner-news{ background:#f8f8f8; }
#main-inner-news h1{ text-align:center; }

h1{ font-size:30px; font-weight:bold; }
h2{ font-size:24px; font-weight:bold; text-transform:uppercase; }
h3{ font-size:18px; font-weight:bold; text-transform:uppercase; }
h4{ font-size:16px; font-weight:bold; }

.highlight{ color:#d52b1e; }
img.left{ float:left; margin:0 15px 15px 0; }
img.right{ float:right; margin:0 0 15px 15px; }

#news{ background:rgba(255,255,255,0.8); }
#news-inner{ background:#fff; margin:50px 0; padding-top:15px; padding-bottom:15px; }
.news-item{ margin:15px 0; }
.news-item-home{ margin:15px 0; min-height:350px; }
.news-item-image{ max-width:260px; }
.news-item-brief h1{ font-size:18px; margin:0 0 10px 0; text-transform:uppercase; }
.news-item-brief h1 a,
.news-item-brief h1 a:hover{ color:#000; }
.news-item-brief{ padding:0; }

.news-item-brief h2{ font-size:18px; margin:0 0 10px 0; text-transform:uppercase; }
.news-item-brief h2 a,
.news-item-brief h2 a:hover{ color:#000; }


.article-date{ font-style:italic; }

#boxes{ background:rgba(77,77,77,0.5); }
#boxes-inner{ margin:50px 0 35px 0; }
.box{ padding:0 30px; }
.box-inner{ padding:0; }

.panel-alt{ border:0px solid #4d4d4d; border-radius:0; }
.panel-heading-box{ color:#fff; background:#4d4d4d; border-radius:0; }
.panel-heading-box-facebook-feed{ padding:9px 15px; }
.panel-heading-box h1{ font-size:16px; margin:0; padding:0; }
.panel-body-box{ min-height:247px; }

#video-playlist{ padding:0; }
.feature_video .media-item a{ position:relative; display:block; width:100%; }
.feature_video .media-item a img{ width:100%; }
.feature_video .media-item > a:after{ content:''; display:block; width:40%; height:35%; background:url('/__data/assets/image/0020/3845/youtube-play-button.png') center center no-repeat; position: absolute; background-size:70px 50px; top:25%; left:30%; }

.videowrapper-medium{ max-width:500px; }
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.infogramwrapper-medium{ max-width:500px; }
.infogramwrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.infogramwrapper span iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#ce-message{ background:url('/__data/assets/image/0019/6625/ce-message.jpg') left bottom no-repeat; }

#divisions{ background:rgba(255,255,255,0.8); padding:0 30px; }
#divisions-inner{ margin:50px 0; }
#divisions-title{ background:rgba(0,0,0,0.8); padding:10px; text-align:center; color:#fff; font-size:24px; }
#divisions-note{ padding:10px; text-align:center; color:#000; font-size:22px; }

.box-division{ background:rgba(151,151,151,0.5); min-height:150px; width:27.77%; text-align:center; }
.box-division h2{ font-size:20px; }
.box-division-link{ background:rgba(151,151,151,0.5); height:25px; margin-top:60px; }

.wide-content-hero{ margin:0 -30px 20px -30px; }
.wide-content{ margin:30px -30px; background:#ecf1ea; }
blockquote{ color:#d52b1e; background:#f1f4f4; border-left:none; font-size:16px; font-weight:bold; padding:30px; }

a.toggle[rel="readmore"]{ color:#d52b1e; font-weight:bold; font-size:16px; text-transform:uppercase; }
a.readmore{ color:#d52b1e; font-weight:bold; font-size:14px; text-transform:uppercase; }

#footer-top{ background:#363636; padding-top:40px; padding-bottom:40px; }
#footer-top ul{ margin:0; }
#footer-top li{ margin:0; list-style-type:none; }
#footer-top a{ color:#fff; font-size:12px; }

#footer-bottom{ background:#eee; padding-top:15px; padding-bottom:25px; }
#footer-bottom ul{ margin:0; padding:10px; }
#footer-bottom li{ margin:0; list-style-type:none; display:inline; padding:0 10px 0 5px; border-right:1px solid #000; }
#footer-bottom li:last-child{ border-right:0px solid #000; }
#footer-bottom a{ color:#000; font-size:12px; }

#footer-bottom-links{ margin:6px 0 0 0; }

#footer-bottom-logo{ margin:8px 0 0 0; text-align:right; }
#footer-bottom-logo a{ margin:0 20px 0 0; display:inline-block; }

.creative-commons{ color:#d0d0d0; font-size:12px; }

.ajax-indicator{ display:block; }

.dashboard h2{ margin:0; padding:20px 0; cursor:pointer; }
.dashboard h2:hover{ background:#eee; }
.dashboard h2 span.glyphicon{ font-size:18px; }
.dashboard hr{ margin:0; }

.canvas-responsive{ overflow:auto; }

.canvas-holder{ padding:0; }
.canvas-holder h3{ font-size:18px; font-weight:bold; }
.canvas-holder h4{ font-size:16px; margin-top:10px; color:#d52b1e; }
.canvas-holder .legend-item{ display:inline-block; width:10px; height:10px; background:#ccc; }

hr{ border-color:#5f5d5c; }

span.bold{ font-weight:bold; }

.news-briefs{ margin-top:50px; border-top:1px solid #5f5d5c; }

h2.media-heading a{ color:#000; font-size:24px; }
h2.media-heading a:hover{ color:#000; }

.feature-link{ margin:30px 10px 10px 50px; }
.feature-link a{ color:#d52b1e; font-size:24px; font-weight:bold; }
.feature-link a:hover{ color:#d52b1e; }
.feature-link .glyphicon{ font-size:48px; padding:10px; border:3px solid #d52b1e; border-radius:37px; }

.no-padding{ padding:0; }
.no-padding-left{ padding-left:0; }
.no-padding-right{ padding-right:0; }

.column-right h1{ margin-top:-5px; }

.news-image-caption{ color:#666; font-size:13px; font-style:italic; }

.social-wrapper{ width:100%; position:relative; height:30px; }
.social-button{ position:absolute; top:0; }
.social-button-1{ left:15px; }
.social-button-2{ left:80px; }
.social-button-3{ left:145px; }
.social-button-4{ left:215px; }
.social-button .email-button{ background:#f1f1f1 none repeat scroll 0 0; border:1px solid #cecece; border-radius:2px; color:#444; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; padding:3px 7px 2px 7px; }
.social-button .email-button:hover,
.social-button .email-button:focus,
.social-button .email-button:active
.social-button .email-button:visited{ background:#dfdfdf; text-decoration:none; }

.make-it-a-priority{ border-top:1px solid #5f5d5c; margin-top:30px; margin-bottom:30px; }

td.danger{ text-align:center; background-color:#d5d5d5 !important; } /* - Not achieved – Grey */
td.danger:hover{ text-align:center; background-color:#5e5e5e !important; }
td.success{ text-align:center; background-color:#5bc0de !important; } /* - Achieved – Blue */
td.success:hover{ text-align:center; background-color:#31b0d5 !important; }
td.ontrack{ text-align:center; background-color:#5cb85c !important; } /* (formerly info) - On track - Green */
td.ontrack:hover{ text-align:center; background-color:#449d44 !important; }
td.info{ text-align:center; background-color:#f0ad4e !important; } /* - Progress made – Yellow */
td.info:hover{ text-align:center; background-color:#ec971f !important; }
td.warning{ text-align:center; background-color:#d9534f !important; } /* - Challenging – Red */
td.warning:hover{ text-align:center; background-color:#c9302c !important; }

@media screen and (min-width: 1200px){
	.panel-body-box{ max-height:247px; overflow:auto; }
}

@media screen and (max-width: 1199px){
	.news-item-brief{ padding:0; margin-top:15px; }
	
	.box-division{ min-height:190px; }
	
	.creative-commons{ margin-top:15px; }
}

@media screen and (min-width: 992px){
	.goog-te-combo{ width:177px; }
}

@media screen and (max-width: 992px){
	#header-logos{ padding:25px 15px; }
	#header-icons{ margin:0; padding:15px 0 15px 0; text-align:left; }
	
	.navbar-collapse{ padding-left:10px; padding-right:10px; }
	
	#main-inner{ padding:15px 20px; }
	
	.no-padding-left{ padding-left:0; }
	.no-padding-right{ padding-right:0; }
	
	.column-right{ margin-top:50px; border-top:1px solid #5f5d5c; }
	
	.panel-body-box{ min-height:0; }
		
	.box-division{ min-height:230px; }
	#footer-top ul{ margin:0; padding:0 15px; }
}

@media screen and (max-width: 768px){
	#header-logos{ margin:0; padding:0 0 25px 15px; }
	#header-logos div{ display:inline-block; padding:25px 20px 0 0; }
	#header-icons{ margin:0; padding:25px 0 15px 0; text-align:left; }
	#header-icons div{ padding:0 0 5px 1px; }
	
	.canvas-holder{ padding:0; }
	
}

@media screen and (max-width: 767px){
	#header-logos{ margin:0; padding:0; }
	#header-logos div{ display:inline-block; padding:15px 20px 0 15px; }
	#header-logos #slogan{ margin-top:10px; margin-bottom:10px; }
	#header-icons{ margin:0; padding:15px 0 15px 0; text-align:left; }
	#header-icons div{ padding:0 0 0 2px; }
	
	#main-inner{ padding:15px 5px; }
	
	.carousel-caption{ bottom:0; color:#fff; left:0; padding:5px 5px; position:absolute; right:0; text-align:left; text-shadow:0 1px 2px rgba(0, 0, 0, 0.7); background:rgba(0, 0, 0, 0.8); z-index:10; }
	.carousel-caption a{ color:#e5e6e9; font-size:12px; font-weight:normal; }
	.carousel-control{ width:10%; background-image: none !important; }
	
	.glyphicon-chevron-banner-control-left{ background:#000; width:28px !important; height:28px !important; padding:5px; border-radius:14px; font-size:18px !important; top:40% !important; }
	.glyphicon-chevron-banner-control-right{ background:#000; width:28px !important; height:28px !important; padding:5px; border-radius:14px; font-size:18px !important; top:40% !important; }

	.box-division{ width:100%; min-height:0; }
	.box-division-link{ width:25px; height:50px; padding:0; margin:0 50%; }
	
	.no-padding-left{ padding:0; }
	.no-padding-right{ padding:30px 0 0 0; }
	
	#footer-bottom-links{ text-align:left; margin-top:0; padding-left:10px; }
	#footer-bottom-links ul{ padding:0 15px; }
	
	#footer-bottom-logo{ text-align:left; margin:0 0 0 15px; }
	#footer-bottom-logo a{ margin:15px 15px 0 0; }
	
	.creative-commons div{ padding:0; }
}

@media screen and (max-width: 640px){
	.siblings_menu ul{
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
	}
}

@media screen and (max-width: 480px){
	#search-field{ padding:15px 15px 15px 60px; font-size:16px; width:100%; background-position:15px 15px; }
	#search-button{ padding:15px; font-size:16px; color:#fff; background:#4d6d8f; border:1px solid #4d6d8f; width:100%; }
}

@media screen and (max-width: 320px){
	#header-logos{ margin:0; padding:0; }
	#header-logos div{ display:inline-block; padding:15px 20px 0 15px; }
	#header-icons{ margin:0; padding:15px 0 15px 0; text-align:left; }
	#header-icons div{ padding:0 0 0 2px; }
}




/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/*
 * Side menu slide out
 * 
 */

#pageslide{
	/* These styles MUST be included. Do not change. */
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	overflow:auto;

	/* Specify the width of your pageslide here */
	width:260px;
	padding:5px;

	/* These styles are optional, and describe how the pageslide will look */
	background-color:#333333;
	color:#d0d0d0;
}
 
.open{}

.no-scrolling{ height:100%; overflow:hidden; position:fixed !important; }    

/* Mobile and iPad Portrait */
@media only screen and (max-width: 1000px){
	#panel-body{ width:748px; }
}

/* Mobile Landscape and Portrait */
@media only screen and (max-width: 1000px){
	#panel-body{ width:400px; }
	
	ul#nav-mobile{ display:block; list-style-type:none; padding:2px; }
	
	ul#nav-mobile li ul{ display:none; list-style-type:none; padding:2px 2px 2px 20px; }
	ul#nav-mobile li ul a{ font-weight:normal; }
	/*
	ul#nav-mobile li:hover ul,
	ul#nav-mobile li:focus ul,
	ul#nav-mobile li:active ul{ display:block; }
	*/
	ul#nav-mobile li.mobile_submenu_open ul{
		display:block;
	}
	
	ul#nav-mobile li{
		-webkit-user-select:none;
		-webkit-touch-callout:none;        
	}
 
	#pageslide{ width:260px; background-color:#333333; }
	#pageslide a{ display:block; color:#d0d0d0; font-weight:bold; padding:5px; }
	#pageslide a:hover,
	#pageslide a:focus{ text-decoration:none; background-color:#595959; color:#d0d0d0 !important; cursor:pointer; }
	
	#nav-mobile li.navbar-divider{ display:none; }
}

/* Mobile Portrait */
@media only screen and (max-width: 1000px) {
	#panel-body{ width: 280px; }
}

/* break points to keep the page slide menu happy */
@media (min-width: 280px) and (max-width: 300px){.container{ width:295px; }}
@media (min-width: 300px) and (max-width: 320px){.container{ width:393px; }}
@media (min-width: 320px) and (max-width: 340px){.container{ width:320px; }}
@media (min-width: 340px) and (max-width: 360px){.container{ width:345px; }}
@media (min-width: 360px) and (max-width: 380px){.container{ width:365px; }}
@media (min-width: 380px) and (max-width: 400px){.container{ width:385px; }}
@media (min-width: 400px) and (max-width: 420px){.container{ width:405px; }}
@media (min-width: 420px) and (max-width: 440px){.container{ width:425px; }}
@media (min-width: 440px) and (max-width: 480px){.container{ width:445px; }}
@media (min-width: 480px) and (max-width: 500px){.container{ width:485px; }}
@media (min-width: 500px) and (max-width: 520px){.container{ width:505px; }}
@media (min-width: 520px) and (max-width: 540px){.container{ width:525px; }}
@media (min-width: 540px) and (max-width: 560px){.container{ width:545px; }}
@media (min-width: 560px) and (max-width: 580px){.container{ width:565px; }}
@media (min-width: 580px) and (max-width: 600px){.container{ width:585px; }}
@media (min-width: 600px) and (max-width: 620px){.container{ width:605px; }}
@media (min-width: 620px) and (max-width: 640px){.container{ width:625px; }}
@media (min-width: 640px) and (max-width: 660px){.container{ width:645px; }}
@media (min-width: 660px) and (max-width: 680px){.container{ width:665px; }}
@media (min-width: 680px) and (max-width: 700px){.container{ width:685px; }}
@media (min-width: 700px) and (max-width: 720px){.container{ width:700px; }}
@media (min-width: 720px) and (max-width: 740px){.container{ width:720px; }}
@media (min-width: 740px) and (max-width: 760px){.container{ width:740px; }}
@media (min-width: 768px) and (max-width: 800px){.container{ width:768px; }}
@media (min-width: 800px) and (max-width: 900px){.container{ width:800px; }}
@media (min-width: 900px) and (max-width: 990px){.container{ width:900px; }}
/* end break points to keep the page slide menu happy */


/* Request to add by Sally Kaleta */
.stamp {
border: 0.2em solid;
padding: 0.5em;
margin: 0.75em;
max-width: 6em;
font-size: 90%;
font-weight: bold;
text-align: center;
text-transform: uppercase;
-ms-transform: rotate(-10deg); /* IE 9 */
-webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
transform: rotate(-10deg);
display: inline-block;
}

.achieved { border-color: #06C; color: #06C; }
.progress-made { border-color: #fc0; color: #fc0; }
.on-track { border-color: #3C0; color: #3C0; }
.not-achieved { border-color: #ccc; color: #ccc; }