@import url("/global/css/print.css");
 
 .underlineContent{
	 text-decoration:underline;
 }
 
  /* =================================================================================================
	calendarframe
================================================================================================= */
 @media only screen and (max-width: 1040px) { 
	 .show-for-large-up-calendar{
		display:block;
	}
 }
 @media only screen and (min-width: 0px) and (max-width: 1039px) { 
	.show-for-large-up-calendar{
		display:none;
	}
 }
.intrinsic-container{
		max-width:195px;
		height:260px;
		float:left;
		overflow:hidden;
}
 .calendarFrame{
	  position: absolute;
	  top:0;
	  left: 0;
	  width: 100%;
	  height: 100%;
 }
.large-3-rc{
		width:27.5%;
		float:left;
}
.large-3-mrc{
	  display: none !important;
}
.rightCorner{	
		top:2px;
		position:relative;
		border: 1px solid #C0C0C0;
		-moz-border-radius:5px;
		border-radius: 5px;
		padding:3px -2px;
		background:#FFF;
		z-index:2;
		width:100%;
		max-width:213px;
		height:auto;
		min-height:278px;
		margin-bottom:8px;
}
.rightTitle{
		background:  url(/global/images/gp_background_grey.png) no-repeat left top;
		background-size: 210px 30px;
		min-height:30px;
		line-height:1em;
		padding-left:5px;
}
.rightModule {
		max-width:208px;
		width:100%;
		color:#4ca9d5;
		font-weight: normal;
		margin-top: 1px;
}
.large-9-home{
		width: 72.5%; 
		float:left;
		display: inherit !important; 	
}
.medium-9-home{
		width: 100%; 
		float:left;
		display: inherit !important; 	
}

 .highlightsCorner {
		border: 1px solid #C0C0C0;
		-moz-border-radius:5px;
		position:relative; 
		padding:3px -2px;
		background:#FFF;
		z-index:2;
		width:100%;
		height:auto;
		min-height:32px;
}

 
 @media only screen and (max-width: 1024px) { 
 	.highlightsCorner {
		border: 1px solid #C0C0C0;
		-moz-border-radius:5px;
		position:relative; 
		padding:3px -2px;
		background:#FFF;
		z-index:2;
		width:100%;
		height:auto;
		min-height:32px;
	}

	.large-9-home{
			width: 72.5%; 
			float:left;
			display: inherit !important; 	
	}

	.date-picker table{
		max-width:208px;
	}
	.rightCorner{	
		top:2px;
		position:relative;
		border: 1px solid #C0C0C0;
		-moz-border-radius:5px;
		border-radius: 5px;
		padding:3px -2px;
		background:#FFF;
		z-index:2;
		width:100%;
		max-width:213px;
		height:auto;
		/*min-height:304px;*/
		min-height:19.4em;
		margin-bottom:8px;
	}
	.rightTitle{
		background:  url(/global/images/gp_background_grey.png) no-repeat left top;
		background-size: 210px 30px;
		min-height:30px;
		line-height:1em;
		padding-left:2px;
	}
	.rightModule {
		/*height:316px;*/
		max-width:208px;
		width:100%;
		color:#4ca9d5;
		font-weight: normal;
		margin-top: 1px;
	}
	#sidebar #iWantTo ul{
		margin:2px 17px 17px 12px;
		padding:0;
	}
 }

 @media only screen and (min-width:768px) and (max-width: 1023px) { 
  	.highlightsCorner {
		border: 1px solid #C0C0C0;
		-moz-border-radius:5px;
		border-radius: 5px;
		position:relative; 
		padding:3px -2px;
		background:#FFF;
		z-index:2;
		width:100%;
		height:auto;
		min-height:32px;
	}	
	.large-9-home{
			width: 100%; 
			float:left;
			display: inherit !important; 	
	}
	.date-picker table{
		max-width:100%;
		width:auto;
	}
	.medium-3-rc{
	  display: none !important;
	}
	.medium-3-mrc{
		width:100%;
		display: inherit !important; 
	}
	.rightCorner{	
		top:2px;
		position:relative;
		border: 1px solid #C0C0C0;
		/*-moz-border-radius:5px;
		border-radius: 5px;*/
		padding:3px -2px;
		background:#FFF;
		z-index:2;
		width:100%;
		height:auto;
		min-height:280px;	
	}
	.rightMobileCorner{	
		top:2px;
		position:relative;
		border: 1px solid #C0C0C0;
		/*-moz-border-radius:5px;
		border-radius: 5px;*/
		padding:3px -2px;
		background:#FFF;
		z-index:2;
		width:100%;
		height:auto;
		min-height:480px;	
	}
	.rightTitle{
		background:  url(/global/images/transparent.png) no-repeat left top;
		background-color:#f4f4f4;
		min-height:30px;
		line-height:1em;
		padding-left:5px;
	}
	.rightModule {
		/*height:316px;*/
		width:100%;
		color:#4ca9d5;
		font-weight: normal;
		margin-top: 1px;
	}	
	#sidebar #iWantTo ul{
		margin:2px 17px 0px 12px;
		padding:0;
		min-height:11.7em;
		*min-height:11.7em;
	}
	
 }
  @media only screen and (max-width: 767px){
	.small-3-rc{
		 display: none !important;
	}
     	.highlightsCorner {
		border: 1px solid #C0C0C0;
		-moz-border-radius:5px;
		border-radius: 5px;
		position:relative; 
		padding:3px -2px;
		background:#FFF;
		z-index:2;
		width:100%;
		height:auto;
		min-height:32px;
	}	
		.large-9-home{
			width: 100%; 
			float:left;
			display: inherit !important; 	
	}
		.medium-3-mrc{
		width:100%;
		display: inherit !important; 
	}
		#sidebar #iWantTo ul{
		margin:2px 17px 0px 12px;
		padding:0;
		min-height:11.7em;
		*min-height:11.7em;
	}
	.rightMobileCorner{	
		top:2px;
		position:relative;
		border: 1px solid #C0C0C0;
		/*-moz-border-radius:5px;
		border-radius: 5px;*/
		padding:3px -2px;
		background:#FFF;
		z-index:2;
		width:100%;
		height:auto;
		min-height:480px;	
	}
	.rightTitle{
		background:  url(/global/images/transparent.png) no-repeat left top;
		background-color:#f4f4f4;
		min-height:30px;
		line-height:1em;
		padding-left:5px;
	}
  }
  

 /* =================================================================================================
	slides
================================================================================================= */
@media only screen and (min-width: 48.0625em) {
		.themeResponsiveTable {
			 width:100%;
			 table-layout:fixed;
			 border: 1px solid #c6d5e1;
			 margin:10px auto 15px;
			 border-spacing: 0px;
			 border-collapse:collapse;

		 }	
		.themeResponsiveTable th {
			background-repeat: repeat;
			text-align:left; 
			color:#FFF; 
			border: 1px solid #C6D5E1;
			padding:7px; 
			font-size:0.8em;
			line-height:1.5rem;
		}
		.themeResponsiveTable td{
			padding:7px; 
			border: 1px solid #c6d5e1;
		}

}
@media screen and (max-width: 48.0635em) {
		  .themeResponsiveTable thead {
				border: none;
				clip: rect(0 0 0 0);
				height: 1px;
				margin: -1px;
				overflow: hidden;
				padding: 0;
				position: absolute;
				width: 1px;
		  }
		  .themeResponsiveTable tr {
				display: block;
				margin-bottom: .625em;
		  }
		  .themeResponsiveTable td {
				/*border-bottom: 1px solid #ddd;*/
				display: block;
				text-align: right;
		  }
		  .themeResponsiveTable td:before {
				content: attr(data-label);
				float: left;
				font-weight: bold;
				text-transform: uppercase;
		  }
		   .themeResponsiveTable td:last-child {
				border-bottom: 0;
			}
}
.bottom_left{
	float:left;
	width:50%;
}
#bottom_logos{
	/*float:right;*/
	width:100%;
	padding-top: 15px;
	padding-bottom: 17px;
	text-align:center;
}
.b-logo{
	padding-right:20px;
}
.slider-nav-left{
	position:relative;
	left:0px;
	float:left;
	text-align:center;
	display:inline;
	width:30%;
}
.slider-nav-right{
	position:relative;
	right:0px;
	text-align:center;
	float:right;
	display:inline;
	width:30%;
}
.slider-nav-center{
	position:relative;
	display:inline-block;
}

.coreCaption{
	float:left;
}
@media only screen and (min-width: 48.0625em) {
	.rsCaption {
		display: inline-block;
		float:left;
		text-align:center;
		min-width:500px;
	}
	.slideNumber{
		text-align:center;
		position: relative;
		float:left;
		width:40%;
		min-width:200px;
	}
	.slideNumber-1{
		text-align:center;
		position: relative;
		float:left;
		min-width:200px;
	}
	.slideNumber-2{
		text-align:center;
		position: relative;
		float:left;
		min-width:200px;
	}
	.slideNumber-3{
		text-align:center;
		position: relative;
		float:left;
		min-width:200px;
	}
	.slideNumber-4{
		text-align:center;
		position: relative;
		float:left;
		min-width:200px;
	}
}
@media only screen and (max-width: 48.0635em) { 
	.rsCaption {
		display: inline-block;
		float:left;
		text-align:center;
		width:80%;
	}
	.slideNumber{
		text-align:center;
		position: relative;
		float:left;
		width:40%;
	}
	.slideNumber-1{
		text-align:center;
		position: relative;
		float:left;
		width:40%;
	}
	.slideNumber-2{
		text-align:center;
		position: relative;
		float:left;
		width:40%;
	}
	.slideNumber-3{
		text-align:center;
		position: relative;
		float:left;
		width:40%;
	}
	.slideNumber-4{
		text-align:center;
		position: relative;
		float:left;
		width:40%;
	}
}
.rsLink {
    left:0;
    top:0;
    position:absolute;
    width:100%;
    height:100%;
    display:block;  
    z-index: 20;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    -webkit-backface-visibility: hidden;
}
figcaption.rsCaption, figcaption.rsCaption-1,figcaption.rsCaption-2,figcaption.rsCaption-3,figcaption.rsCaption-4{
	border : 1px solid #ccc;
	padding : 10px;
}

#gallery-1 {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}
#gallery-2 {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}
#gallery-3 {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}
#gallery-4 {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}
#gallery-5 {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}
.sliderContainer, .sliderInLightbox {
    width: 100%; 
    height: 400px; 
    max-width: 700px; 
    margin: 0 auto;
 }
.sliderContainer {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
 }
@media screen and (max-width: 760px) {
    .sliderContainer, .sliderInLightbox {
      height: 300px;
    }
 }
@media only screen and (min-width: 48.0625em) {
	div#included-wrapper iframe{
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		/*height: 100%;*/
		width: 100%;
		width:575px;
		height:800px;
		overflow: hidden;
	}

	iframe.includedGallery{
			width:575px;
			height:800px;
	}
}
@media only screen and (max-width: 48.0635em) { 
	div#included-wrapper iframe{
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		/*height: 100%;*/
		min-height:760px;
		height:auto !important;
		width: 100%;
	}

	iframe.includedGallery{
			width:100%;
			height:100%;
	}
}
@media only screen and (max-width: 41.5625em) { 
	div#included-wrapper iframe{
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		/*height: 100%;*/
		min-height:760px;
		height:auto !important;
		width: 100%;
		
	}
}
@media only screen and (max-width: 30em) { 
	div#included-wrapper iframe{
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		/*height: 100%;*/
		min-height:760px;
		height:auto !important;
		width: 100%;
	}
}
iframe[seamless] { 
    display: block;
	width:100%;
	top:25px;
	height:260px;
}
@media only screen and (min-width: 632px) and (max-width: 767px) { 
	iframe[seamless] { 
		display: block;
		width:100%;
		top:25px;
		height:27em;
	}
}

iFrame.includedGallery {
	width: 100%;
	height: 800px;
	z-index: 999;
}
ul.inline_tabs{
	margin: 0;
	padding: 0;
}
ul.inline_tabs li{}	
	line-height:18px;
	display: inline;
	float: left;
	width: 84px;   
	_width: 85px;  
	overflow: hidden;
}
ul.inline_tabs li a{
	display: block;
	float: left; /*padding:5px 23px;*/
	padding-right: 5px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 4px 3px 4px;
}	 

.inline_tab-content{
	/*  clear: both;  */
	border: 0px solid #ddd;
	border-top: 0px;
	padding: 0px;
}

#inline_container,#inline_container2,#inline_container3,#inline_container4 {
	width:168px;
	position:relative;
}

#inline_slides_image, #inline_slides_image1, #inline_slides_image2, #inline_slides_image3, #inline_slides_image4, #inline_slides_image5, #inline_slides_image_extra, #inline_slides_image_2013, #inline_slides_image_2014, #inline_slides_image_2014_2, #inline_slides_image_2015 {
	width:168px;
	position:relative;
}

.inline_container .slidesNext, .inline_container .slidesPrevious{
	position:absolute;
	top:135px;
	left:0px;
	width:10px;
	height:0;
	padding-top:12px;
	display:block;
	z-index:101;
	overflow:hidden;
	background:url(/en/share/images/tab/back.png) no-repeat 0 0;
}

.inline_container .slidesNext {
	left:160px;
	background:url(/en/share/images/tab/next.png) no-repeat 0 0;
}


#inline_slides_image .slidesNext,#inline_slides_image_extra .slidesNext, #inline_slides_image .slidesPrevious, #inline_slides_image_extra .slidesPrevious, #inline_slides_image_2013 .slidesNext, #inline_slides_image_2014 .slidesNext, #inline_slides_image_2014_2 .slidesNext, #inline_slides_image_2015 .slidesNext, #inline_slides_image_2013 .slidesPrevious, #inline_slides_image_2014 .slidesPrevious, #inline_slides_image_2014_2 .slidesPrevious, #inline_slides_image_2015 .slidesPrevious{
	position:absolute;
	top:135px;
	left:0px;
	width:10px;
	height:0;
	padding-top:12px;
	display:block;
	z-index:101;
	overflow:hidden;
	background:url(/en/share/images/tab/back.png) no-repeat 0 0;
}

#inline_slides_image .slidesNext, #inline_slides_image_extra .slidesNext ,  #inline_slides_image_2013.slidesNext,  #inline_slides_image_2014 .slidesNext,  #inline_slides_image_2014_2 .slidesNext,  #inline_slides_image_2015.slidesNext{
	left:160px;
	background:url(/en/share/images/tab/next.png) no-repeat 0 0;
}

#inline_loopedSlider, #inline_loopedSlider2, #inline_loopedSlider3, #inline_loopedSlider4, .inline_container
{
	margin: 0 auto;
	width: 168px;
	position: relative;
	clear: both;
}

.inline_block {
	float: left;
	width: 47%;
	min-height:200px;
	border-style: solid; 
	border-width: 1px; 
	border-color: #e3e3e3;
	margin:10px 5px;
}

.current_inline_slide, .current_inline_slide1, .current_inline_slide2, .current_inline_slide3, .current_inline_slide4, .current_inline_slide5 , .current_inline_slide_extra, .current_inline_slide_2013, .current_inline_slide_2014, .current_inline_slide_2014_2, .current_inline_slide_2015{
	
	text-align:center;
	margin-top:0px;
}
.slidesPagination,.slidesPagination2 {
	display:none;

}

#menu_slides.slidesPagination {
	display:none;

}

.current_slide, .current_slide2, .current_slide3 , .current_slide_extra, .current_slide_2013,.current_slide_2014,.current_slide_2014_2 ,.current_slide_2015{
	
	text-align:center;
	margin-top:0px;
}
 /* =================================================================================================
	staticDisplayTable
================================================================================================= */
 .staticdisplay_KeyTable_ITMU {
 width:100%;
 table-layout:fixed ;
 border-left:1px solid #c6d5e1; 
 border-top:1px solid #c6d5e1;
 border-right:1px solid #c6d5e1; 
 border-bottom:none; 
 margin:0px auto 15px;
 border-spacing: 0px;
}
.staticdisplay_KeyTable_ITMU  th h1 {padding:2px 3px 6px;cursor:pointer; }
.staticdisplay_KeyTable_ITMU  td {padding:2px 2px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1;table-layout: auto;word-wrap: break-word; }
.staticdisplay_KeyTable_ITMU  td a {table-layout: auto;width: 5em; word-wrap: break-word;white-space: normal !important;overflow:hidden }

 /* =================================================================================================
	global
================================================================================================= */
 .alignCenter{
	 text-align: center;
 }
.button-bg{
	text-align:center;
	display:inline;
	background:  url(/en/business/industry_support/ict_manpower/student_it_corner/study_corner/images/button_bg.jpg) no-repeat center top;
	width:100%;
	height:49px;
	cursor: pointer;
 }
 
 .NextLink{
	 margin:5px;
 }
 div#PreAndNext{
	 padding-top:30px;
 }
 
div#contentheaderarea{
	line-height: 1.2rem;
}

div#slideshow-wrapper {
    top: 0px;
    left: 0px;
    bottom: 0px;
}
div#calendar-wrapper {
    top: 0px;
    left: 0px;
    bottom: 0px;
}

.related_link_arrow{
	display:block;
	width: 14px;
	height: 11px;
}
iframe.eventCalendarFrame{
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		max-width:756px;
		max-height:500px;
		overflow: hidden;
}
.highlightTitle{
	float:left;
	margin-left:9px;
	margin-top:8px;
	font-size:1.1em;
	width:197px;
}
	

@media only screen and (max-width: 1024px) { 
	div#slideshow-wrapper iframe{
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		max-width:100%;
		overflow: hidden;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	div#slideshow-wrapper iframe{
		position: relative;
		float:left;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		min-height:22rem;
		height:auto !important;
		width:100%;
		max-width:100%;
	}
}
@media only screen and (max-width: 480px) { 
	div#slideshow-wrapper iframe{
		position: relative;
		float:left;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		min-height:15rem;
		height:auto !important;
		width:100%;
		max-width:100%;
	}
}

@media only screen and (max-width: 375px) { 
	div#slideshow-wrapper iframe{
		position: relative;
		float:left;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		min-height:13.5rem;
		height:auto !important;
		width:100%;
		max-width:100%;
	}
}

@media only screen and (max-width: 320px) { 
	div#slideshow-wrapper iframe{
		position: relative;
		float:left;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		min-height:12.5rem;
		height:auto !important;
		width:100%;
		max-width:100%;
	}
}

/* =================================================================================================
	Event Calendar
================================================================================================= */
#s_month_from, #s_year_from, #s_month_to, #s_year_to{
		width:60px;
}



/* =================================================================================================
	SSL Forms
================================================================================================= */
#errorCaptcha,#errorEmail, #errorName{
	line-height:1rem;
}
.showPreviewDetail{
	height:370px;
	background-color: #fff;
	padding:5px;
	margin-top:10px;
	margin-bottom: 10px;
	border:1px solid #C6D5E1;
}

.showPreview, .hidePreview, .showTerms, .hideTerms, .showRegist, .hideRegist{
	display:none;
}
.showPreviewDetail.slidecontent{
	width:100%;
	margin:10px auto;
}
#galleria{
	height:320px;
}

.form_table {
	 width:100%;
	 border-left:1px solid #c6d5e1; 
	 border-top:1px solid #c6d5e1;
	 border-right:1px solid #c6d5e1; 
	 border-bottom:1px solid #c6d5e1; 
	 margin:0px auto 15px;
	 border-spacing: 0px;
 }
.form_table th h1 {padding:0px 6px 0px;cursor:pointer; }
.form_table td {padding:0px 6px 0px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}

.saveBtn{
	-webkit-appearance:none;
	border-radius:0;
	padding-left:6px;
	padding-bottom:4px;
	padding-top:4px;
	padding-right:6px;
}
/* =================================================================================================
	Search Form
================================================================================================= */
#query{
	margin:0px;
	height:30px;
}


.error_query {
	color: #0066FF;
}

.slash, .sort_by_date, .sort_by_date_disable, .sort_by_relevance_disable,  .sort_by_relevance{
	float:left;
}
.advancedSearch {
	padding-top:16px;
	float:right;
}

#sort_by_date, #sort_by_relevance_disable {
	display: block;
}

#sort_by_date_disable, #sort_by_relevance {
	display: none;
}
/* =================================================================================================
	orderPadding
================================================================================================= */

.orderPadding {
	line-height:1.3rem;
	padding-bottom:20px;
};
/* =================================================================================================
	Tender Table
================================================================================================= */
.tender-table{
	width: 100%; 
	min-height:800px;
	table-layout: auto;	
}
.tender-table td{
	line-height:23px;
}
.LBD_CaptchaDiv, .LBD_CaptchaIconsDiv, .LBD_CaptchaImageDiv{
	*display:inline-table;
	vertical-align:top;
	float:left;
}
.block{
	display:block;
}
/* =================================================================================================
	BOX (EACH SECTION)
================================================================================================= */
.box{
	clear:both;
	color:#333;
}
.box ul, .box ul li{
	list-style-type:none;
}
.box li .box{
	border:none;
}
.box h1 a{
	cursor:default;
	padding-left:10px;
}

.box h1, .box h2{
	clear:both;
	color:#FFF;
	padding-left:10px;
	font-weight:normal;
	background-repeat: no-repeat;
}
.box h2 img{
	cursor:pointer;
}
.box h2 a{
	color:#000;
}
.box h3 a{
	display:block;
	clear:both;
	color:#FFF !important;
	background:#837E7A;
	padding:5px 10px;
	text-decoration:none;
}
.box h3 a:hover, .box h3 a:active, .box h3 a:focus{
	background:#C46A2B;
}
.box ul{
	clear:both;
	line-height:1.1;
	background-repeat: repeat-x;
}
.box dl{
	padding:5px;
}
.box a{
	text-decoration:underline;
	font-size: 1.3em;
	*font-size: 1.3em !important;
}
.box table{
	table-layout:fixed;
}
.zebra ul li{
	border:none;
}
.zebra ul{
	padding-top:5px;
	padding-bottom:5px;
}
.zebra h4{
	font-weight:normal;
}
.alt{
	background:#D2E7F3;
}
.zebra .alt{
	background:#D2E7F3;
}
.zebra li a{
	display: block;
	color: #06F;
	text-decoration: none;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 20px;
}
.zebra li a:hover{
	text-decoration:underline;
	cursor:pointer;
	color:#000;
}
.zebra li img{
    border:none;
	
}
.nozebra li a{
	display: block;
	color: #06F;
	text-decoration:underline;
	padding-bottom: 5px;
}
.nozebra li a:hover{
	text-decoration:underline;
	cursor:pointer;
	color:#000;
}
.nozebra li img{
    border:none;
	
}

/* =================================================================================================
	Event Calendar
================================================================================================= */
@media only screen and (min-width: 48.0625em) { 
	.event_calendar_table{
		border:1px solid #cccccc;
		padding:15px;
		min-height:200px;
	}
}
@media only screen and (max-width: 48.0635em) { 
	.event_calendar_table{
		border:1px solid #cccccc;
		padding:15px;
		min-height:17.5em;
		min-width:320px;
	}
	#tab2{
		min-width:320px;
	}
	.blue_line{
		min-width:320px;
	}
	#eventList{
		table-layout:fixed;
		width:100%;		
		/*min-width:320px;*/
	}
}
@media only screen and (max-width: 29.438em) { 
	.event_calendar_table{
		border:1px solid #cccccc;
		padding:15px;
		min-height:21.3em;
		min-width:320px;
	}
}

ul.tabsImage{
	margin: 0;
	padding: 0;
}
ul.tabsImage li{	
	display: inline;
	float: left;
	overflow: hidden;
}
ul.tabsImage li a{
	display: block;
	float: left; 
	padding-right: 5px;
	color: #FFFFFF;
	text-decoration: none;
}	 
.selectedImage{
	padding-right: 5px;
}

.blue_line{
	background: url(/global/images/whats_new/header-bg-blue.png);
	background-repeat: repeat;
	height:12px;
}
.calendar_container{
	height:930px;
	width:777px;
}
.new-tab-content{
	clear: both;
	border-top: 0px;
	padding: 0px;
	/*width:770px;*/
}
.pagerTable img{	
	vertical-align: middle;
}
.pagerTable{
	width:100%;
}
.calendar_input{
	font-family: 細明體_HKSCS,"新細明體", "新细明体", PMingLiu, "細明體", "细明体" , MingLiu,Helvetica, "Myriad Pro", Arial, sans-serif;
}

.left-form{
	float:left;
	width:60%;
}
.right-form{
	float:right;
	width:40%;
}
.searchEventButtons{
	float:left;
	width:100%;
}

/* =================================================================================================
	General Index
================================================================================================= */




table.np{
	width: 380px;
}

tr.npcontent{
	background: url(/global/images/generalindex/repeat.png) repeat-y top left;
	height: 24px;
}
.indexTableTD{
	padding: 2px 20px;
}

.MenuTableItem_Containner{
	float: left;
	width:100%;
	background:url(/global/images/generalindex/hr.png) repeat-x bottom;
}
.MenuTableForImage{
	clear: left;
	float: left;
	/*width: 35px;*/
	padding-right:5px;
	display: inline;
}
.indexTableDiv{
	/*float: left;*/
	display: inline;
	/*line-height: 170%;*/
	padding-bottom: 5px;
	padding-top: 5px;
}
tr.npbottom{
	background: url(/global/images/generalindex/bottom.png) repeat-y top left;
	height: 24px;
}
.height10{
    height: 10px;
}
.height20{
    height: 20px;
}
.height46{
    height: 46px;
}

box zebra
/* =================================================================================================
	rightMenu & Related Links
================================================================================================= */
div.links{
	color:	#403F41;
	line-height:1.2rem;
	font-size:1.1rem;
}

.rightColHyper{
		width: 180px;
}

#rightMenu{
	font-size:1rem;
	padding-right:20px;
}
@media only screen and (min-width:57.26em) { 
	.rightColHyperlink, .rightColHyper span{
		color: #403f41;
		text-decoration: none;
		word-wrap:break-word;
		width: 140px;
		display:inline;
		font-size:1.3rem;
	}
}
@media only screen and (max-width:57.25em) { 
	.rightColHyperlink, .rightColHyper span{
		color: #403f41;
		text-decoration: none;
		word-wrap:break-word;
		width: 120px;
		display:inline;
		/*float:right;*/
		font-size:1.3rem;
	}
	#rightDesktopMenu ul li{
		width:100px;
	}
}
.rightColHyper .rightColMore{
	margin-top:5px;
	margin-right:5px;
	float:left;
}
#rightMenu .rightColHyperlink.active{
    color: #000000;
}
#rightMenu .rightColHyperlink:hover{
    color: #000000;
    text-decoration: underline ;
}


div.relatedlink{
	padding: 10px 0; 
	padding-top:20px;
	float:left;
}
@media only screen and (min-width: 48.0625em) { 
	
	table.relatedlink{
		/*width: 169px;*/
		width:100%;
	}
}
@media only screen and (max-width: 48.0635em) { 
	table.relatedlink{
		width: 100%;
	}
}
table.relatedlink tr{
	padding:0;
}
table.relatedlink table{
	width: 100%;
}
table.relatedlink tr td{
	min-height: 24px;
	padding-left: 3px;
	padding-right: 3px;
	color: white;
	line-height:1.2rem;
	width:90%;
}
td.relatedlink_top{
	width: 165px;
	height:24px;
	font-size:0.8rem;
	background: url('/global/images/related_links/bg_01.png');
	color: #ffffff;
}
tr.baseline{
	/*
	background: url('/global/images/related_links/line.png') no-repeat bottom center ;
	*/
}
td.relatedlink_content{
	width: 200px;
	color: #2C2C2C;
	line-height: 17px;
	padding:0;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	padding-top:6px;
}
td.relatedlink_content td{
	padding-bottom:6px;
}
td.relatedlink_content a{
	color: #2C2C2C;
	text-decoration: none;
}
td.relatedlink_content a:hover{
	text-decoration: underline;
}
.mobileFeatureStoriesBanner_en{
	float:left;
	display:block;
	background:  url(/global/images/home/feature_icon_mobile_en.png) no-repeat left top;
	width:100%;
	height:53px;
	margin-top:20px;
	cursor: pointer;
}
.mobileVideoBanner_en{
	float:left;
	display:block;
	width:100%;
	height:53px;
	background:  url(/global/images/home/videos_icon_mobile_en.png) no-repeat left top;
	margin-top:10px;
	margin-bottom:10px;
	cursor: pointer;
}
.mobile_tv_announcements_en{
	float:left;
	display:block;
	width:100%;
	height:53px;
	background:  url(/en/news_and_publications/tv_announcements/images/tv_announcements_icon_mobile_en.png) no-repeat left top;
	margin-top:10px;
	margin-bottom:10px;
	cursor: pointer;
}

.mobile_tv_announcements_tc{
	float:left;
	display:block;
	width:100%;
	height:53px;
	background:  url(/tc/news_and_publications/tv_announcements/images/tv_announcements_icon_mobile_tc.png) no-repeat left top;
	margin-top:10px;
	margin-bottom:10px;
	cursor: pointer;
}

.mobile_tv_announcements_sc{
	float:left;
	display:block;
	width:100%;
	height:53px;
	background:  url(/sc/news_and_publications/tv_announcements/images/tv_announcements_icon_mobile_sc.png) no-repeat left top;
	margin-top:10px;
	margin-bottom:10px;
	cursor: pointer;
}

.mobileFeatureStoriesBanner_tc{
	float:left;
	display:block;
	background:  url(/global/images/home/feature_icon_mobile_tc.png) no-repeat left top;
	width:100%;
	height:53px;
	margin-top:20px;
	cursor: pointer;
}
.mobileVideoBanner_tc{
	float:left;
	display:block;
	width:100%;
	height:53px;
	background:  url(/global/images/home/videos_icon_mobile_tc.png) no-repeat left top;
	margin-top:10px;
	margin-bottom:10px;
	cursor: pointer;
}
.mobileFeatureStoriesBanner_sc{
	float:left;
	display:block;
	background:  url(/global/images/home/feature_icon_mobile_sc.png) no-repeat left top;
	width:100%;
	height:53px;
	margin-top:20px;
	cursor: pointer;
}
.mobileVideoBanner_sc{
	float:left;
	display:block;
	width:100%;
	height:53px;
	background:  url(/global/images/home/videos_icon_mobile_sc.png) no-repeat left top;
	margin-top:10px;
	margin-bottom:10px;
	cursor: pointer;
}
/* =================================================================================================
	Highlights
================================================================================================= */

@media only screen and (min-width: 48.0625em) {
		/*
	.highlightsCorner {
		border: 1px solid #C0C0C0;
		-moz-border-radius:5px;
		border-radius: 5px;
		position:relative; 
		padding:3px -2px;
		background:#FFF;
		z-index:2;
		max-width:282px;
		width:100%;
		height:auto;
		min-height:32px;
	}	
	*/
	.highlightsTitle{
			float:left;
			margin-left:9px;
			margin-top:8px;
			line-height:1.2em;
			font-size:0.9em;
	}
	
	.highlightsTDLink{
		width:280px;
			line-height:1.2em;
	}
	.highlightsTDLinkLegco{
		width:243px;
		padding-left:6px;
		line-height:1.2em;
	}
	.highlightsMore{
		float:right;
		position:relative;
		margin-top:3px;
		margin-right:3px;
	}
	.highlightsMoreLink{
		position:relative;
		float:left;
		/*margin-top:5px;*/
		margin-right:3px;
	}
	.highlightsTop{
		margin-bottom:5px;
	}
	.highlightsLeftFirstModule {
		background:  url(/global/images/home/gp1_background.png) no-repeat center top;
		background-size: 100% auto;
		min-height:30px; 
		height:auto;
		/*width:280px;*/
		color:#ffffff;
		overflow:hidden;
		font-weight: normal;
		margin-top: 1px;
	}
	.highlightsLeftSecondModule {
		background:  url(/global/images/home/gp3_background.png) no-repeat center top;
		background-size: 100% auto;
		min-height:30px; 
		height:auto;
		/*width:280px;*/
		color:#ffffff;
		overflow:hidden;
		font-weight: normal;
		margin-top: 1px;
	}
	.highlightsLeftThirdModule {
		background:  url(/global/images/home/gp5_background.png) no-repeat center top;
		background-size: 100% auto;
		min-height:30px; 
		height:auto;
		/*width:280px;*/
		color:#ffffff;
		overflow:hidden;
		font-weight: normal;
		margin-top: 1px;
	}
	.highlightsRightFirstModule {
		background:  url(/global/images/home/gp2_background.png) no-repeat center top;
		background-size: 100% auto;
		min-height:30px; 
		height:auto;
		/*width:280px;*/
		color:#ffffff;
		overflow:hidden;
		font-weight: normal;
		margin-top: 1px;
	}
	.highlightsRightSecondModule {
		background:  url(/global/images/home/gp4_background.png) no-repeat center top;
		background-size: 100% auto;
		min-height:30px; 
		height:auto;
		/*width:280px;*/
		color:#ffffff;
		overflow:hidden;
		font-weight: normal;
		margin-top: 1px;
	}
	.highlightsRightThirdModule {
		background:  url(/global/images/home/gp6_background.png) no-repeat center top;
		background-size: 100% auto;
		min-height:30px; 
		height:auto;
		/*width:280px;*/
		color:#ffffff;
		overflow:hidden;
		font-weight: normal;
		margin-top: 1px;
	}
	.width_control{
		width:103.9%;
	}
	.highlightsHR{
		vertical-align:middle;
		padding-top:5px;
		padding-bottom:10px;
		width:100%;
	}
}
@media only screen and (max-width: 48.0635em) { 
	/*
	.highlightsCorner {
		border: 1px solid #C0C0C0;
		-moz-border-radius:5px;
		position:relative; 
		padding:3px -2px;
		background:#FFF;
		z-index:2;
		width:100%;
		height:auto;
		min-height:32px;
	}
	*/
	.highlightsTitle{
			float:left;
			margin-left:19px;
			margin-top:8px;
			/*width:197px;*/
			line-height:1.2em;
			font-size:0.9em;
	}
	.highlightsTDLink{
		width:100%;
			line-height:1.2em;
	}
	.highlightsTDLinkLegco{
		width:100%;
		padding-left:6px;
	}
	.highlightsMore{
		float:right;
		position:relative;
		margin-top:5px;
		margin-right:15px;
	}
	.highlightsMoreLink{
		position:relative;
		float:left;
		/*margin-top:5px;*/
		margin-right:3px;
	}
	.highlightsTop{
		margin-bottom:5px;
		padding-right:8px;
	}
	.highlightsLeftFirstModule {
		background-color: #f6892e;
		min-height:30px; 
		height:auto;
		/*width:280px;*/
		color:#ffffff;
		overflow:hidden;
		font-weight: normal;
		/*margin-top: 1px;*/
	}
	.highlightsLeftSecondModule {
		background-color:#41994a;
		min-height:30px; 
		height:auto;
		/*width:280px;*/
		color:#ffffff;
		overflow:hidden;
		font-weight: normal;
		/*margin-top: 1px;*/
	}
	.highlightsLeftThirdModule {
		background-color:#0b8cd8;
		min-height:30px; 
		height:auto;
		/*width:280px;*/
		color:#ffffff;
		overflow:hidden;
		font-weight: normal;
		/*margin-top: 1px;*/
	}
	.highlightsRightFirstModule {
		background-color : #663895;
		min-height:30px; 
		height:auto;
		/*width:280px;*/
		color:#ffffff;
		overflow:hidden;
		font-weight: normal;
		/*margin-top: 1px;*/
	}
	.highlightsRightSecondModule {
		background-color:#e91c41;
		min-height:30px; 
		height:auto;
		/*width:280px;*/
		color:#ffffff;
		overflow:hidden;
		font-weight: normal;
		/*margin-top: 1px;*/
	}
	.highlightsRightThirdModule {
		background-color:#b4259a;
		min-height:30px; 
		height:auto;
		/*width:280px;*/
		color:#ffffff;
		overflow:hidden;
		font-weight: normal;
		/*margin-top: 1px;*/
	}
	.width_control{
		width:100%;
	}
	.highlightsHR{
		vertical-align:middle;
		padding-top:12px;
		padding-bottom:12px;
		width:100%;
		height:auto;
	}
}

.highlightsTD{
		width:10px;
		margin-top:0px;
		vertical-align:top;
		padding-top:2px;

}
.highlightsTDLegco{
		width:11px;
		margin-top:0px;
		/*vertical-align:top;*/
}

.highlightsShowHideLink{
	position:relative;
	/*float:left;*/
	margin-top:5px;
	margin-right:5px;
}

.highlightsModule{
	color:#000000;
	padding-left:5px;
	padding-top:10px;
	padding-right:8px;
	padding-bottom:10px;
}

.spaceCell{
	width:15px;
}

.highlightsItem{
	vertical-align:text-top;
	margin-top:10px;
}

.highlightsTable{
	table-layout:fixed;
	width:auto;
}

.highlightsTRLegco{
	vertical-align:text-top;
	margin-top:10px;
}


.highlightsLeftArea{
	width:50%;
	height:auto;
	vertical-align:top;
}

.highlightsRightArea{
	width:50%;
	height:auto;
	vertical-align:top;
}



.highlightsDate{
	color:#6e6767;
	font-weight: normal;
	margin-top:7px;
	font-size:0.8em;
}


.highlightsDescriptionLink{
	color: #42413f;
	font-weight: normal;
	line-height:1.2em;
}

.rightTitle a:link, .highlightsTDLink  a:link, .highlightsTDLinkLegco  a:link, .highlightsTDLink  a:visited, .highlightsTDLinkLegco  a:visited, .rightTitle a:visited, .keywordBox a:link, .keywordBox a:visited, #keywordArea a:link, #keywordArea a:visited, .videoCaption a:link, .videoCaption a:visited, .alignRight a:link, .alignRight a:visited{
	text-decoration:none;color:#000000;
}

.highlightsTDLink a:hover, .highlightsTDLinkLegco a:hover, .rightTitle a:hover, .keywordBox a:hover, #keywordArea a:hover, .videoCaption a:hover, .alignRight a:hover{
	text-decoration:underline;color:#000000;
}

.highlightsArrow{
	vertical-align: top;
	margin-top:3px;
}

.moreArrow{
	vertical-align:middle;
}
.moreLink{
	font-weight: normal;
}
.morealignRight{
	float:right;
}

.moreAlignRightLegco{
	float:right;
	padding-right:5px;
}
.highlightsArea{
	width:100%;
}
.highlightsAreaPrinterView{
	width:200px;
}
.pdfIcon {
	padding-right: 6px;
	width:17px;
	max-width:17px;
	height:11px;
}

.alignRight{
    text-align: right;
}
/* =================================================================================================
	Home Right Corner
================================================================================================= */

.featureStoriesBanner{
	padding-left:0px;
	padding-top:0em;
	padding-bottom:0px;
}
.VideoBanner{
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
}



.rightTitleLink a:link {color:#4ca9d5;}
.rightTitleLink a:visited {color:#4ca9d5;}
.rightTitleLink a:hover {color:#4ca9d5;}
.rightTitleLink a:active {color:#4ca9d5;}

.rightTitle span{
	float:left;
	margin-left:9px;
	margin-top:8px;
	font-size:1.1em;
}


.rightVideoModule {
	
	height:auto;
	width:210px;
	color:#4ca9d5;
	overflow:hidden;
	font-weight: normal;
	margin-top: 1px;
}

.rightVideoTitle{
	background:url(/global/images/gp_background_grey.png) no-repeat left top;
	background-size: 206px 30px;
	min-height:30px;
	padding-right:1px;
}

.rightVideoTitle span{
	float:left;
	margin-left:12px;
	margin-top:5px;
	height:20px;
}
@media only screen and (min-width: 48.0625em) {

 }
@media only screen and (max-width: 48.0635em) {

}
.videoCorner{
	position:relative;
	border: 1px solid #C0C0C0;
	-moz-border-radius:5px;
	border-radius: 5px;
	padding:3px -2px;
	background:#FFF;
	z-index:2;
	width:210px;
	height:auto;
	top:8px;
}


input, select{
	font-size:0.7rem;
}


/* =================================================================================================
	I WANT TO (SIDEBAR)
================================================================================================= */
#sidebar #iWantTo{
	margin:0;
	border:1px solid #dfdfdf;
}
#sidebar {
	padding-bottom:12px;
}
#sidebar #iWantTo h3{
	width:122px;
	min-height:40px;
	*min-height:40px;
	text-indent:-9999px;
}

@media only screen and (min-width: 48.0625em) { 

}

@media only screen and (max-width: 48.0635em) { 

}

#sidebar #iWantTo li{
	border-bottom-width:1px;
	border-bottom-style:solid;
}
#sidebar #iWantTo li a{
	padding:9px 12px 13px 6px;
	/*font-weight:bold;*/
	display:block;
	text-decoration:none;
	line-height:1.2em;
}
/* =================================================================================================
	I WANT TO (SIDEBAR)
================================================================================================= */
#sidebar #iWantTo li{
	list-style-type: none;
	border-color:#aaa;
}
#sidebar #iWantTo li a{
	background:url(/global/images/features/arrow.gif) no-repeat 98% 50%;
	color:#42413f;
}
#sidebar #iWantTo li a:hover, #sidebar #iWantTo li a:active, #sidebar #iWantTo li a:focus{
	background-color:#D3D2CB;
}
/* =================================================================================================
	General Elements
================================================================================================= */
@media only screen and (min-width: 48.0625em) { 
	.transcripts{
		cursor:pointer;
		border:1px solid #cccccc;
		width:100%;
		height:25px;
		padding-bottom:5px;
		padding-top:1px;
	}
	.transcripts img{
		vertical-align:middle;
		padding-bottom:3px;
		padding-right:5px;
	}
}
@media only screen and (max-width: 48.0635em) { 
	.transcripts{
		cursor:pointer;
		border:1px solid #cccccc;
		width:100%;
		height:25px;
		padding-bottom:5px;
		padding-top:5px;
	}
	.transcripts img{
		vertical-align:middle;
		padding-bottom:3px;
		padding-right:5px;
	}
}
@media only screen and (min-width: 48.0625em) { 
	.keyboardShortCutOpen{
		width:97.1%;
		background-color: #008CBA;
		border: none;
		color: #ffffff;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	}
	.keyboardShortCutClose{
		width:97.1%;
		background-color: #008CBA;
		border: none;
		color: #ffffff;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: none;
		font-size: 16px;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	}
}
@media only screen and (max-width: 48.0635em) { 
	.keyboardShortCutOpen{
		width:102%;
		background-color: #008CBA;
		border: none;
		color: #ffffff;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	}
	.keyboardShortCutClose{
		width:102%;
		background-color: #008CBA;
		border: none;
		color: #ffffff;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: none;
		font-size: 16px;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	}
}
@media only screen and (min-width: 48.0625em) { 
	.videoTable{
		display:none;
		 width:97.5%;
		 table-layout:auto;
		 border: 1px solid #c6d5e1;
		 /*margin:10px auto 15px;*/
		 margin-bottom:15px;
		 border-spacing: 0px;
		 border-collapse:collapse;
	}
}
@media only screen and (max-width: 48.0635em) { 
	.videoTable{
		display:none;
		 width:102.2%;
		 table-layout:auto;
		 border: 1px solid #c6d5e1;
		 /*margin:10px auto 15px;*/
		 		 margin-bottom:15px;
		 border-spacing: 0px;
		 border-collapse:collapse;
	}
}
@media only screen and (min-width: 48.0625em) { 

	.themeTable {
		 width:100%;
		 table-layout:auto;
		 border: 1px solid #c6d5e1;
		 margin:10px auto 15px;
		 border-spacing: 0px;
		 border-collapse:collapse;
	 }
	.themeTable th {
		background-repeat: repeat;
		text-align:left; 
		color:#FFF; 
		border: 1px solid #C6D5E1;
		padding-left:5px;
		font-size:0.8em;
		line-height:1.5rem;
	}
	.themeTable td{
		padding:14px 16px 16px; 
		border: 1px solid ##c6d5e1;
	}
	
	.themeTableNoWrap {
		 width:100%;
		 table-layout:auto;
		 border: 1px solid #c6d5e1;
		 margin:10px auto 15px;
		 border-spacing: 0px;
		 border-collapse:collapse;
	 }
	.themeTableNoWrap th {
		background-repeat: repeat;
		text-align:left; 
		color:#FFF; 
		border: 1px solid #C6D5E1;
		padding:4px;
		font-size:0.8em;
		line-height:1.5rem;
	}
	.themeTableNoWrap td{
		padding:4px; 
		border: 1px solid ##c6d5e1;
	}
	.featureTable {
		 width:100%;
		 table-layout:auto;
		 border: 1px solid #c6d5e1;
		 margin:10px auto 15px;
		 border-spacing: 0px;
		 border-collapse:collapse;
	 }
	.featureTable th {
		background-repeat: repeat;
		text-align:left; 
		color:#FFF; 
		border: 1px solid #C6D5E1;
		padding-left:5px;
		font-size:0.8em;
		line-height:1.5rem;
	}
	.featureTable td{
		padding:14px 16px 16px; 
	}
}

@media only screen and (max-width: 48.0635em) { 
	.themeTable {
		 width:100%;
		 table-layout:fixed;
		 border: 1px solid #c6d5e1;
		 margin:10px auto 15px;
		 border-spacing: 0px;
		 border-collapse:collapse;
		 word-wrap: break-word;
		 /*font-size:40%;*/
	 }
	.themeTable th {
		background-repeat: repeat;
		text-align:left; 
		color:#FFF; 
		border: 1px solid #C6D5E1;
		padding-left:10px;
		font-size:0.8em;
		line-height:1.5rem;
	}
	.themeTable td{
		padding:10px 10px 10px; 
		border: 1px solid ##c6d5e1;
	}
	.themeTableNoWrap {
		 width:100%;
		 table-layout:auto;
		 border: 1px solid #c6d5e1;
		 margin:10px auto 15px;
		 border-spacing: 0px;
		 border-collapse:collapse;
		/* word-wrap: break-word;*/
		 /*font-size:40%;*/
	 }
	.themeTableNoWrap th {
		background-repeat: repeat;
		text-align:left; 
		color:#FFF; 
		border: 1px solid #C6D5E1;
		padding:4px;
		font-size:0.8em;
		line-height:1.5rem;
	}
	.themeTableNoWrap td{
		padding:4px; 
		border: 1px solid ##c6d5e1;
	}
	.featureTable {
		 width:100%;
		 table-layout:auto;
		 border: 1px solid #c6d5e1;
		 margin:10px auto 15px;
		 border-spacing: 0px;
		 border-collapse:collapse;
		 /*font-size:40%;*/
	 }
	.featureTable th {
		background-repeat: repeat;
		text-align:left; 
		color:#FFF; 
		border: 1px solid #C6D5E1;
		padding-left:5px;
		font-size:0.8em;
		line-height:1.5rem;
	}
	.featureTable td{
		padding:0px 0px 0px; 
	}
	
}
.themeTable tr:odd{
	background-color:#ffffff;
}
.themeTable tr:even{
	background-color:#ffffff;
}

.staticnosort{
	width:200px;
}

img {
	border: 0;
}
.lower img, .topBorder img{
	display:block;
}

#weatherIconTopDesktop img{
		width:35px;
		height:35px;
}
#weatherIconTopMobile img{
		width:35px;
		height:35px;
}


alignLeft{
	float:left;
}
@media only screen and (min-width: 48.0625em) { 
	.breadcrumb{
		width:99%;
		font-size: 0.8rem;
		padding-top:8px;
		padding-left:23px;
	}
}
@media only screen and (max-width: 48.0635em) { 
	.breadcrumb{
		width:99%;
		font-size: 0.8rem;
		padding-top:0px;
		padding-left:0px;
	}
}

#mainbar1e, #mainbar3, #mainbar4, #mainbar6{
	vertical-align: bottom;
}
.editContentStudentCorner p{
	line-height: 25px;
	padding-top:7.5px;
	padding-bottom:7.5px;
}
.editContent p{
	line-height: 25px;
	padding-top:7.5px;
	padding-bottom:7.5px;
}
.editContent ul{
	line-height: 25px;
	padding-top:7.5px;
	padding-bottom:7.5px;
}
.editContent ol{
	*padding-left : 5px;
	line-height: 25px;
	padding-top:7.5px;
	padding-bottom:7.5px;
}
.editContent img{
	vertical-align:middle;
	max-width:100%;
	width:auto;
}
.editContent h2{
	line-height: 25px;
	padding-top:7.5px;
	padding-bottom:7.5px;
	font-size:1.17em;
}
.editContent h3{
	line-height: 25px;
	padding-top:4.5px;
	padding-bottom:4.5px;
	font-size:1em;
}
.editContent h4{
	font-size:1em;
}

/* =================================================================================================
	Video Popup
================================================================================================= */

.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width:100%; 
	height:100%; 
	background-color:#fff;
	z-index: 1000001;
	float:left;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.white_content0, .white_content1, .white_content2, .white_content3, .white_content4, .white_content5, .white_content6, .white_content7, .white_content8, .white_content9, .white_content10, .white_content11, .white_content12, .white_content13, .white_content14, .white_content15, .white_content16, .white_content17, .white_content18, .white_content19, .white_content20, .white_content21, .white_content22, .white_content23, .white_content24, .white_content25, .white_content26, .white_content27, .white_content28, .white_content29, .white_content30 , .white_content31 , .white_content32 , .white_content33 , .white_content34 , .white_content35 , .white_content36 , .white_content37 , .white_content38 , .white_content39 , .white_content40 , .white_content41 , .white_content42 , .white_content43, .white_content44 , .white_content45 , .white_content46 , .white_content47 , .white_content48 , .white_content49 , .white_content50 , .white_content51 , .white_content52 , .white_content53 , .white_content54, .white_content55 , .white_content56 , .white_content57 , .white_content58 , .white_content59 , .white_content60 , .white_content61  , .white_content62 , .white_content63 , .white_content64 , .white_content65 , .white_content66 , .white_content67 , .white_content68 , .white_content69 , .white_content70 , .white_content71 , .white_content72, .white_content73, .white_content74 , .white_content75 , .white_content76, .white_content77 , .white_content78 , .white_content79 , .white_content80 , .white_content81 , .white_content82, .white_content83 , .white_content84 , .white_content85, .white_content86 , .white_content87 , .white_content88 , .white_content89 , .white_content90 , .white_content91 , .white_content92 , .white_content93 , .white_content94 , .white_content95 , .white_content96 , .white_content97 , .white_content98 , .white_content99 , .white_content100 {
            display: none;
            position: absolute;
            width: auto;
            height: auto;
            padding: 10px;
            border: 1px solid #ccc;
            background-color: white;
            z-index: 1000002;
            overflow: auto;
			font-size: 0.8em;
}
        	
 .white_content0, .white_content1, .white_content2, .white_content3, .white_content4, .white_content5, .white_content6, .white_content7, .white_content8, .white_content9, .white_content10, .white_content11, .white_content12, .white_content13, .white_content14, .white_content15, .white_content16, .white_content17, .white_content18, .white_content19, .white_content20, .white_content21, .white_content22, .white_content23, .white_content24, .white_content25, .white_content26, .white_content27, .white_content28, .white_content29, .white_content30 , .white_content31 , .white_content32 , .white_content33 , .white_content34 , .white_content35 , .white_content36 , .white_content37 , .white_content38 , .white_content39 , .white_content40 , .white_content41 , .white_content42 , .white_content43, .white_content44 , .white_content45 , .white_content46 , .white_content47 , .white_content48 , .white_content49 , .white_content50 , .white_content51 , .white_content52 , .white_content53 , .white_content54, .white_content55 , .white_content56 , .white_content57 , .white_content58 , .white_content59 , .white_content60 , .white_content61  , .white_content62 , .white_content63 , .white_content64 , .white_content65 , .white_content66 , .white_content67 , .white_content68 , .white_content69 , .white_content70 , .white_content71 , .white_content72, .white_content73, .white_content74 , .white_content75 , .white_content76, .white_content77 , .white_content78 , .white_content79 , .white_content80 , .white_content81 , .white_content82, .white_content83 , .white_content84 , .white_content85, .white_content86 , .white_content87 , .white_content88 , .white_content89 , .white_content90 , .white_content91 , .white_content92 , .white_content93 , .white_content94 , .white_content95 , .white_content96 , .white_content97 , .white_content98 , .white_content99 , .white_content100 {
         *min-width: 500px;    
}
    
 .white_content_video0, .white_content_video1, .white_content_video2, .white_content_video3, .white_content_video4, .white_content_video5, .white_content_video6, .white_content_video7, .white_content_video8, .white_content_video9, .white_content_video10, .white_content_video11, .white_content_video12, .white_content_video13, .white_content_video14, .white_content_video15, .white_content_video16, .white_content_video17, .white_content_video18, .white_content_video19, .white_content_video20, .white_content_video21, .white_content_video22, .white_content_video23, .white_content_video24, .white_content_video25, .white_content_video26, .white_content_video27, .white_content_video28, .white_content_video29, .white_content_video30 , .white_content_video31 , .white_content_video32 , .white_content_video33 , .white_content_video34 , .white_content_video35 , .white_content_video36 , .white_content_video37 , .white_content_video38 , .white_content_video39 , .white_content_video40 , .white_content_video41 , .white_content_video42 , .white_content_video43, .white_content_video44 , .white_content_video45 , .white_content_video46 , .white_content_video47 , .white_content_video48 , .white_content_video49 , .white_content_video50 , .white_content_video51 , .white_content_video52 , .white_content_video53 , .white_content_video54, .white_content_video55 , .white_content_video56 , .white_content_video57 , .white_content_video58 , .white_content_video59 , .white_content_video60 , .white_content_video61  , .white_content_video62 , .white_content_video63 , .white_content_video64 , .white_content_video65 , .white_content_video66 , .white_content_video67 , .white_content_video68 , .white_content_video69 , .white_content_video70 , .white_content_video71 , .white_content_video72, .white_content_video73, .white_content_video74 , .white_content_video75 , .white_content_video76, .white_content_video77 , .white_content_video78 , .white_content_video79 , .white_content_video80 , .white_content_video81 , .white_content_video82, .white_content_video83 , .white_content_video84 , .white_content_video85, .white_content_video86 , .white_content_video87 , .white_content_video88 , .white_content_video89 , .white_content_video90 , .white_content_video91 , .white_content_video92 , .white_content_video93 , .white_content_video94 , .white_content_video95 , .white_content_video96 , .white_content_video97 , .white_content_video98 , .white_content_video99 , .white_content_video100  {
            display: none;
            position: absolute;
			 *min-width: 476px; 
            min-width: 500px;
            height: auto;
            padding: 10px;
            border: 0px solid orange;
            background-color: white;
            z-index: 1000002;
            overflow: hidden;
			font-size: 0.8em;
 }
 .video_content_1, .video_content_2, .video_content_3, .video_content_4, .video_content_5, .video_content_6, .video_content_7, .video_content_8, .video_content_9, .video_content_10{
	         display: none;
			width:auto;	
			 *min-width:320px; 
            min-width:320px;
            height: auto;
            padding: 10px;
            border: 1px solid #cccccc;
            background-color: white;
			font-size: 0.8em;	
 }
@-webkit-keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}
span.DownloadLink a:link,  span.DownloadLink a:visited, span.CloseLink a:link, span.CloseLink a:visited{text-decoration:none;}
span.DownloadLink a:hover, span.CloseLink a:hover{text-decoration:underline;color:#000000;}
span.DownloadLink{
		float:left;
		padding-left:30px;
		padding-top:5px;
		overflow:visible;
		text-decoration: none;
}
.DownloadLink{
		z-index: 10px;
		position: relative;
		top: -7px;    
}        
/* =================================================================================================
	Breadcrumbs
================================================================================================= */
.mainNavPath{
    color: #6E95B0;
    text-decoration: none;
}
.mainTitle{
	font-size: 1.4em;
	font-weight: bold;
    color: #2C2C2C;
    padding: 0px;
}
.mainHr{
    width: 100%;
    background: url(/global/images/shadow_bar.png) transparent repeat-x;
    height: 25px;
    color: #929292;
    line-height: 25px;
	padding-top : 8px;
	padding-bottom : 20px;
}
.mainDate{
	font-size: 1.2em;
	color: #616161;
    padding-left: 10px;
}
.whatNewsDate{
	color:#ffffff;
	min-width:120px;
	font-size:0.9em;
}
.whatNewsType{
	color:#ffffff;
	min-width:100px;
}
.display_KeyTable{
	border-collapse: collapse; 
	border-spacing: 0;
	padding: 0px;
}
.no_border_KeyTable{
	border-collapse: collapse; 
	border-spacing: 0;
	padding: 0px;
    display: table;
    table-layout: fixed;
    position: relative;
	width:100%;
	height: 100%;
}
.no_border_KeyTable td{
	padding: 4px 6px 6px;
	background-color: #ffffff;
	line-height:1.2rem;
	vertical-align:top;
}
@media only screen and (min-width: 48.0625em) { 
		.no_border_ResponsiveTable{
			border-collapse: collapse; 
			border-spacing: 0;
			padding: 0px;
			display: table;
			table-layout: fixed;
			position: relative;
			width:100%;
			height: 100%;			
		}
		.no_border_ResponsiveTable td{
			padding: 4px 6px 6px;
			background-color: #ffffff;
			line-height:1.2rem;
			vertical-align:top;		
		}
}
@media only screen and (max-width: 48.0635em) { 
		.no_border_ResponsiveTable{
			border-collapse: collapse; 
			border-spacing: 0;
			padding: 0px;
			display: table;
			table-layout: fixed;
			position: relative;
			width:100%;
			height: 100%;			
		}
		.no_border_ResponsiveTable td{
			padding: 4px 6px 6px;
			background-color: #ffffff;
			line-height:1.2rem;
			vertical-align:top;		
			display:inline-block;			
		}
}
.plain_KeyTable{
	border: 1px solid #C6D5E1;
	border-collapse: collapse; 
	border-spacing: 0;
	padding: 0px;
}
.plain_KeyTable td{
	padding: 4px 6px 6px;
	background-color: #ffffff;
	line-height:1.2rem;
}


.mainContentArea{
	line-height: 20px;
    padding: 10px 5px 8px 10px;
    text-align: left;
	color:#303030;
}
.mainContentArea a{
	color:#3c81a2;
	text-decoration: none;
}
.mainContentArea a:hover
{
	color:#3c81a2;
	text-decoration: underline;
}
@media only screen and (min-width: 48.0625em) { 
	#newsContent{
		line-height: 23px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom: 15px;
	}
}
@media only screen and (max-width: 48.0635em) { 
	#newsContent{
		min-width:0px;
		line-height: 1.2em;
		padding-left:0px;
		padding-right:0px;
		padding-bottom: 15px;
	}
	#mobile_header{
		min-width:240px;
	}
	#mobileSearchBox{
		height:28px;
		width:195px;
		margin-left:5px;
		background-image: url(/global/images/mobile/search.png);
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
		border:0;
		color: #666;
		padding:4px 1px 0 3px;
		line-height: 12px;
	}
}
div#newsContent table tr th{
	margin-left:20px;
}
div#newsContent ul{
	margin-left:20px;
	list-style-type:disc;
	font-size:0.8rem;
}
div#newsContent ul li{
	line-height:1.8em;
}
div#newsContent ul ul{
	margin-left:20px;
	list-style-type:disc;
}
div#newsContent ul ul ul{
	margin-left:20px;
	list-style-type:disc;
}
div#newsContent ol{
	margin-left:24px;
	list-style-type:decimal;
	font-size:0.8rem;
}
div#newsContent ol li{
	line-height:1.8em;
}
div#newsContent ol ol{
	margin-left:24px;
	list-style-type:lower-latin;
	list-style-type:lower-alpha;
}
div#newsContent ol ol ol{
	margin-left:24px;
	list-style-type:lower-roman;
}
div#newsContent table tr td{
	/*vertical-align:top;*/
}
/* =================================================================================================
	Font Size 
================================================================================================= */
body {
	font-size:62.5%;
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
@media only screen and (max-width: 320px) { 
	body{
		min-width:320px;
		overflow:scroll;
	}
}
/* =================================================================================================
	FONT FAMILY
================================================================================================= */

.en, .en input, .en select{font-family: Helvetica, "Myriad Pro", Arial, sans-serif;}
.tc, .tc input, .tc select{font-family:PMingLiu, MingLiu, Helvetica, "Myriad Pro", Arial,  sans-serif;}
.sc, .sc input, .sc select{font-family:PMingLiu, MingLiu, Helvetica, "Myriad Pro", Arial, Helvetica, sans-serif;}

*[lang|='en']			{font-family: Helvetica, "Myriad Pro", Arial, sans-serif;}
.tc .en, .sc .en		{font-family: Helvetica, "Myriad Pro", Arial, sans-serif;} 				/*ie6*/
*[lang|='zh']			{font-family:PMingLiu, MingLiu, Helvetica, "Myriad Pro", Arial, sans-serif;}
.en .zh-HK, .en .zh-CN	{font-family:PMingLiu, MingLiu, Helvetica,"Myriad Pro", Arial, sans-serif;}	/*ie6*/
/* =================================================================================================
	Landing Page
================================================================================================= */

table.mtable{
	width: 400px;
	margin: 0 auto;
	border-collapse: collapse; 
	border-spacing: 0; 
	padding:0;	
}
td.mblank1{
	height: 25px;
}
tr.mversion{
	height: 20px;
	text-align: right;
}
div.branding{
	margin-top: 10px;
	vertical-align: top;
}
td.mmobile{
	width: 243px;
}
td.mbranding{
	width: 247px;
	text-align: right;
}
div.mbanner{
	width: 490px;
	height: 220px;
}
div.mbrand{
	width: 490px;
	height: 75px;
}
div.mversion{
	width: 490px;
	height: 20px;
	text-align:right;
}
.mbar{
	width: 490px;
	height: 2px;
	background:url(/global/images/landing/bar.gif) no-repeat;
}
.redline{
   height:5px;
}
.bottomRedLine{
	border-top : 2px solid #ff0000;
}
.topRedLine{
	border-bottom : 2px solid #ff0000;
}

/* =================================================================================================
	Homepage
================================================================================================= */
.welcomeMessage {
    color: #2C2C2C;
	float:left;
	position: relative;
	font-weight:bold;
	font-size:0.8rem;
	padding-left:5px;
}
.HotKeyWordTitle{
    position: relative;
	left: 20px;
	top: -8px;
   	color: #000;
	float:left;
 }
.HotKeyWordHeader img{
	position: relative;
	top:1.2em;
	vertical-align: baseline;
}   
.keywordBox{
	position:absolute;
	left:520px; 
	top:-1500px;
	z-index:10000;
	background-color:#ffffff;
	border: 1px solid #C0C0C0;
	width:280px;
	padding-top:-40px;
}
 @media only screen and (min-width:768px) and (max-width: 840px) { 
	 .keywordBox{
		position:absolute;
		left:280px; 
		top:-1500px;
		z-index:10000;
		background-color:#ffffff;
		border: 1px solid #C0C0C0;
		width:280px;
		padding-top:-40px;
	 }
 }
 @media only screen and (min-width:841px) and (max-width: 994px) { 
	 .keywordBox{
		position:absolute;
		left:350px; 
		top:-1500px;
		z-index:10000;
		background-color:#ffffff;
		border: 1px solid #C0C0C0;
		width:280px;
		padding-top:-40px;
	 }
 }
 @media only screen and (min-width:995px) and (max-width: 1023px) { 
	 .keywordBox{
		position:absolute;
		left:380px; 
		top:-1500px;
		z-index:10000;
		background-color:#ffffff;
		border: 1px solid #C0C0C0;
		width:280px;
		padding-top:-40px;
	 }
 }
.keywordBox li {
	list-style: none;
	display: list-item;
	clear: both;
	padding-left: 25px;
	margin-top: 2px;
	margin: 0 0 3px 0;
	text-align: left;
	line-height:1.5em;
}
.keywordBox li.n1{background:url(/global/images/keywords/icon_1.png) no-repeat; margin-left: 3px;}
.keywordBox li.n2{background:url(/global/images/keywords/icon_2.png) no-repeat; margin-left: 3px;}
.keywordBox li.n3{background:url(/global/images/keywords/icon_3.png) no-repeat; margin-left: 3px;}
.keywordBox li.n4{background:url(/global/images/keywords/icon_4.png) no-repeat; margin-left: 3px;}
.keywordBox li.n5{background:url(/global/images/keywords/icon_5.png) no-repeat; margin-left: 3px;}
.keywordBox li.n6{background:url(/global/images/keywords/icon_6.png) no-repeat; margin-left: 3px;}
.keywordBox li.n7{background:url(/global/images/keywords/icon_7.png) no-repeat; margin-left: 3px;}
.keywordBox li.n8{background:url(/global/images/keywords/icon_8.png) no-repeat; margin-left: 3px;}
.keywordBox li.n9{background:url(/global/images/keywords/icon_9.png) no-repeat; margin-left: 3px;}
.keywordBox li.n10{background:url(/global/images/keywords/icon_10.png) no-repeat; margin-left: 3px;}
#keywordArea {
	width:auto;
	float:left;
	display:block;
	/*min-width:165px;*/
	/*line-height:1.2em;*/
	/*font-size:0.91rem;*/
}
#number{
	float:left;
	width:17px;
	text-align:center;
	display:block;
	border:1px solid gray;
	margin:0;
	padding:0;
	height:14px;
	line-height:1.2em;
}  
.keywordTitle{
	color:red;
	float:left;
	text-align:right;
	padding-right:5px;
}
.hotkeyword-wrapper{
	/*font-size:0.75rem;*/
	font-weight:bold;
	/*height:32px;*/
	float:right;
	/*padding-left:130px;*/
	line-height:1em;
	text-align:right;
}
/* =================================================================================================
	Left Bottom Icons Slideshow 
================================================================================================= */
#left_icons{
	
	width:0px;
}
#slideshowWrapper{
	float:left;
	width:180px;
	margin:0; 
	background: #EFEFF1;
	overflow:hidden;
}

#fssPlayPause{position:absolute;top:435px;right:20px;padding:4px 0 5px 0;-moz-border-radius:5px;border-radius:5px;width:60px;text-align:center;display:block;color:#333;text-decoration:none;}

ul#left_slideshow{list-style:none;border:0px solid #999;padding:2px;margin:auto;margin-top:5%;width:160px;height:480px;overflow:hidden;}

#fssList{float:left; width:180px;height:24px;/*text-align:center;*/}
#fssList li{display: inline;padding-right: 5px;padding-left: 5px;}
#fssList li a{background:url(/global/images/tab/page_s2.png);background-position:center;background-repeat:no-repeat;color:transparent;text-decoration:none; font-family: Arial;}
#fssList li.fssActive a{background:url(/global/images/tab/page_s1.png);background-position:center;background-repeat:no-repeat;color:transparent;text-decoration:none;}

#top{background:#3b5998;width:100%;height:40px;margin-bottom:20px;}
#top h1{color:#fff;padding:7px 0 0 15px}
#top h1 a{text-decoration:underline;color:#fff;}
#top h1 a:hover{text-decoration:none;}

small a{color:#000;}


#fssPrev{background:url(/global/images/tab/back.png);background-position:left center;background-repeat:no-repeat;color:transparent;text-decoration:none;padding-left:15px;}
#fssNext{background:url(/global/images/tab/next.png);background-position:right center;background-repeat:no-repeat;color:transparent;text-decoration:none;padding-right:15px;}

ol, ul {
margin-left: 0px;
}
.coda-sliderIcon {
	background: #EFEFF1;
}
#left_slideshow li table{
	background: #EFEFF1;
}
/* =================================================================================================
	Left Menu
================================================================================================= */

.menu_item {
	line-height:normal;
	font-size:0.8rem;
}

.sf-menu li .active {
	left: 180px;
	top: 0;
}
.sf-menu li .inactive {
	left: 0px;
	top: 0;
}
.sf-menu ul{
	color: EFEFF1;
	background: #EFEFF1;
}
.sf-menu ul li a{
    width: 170px;
    padding-left: 15px;
    line-height: 16px;
    margin: 10px 0;
    margin-right: 10px;
}
.sf-menu .menu_lv1{
    padding-left:13px;
    padding-top:0.5em;
    padding-right:12px;
    line-height:1.4em;
	height:auto;
	min-height:42px;
}
.sf-menu .active .menu_lv1 span{
    color: #1e486e;
}
.sf-menu .in-active .menu_lv1 span, .sf-menu .active {
    color: #FFFFFF;
}
.sf-menu .in-active {
    color: #1e486e;
}
.sf-menu .active .in-active a{
	width:190px;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;	
}
.sf-menu .active .in-active a:hover{
	width:190px;
	color:#FFFFFF;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.sf-menu .separate-line{
    position:relative; 
    width: 100%; 
    border-bottom: 1px dotted #9b9b9b; 
    clear:both; 
    height:0; 
}
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style:	none;
	width:180px;
}
.sf-menu {
	line-height: 30px;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 190px; /* left offset of submenus need to match (see below) */
	z-index:999;
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float : left;
	position : relative;
}
.sf-menu a {
	display : block;
	position : relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 30px; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 185px; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 185px; /* match ul width */
	top: 0;
}
.sf-menu {
	float: left;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#13a;
}
.sf-menu li {
	background:	#FFFFFF;
}
.sf-menu li li li {
	background:	#FFFFFF;
}
.sf-menu li:hover, .sf-menu li.sfHover{
	outline: 0;
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
}
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height:	10px;
	text-indent: -999em;
	overflow: hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: .8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width: 185px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left: 185px; /* match ul width */
	top:	0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/* =================================================================================================
	Mobile Search
================================================================================================= */
#mobile_middle_header{
	font-size: 0.76rem;
}

.mobileMiddlebar{
	padding-top: 5px;
}
ul.mobiletextresizer{
	list-style: none;
	display: inline-block;
	margin: 0px;
	line-height:1.1em;
	padding: 0px;
	margin-top:5px;
	margin-left:0.2em;
	margin-bottom: 5px;
	margin-right:10px;
}
ul.mobiletextresizer li{
		display: inherit;
		margin: 0px;
		padding: 0px;
		margin-left:0em;
		margin-right:0em;
		cursor:pointer;
}
ul.mobiletextresizer li:hover{
		color:#bd393f;
}

#mobile_middle_header  a:link{
	color:#06F;
	
}
#mobile_middle_header  a:hover,a:active,a:focus{
	text-decoration:underline;
	color:#000;
	
}
#top-tool-bar {
	/*font-size:1.3em;*/
	margin:5px 0;
}
#top-tool-bar a{
	margin-left:5px;
}
#ttb-container {
	line-height:1.3;
	margin-left:10px;
	margin-right:10px;
}
#govhkSearch{
	background-image: url(/global/images/mobile/yellow_bar_repeat.png);
	background-repeat: repeat-x;
}
#mobileSearchBox{
	height:28px;
	width:11.88em;
	margin-left:5px;
	background-image: url(/global/images/mobile/search.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	border:0;
	color: #666;
	padding:4px 1px 0 3px;
	line-height: 12px;
}
#mobileSearchIcon{
	background:url(/global/images/mobile/search_btn.png) right top no-repeat;
	border:0px solid #FFF;
	height:32px;
	width:26px;
	cursor: pointer;
	text-indent: -9999px;
}
#searchBoxContainer{
	background:none;
	padding:3px 0 0 0;
	margin-left:10px;
	float:left;
}
#searchBox{
	font-size:0.9rem;
}
#mobileSearchBox, #mobileSearchIcon{
	-webkit-border-radius:0;
}
/* =================================================================================================
	MiddleMenu
================================================================================================= */
.middleMenu {
	height:30px;
	padding:0;
}
.iconBar a{
	text-decoration: none;
 }
.iconBarItemPadding{
  padding-right: 3px;
} 
.iconBarItemFont{
  float:right;
  padding-top: 1px;
  color: #6e6767;
  text-decoration: none; 
}
.iconBarItemFont:hover{
   text-decoration: underline;
}

.weatherArea, .weatherArea p{
	font-size:0.76em;
    padding-left: 10px;
    color: #ffffff;
	width:590px;
}

.weatherSuper{
    vertical-align: super;
}
.floatLeft{
    float: left;
}
.iconBar{   
    padding-top: 3px;
	font-size:0.76em;
}
.iconBar img{   
    /*padding-top: 4px;*/
}

.iconBarItem{
    cursor: pointer;
    float: right;
    padding-right: 19px;
}
.iconBarItemImage{
    cursor: pointer;
    float: left;
    padding-left: 15px;
	padding-right: 13px;
}
.iconBarItem2{
    cursor: pointer;
    float: right;
    padding-left: 15px;
}
.iconBarItem3{
    cursor: pointer;
    float: right;
    padding-left: 15px;
}
.iconBarItem4{
    cursor: pointer;
    float: right;
    padding-left: 15px;
}
.iconBarItem5{
    cursor: pointer;
    float: right;
    padding-left: 15px;
}
.shareItem{
    float: left;
	display:inline;
	padding-top:20px;
	padding-left:12px;
}
a.shareItem {  
	margin:1px;
    text-decoration: none;
}
a.shareItem  img{
    vertical-align: bottom;
}

.sharepos{
    position: relative;
   /*z-index: 519;*/ 
}

.share_bg{
	 display: none;
	 width: 194px;
	 height: 66px;
	 position: absolute;
	 top:14px;
	 z-index:620;
	/* left:-34px;*/
	left:-50px;
	 _left:-160px;
}
.share_content{
	 display: none;
	 width: 194px;
	 height: 66px;
	 position: absolute;
	 top:25px;
	 z-index:621;
	 /*left:-24px;*/
	 left:-70px;
	 _left:-190px;
}

.mycolor{
   padding: 0px 0 0 18px;
}

.mycolor_bg{
	 display: none;
	 width: 100%;
	 height: 36px;
	 position: absolute;
	 top:15px;
	 left:-310px;
	 z-index:501;
	 margin-left:40px;
}
.mycolor_content{
	 display: none;
	 width:100%;
	 position: absolute;
	 top:35px;
	 left:-320px;
	 z-index:502;
	 margin-left:40px;
}
.colorpos{
    position: relative;
	padding: 0;
    /*z-index: 500;*/
	top:3px;
}
.colorItem{
	position: left;
    float: left;
	display:inline;
	padding:0px 3px 0;
}

a.colorItem{
	margin:1px;
    text-decoration: none;
}
.colorTD{
	padding:0px;
}
#searchIcon{
	display:none;
}

/* ================================================================================================= 
        Screen Reader 
================================================================================================= */ 
.access {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;} 
.ignore {display:none !important;} /*hide elements which added for validation*/ 
/* =================================================================================================
	Core
================================================================================================= */

meta.foundation-version {
  font-family: "/5.5.0/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
  width: 40.063em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
  width: 64.063em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
  width: 90.063em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
@media only screen and (min-width: 48.0625em) { 
	html,
	body {
	 font-size: 100%;
	}
}
@media only screen and (max-width: 48.0635em) { 
	html,
	body {
	 font-size: 1rem;
	}
}
body {
  background: #fff;
  color: #222;
  padding: 0;
  margin: 0;
  position: relative;
  cursor: auto; }

a:hover {
  cursor: pointer; }
@media only screen and (min-width: 48.0625em) {
	img {
	 /*max-width: 100%*/;
	  height: auto; }
}
@media only screen and (max-width: 48.0635em) { 
	img {
	  max-width: 100%;
	  height: auto; }
}
img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.hide {
  display: none /*!important;
  visibility: hidden;    modi @ 141224 */ }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }
 @media only screen and (min-width: 48.0625em) { 
	.mainrow{
		width:110%;
		 margin-left: auto;
	  margin-right: auto;
	  margin-top: 0;
	  margin-bottom: 0;
	}
  .mainrow:before, .mainrow:after {
    content: " ";
    display: table; }
  .mainrow:after {
    clear: both; }
  .mainrow.collapse > .column,
  .mainrow.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .mainrow.collapse .mainrow {
    margin-left: 0;
    margin-right: 0; }
  .mainrow .mainrow {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .mainrow .mainrow:before, .mainrow .mainrow:after {
      content: " ";
      display: table; }
    .mainrow .mainrow:after {
      clear: both; }
    .mainrow .mainrow.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .mainrow .mainrow.collapse:before, .mainrow .mainrow.collapse:after {
        content: " ";
        display: table; }
      .mainrow .mainrow.collapse:after {
        clear: both; }
  }
@media only screen and (max-width: 48.0635em) { 
	.mainrow{
		width:100%;
		margin-left: auto;
	  margin-right: auto;
	  margin-top: 0;
	  margin-bottom: 0;
	}
  .mainrow:before, .mainrow:after {
    content: " ";
    display: table; }
  .mainrow:after {
    clear: both; }
  .mainrow.collapse > .column,
  .mainrow.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .mainrow.collapse .mainrow {
    margin-left: 0;
    margin-right: 0; }
  .mainrow .mainrow {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .mainrow .mainrow:before, .mainrow .mainrow:after {
      content: " ";
      display: table; }
    .mainrow .mainrow:after {
      clear: both; }
    .mainrow .mainrow.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .mainrow .mainrow.collapse:before, .mainrow .mainrow.collapse:after {
        content: " ";
        display: table; }
      .mainrow .mainrow.collapse:after {
        clear: both; }
}
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
   max-width: 62.5rem; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left; }

.no-padding-columns{
	width: 100%;
	float: left;
}
[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

@media only screen { /* Define mobile styles */
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }


  .small-1 {
    width: 8.33333%; }

  .small-2 {
    width: 16.66667%; }

  .small-3 {
    width: 25%; }

  .small-4 {
    width: 33.33333%; }

  .small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }

  .small-8 {
    width: 66.66667%; }

  .small-9 {
    width: 75%; }

  .small-10 {
    width: 83.33333%; }

  .small-11 {
    width: 91.66667%; }

  .small-12 {
    width: 100%; }

  .small-offset-0 {
    margin-left: 0% !important; }

  .small-offset-1 {
    margin-left: 8.33333% !important; }

  .small-offset-2 {
    margin-left: 16.66667% !important; }

  .small-offset-3 {
    margin-left: 25% !important; }

  .small-offset-4 {
    margin-left: 33.33333% !important; }

  .small-offset-5 {
    margin-left: 41.66667% !important; }

  .small-offset-6 {
    margin-left: 50% !important; }

  .small-offset-7 {
    margin-left: 58.33333% !important; }

  .small-offset-8 {
    margin-left: 66.66667% !important; }

  .small-offset-9 {
    margin-left: 75% !important; }

  .small-offset-10 {
    margin-left: 83.33333% !important; }

  .small-offset-11 {
    margin-left: 91.66667% !important; }

  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }

  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }

  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; } }
@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }

   .small-0, .medium-0{
		width:0;
	}
  .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-0 {
    margin-left: 0% !important; }

  .medium-offset-1 {
    margin-left: 8.33333% !important; }

  .medium-offset-2 {
    margin-left: 16.66667% !important; }

  .medium-offset-3 {
    margin-left: 25% !important; }

  .medium-offset-4 {
    margin-left: 33.33333% !important; }

  .medium-offset-5 {
    margin-left: 41.66667% !important; }

  .medium-offset-6 {
    margin-left: 50% !important; }

  .medium-offset-7 {
    margin-left: 58.33333% !important; }

  .medium-offset-8 {
    margin-left: 66.66667% !important; }

  .medium-offset-9 {
    margin-left: 75% !important; }

  .medium-offset-10 {
    margin-left: 83.33333% !important; }

  .medium-offset-11 {
    margin-left: 91.66667% !important; }

  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }

  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }

  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
@media only screen and (min-width: 48.0625em) { /* min-width 769px, large screens */
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }

  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }
	
  .large-3-ADC {
    width: 24.7%; 
	}
  .large-3 {
    width: 25%; 
	}
	
  .large-3-home{
    width: 27.5%; }

  .large-4 {
    width: 33.33333%; }

   .large-4-home {
    width: 48.58333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }
	
  .large-6-general-index {
    width: 49%; }
	
  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }
	/*
  .large-9-home{
    width: 72.5%; }
	*/
  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }
   .large-12-5{
	width: 103%;}	
   .large-6-left{
	width: 53%;}	
   .large-6-right{
	width: 47%;}	
   .large-6-left-zh{
	width: 67%;}	
   .large-6-right-zh{
	width: 33%;}
   .large-13{
	width: 105%;}
	

  .large-offset-0 {
    margin-left: 0% !important; }

  .large-offset-1 {
    margin-left: 8.33333% !important; }

  .large-offset-2 {
    margin-left: 16.66667% !important; }

  .large-offset-3 {
    margin-left: 25% !important; }

  .large-offset-4 {
    margin-left: 33.33333% !important; }

  .large-offset-5 {
    margin-left: 41.66667% !important; }

  .large-offset-6 {
    margin-left: 50% !important; }

  .large-offset-7 {
    margin-left: 58.33333% !important; }

  .large-offset-8 {
    margin-left: 66.66667% !important; }

  .large-offset-9 {
    margin-left: 75% !important; }

  .large-offset-10 {
    margin-left: 83.33333% !important; }

  .large-offset-11 {
    margin-left: 91.66667% !important; }

  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }

  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }

  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
/*
button, .button {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #007095; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #FFFFFF; }
  button.secondary, .button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #b9b9b9; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
  button.success, .button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #368a55; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: #FFFFFF; }
  button.alert, .button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #cf2a0e; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: #FFFFFF; }
  button.warning, .button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF; }
    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
      background-color: #cf6e0e; }
    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
      color: #FFFFFF; }
  button.info, .button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333; }
    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
      background-color: #61b6d9; }
    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
      color: #FFFFFF; }
  button.large, .button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem; }
  button.small, .button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem; }
  button.tiny, .button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem; }
  button.expand, .button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius, .button.radius {
    border-radius: 3px; }
  button.round, .button.round {
    border-radius: 1000px; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #008CBA;
    border-color: #007095;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #007095; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: #FFFFFF; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #008CBA; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e7e7e7;
      border-color: #b9b9b9;
      color: #333333;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #b9b9b9; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e7e7e7; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #43AC6A;
      border-color: #368a55;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #368a55; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: #FFFFFF; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #43AC6A; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #f04124;
      border-color: #cf2a0e;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #cf2a0e; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: #FFFFFF; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #f04124; }
    button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
      background-color: #f08a24;
      border-color: #cf6e0e;
      color: #FFFFFF;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #cf6e0e; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        color: #FFFFFF; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #f08a24; }
    button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
      background-color: #a0d3e8;
      border-color: #61b6d9;
      color: #333333;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        background-color: #61b6d9; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        color: #FFFFFF; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        background-color: #a0d3e8; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }
*/
@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  button, .button {
    display: inline-block; } }
/* Standard Forms */
form {
  margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

/* Label Styles */
label {
  font-size: 0.8rem;
  /*color: #4d4d4d;*/
  cursor: auto;
  /*display: block;*/
  /*font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;*/
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  border: none; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  border: none; }

.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc; }

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
    /*background-color: #DDDDDD;*/
    cursor: default; }
  input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
    /*background-color: #DDDDDD;*/
    cursor: default; }
  input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
    border-radius: 3px; }

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }
form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }
form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  padding-left:6px;
  padding-bottom:4px;
  padding-top:4px;
  padding-right:6px;
  }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Not allow resize out of parent */
textarea {
  max-width: 100%; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  border-radius: 0;
  background-color: #FAFAFA;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  padding: 0.5rem;
 /* font-size: 0.875rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;*/
  /*color: rgba(0, 0, 0, 0.75);*/
  line-height: normal;
  border-radius: 0;
 /* height: 2.3125rem;*/ }
  select::-ms-expand {
    display: none; }
  select.radius {
    border-radius: 3px; }
  /*select:hover {
    background-color: #f3f3f3;
    border-color: #999999; }    Modi on 2014-12-12*/ 
  select:disabled {
    background-color: #DDDDDD;
    cursor: default; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  fieldset legend {
    font-weight: bold;
    background: #FFFFFF;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #FFFFFF; }
[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #FFFFFF; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }
.error label,
.error label.error {
  color: #f04124; }
.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #FFFFFF; }
.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline; }
.error span.error-message {
  display: block; }

input.error,
textarea.error,
select.error {
  margin-bottom: 0; }

label.error {
  color: #f04124; }

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #333333; }
  .contain-to-grid .top-bar {
    margin-bottom: 0; }

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }
  .fixed.expanded:not(.top-bar) {
    overflow-y: auto;
    height: auto;
    width: 100%;
    max-height: 100%; }
    .fixed.expanded:not(.top-bar) .title-area {
      position: fixed;
      width: 100%;
      z-index: 99; }
    .fixed.expanded:not(.top-bar) .top-bar-section {
      z-index: 98;
      margin-top: 2.8125rem; }

.top-bar {
  overflow: hidden;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative;
  background: #333333;
  margin-bottom: 0; }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .row {
    max-width: none; }
  .top-bar form,
  .top-bar input {
    margin-bottom: 0; }
  .top-bar input {
    height: 1.75rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: 0.75rem; }
  .top-bar .button, .top-bar button {
    padding-top: 0.4125rem;
    padding-bottom: 0.4125rem;
    margin-bottom: 0;
    font-size: 0.75rem; }
    @media only screen and (max-width: 30em) {   /* max-width 480px, mobile-only styles, use when QAing mobile issues */ 
      .top-bar .button, .top-bar button {
        position: relative;
        top: -1px; } }
  .top-bar .title-area {
    position: relative;
    margin: 0; }
  .top-bar .name {
    height: 2.8125rem;
    margin: 0;
    font-size: 16px; }
    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
      line-height: 2.8125rem;
      font-size: 1.0625rem;
      margin: 0; }
      .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
        font-weight: normal;
        color: #FFFFFF;
        width: 75%;
        display: block;
        padding: 0 0.9375rem; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: #FFFFFF;
      text-transform: uppercase;
      font-size: 0.8125rem;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 0.9375rem;
      height: 2.8125rem;
      line-height: 2.8125rem; }
    .top-bar .toggle-topbar.menu-icon {
      top: 50%;
      margin-top: -16px; }
      .top-bar .toggle-topbar.menu-icon a {
        height: 34px;
        line-height: 33px;
        padding: 0 2.5rem 0 0.9375rem;
        color: #FFFFFF;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          position: absolute;
          display: block;
          height: 0;
          top: 50%;
          margin-top: -8px;
          right: 0.9375rem;
          box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
          width: 16px; }
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #333333; }
    .top-bar.expanded .toggle-topbar a {
      color: #888888; }
      .top-bar.expanded .toggle-topbar a span::after {
        box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li {
    background: #333333; }
    .top-bar-section ul li > a {
      display: block;
      width: 100%;
      color: #FFFFFF;
      padding: 12px 0 12px 0;
      padding-left: 0.9375rem;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 0.8125rem;
      font-weight: normal;
      text-transform: none; }
      .top-bar-section ul li > a.button {
        font-size: 0.8125rem;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
        background-color: #008CBA;
        border-color: #007095;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          background-color: #007095; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > a.button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333333; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          background-color: #b9b9b9; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > a.button.success {
        background-color: #43AC6A;
        border-color: #368a55;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          background-color: #368a55; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > a.button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          background-color: #cf2a0e; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > a.button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          color: #FFFFFF; }
    .top-bar-section ul li > button {
      font-size: 0.8125rem;
      padding-right: 0.9375rem;
      padding-left: 0.9375rem;
      background-color: #008CBA;
      border-color: #007095;
      color: #FFFFFF; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        background-color: #007095; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        color: #FFFFFF; }
      .top-bar-section ul li > button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333333; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          background-color: #b9b9b9; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > button.success {
        background-color: #43AC6A;
        border-color: #368a55;
        color: #FFFFFF; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          background-color: #368a55; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: #FFFFFF; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          background-color: #cf2a0e; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #FFFFFF; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          color: #FFFFFF; }
    .top-bar-section ul li:hover:not(.has-form) > a {
      background-color: #555555;
      background: #333333;
      color: #FFFFFF; }
    .top-bar-section ul li.active > a {
      background: #008CBA;
      color: #FFFFFF; }
      .top-bar-section ul li.active > a:hover {
        background: #0078a0;
        color: #FFFFFF; }
  .top-bar-section .has-form {
    padding: 0.9375rem; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
      border-left-style: solid;
      margin-right: 0.9375rem;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
        width: 100%; }
      .top-bar-section .has-dropdown.moved > a:after {
        display: none; }
  .top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .dropdown li {
      width: 100%;
      height: auto; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 0.9375rem; }
        .top-bar-section .dropdown li a.parent-link {
          font-weight: normal; }
      .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 1.125rem; }
        .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
          color: #FFFFFF;
          display: block; }
          .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
            background: none; }
      .top-bar-section .dropdown li.has-form {
        padding: 8px 0.9375rem; }
      .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
        top: auto; }
    .top-bar-section .dropdown label {
      padding: 8px 0.9375rem 2px;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #777777;
      font-weight: bold;
      font-size: 0.625rem; }

.js-generated {
  display: block; }

@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .top-bar {
    background: #333333;
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a {
      width: auto; }
    .top-bar input,
    .top-bar .button,
    .top-bar button {
      font-size: 0.875rem;
      position: relative;
      height: 1.75rem;
      top: 0.53125rem; }
    .top-bar.expanded {
      background: #333333; }

  .contain-to-grid .top-bar {
    max-width: 62.5rem;
    margin: 0 auto;
    margin-bottom: 0; }

  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li.hover > a:not(.button) {
      background-color: #555555;
      background: #333333;
      color: #FFFFFF; }
    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 0.9375rem;
      line-height: 2.8125rem;
      background: #333333; }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555555;
        background: #333333; }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      padding: 0 0.9375rem;
      line-height: 2.8125rem;
      color: #FFFFFF;
      background: #008CBA; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #0078a0;
        color: #FFFFFF; }
    .top-bar-section .has-dropdown > a {
      padding-right: 2.1875rem !important; }
      .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 1.40625rem; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown > a:focus + .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 1rem;
      margin-top: -1px;
      right: 5px;
      line-height: 1.2; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: #FFFFFF;
        line-height: 2.8125rem;
        white-space: nowrap;
        padding: 12px 0.9375rem;
        background: #333333; }
      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        color: #FFFFFF;
        background: #333333; }
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        color: #FFFFFF;
        background-color: #555555;
        background: #333333; }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #333333; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #4e4e4e;
      clear: none;
      height: 2.8125rem;
      width: 0; }
    .top-bar-section .has-form {
      background: #333333;
      padding: 0 0.9375rem;
      height: 2.8125rem; }
    .top-bar-section .right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section .right li .dropdown li .dropdown {
        right: 100%; }
    .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
      .top-bar-section .left li .dropdown li .dropdown {
        left: 100%; }

  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #333333;
    color: #FFFFFF; }
  .no-js .top-bar-section ul li:active > a {
    background: #008CBA;
    color: #FFFFFF; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; } }
.breadcrumbs {
  display: block;
  padding: 0.5625rem 0.875rem 0.5625rem;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-radius: 3px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
    color: #008CBA; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a {
      color: #008CBA; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999999;
        cursor: default; }
    .breadcrumbs > *:before {
      content: "/";
      color: #AAAAAA;
      margin: 0 0.75rem;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/"; }

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  font-size: 0.8125rem;
  transition: opacity 300ms ease-out;
  background-color: #008CBA;
  border-color: #0078a0;
  color: #FFFFFF; }
  .alert-box .close {
    font-size: 1.375rem;
    padding: 9px 6px 4px;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.6875rem;
    right: 0.25rem;
    color: #333333;
    opacity: 0.3;
    background: inherit; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }
  .alert-box.radius {
    border-radius: 3px; }
  .alert-box.round {
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #43AC6A;
    border-color: #3a945b;
    color: #FFFFFF; }
  .alert-box.alert {
    background-color: #f04124;
    border-color: #de2d0f;
    color: #FFFFFF; }
  .alert-box.secondary {
    background-color: #e7e7e7;
    border-color: #c7c7c7;
    color: #4f4f4f; }
  .alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: #FFFFFF; }
  .alert-box.info {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #4f4f4f; }
  .alert-box.alert-close {
    opacity: 0; }

.inline-list {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block; }
    .inline-list > li > * {
      display: block; }

.button-group {
  list-style: none;
  margin: 0;
  left: 0; }
  .button-group:before, .button-group:after {
    content: " ";
    display: table; }
  .button-group:after {
    clear: both; }
  .button-group > li {
    margin: 0 -2px;
    display: inline-block; }
    .button-group > li > button, .button-group > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group > li:first-child button, .button-group > li:first-child .button {
      border-left: 0; }
  .button-group.stack > li {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
    float: none; }
    .button-group.stack > li > button, .button-group.stack > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
      border-left: 0; }
    .button-group.stack > li > button, .button-group.stack > li .button {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0;
      margin: 0;
      display: block; }
    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
      border-top: 0; }
  .button-group.stack-for-small > li {
    margin: 0 -2px;
    display: inline-block; }
    .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
      border-left: 0; }
    @media only screen and (max-width: 30em) {   /* max-width 480px, mobile-only styles, use when QAing mobile issues */ 
      .button-group.stack-for-small > li {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0; }
        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
          border-left: 1px solid;
          border-color: rgba(255, 255, 255, 0.5); }
        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
          border-left: 0; }
        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
          border-top: 1px solid;
          border-color: rgba(255, 255, 255, 0.5);
          border-left-width: 0;
          margin: 0;
          display: block; }
        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
          border-top: 0; } }
  .button-group.radius > * {
    margin: 0 -2px;
    display: inline-block; }
    .button-group.radius > * > button, .button-group.radius > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
      border-left: 0; }
    .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button {
      border-radius: 0; }
    .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
      -webkit-border-bottom-left-radius: 3px;
      -webkit-border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px; }
    .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
      -webkit-border-bottom-right-radius: 3px;
      -webkit-border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px; }
  .button-group.radius.stack > * {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0; }
    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
      border-left: 0; }
    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0;
      margin: 0;
      display: block; }
    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
      border-top: 0; }
    .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button {
      border-radius: 0; }
    .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button {
      -webkit-top-left-radius: 3px;
      -webkit-top-right-radius: 3px;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button {
      -webkit-bottom-left-radius: 3px;
      -webkit-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .button-group.radius.stack-for-small > * {
      margin: 0 -2px;
      display: inline-block; }
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px; }
      .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px; } }
  @media only screen and (max-width: 30em) {   /* max-width 480px, mobile-only styles, use when QAing mobile issues */ 
    .button-group.radius.stack-for-small > * {
      margin: 0 -2px;
      display: inline-block;
      display: block;
      margin: 0; }
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        margin: 0;
        display: block; }
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-top: 0; }
      .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
      .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; } }
  .button-group.round > * {
    margin: 0 -2px;
    display: inline-block; }
    .button-group.round > * > button, .button-group.round > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.round > *:first-child button, .button-group.round > *:first-child .button {
      border-left: 0; }
    .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button {
      border-radius: 0; }
    .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
      -webkit-border-bottom-left-radius: 1000px;
      -webkit-border-top-left-radius: 1000px;
      border-bottom-left-radius: 1000px;
      border-top-left-radius: 1000px; }
    .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
      -webkit-border-bottom-right-radius: 1000px;
      -webkit-border-top-right-radius: 1000px;
      border-bottom-right-radius: 1000px;
      border-top-right-radius: 1000px; }
  .button-group.round.stack > * {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0; }
    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
      border-left: 0; }
    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0;
      margin: 0;
      display: block; }
    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
      border-top: 0; }
    .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button {
      border-radius: 0; }
    .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button {
      -webkit-top-left-radius: 1rem;
      -webkit-top-right-radius: 1rem;
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem; }
    .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button {
      -webkit-bottom-left-radius: 1rem;
      -webkit-bottom-right-radius: 1rem;
      border-bottom-left-radius: 1rem;
      border-bottom-right-radius: 1rem; }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .button-group.round.stack-for-small > * {
      margin: 0 -2px;
      display: inline-block; }
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px; }
      .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px; } }
  @media only screen and (max-width: 30em) {   /* max-width 480px, mobile-only styles, use when QAing mobile issues */ 
    .button-group.round.stack-for-small > * {
      margin: 0 -2px;
      display: inline-block;
      display: block;
      margin: 0; }
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        margin: 0;
        display: block; }
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-top: 0; }
      .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
        -webkit-top-left-radius: 1rem;
        -webkit-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem; }
      .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
        -webkit-bottom-left-radius: 1rem;
        -webkit-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem; } }
  .button-group.even-2 li {
    margin: 0 -2px;
    display: inline-block;
    width: 50%; }
    .button-group.even-2 li > button, .button-group.even-2 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
      border-left: 0; }
    .button-group.even-2 li button, .button-group.even-2 li .button {
      width: 100%; }
  .button-group.even-3 li {
    margin: 0 -2px;
    display: inline-block;
    width: 33.33333%; }
    .button-group.even-3 li > button, .button-group.even-3 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
      border-left: 0; }
    .button-group.even-3 li button, .button-group.even-3 li .button {
      width: 100%; }
  .button-group.even-4 li {
    margin: 0 -2px;
    display: inline-block;
    width: 25%; }
    .button-group.even-4 li > button, .button-group.even-4 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
      border-left: 0; }
    .button-group.even-4 li button, .button-group.even-4 li .button {
      width: 100%; }
  .button-group.even-5 li {
    margin: 0 -2px;
    display: inline-block;
    width: 20%; }
    .button-group.even-5 li > button, .button-group.even-5 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
      border-left: 0; }
    .button-group.even-5 li button, .button-group.even-5 li .button {
      width: 100%; }
  .button-group.even-6 li {
    margin: 0 -2px;
    display: inline-block;
    width: 16.66667%; }
    .button-group.even-6 li > button, .button-group.even-6 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
      border-left: 0; }
    .button-group.even-6 li button, .button-group.even-6 li .button {
      width: 100%; }
  .button-group.even-7 li {
    margin: 0 -2px;
    display: inline-block;
    width: 14.28571%; }
    .button-group.even-7 li > button, .button-group.even-7 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
      border-left: 0; }
    .button-group.even-7 li button, .button-group.even-7 li .button {
      width: 100%; }
  .button-group.even-8 li {
    margin: 0 -2px;
    display: inline-block;
    width: 12.5%; }
    .button-group.even-8 li > button, .button-group.even-8 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
      border-left: 0; }
    .button-group.even-8 li button, .button-group.even-8 li .button {
      width: 100%; }

.button-bar:before, .button-bar:after {
  content: " ";
  display: table; }
.button-bar:after {
  clear: both; }
.button-bar .button-group {
  float: left;
  margin-right: 0.625rem; }
  .button-bar .button-group div {
    overflow: hidden; }

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #b6edff;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #ecfaff;
    color: #333333; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
      color: #333333; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625rem; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a:not(.button) {
      color: #008CBA; }
      .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
        color: #0078a0; }
  .panel.radius {
    border-radius: 3px; }

.dropdown.button, button.dropdown {
  position: relative;
  outline: none;
  padding-right: 3.5625rem; }
  .dropdown.button::after, button.dropdown::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: #FFFFFF transparent transparent transparent;
    top: 50%; }
  .dropdown.button::after, button.dropdown::after {
    border-width: 0.375rem;
    right: 1.40625rem;
    margin-top: -0.15625rem; }
  .dropdown.button::after, button.dropdown::after {
    border-color: #FFFFFF transparent transparent transparent; }
  .dropdown.button.tiny, button.dropdown.tiny {
    padding-right: 2.625rem; }
    .dropdown.button.tiny:after, button.dropdown.tiny:after {
      border-width: 0.375rem;
      right: 1.125rem;
      margin-top: -0.125rem; }
    .dropdown.button.tiny::after, button.dropdown.tiny::after {
      border-color: #FFFFFF transparent transparent transparent; }
  .dropdown.button.small, button.dropdown.small {
    padding-right: 3.0625rem; }
    .dropdown.button.small::after, button.dropdown.small::after {
      border-width: 0.4375rem;
      right: 1.3125rem;
      margin-top: -0.15625rem; }
    .dropdown.button.small::after, button.dropdown.small::after {
      border-color: #FFFFFF transparent transparent transparent; }
  .dropdown.button.large, button.dropdown.large {
    padding-right: 3.625rem; }
    .dropdown.button.large::after, button.dropdown.large::after {
      border-width: 0.3125rem;
      right: 1.71875rem;
      margin-top: -0.15625rem; }
    .dropdown.button.large::after, button.dropdown.large::after {
      border-color: #FFFFFF transparent transparent transparent; }
  .dropdown.button.secondary:after, button.dropdown.secondary:after {
    border-color: #333333 transparent transparent transparent; }

/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px #FFFFFF;
  max-width: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); }
  .th.radius {
    border-radius: 3px; }

.toolbar {
  background: #333333;
  width: 100%;
  font-size: 0;
  display: inline-block; }
  .toolbar.label-bottom .tab .tab-content i, .toolbar.label-bottom .tab .tab-content img {
    margin-bottom: 10px; }
  .toolbar.label-right .tab .tab-content i, .toolbar.label-right .tab .tab-content img {
    margin-right: 10px;
    display: inline-block; }
  .toolbar.label-right .tab .tab-content label {
    display: inline-block; }
  .toolbar.vertical.label-right .tab .tab-content {
    text-align: left; }
  .toolbar.vertical {
    height: 100%;
    width: auto; }
    .toolbar.vertical .tab {
      width: auto;
      margin: auto;
      float: none; }
  .toolbar .tab {
    text-align: center;
    width: 25%;
    margin: 0 auto;
    display: block;
    padding: 20px;
    float: left; }
    .toolbar .tab:hover {
      background: rgba(255, 255, 255, 0.1); }

.toolbar .tab-content {
  font-size: 16px;
  text-align: center; }
  .toolbar .tab-content label {
    color: #CCCCCC; }
  .toolbar .tab-content i {
    font-size: 30px;
    display: block;
    margin: 0 auto;
    color: #CCCCCC;
    vertical-align: middle; }
  .toolbar .tab-content img {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto; }

/* Pricing Tables */
.pricing-table {
  border: solid 1px #DDDDDD;
  margin-left: 0;
  margin-bottom: 1.25rem; }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #333333;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #EEEEEE;
    font-weight: normal;
    font-size: 1rem;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .pricing-table .price {
    background-color: #F6F6F6;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #333333;
    font-weight: normal;
    font-size: 2rem;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .pricing-table .description {
    background-color: #FFFFFF;
    padding: 0.9375rem;
    text-align: center;
    color: #777777;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #DDDDDD; }
  .pricing-table .bullet-item {
    background-color: #FFFFFF;
    padding: 0.9375rem;
    text-align: center;
    color: #333333;
    font-size: 0.875rem;
    font-weight: normal;
    border-bottom: dotted 1px #DDDDDD; }
  .pricing-table .cta-button {
    background-color: #FFFFFF;
    text-align: center;
    padding: 1.25rem 1.25rem 0; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(360deg); } }
@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
/* Orbit Graceful Loading */
.slideshow-wrapper {
  position: relative; }
  .slideshow-wrapper ul {
    list-style-type: none;
    margin: 0; }
    .slideshow-wrapper ul li,
    .slideshow-wrapper ul li .orbit-caption {
      display: none; }
    .slideshow-wrapper ul li:first-child {
      display: block; }
  .slideshow-wrapper .orbit-container {
    background-color: transparent; }
    .slideshow-wrapper .orbit-container li {
      display: block; }
      .slideshow-wrapper .orbit-container li .orbit-caption {
        display: block; }
    .slideshow-wrapper .orbit-container .orbit-bullets li {
      display: inline-block; }
  .slideshow-wrapper .preloader {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    border: solid 3px;
    border-color: #555555 #FFFFFF;
    border-radius: 1000px;
    animation-name: rotate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: none; }
  .orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transform: translateZ(0); }
    .orbit-container .orbit-slides-container img {
      display: block;
      max-width: 100%; }
    .orbit-container .orbit-slides-container > * {
      position: absolute;
      top: 0;
      width: 100%;
      margin-left: 100%; }
      .orbit-container .orbit-slides-container > *:first-child {
        margin-left: 0; }
      .orbit-container .orbit-slides-container > * .orbit-caption {
        position: absolute;
        bottom: 0;
        background-color: rgba(51, 51, 51, 0.8);
        color: #FFFFFF;
        width: 100%;
        padding: 0.625rem 0.875rem;
        font-size: 0.875rem; }
  .orbit-container .orbit-slide-number {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #FFFFFF;
    background: transparent;
    z-index: 10; }
    .orbit-container .orbit-slide-number span {
      font-weight: 700;
      padding: 0.3125rem; }
  .orbit-container .orbit-timer {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10; }
    .orbit-container .orbit-timer .orbit-progress {
      height: 3px;
      background-color: rgba(255, 255, 255, 0.3);
      display: block;
      width: 0;
      position: relative;
      right: 20px;
      top: 5px; }
    .orbit-container .orbit-timer > span {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      width: 11px;
      height: 14px;
      border: solid 4px #FFFFFF;
      border-top: none;
      border-bottom: none; }
    .orbit-container .orbit-timer.paused > span {
      right: -4px;
      top: 0;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-left-style: solid;
      border-color: transparent;
      border-left-color: #FFFFFF; }
      .orbit-container .orbit-timer.paused > span.dark {
        border-left-color: #333333; }
  .orbit-container:hover .orbit-timer > span {
    display: block; }
  .orbit-container .orbit-prev,
  .orbit-container .orbit-next {
    position: absolute;
    top: 45%;
    margin-top: -25px;
    width: 36px;
    height: 60px;
    line-height: 50px;
    color: white;
    background-color: transparent;
    text-indent: -9999px !important;
    z-index: 10; }
    .orbit-container .orbit-prev:hover,
    .orbit-container .orbit-next:hover {
      background-color: rgba(0, 0, 0, 0.3); }
    .orbit-container .orbit-prev > span,
    .orbit-container .orbit-next > span {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      display: block;
      width: 0;
      height: 0;
      border: inset 10px; }
  .orbit-container .orbit-prev {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: #FFFFFF; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: #FFFFFF; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: #FFFFFF;
      left: 50%;
      margin-left: -4px; }
    .orbit-container .orbit-next:hover > span {
      border-left-color: #FFFFFF; }

.orbit-bullets-container {
  text-align: center; }

.orbit-bullets {
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  top: 10px;
  float: none;
  text-align: center;
  display: block; }
  .orbit-bullets li {
    cursor: pointer;
    display: inline-block;
    width: 0.5625rem;
    height: 0.5625rem;
    background: #CCCCCC;
    float: none;
    margin-right: 6px;
    border-radius: 1000px; }
    .orbit-bullets li.active {
      background: #999999; }
    .orbit-bullets li:last-child {
      margin-right: 0; }

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
  display: none; }
.touch .orbit-bullets {
  display: none; }

@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .touch .orbit-container .orbit-prev,
  .touch .orbit-container .orbit-next {
    display: inherit; }
  .touch .orbit-bullets {
    display: block; } }
@media only screen and (max-width: 30em) {   /* max-width 480px, mobile-only styles, use when QAing mobile issues */ 
  .orbit-stack-on-small .orbit-slides-container {
    height: auto !important; }
  .orbit-stack-on-small .orbit-slides-container > * {
    position: relative;
    margin: 0 !important;
    opacity: 1 !important; }
  .orbit-stack-on-small .orbit-slide-number {
    display: none; }

  .orbit-timer {
    display: none; }

  .orbit-next, .orbit-prev {
    display: none; }

  .orbit-bullets {
    display: none; } }
[data-magellan-expedition], [data-magellan-expedition-clone] {
  background: #FFFFFF;
  z-index: 50;
  min-width: 100%;
  padding: 10px; }
  [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
    margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
      margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
      line-height: 1.8em; }

.icon-bar {
  width: 100%;
  font-size: 0;
  display: inline-block;
  background: #333333; }
  .icon-bar > * {
    text-align: center;
    font-size: 1rem;
    width: 25%;
    margin: 0 auto;
    display: block;
    padding: 1.25rem;
    float: left; }
    .icon-bar > * i, .icon-bar > * img {
      display: block;
      margin: 0 auto; }
      .icon-bar > * i + label, .icon-bar > * img + label {
        margin-top: .0625rem; }
    .icon-bar > * i {
      font-size: 1.875rem;
      vertical-align: middle; }
    .icon-bar > * img {
      width: 1.875rem;
      height: 1.875rem; }
  .icon-bar.label-right > * i, .icon-bar.label-right > * img {
    margin: 0 .0625rem 0 0;
    display: inline-block; }
    .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
      margin-top: 0; }
  .icon-bar.label-right > * label {
    display: inline-block; }
  .icon-bar.vertical.label-right > * {
    text-align: left; }
  .icon-bar.vertical, .icon-bar.small-vertical {
    height: 100%;
    width: auto; }
    .icon-bar.vertical .item, .icon-bar.small-vertical .item {
      width: auto;
      margin: auto;
      float: none; }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .icon-bar.medium-vertical {
      height: 100%;
      width: auto; }
      .icon-bar.medium-vertical .item {
        width: auto;
        margin: auto;
        float: none; } }
  @media only screen and (min-width: 48.0625em) { /* min-width 769px, large screens */
    .icon-bar.large-vertical {
      height: 100%;
      width: auto; }
      .icon-bar.large-vertical .item {
        width: auto;
        margin: auto;
        float: none; } }
  .icon-bar > * {
    font-size: 1rem;
    padding: 1.25rem; }
    .icon-bar > * i + label, .icon-bar > * img + label {
      margin-top: .0625rem; }
    .icon-bar > * i {
      font-size: 1.875rem; }
    .icon-bar > * img {
      width: 1.875rem;
      height: 1.875rem; }
  .icon-bar > * label {
    color: #FFFFFF; }
  .icon-bar > * i {
    color: #FFFFFF; }
  .icon-bar > a:hover {
    background: #008CBA; }
    .icon-bar > a:hover label {
      color: #FFFFFF; }
    .icon-bar > a:hover i {
      color: #FFFFFF; }
  .icon-bar > a.active {
    background: #008CBA; }
    .icon-bar > a.active label {
      color: #FFFFFF; }
    .icon-bar > a.active i {
      color: #FFFFFF; }

.icon-bar.two-up .item {
  width: 50%; }
.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .icon-bar.two-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 48.0625em) { /* min-width 769px, large screens */
  .icon-bar.two-up.large-vertical .item {
    width: auto; } }
.icon-bar.three-up .item {
  width: 33.3333%; }
.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .icon-bar.three-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 48.0625em) { /* min-width 769px, large screens */
  .icon-bar.three-up.large-vertical .item {
    width: auto; } }
.icon-bar.four-up .item {
  width: 25%; }
.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .icon-bar.four-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 48.0625em) { /* min-width 769px, large screens */
  .icon-bar.four-up.large-vertical .item {
    width: auto; } }
.icon-bar.five-up .item {
  width: 20%; }
.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .icon-bar.five-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 48.0625em) { /* min-width 769px, large screens */
  .icon-bar.five-up.large-vertical .item {
    width: auto; } }
.icon-bar.six-up .item {
  width: 16.66667%; }
.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .icon-bar.six-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 48.0625em) { /* min-width 769px, large screens */
  .icon-bar.six-up.large-vertical .item {
    width: auto; } }

.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd, .tabs .tab-title {
    position: relative;
    margin-bottom: 0 !important;
    list-style: none;
    float: left; }
    .tabs dd > a, .tabs .tab-title > a {
      outline: none;
      display: block;
      background-color: #EFEFEF;
      color: #222222;
      padding: 1rem 2rem;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1rem; }
      .tabs dd > a:hover, .tabs .tab-title > a:hover {
        background-color: #e1e1e1; }
    .tabs dd.active a, .tabs .tab-title.active a {
      background-color: #FFFFFF;
      color: #222222; }
  .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .tabs.vertical dd, .tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto; }

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%; }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.9375rem 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 0.9375rem; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 0.9375rem; }

@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .tabs.vertical {
    width: 20%;
    max-width: 20%;
    float: left;
    margin: 0 0 1.25rem; }

  .tabs-content.vertical {
    width: 80%;
    max-width: 80%;
    float: left;
    margin-left: -1px;
    padding-left: 1rem; } }
.no-js .tabs-content > .content {
  display: block;
  float: none; }

ul.pagination {
  display: block;
  min-height: 1.5rem;
  margin-left: -0.3125rem; }
  ul.pagination li {
    height: 1.5rem;
    color: #222222;
    font-size: 0.875rem;
    margin-left: 0.3125rem; }
    ul.pagination li a, ul.pagination li button {
      display: block;
      padding: 0.0625rem 0.625rem 0.0625rem;
      color: #999999;
      background: none;
      border-radius: 3px;
      font-weight: normal;
      font-size: 1em;
      line-height: inherit;
      transition: background-color 300ms ease-out; }
    ul.pagination li:hover a,
    ul.pagination li a:focus, ul.pagination li:hover button,
    ul.pagination li button:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a, ul.pagination li.unavailable button {
      cursor: default;
      color: #999999; }
    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
      background: transparent; }
    ul.pagination li.current a, ul.pagination li.current button {
      background: #008CBA;
      color: #FFFFFF;
      font-weight: bold;
      cursor: default; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
        background: #008CBA; }
  ul.pagination li {
    float: left;
    display: block; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  .pagination-centered ul.pagination li {
    float: none;
    display: inline-block; }

.side-nav {
  display: block;
  margin: 0;
  padding: 0.875rem 0;
  list-style-type: none;
  list-style-position: outside;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .side-nav li {
    margin: 0 0 0.4375rem 0;
    font-size: 0.875rem;
    font-weight: normal; }
    .side-nav li a:not(.button) {
      display: block;
      color: #008CBA;
      margin: 0;
      padding: 0.4375rem 0.875rem; }
      .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #1cc7ff; }
    .side-nav li.active > a:first-child:not(.button) {
      color: #1cc7ff;
      font-weight: normal;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      padding: 0;
      list-style: none;
      border-top-color: white; }
    .side-nav li.heading {
      color: #008CBA;
      font-size: 0.875rem;
      font-weight: bold;
      text-transform: uppercase; }

.accordion {
  margin-bottom: 0; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }
  .accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
    .accordion .accordion-navigation.active > a, .accordion dd.active > a {
      background: #e8e8e8; }
    .accordion .accordion-navigation > a, .accordion dd > a {
      background: #EFEFEF;
      color: #222222;
      padding: 1rem;
      display: block;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1rem; }
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
        background: #e3e3e3; }
    .accordion .accordion-navigation > .content, .accordion dd > .content {
      display: none;
      padding: 0.9375rem; }
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        display: block;
        background: #FFFFFF; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

@media only screen and (max-width: 30em) {   /* max-width 480px, mobile-only styles, use when QAing mobile issues */ 
  .small-only-text-left {
    text-align: left !important; }

  .small-only-text-right {
    text-align: right !important; }

  .small-only-text-center {
    text-align: center !important; }

  .small-only-text-justify {
    text-align: justify !important; } }
@media only screen { /* Define mobile styles */
  .small-text-left {
    text-align: left !important; }

  .small-text-right {
    text-align: right !important; }

  .small-text-center {
    text-align: center !important; }

  .small-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 30.0625em) and (max-width: 48em) { /* min-width 481px and max-width 768px, use when QAing tablet-only issues */  
  .medium-only-text-left {
    text-align: left !important; }

  .medium-only-text-right {
    text-align: right !important; }

  .medium-only-text-center {
    text-align: center !important; }

  .medium-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .medium-text-left {
    text-align: left !important; }

  .medium-text-right {
    text-align: right !important; }

  .medium-text-center {
    text-align: center !important; }

  .medium-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 48.0625em) and (max-width: 64em) { /* min-width 769px and max-width 1024px, use when QAing large screen-only issues */ 
  .large-only-text-left {
    text-align: left !important; }

  .large-only-text-right {
    text-align: right !important; }

  .large-only-text-center {
    text-align: center !important; }

  .large-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 48.0625em) { /* min-width 769px, large screens */
  .large-text-left {
    text-align: left !important; }

  .large-text-right {
    text-align: right !important; }

  .large-text-center {
    text-align: center !important; }

  .large-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 64.0625em) and (max-width: 80em) { /* min-width 1025px and max-width 1280px, use when QAing xlarge screen-only issues */ 
  .xlarge-only-text-left {
    text-align: left !important; }

  .xlarge-only-text-right {
    text-align: right !important; }

  .xlarge-only-text-center {
    text-align: center !important; }

  .xlarge-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 64.0625em) { /* min-width 1025px, xlarge screens */ 
  .xlarge-text-left {
    text-align: left !important; }

  .xlarge-text-right {
    text-align: right !important; }

  .xlarge-text-center {
    text-align: center !important; }

  .xlarge-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important; }

  .xxlarge-only-text-right {
    text-align: right !important; }

  .xxlarge-only-text-center {
    text-align: center !important; }

  .xxlarge-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 80.0625em) { /* min-width 1281px, xlarge screens */
  .xxlarge-text-left {
    text-align: left !important; }

  .xxlarge-text-right {
    text-align: right !important; }

  .xxlarge-text-center {
    text-align: center !important; }

  .xxlarge-text-justify {
    text-align: justify !important; } }
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

/* Default Link Styles */
a {
  color: #008CBA;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #0078a0; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
	/*
  font-family: inherit;
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.6;
  text-rendering: optimizeLegibility; 
  */}
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  /*font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;*/
  font-weight: bold;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {
  font-size: 1.8rem; }

h2 {
  font-size: 1.1rem; }

h3 {
  font-size: 0.9rem; }

h4 {
  font-size: 0.8rem; }

h5 {
  font-size: 0.7rem; }

h6 {
  font-size: 0.6rem; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem; }

hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #333333;
  background-color: #f8f8f8;
  border-width: 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0.125rem 0.3125rem 0.0625rem; }

/* Lists */
ul,
ol,
dl {
  font-size: 1rem;
  line-height: 1.6;
  /*margin-bottom: 1.25rem;*/
  list-style-position: outside;
  font-family: inherit; }

ul {
  margin-left: 1.1rem; }
  ul.no-bullet {
    margin-left: 0; }
    ul.no-bullet li ul,
    ul.no-bullet li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol {
  margin-left: 1.4rem; }
  ol li ul,
  ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75rem; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  cursor: help; }

abbr {
  text-transform: none; }
  abbr[title] {
    border-bottom: 1px dotted #DDDDDD; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
 /* border-left: 1px solid #DDDDDD;*/ }
  blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #555555; }

blockquote,
blockquote p {
  line-height: 1.6;
  /*color: #6f6f6f;*/ }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #DDDDDD;
  padding: 0.625rem 0.75rem; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375rem; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem; }

@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 1.8rem; }

  h2 {
    font-size: 1.1rem; }

  h3 {
    font-size: 0.9rem; }

  h4 {
    font-size: 0.8rem; }

  h5 {
    font-size: 0.7rem; }

  h6 {
    font-size: 0.6rem; } }
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } }
.split.button {
  position: relative;
  padding-right: 5.0625rem; }
  .split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px; }
    .split.button span:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: inset;
      top: 50%;
      left: 50%; }
    .split.button span:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .split.button span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button span {
    width: 3.09375rem; }
    .split.button span:after {
      border-top-style: solid;
      border-width: 0.375rem;
      top: 48%;
      margin-left: -0.375rem; }
  .split.button span:after {
    border-color: #FFFFFF transparent transparent transparent; }
  .split.button.secondary span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.secondary span:after {
    border-color: #FFFFFF transparent transparent transparent; }
  .split.button.alert span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.success span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.tiny {
    padding-right: 3.75rem; }
    .split.button.tiny span {
      width: 2.25rem; }
      .split.button.tiny span:after {
        border-top-style: solid;
        border-width: 0.375rem;
        top: 48%;
        margin-left: -0.375rem; }
  .split.button.small {
    padding-right: 4.375rem; }
    .split.button.small span {
      width: 2.625rem; }
      .split.button.small span:after {
        border-top-style: solid;
        border-width: 0.4375rem;
        top: 48%;
        margin-left: -0.375rem; }
  .split.button.large {
    padding-right: 5.5rem; }
    .split.button.large span {
      width: 3.4375rem; }
      .split.button.large span:after {
        border-top-style: solid;
        border-width: 0.3125rem;
        top: 48%;
        margin-left: -0.375rem; }
  .split.button.expand {
    padding-left: 2rem; }
  .split.button.secondary span:after {
    border-color: #333333 transparent transparent transparent; }
  .split.button.radius span {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .split.button.round span {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px; }

.reveal-modal-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1004;
  display: none;
  left: 0; }

.reveal-modal, dialog {
  visibility: hidden;
  display: none;
  position: absolute;
  z-index: 1005;
  width: 100vw;
  top: 0;
  border-radius: 3px;
  left: 0;
  background-color: #FFFFFF;
  padding: 1.25rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  padding: 1.875rem; }
  @media only screen and (max-width: 30em) {   /* max-width 480px, mobile-only styles, use when QAing mobile issues */ 
    .reveal-modal, dialog {
      min-height: 100vh; } }
  .reveal-modal .column, dialog .column, .reveal-modal .columns, dialog .columns {
    min-width: 0; }
  .reveal-modal > :first-child, dialog > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child, dialog > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .reveal-modal, dialog {
      width: 80%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .reveal-modal, dialog {
      top: 6.25rem; } }
  .reveal-modal.radius, dialog.radius {
    border-radius: 3px; }
  .reveal-modal.round, dialog.round {
    border-radius: 1000px; }
  .reveal-modal.collapse, dialog.collapse {
    padding: 0; }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .reveal-modal.tiny, dialog.tiny {
      width: 30%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .reveal-modal.small, dialog.small {
      width: 40%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .reveal-modal.medium, dialog.medium {
      width: 60%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .reveal-modal.large, dialog.large {
      width: 70%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .reveal-modal.xlarge, dialog.xlarge {
      width: 95%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  .reveal-modal.full, dialog.full {
    top: 0;
    left: 0;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none !important;
    margin-left: 0 !important; }
    @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
      .reveal-modal.full, dialog.full {
        width: 100vw;
        max-width: 62.5rem;
        left: 0;
        right: 0;
        margin: 0 auto; } }
  .reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
    font-size: 2.5rem;
    line-height: 1;
    position: absolute;
    top: 0.625rem;
    right: 1.375rem;
    color: #AAAAAA;
    font-weight: bold;
    cursor: pointer; }

dialog {
  display: none; }
  dialog::backdrop, dialog + .backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    background: rgba(0, 0, 0, 0.45);
    z-index: auto;
    display: none;
    left: 0; }
  dialog[open] {
    display: block; }

@media print {
  dialog, .reveal-modal, dialog {
    display: none;
    background: #FFFFFF !important; } }
/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #CCCCCC;
  cursor: help;
  font-weight: bold;
  color: #333333; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #003f54;
    color: #008CBA; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 1006;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 0.75rem;
  max-width: 300px;
  left: 50%;
  width: 100%;
  color: #FFFFFF;
  background: #333333; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #333333 transparent;
    top: -10px;
    pointer-events: none; }
    .tooltip > .nub.rtl {
      left: auto;
      right: 5px; }
  .tooltip.radius {
    border-radius: 3px; }
  .tooltip.round {
    border-radius: 1000px; }
    .tooltip.round > .nub {
      left: 2rem; }
  .tooltip.opened {
    color: #008CBA !important;
    border-bottom: dotted 1px #003f54 !important; }

.tap-to-close {
  display: block;
  font-size: 0.625rem;
  color: #777777;
  font-weight: normal; }

@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .tooltip > .nub {
    border-color: transparent transparent #333333 transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: #333333 transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #333333;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px; }
  .tooltip.tip-right > .nub {
    border-color: transparent #333333 transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px; } }
/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none; }
  .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  .clearing-thumbs:after, [data-clearing]:after {
    clear: both; }
  .clearing-thumbs li, [data-clearing] li {
    float: left;
    margin-right: 10px; }
  .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
    margin-right: 0; }

.clearing-blackout {
  background: #333333;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0; }

.clearing-touch-label {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #AAAAAA;
  font-size: 0.6em; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%; }

.clearing-caption {
  color: #CCCCCC;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #333333;
  width: 100%;
  padding: 10px 30px 20px;
  position: absolute;
  left: 0; }

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 30px;
  line-height: 1;
  color: #CCCCCC;
  display: none; }
  .clearing-close:hover, .clearing-close:focus {
    color: #CCCCCC; }

.clearing-assembled .clearing-container {
  height: 100%; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: none; }

.clearing-feature li {
  display: none; }
  .clearing-feature li.clearing-featured-img {
    display: block; }

@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .clearing-main-prev,
  .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0; }
    .clearing-main-prev > span,
    .clearing-main-next > span {
      position: absolute;
      top: 50%;
      display: block;
      width: 0;
      height: 0;
      border: solid 12px; }
      .clearing-main-prev > span:hover,
      .clearing-main-next > span:hover {
        opacity: 0.8; }

  .clearing-main-prev {
    left: 0; }
    .clearing-main-prev > span {
      left: 5px;
      border-color: transparent;
      border-right-color: #CCCCCC; }

  .clearing-main-next {
    right: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-left-color: #CCCCCC; }

  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: 0.3; }

  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center; }
    .clearing-assembled .clearing-container .carousel > ul {
      display: inline-block;
      z-index: 999;
      height: 100%;
      position: relative;
      float: none; }
      .clearing-assembled .clearing-container .carousel > ul li {
        display: block;
        width: 120px;
        min-height: inherit;
        float: left;
        overflow: hidden;
        margin-right: 0;
        padding: 0;
        position: relative;
        cursor: pointer;
        opacity: 0.4;
        clear: none; }
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
          height: 100%;
          max-width: none; }
        .clearing-assembled .clearing-container .carousel > ul li a.th {
          border: none;
          box-shadow: none;
          display: block; }
        .clearing-assembled .clearing-container .carousel > ul li img {
          cursor: pointer !important;
          width: 100% !important; }
        .clearing-assembled .clearing-container .carousel > ul li.visible {
          opacity: 1; }
        .clearing-assembled .clearing-container .carousel > ul li:hover {
          opacity: 0.8; }
  .clearing-assembled .clearing-container .visible-img {
    background: #333333;
    overflow: hidden;
    height: 85%; }

  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0; } }
/* Progress Bar */
.progress {
  background-color: #F6F6F6;
  height: 1.5625rem;
  border: 1px solid white;
  padding: 0.125rem;
  margin-bottom: 0.625rem; }
  .progress .meter {
    background: #008CBA;
    height: 100%;
    display: block; }
  .progress.secondary .meter {
    background: #e7e7e7;
    height: 100%;
    display: block; }
  .progress.success .meter {
    background: #43AC6A;
    height: 100%;
    display: block; }
  .progress.alert .meter {
    background: #f04124;
    height: 100%;
    display: block; }
  .progress.radius {
    border-radius: 3px; }
    .progress.radius .meter {
      border-radius: 2px; }
  .progress.round {
    border-radius: 1000px; }
    .progress.round .meter {
      border-radius: 999px; }

.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25rem 0 1.125rem;
  padding-top: 0.25rem; }
  .sub-nav dt {
    text-transform: uppercase; }
  .sub-nav dt,
  .sub-nav dd,
  .sub-nav li {
    float: left;
    display: inline;
    margin-left: 1rem;
    margin-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-size: 0.875rem;
    color: #999999; }
    .sub-nav dt a,
    .sub-nav dd a,
    .sub-nav li a {
      text-decoration: none;
      color: #999999;
      padding: 0.1875rem 1rem; }
      .sub-nav dt a:hover,
      .sub-nav dd a:hover,
      .sub-nav li a:hover {
        color: #737373; }
    .sub-nav dt.active a,
    .sub-nav dd.active a,
    .sub-nav li.active a {
      border-radius: 3px;
      font-weight: normal;
      background: #008CBA;
      padding: 0.1875rem 1rem;
      cursor: default;
      color: #FFFFFF; }
      .sub-nav dt.active a:hover,
      .sub-nav dd.active a:hover,
      .sub-nav li.active a:hover {
        background: #0078a0; }

/* Foundation Joyride */
.joyride-list {
  display: none; }

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: #333333;
  color: #FFFFFF;
  z-index: 101;
  top: 0;
  left: 2.5%;
  font-family: inherit;
  font-weight: normal;
  width: 95%; }

.lt-ie9 .joyride-tip-guide {
  max-width: 800px;
  left: 50%;
  margin-left: -400px; }

.joyride-content-wrapper {
  width: 100%;
  padding: 1.125rem 1.25rem 1.5rem; }
  .joyride-content-wrapper .button {
    margin-bottom: 0 !important; }
  .joyride-content-wrapper .joyride-prev-tip {
    margin-right: 10px; }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: 10px solid #333333; }
  .joyride-tip-guide .joyride-nub.top {
    border-top-style: solid;
    border-color: #333333;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -20px; }
  .joyride-tip-guide .joyride-nub.bottom {
    border-bottom-style: solid;
    border-color: #333333 !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -20px; }
  .joyride-tip-guide .joyride-nub.right {
    right: -20px; }
  .joyride-tip-guide .joyride-nub.left {
    left: -20px; }

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: #FFFFFF; }

.joyride-tip-guide p {
  margin: 0 0 1.125rem 0;
  font-size: 0.875rem;
  line-height: 1.3; }

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555555;
  position: absolute;
  right: 1.0625rem;
  bottom: 1rem; }

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666666; }

.joyride-close-tip {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #777777 !important;
  text-decoration: none;
  font-size: 24px;
  font-weight: normal;
  line-height: .5 !important; }
  .joyride-close-tip:hover, .joyride-close-tip:focus {
    color: #EEEEEE !important; }

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer; }

.joyride-expose-wrapper {
  background-color: #FFFFFF;
  position: absolute;
  border-radius: 3px;
  z-index: 102;
  box-shadow: 0 0 15px #FFFFFF; }

.joyride-expose-cover {
  background: transparent;
  border-radius: 3px;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0; }

/* Styles for screens that are at least 768px; */
@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .joyride-tip-guide {
    width: 300px;
    left: inherit; }
    .joyride-tip-guide .joyride-nub.bottom {
      border-color: #333333 !important;
      border-bottom-color: transparent !important;
      border-left-color: transparent !important;
      border-right-color: transparent !important;
      bottom: -20px; }
    .joyride-tip-guide .joyride-nub.right {
      border-color: #333333 !important;
      border-top-color: transparent !important;
      border-right-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: auto;
      right: -20px; }
    .joyride-tip-guide .joyride-nub.left {
      border-color: #333333 !important;
      border-top-color: transparent !important;
      border-left-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: -20px;
      right: auto; } }
.label {
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  margin-bottom: auto;
  /*padding: 0.25rem 0.5rem 0.25rem;
  font-size: 0.6875rem;
  
  background-color: #008CBA;
  color: #FFFFFF; */}
  .label.radius {
    border-radius: 3px; }
  .label.round {
    border-radius: 1000px; }
  .label.alert {
    background-color: #f04124;
    color: #FFFFFF; }
  .label.warning {
    background-color: #f08a24;
    color: #FFFFFF; }
  .label.success {
    background-color: #43AC6A;
    color: #FFFFFF; }
  .label.secondary {
    background-color: #e7e7e7;
    color: #333333; }
  .label.info {
    background-color: #a0d3e8;
    color: #333333; }

.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
    min-height: 100%;
    -webkit-overflow-scrolling: touch; }

.inner-wrap {
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
  .inner-wrap:after {
    clear: both; }

.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333333;
  color: #FFFFFF;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative; 
}
.tab-bar-right{
  -webkit-backface-visibility: hidden;
  background: #333333;
  color: #FFFFFF;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative; 
}
  
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
    color: #FFFFFF;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0; }
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
    font-size: 1.125rem; }

.left-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-right: solid 1px #1a1a1a;
  left: 0; }

.right-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-left: solid 1px #1a1a1a;
  right: 0; }

.tab-bar-section {
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  height: 2.8125rem;
  top: 0; }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .tab-bar-section.left {
      text-align: left; }
    .tab-bar-section.right {
      text-align: right; } }
  .tab-bar-section.left {
    left: 0;
    right: 2.8125rem; }
  .tab-bar-section.right {
    left: 2.8125rem;
    right: 0; }
  .tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem; }

.tab-bar .menu-icon {
  text-indent: 2.1875rem;
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  padding: 0;
  color: #0088cc;
  position: relative;
  transform: translate3d(0, 0, 0); }
  .tab-bar .menu-icon span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.90625rem;
    box-shadow: 0 0 0 1px #0088cc, 0 7px 0 1px #0088cc, 0 14px 0 1px #0088cc;
    width: 1rem; }
  .tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0; 

  }
  .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;}
  
.right-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }
ul.right-off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0; 
  background-color: #000;
  }
  ul.right-off-canvas-list li label {
    display: block;
    padding: 0.3rem 0.9375rem;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
  ul.right-off-canvas-list li a {
    display: block;
    padding: 0.66667rem;
	background: url(/global/images/mobile/bw_bar_repeat.png);
	background-repeat:repeat-x;
	overflow: hidden;
    color: #ffffff;
    transition: background 300ms ease; 
	}
    ul.right-off-canvas-list li a:hover {
	  color:#29aafc;
      background: #242424; }
ul.off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.off-canvas-list li label {
    display: block;
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
  ul.off-canvas-list li a {
    display: block;
    padding: 0.66667rem;
	background: url(/global/images/mobile/blue_bar_repeat.png);
	background-repeat:repeat-x;
	overflow: hidden;
    color: rgba(255, 255, 255, 0.7);
    /*border-bottom: 1px solid #262626;*/
    transition: background 300ms ease; 
	}
    ul.off-canvas-list li a:hover {
      background: #242424; }

.move-right > .inner-wrap {
  -ms-transform: translate(15.625rem, 0);
  -webkit-transform: translate3d(15.625rem, 0, 0);
  -moz-transform: translate3d(15.625rem, 0, 0);
  -ms-transform: translate3d(15.625rem, 0, 0);
  -o-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0); }
.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (max-width: 48.0635em) { /* min-width 481px, medium screens */
    .move-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.move-left > .inner-wrap {
  -ms-transform: translate(-15.625rem, 0);
  -webkit-transform: translate3d(-15.625rem, 0, 0);
  -moz-transform: translate3d(-15.625rem, 0, 0);
  -ms-transform: translate3d(-15.625rem, 0, 0);
  -o-transform: translate3d(-15.625rem, 0, 0);
  transform: translate3d(-15.625rem, 0, 0); }
.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .move-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .offcanvas-overlap .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap-left .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .offcanvas-overlap-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap-right .left-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    .offcanvas-overlap-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.no-csstransforms .left-off-canvas-menu {
  left: -15.625rem; }
.no-csstransforms .right-off-canvas-menu {
  right: -15.625rem; }
.no-csstransforms .move-left > .inner-wrap {
  right: 15.625rem; }
.no-csstransforms .move-right > .inner-wrap {
  left: 15.625rem; }

.left-submenu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1002;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .left-submenu * {
    -webkit-backface-visibility: hidden; }
  .left-submenu .back > a {
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
    .left-submenu .back > a:hover {
      background: #303030;
      border-top: 1px solid #5e5e5e;
      border-bottom: none; }
    .left-submenu .back > a:before {
      content: "\AB";
      margin-right: 0.5rem;
      display: inline; }
  .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }

.right-submenu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1002;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .right-submenu * {
    -webkit-backface-visibility: hidden; }
  .right-submenu .back > a {
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
    .right-submenu .back > a:hover {
      background: #303030;
      border-top: 1px solid #5e5e5e;
      border-bottom: none; }
    .right-submenu .back > a:after {
      content: "\BB";
      margin-left: 0.5rem;
      display: inline; }
  .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: "\BB";
  margin-left: 0.5rem;
  display: inline; }

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  content: "\AB";
  margin-right: 0.5rem;
  display: inline; }

/* Foundation Dropdowns */
.f-dropdown {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  outline: none;
  width: 100%;
  max-height: none;
  height: auto;
  background: #FFFFFF;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  z-index: 89;
  margin-top: 2px;
  max-width: 200px; }
  .f-dropdown > *:first-child {
    margin-top: 0; }
  .f-dropdown > *:last-child {
    margin-bottom: 0; }
  .f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent #FFFFFF transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 89; }
  .f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent #cccccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 88; }
  .f-dropdown.right:before {
    left: auto;
    right: 10px; }
  .f-dropdown.right:after {
    left: auto;
    right: 9px; }
  .f-dropdown.drop-right {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px; }
    .f-dropdown.drop-right > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-right > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-right:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      border-color: transparent #FFFFFF transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 10px;
      left: -12px;
      z-index: 89; }
    .f-dropdown.drop-right:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 7px;
      border-color: transparent #cccccc transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 9px;
      left: -14px;
      z-index: 88; }
  .f-dropdown.drop-left {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px; }
    .f-dropdown.drop-left > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-left > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-left:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      border-color: transparent transparent transparent #FFFFFF;
      border-left-style: solid;
      position: absolute;
      top: 10px;
      right: -12px;
      left: auto;
      z-index: 89; }
    .f-dropdown.drop-left:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 7px;
      border-color: transparent transparent transparent #cccccc;
      border-left-style: solid;
      position: absolute;
      top: 9px;
      right: -14px;
      left: auto;
      z-index: 88; }
  .f-dropdown.drop-top {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: -2px;
    margin-left: 0;
    max-width: 200px; }
    .f-dropdown.drop-top > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-top > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-top:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      border-color: #FFFFFF transparent transparent transparent;
      border-top-style: solid;
      position: absolute;
      top: auto;
      bottom: -12px;
      left: 10px;
      right: auto;
      z-index: 89; }
    .f-dropdown.drop-top:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 7px;
      border-color: #cccccc transparent transparent transparent;
      border-top-style: solid;
      position: absolute;
      top: auto;
      bottom: -14px;
      left: 9px;
      right: auto;
      z-index: 88; }
  .f-dropdown li {
    font-size: 0.875rem;
    cursor: pointer;
    line-height: 1.125rem;
    margin: 0; }
    .f-dropdown li:hover, .f-dropdown li:focus {
      background: #EEEEEE; }
    .f-dropdown li.radius {
      border-radius: 3px; }
    .f-dropdown li a {
      display: block;
      padding: 0.5rem;
      color: #555555; }
  .f-dropdown.content {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    padding: 1.25rem;
    width: 100%;
    height: auto;
    max-height: none;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    max-width: 200px; }
    .f-dropdown.content > *:first-child {
      margin-top: 0; }
    .f-dropdown.content > *:last-child {
      margin-bottom: 0; }
  .f-dropdown.tiny {
    max-width: 200px; }
  .f-dropdown.small {
    max-width: 300px; }
  .f-dropdown.medium {
    max-width: 500px; }
  .f-dropdown.large {
    max-width: 800px; }
  .f-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important; }
    .f-dropdown.mega.open {
      left: 0 !important; }

table {
  background: #FFFFFF;
  margin-bottom: 0rem;
  border: solid 1px #DDDDDD;
  table-layout: auto; }
  table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: normal; }
  table thead {
    background: #F5F5F5; }
    table thead tr th,
    table thead tr td {
      padding: 0rem 0rem 0rem;
      /*font-size: 0rem;*/
      font-weight: normal;
      color: #222222; }
  table tfoot {
    background: #F5F5F5; }
    table tfoot tr th,
    table tfoot tr td {
      padding: 0rem 0rem 0rem;
      font-size: 0rem;
      font-weight: normal;
      /*color: #222222;*/}
  table tr th,
  table tr td {
   /* font-size: 0.875rem;*/
    /*color: #222222;*/
    text-align: left; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    /*background: #F9F9F9;*/ }
  table thead tr th,
  table tfoot tr th,
  table tfoot tr td,
  table tbody tr th,
  table tbody tr td,
  table tr td {
    display: table-cell;
    /*line-height: 0rem;*/}

.range-slider {
  display: block;
  position: relative;
  width: 100%;
  height: 1rem;
  border: 1px solid #DDDDDD;
  margin: 1.25rem 0;
  -ms-touch-action: none;
  touch-action: none;
  background: #FAFAFA; }
  .range-slider.vertical-range {
    display: block;
    position: relative;
    width: 100%;
    height: 1rem;
    border: 1px solid #DDDDDD;
    margin: 1.25rem 0;
    -ms-touch-action: none;
    touch-action: none;
    display: inline-block;
    width: 1rem;
    height: 12.5rem; }
    .range-slider.vertical-range .range-slider-handle {
      margin-top: 0;
      margin-left: -0.5rem;
      position: absolute;
      bottom: -10.5rem; }
    .range-slider.vertical-range .range-slider-active-segment {
      width: 0.875rem;
      height: auto;
      bottom: 0; }
  .range-slider.radius {
    background: #FAFAFA;
    border-radius: 3px; }
    .range-slider.radius .range-slider-handle {
      background: #008CBA;
      border-radius: 3px; }
      .range-slider.radius .range-slider-handle:hover {
        background: #007ba4; }
  .range-slider.round {
    background: #FAFAFA;
    border-radius: 1000px; }
    .range-slider.round .range-slider-handle {
      background: #008CBA;
      border-radius: 1000px; }
      .range-slider.round .range-slider-handle:hover {
        background: #007ba4; }
  .range-slider.disabled, .range-slider[disabled] {
    background: #FAFAFA;
    cursor: default;
    opacity: 0.7; }
    .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
      background: #008CBA;
      cursor: default;
      opacity: 0.7; }
      .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
        background: #007ba4; }

.range-slider-active-segment {
  display: inline-block;
  position: absolute;
  height: 0.875rem;
  background: #e5e5e5; }

.range-slider-handle {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: -0.3125rem;
  width: 2rem;
  height: 1.375rem;
  border: 1px solid none;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #008CBA; }
  .range-slider-handle:hover {
    background: #007ba4; }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem; }

@media only screen { /* Define mobile styles */
  .small-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .medium-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .medium-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .medium-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .medium-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .medium-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .medium-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .medium-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .medium-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .medium-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .medium-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .medium-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 48.0625em) { /* min-width 769px, large screens */
  .large-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.34%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.keystroke,
kbd {
  background-color: #ededed;
  border-color: #dddddd;
  color: #222222;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: inherit;
  padding: 0.125rem 0.25rem 0;
  border-radius: 3px; }

.switch {
  padding: 0;
  border: none;
  position: relative;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .switch label {
    display: block;
    margin-bottom: 1rem;
    position: relative;
    color: transparent;
    background: #DDDDDD;
    text-indent: 100%;
    width: 4rem;
    height: 2rem;
    cursor: pointer;
    transition: left 0.15s ease-out; }
  .switch input {
    opacity: 0;
    position: absolute;
    top: 9px;
    left: 10px;
    padding: 0; }
    .switch input + label {
      margin-left: 0;
      margin-right: 0; }
  .switch label:after {
    content: "";
    display: block;
    background: #FFFFFF;
    position: absolute;
    top: .25rem;
    left: .25rem;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: translate3d(0, 0, 0);
    transition: left 0.15s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .switch input:checked + label {
    background: #008CBA; }
  .switch input:checked + label:after {
    left: 2.25rem; }
  .switch label {
    width: 4rem;
    height: 2rem; }
  .switch label:after {
    width: 1.5rem;
    height: 1.5rem; }
  .switch input:checked + label:after {
    left: 2.25rem; }
  .switch label {
    color: transparent;
    background: #DDDDDD; }
  .switch label:after {
    background: #FFFFFF; }
  .switch input:checked + label {
    background: #008CBA; }
  .switch.large label {
    width: 5rem;
    height: 2.5rem; }
  .switch.large label:after {
    width: 2rem;
    height: 2rem; }
  .switch.large input:checked + label:after {
    left: 2.75rem; }
  .switch.small label {
    width: 3.5rem;
    height: 1.75rem; }
  .switch.small label:after {
    width: 1.25rem;
    height: 1.25rem; }
  .switch.small input:checked + label:after {
    left: 2rem; }
  .switch.tiny label {
    width: 3rem;
    height: 1.5rem; }
  .switch.tiny label:after {
    width: 1rem;
    height: 1rem; }
  .switch.tiny input:checked + label:after {
    left: 1.75rem; }
  .switch.radius label {
    border-radius: 4px; }
  .switch.radius label:after {
    border-radius: 3px; }
  .switch.round {
    border-radius: 1000px; }
    .switch.round label {
      border-radius: 2rem; }
    .switch.round label:after {
      border-radius: 2rem; }

/* small displays */
@media only screen { /* Define mobile styles */
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important; }

  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* medium displays */
@media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* large displays */
@media only screen and (min-width: 48.0625em) { /* min-width 769px, large screens */
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* xlarge displays */
@media only screen and (min-width: 64.0625em) { /* min-width 1025px, xlarge screens */ 
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* xxlarge displays */
@media only screen and (min-width: 80.0625em) { /* min-width 1281px, xlarge screens */
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table !important; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }

  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table !important; }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }

  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }

  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table !important; }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }

  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important; }

.touch table.show-for-touch {
  display: table !important; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Print visibility */
@media print {
  .show-for-print {
    display: block; }

  .hide-for-print {
    display: none; }

  table.show-for-print {
    display: table !important; }

  thead.show-for-print {
    display: table-header-group !important; }

  tbody.show-for-print {
    display: table-row-group !important; }

  tr.show-for-print {
    display: table-row !important; }

  td.show-for-print {
    display: table-cell !important; }

  th.show-for-print {
    display: table-cell !important; } }
@charset "utf-8";
/* CSS Document */
body{
	background-color:#ffffff; /*#a4c7e7;*/	
}
@media only screen and (min-width: 48.0625em) { /* min-width 769px or above*/
  body {overflow-y:scroll;}
  .off-canvas-wrap {overflow-y:none;  /*Keep the y-scroll bar on screen*/}
}
@media only screen and (max-width: 48em) { /*max-width 768px or below */
  body {overflow-y: scroll; }
  .off-canvas-wrap {overflow-y:auto;  /*Keep the y-scroll bar on screen*/}
  
}
.column, .columns{
	padding-left:  0.5em; /*150608 */
    padding-right:  0.5em; /*150608 */
}
.hot_topics_area{
	padding-left:  0.5em; /*150608 */
    padding-right:  0.5em; /*150608 */
}
@media only screen and (max-width: 37.5em) { /*max-width 600px or below */
  #hot_topics {display: none; visibility:hidden; }
  
}
.row .row {
    margin: 0 -0.5rem;
}

.row {
  max-width: 61.25rem;
}
.padding_3pc{
	padding-left:15px;
	padding-top:4px;
}
@media only screen and (min-width: 48.0625em) { 
	.padding_video{
		width:23%;
		margin-left:5px;
		margin-right:5px;
		text-align:center;
	}
	.padding_video_webforall{
		width:30%;
		margin-left:5px;
		margin-right:5px;
		text-align:center;
	}
	.video_border{
		border:1px solid #cccccc;
		min-height:232px;
	}
	.video_desc{
		text-align:center;
	}
	hr.videoHR{
		border: 0;
		height: 1px;
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0));
	}
	 .videogallery_content{
				display: block;
				*min-width:320px; 
				min-width:320px;
				height: auto;
				padding: 10px;
				border: 1px solid #cccccc;
				background-color: white;
				font-size: 0.8em;	
				width:97.5%;
				margin-bottom:20px;
	 }
}
@media only screen and (max-width: 48.0635em) { 
	.padding_video_webforall{
		width:100%;
		margin-left:5px;
		margin-right:5px;
		text-align:center;
		margin-top:5px;
		margin-bottom:5px;
	}
	.padding_video{
		width:100%;
		margin-left:5px;
		margin-right:5px;
		text-align:center;
		margin-top:5px;
		margin-bottom:5px;

	}
	.video_border{
		border:1px solid #cccccc;
	}
	.video_desc{
		text-align:left;
	}
	hr.videoHR{
		border: 0;
		height: 0px;
	}
	 .videogallery_content{
				display: block;
				*min-width:320px; 
				min-width:320px;
				height: auto;
				padding: 10px;
				border: 1px solid #cccccc;
				background-color: white;
				font-size: 0.8em;	
				width:102.5%;
				margin-bottom:20px;
	 }
}
.fixedWidth{
	width: 180px;
}

@media only screen and (max-width: 30em) {

.padding_3pc{
	padding:2%;
}
}
/*
h1{
	/*font-family:"Times New Roman", Times, serif;
	border-bottom:dotted 1px #999;*/
/*
	padding-bottom:0.2em;
	padding-top:0.2em;
	font-size:2.1em;
	font-weight:bold;
	line-height:1.3em;
	color:#003498;
	border-bottom:1px solid #ececec;
	padding-bottom:0.8em;
}
h2{
	
	padding-bottom:0.2em;
	padding-top:0.2em;
	font-size:1.6em;
	font-weight:bold;
	color:#003498;
}
h3{	
	padding-bottom:0.2em;
	padding-top:0.2em;
	font-size:1.1em;
	font-weight:bold;
	color:#222;
}
h4{	
	padding-bottom:0.2em;
	padding-top:0.2em;
	font-size:1em;
	font-weight:bold;
	color:#666;
}
@media only screen and (max-width: 30em) {
h1{

	
	font-size:1.4em;
	
	line-height:1.4em;
	color:#003498;
}
h2{
	
	
	font-size:1.2em;
	line-height:1.4em;
	color:#000;
}
h3{	
	
	font-size:1em;
	line-height:1.2em;
	
}
h4{	
	
	font-size:1em;
	line-height:1.2em;
	
}

}
p{

	font-size:0.9em;
	line-height:1.8em;
	color:#000737;	

}
li{
	font-size:1em;
	line-height:1.8em;
	color:#000737;		
}

p a{	
	color:#006db3;	
	text-decoration:none;
}
p a:hover{	
	color:#ff4400;
	text-decoration:underline;	
}
*/
/* Default Link Styles */
a {
  color: #063747;
}
  a:hover, a:focus {
    color: #0078a0; }
 
.notes{
	color:#666666;
	font-size:0.9em;
	line-height:1.5em;
}
.notes a{	
	
	text-decoration:none;
}
.notes a:hover{	
	
	text-decoration:underline;
}



.alert{
	
	line-height:1.8em;
	background-color:#FFD0D1;
	padding:1.2em;	
	border:2px solid #ca0000;
	color:#000;	
	
}
.alert a{	
	color:#510000;	
	text-decoration:underline;
}
.alert a:hover{	
	color:#510000;	
	text-decoration:underline;
}

.warning{
	color:#fff;
	font-weight:bold;
	padding:1.2em;	
	background-color:#ca0000;	
}
.warning a{	
	color:#fff;	
	text-decoration:none;
}
.warning a:hover{	
	color:#fff;	
	text-decoration:underline;
}
.highlight{
	background-color:#fff8ce;
	padding-left:0.5em; 
	padding-right:0.5em;
	color:#000;	
}
.highlight_red{
	background-color:#ba0000; 
	padding-left:0.5em; 
	padding-right:0.5em;
	color:#fff;	
}
.highlight a{	
	color:#000;
	text-decoration:underline;
	
}
.highlight a:hover{	
	color:#ff6600;
	text-decoration:underline;
	
}

.highlight_red a {	
	color:#fff;
	text-decoration:none;
	
}
.highlight_red  a:hover{	
	color:#fff;
	text-decoration:underline;
	
}

ul, ol{/*font-size:1em;*/}
ul li, ol li{
	/*color:#000737;*/
	line-height:1.5em;
	/*padding-bottom:0.1em;*/
}
#rightDesktopMenu ul li{
	/*color:#000737;*/
	line-height:1.5em;
	float:left;
	/*padding-bottom:0.1em;*/
}


ul li a, ol li a{	
	color:#006db3;	
	text-decoration:none;
}
ul li a:hover, ol li a:hover{	
	color:#ff4400;
	text-decoration:underline;	
}
#desktop_only{display:none}
.desktop_only{display:none}


.ie8_only{
	display:none;	
	
}
.hidden_in_ie8{ 
	display:block;
}
/** 
@media only screen and (max-width: 48em) { /*max-width 768px or below }*/



/*

blockquote {
  
  padding: 1.5em; 
  background-color: #fff8ce;
  border-left:5px solid #003498;
  text-indent: 23px;
  color:#333;
  }
  blockquote span {
     display: block;
     background-repeat: no-repeat;
     background-position: bottom right;
	 padding-bottom:1.5em;
	
   }
    blockquote span p{    
	 color:#333;
   }
 */
.w_links{
	color:#fff;
}
.w_links a{
	color:#fff;
	text-decoration:none;
}
.w_links a:hover{
	color:#ff9900;
	text-decoration:underline;
}

.spacer {
	line-height:0.5em;
	height:0.5em;
}

.h1em {height:1em; line-height:1em;}
.h3em {height:3em; line-height:3em;}
.h5em {height:5em; line-height:5em;} 

.margin_bottom_5px{
	margin-bottom:5px;
}

.margin_left_1em{margin-left:1em;}
.margin_right_1em{margin-right:1em;}
.margin_left{margin-left:0.2em;}
.margin_right{margin-right:0.2em;}
.none{
	display:none;
}
.dropdown{ 
	width:auto;	
	
}
@media only screen and (max-width: 48em) {

.dropdown{
	width:100%;
}
}
table{
	border:0;
	background:none;
}
table, td, tr.even, tr.alt, tr:nth-of-type(even) {

	/*background:#fff;*/
	padding:0;
}

.table_01  {
	width:100%;
	background: #fff;
}
	
.table_01 tr.even, .table_01 tr.alt, .table_01 tr:nth-of-type(even) {
    background: #D9ECFF; }

.table_01  th{
	padding:1em;	
	background:#003498;
	color:#fff;	
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size:1em;			
}
.table_01  th p{
	color:#fff;			
}
.table_01  td{
	padding:1em;
	border-right:1px solid #fff;		
}

.table_01 .sub_header td {
	background:#99CCFF;
}

.table_01 .even_color{background: #D9ECFF;}
.table_01  th a{	
	color:#fff;
	text-decoration:none;	
}
.table_01  th a:hover{		
	text-decoration:underline;	
}
.table_01  td a{	
	color:#006db3;	
	text-decoration:none;	
}
.table_01  td a:hover{		
	color:#ff4400;
	text-decoration:none;		
}

.table_01 ul li, .table_01 ol li{
	padding-bottom:0.4em;

}

.table_01 caption, .statistics_table caption{
	padding-bottom:0.8em;
	padding-top:0.8em;
	font-size:1.2em;
	font-weight:bold;
	color:#666;
	text-align:left;
}
.td_center td{text-align:center;}

@media only screen and (max-width: 30em) { /*max-width 480px or below */

.table_01  th{
	padding:0.5em;
	font-size:0.9em;	
		
}
.table_01  td{
	padding:0.5em;
	font-size:0.9em;	
	
}


}
.statistics_table  {
	width:100%;
	background: #fff;
	font-size:0.9em;
}
	
.statistics_table tr.even, .statistics_table tr.alt, .statistics_table tr:nth-of-type(even) {
    background: #D9ECFF; }


.statistics_table  th{
	padding:0.3em;	
	background:#003498;
	color:#fff;	
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;	
	font-size:0.9em;		
}
.statistics_table  td{
	padding:0.3em;
	border-right:1px solid #fff;	
	font-size:0.9em;	
}

.statistics_table .sub_header td {
	background:#99CCFF;
}

.statistics_table .even_color{background: #D9ECFF;}

.statistics_table th a{	
	color:#fff;
	text-decoration:none;	
}
.statistics_table  th a:hover{		
	text-decoration:underline;	
}
.statistics_table  td a{	
	color:#006db3;	
	text-decoration:none;	
}
.statistics_table  td a:hover{		
	color:#ff4400;
	text-decoration:none;		
}


@media only screen and (max-width: 30em) { /*max-width 480px or below */

.statistics_table  th{
	padding:0.1em;
	font-size:0.7em;	
		
}
.statistics_table  td{
	padding:0.1em;
	font-size:0.7em;
	
}


}
.appeal_table{
	width:100%;
	background: #D9ECFF; 
	margin-bottom:2px;
}
.appeal_table:hover{
	
	background: #afd7ff; 
	
}
.external_table{
	width:100%;
	max-width:800px;
	background-color:#f6f9ff;
	margin:0 auto;	
}
#page_archor{
	position:fixed; 
	right:5px; 	
	z-index:999;
}
#totalNum{
	font-size:0.9em;
}
#page_archor .back{
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 */
	-webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
	opacity:0.7;
	filter: alpha(opacity=70);
}
#page_archor .gotop{
	opacity:0.7;
	filter: alpha(opacity=70);
}
#social_media_items{
	position:absolute;
	right:5px; 	
	z-index:999;
}
@media only screen and (min-width: 30.0625em) { /* min-width 481px or above*/
	#page_archor{
		bottom:35px;	
	}
}

@media only screen and (max-width: 30em) { /*max-width 768px or below */
	#page_archor{
		bottom:25px;	
	}
}



.clear{ clear: both;}

/*************************** Start of Header (Desktop) *************************************/

#header{	
	padding:0;
}
.header_bg{
	background:url(/global/images/header/header_bg.jpg) top left ;
	background-repeat:repeat-x;		
	height:105px;
	
}
.middle_header_bg{
	background:url(/global/images/middlebar/middle_bg.png) bottom left ;
	background-color: #ffffff;
	background-repeat:repeat-y;	
	background-position: center; 
	font-size:0.7em;
	height:35px;	
	vertical-align:middle;
}

.middle_header_lvl_01_01{	
	height:35px;
	padding:0;
	left:20px;
	position: relative;
	color:#ffffff;
}
.middle_header_lvl_01_02{	
	height:35px;
	padding:0;
	position: relative;
	font-size:1.4em;
	top:5px;
}

.topbanner_lvl_01{	
	height:70px;
	padding:0;		
	background-repeat:repeat-x;	
}

.topbanner_lvl_01_01{	
	height:70px;
	left:-8px;
	position: relative;	
}

.topbanner_lvl_01_02{	
	height:70px;
	right:-15px;
	position: relative;
}

.header_lvl_01{	
	height:70px;
	padding:0;		
	background:url(/global/images/header/header_bg.jpg) bottom left ;
	background-repeat:repeat-x;	
}

.header_lvl_01_01{	
	height:70px;
	left:-8px;
	position: relative;	
	background:url(/global/images/header/header_bg.jpg) bottom left ;
	background-repeat:repeat-x;	
}

.header_lvl_01_02{	
	height:70px;
	right:-15px;
	position: relative;
	background:url(/global/images/header/header_bg.jpg) bottom left ;
	background-repeat:repeat-x;		
}

.header_lvl_02{
	height:35px;
	padding:0;
	background:url(/global/images/header/header_bg.jpg) bottom left ;
	background-repeat:repeat-x;	
	border-bottom:6px solid #bd393f; 	

  
}
.header_lvl_02_01{
	height:35px;
	padding:0;
	background:url(/global/images/header/header_bg.jpg) bottom left ;
	background-repeat:repeat-x;	
	left:-8px;
	position: relative;
	border-bottom:6px solid #bd393f; 
}
.header_lvl_02_02{
	height:35px;
	padding:0;
	background:url(/global/images/header/header_bg.jpg) bottom left ;
	background-repeat:repeat-x;	
	right:-15px;
	position: relative;
	border-bottom:6px solid #bd393f;
	
}

.header_lvl_03{
	background-color:#fff;/*#003498;*/
	height:0px;
	padding:0em;
	padding-left:0;
	padding-right:0.5em;	
	font-size:0.9em;
	color:#000;
}
@media only screen and (min-width: 48.0625em) { /* min-width 769px or above*/
  .header_lvl_03{
	  border-top:1px solid #999; 
  }
}


.header_lvl_03 a{	
	color:#003498;
}
.header_lvl_03 a:hover{	
	color:#003498;
	text-decoration:underline;
}
.header_lvl_02 a{
	color:#000;
}
.header_lvl_02 a:hover{
	/*text-decoration:underline;*/
	color:#bd393f;
}
.search_box{
	width:12em; 
	border:1px solid #ccc; 
	background-color:#fff;
	padding:0.1em;
	padding-top:0.3em;
	padding-left:0.5em; 
	padding-right:0.5em;	
	color:#666;
	font-size:1em;
}
@media only screen and (max-width: 55.75em) { /*max-width 892px or below */
  .welcome_msg {display:none; }

}
ul.textresizer{
	list-style: none;
	display: inline-block;
	margin: 0px;
	line-height:1.1em;
	padding: 0px;
	margin-top:5px;
	margin-left:0.2em;
}
ul.textresizer li{
		display: inherit;
		margin: 0px;
		padding: 0px;
		margin-left:0em;
		margin-right:0em;
		cursor:pointer;
}
ul.textresizer li:hover{
		color:#bd393f;
}

.wa_font_l{ }
.wa_font_m{ }
.wa_font_s{ }
#text_header, #text_header_jpc{
	display:none;
}
#m_control{
	padding:2%;	
	padding-bottom:0%;
	background:#fff;
}
.mobile_lang{ margin-top:10px; margin-left:-2%;}
.mobile_lang li{
	display:inline-block;
	list-style:none;
	
}
.mobile_lang li a{
	padding:0.5em;
	font-size:1em;
	background:#003498;
	border-radius:10%;
	color:#fff;
}
.mobile_lang li a:hover{
	
	color:#ff9900;
}
/*************************** End of Header (Desktop) *************************************/
#main_row{
	background-color:#fff;/*#003498;	*/
	min-height:100%;
}
/*************************** Start of Left Menu (Desktop) **********************************/
/*
#left_menu, #left_menu_jpc {	
	padding:0;
	min-height:100%;
	height:auto;
	border:0;
}
*/
/*
.left_menu ul {
	margin:0;
	list-style:none;
	border:0;
	font-size:0.8em;
}
*/

@media only screen and (min-width: 48.0625em) and   (max-width: 52.5em) { /* min-width 769px or max-width 840px*/
	.left_menu li{
		font-size:0.9em; 
	}
}

/*
.left_menu ul .dropdown-menu{	
	line-height:1.125em;
	margin:0;	
	background:none;
}
.left_menu ul .dropdown-menu li{
	border-top:1px solid #2a82cc;
	border-bottom:1px solid #255d8c;
	margin:0;
	list-style:none;
}
.left_menu ul .dropdown-menu li:first-child{
	border-top:0 solid #146abc;		
}
.left_menu ul .dropdown-menu li:last-child{	
	border-bottom:0 solid #141a66;	
}
.left_menu .sm_one{
	width:90%;
	padding:5%;	
	padding-top:2%;	
}
.left_menu .sm_one_two{
	width:50%;
	padding:5%;	
	padding-top:2%;	
	float:left;	
}
.left_menu ul li .submenu {
    color: #111; 
}
.left_menu ul li .submenu  li {
    color: #111; 
	border:0px; 
	line-height:1.3em;
	font-size:0.9em;
	border-top:0px solid #ccc;
	border-bottom:0px solid #aaa;
	padding-bottom:0.8em;
	list-style:square;
	list-style-position:outside;
}
.left_menu ul li .submenu  li a{
    color: #111; 	
}
.left_menu ul li .submenu  li a:hover{
    color: #111;
	text-decoration:underline; 	
}
.sm_close{
	float:right;
	display:inline;
	position:absolute;
	right:15px;
	top:10px;
	lin-height:16px;
	z-index:1002;
	font-size:1em;
	font-weight:normal;
}
.sm_close a{
    color: #666; 	
}
.sm_close a:hover{
    color: #333;	
}
.text_version_btn{
	font-size:0.8em; 
	top:2px;
	position:relative;
}
.text_version_btn a{
	color:#666;
}
*/
/*************************** Start of Left Menu (Desktop) **********************************/


/*************************** Start of Footer (Desktop/Mobile) **********************************/
.footer a{
	color:#333;
}
.footer a:hover{
	text-decoration:underline;	
}	
.footer{
		text-align:right;
		min-height:1.625em;
		padding-top:0.4em;
		padding:0.5em;	
		left:23px;
		font-size:0.78em;			
		position:relative;
		background:#ffffff url(/global/images/copyright_bar.png);
		background-repeat: repeat-x;
}
.footerLeftLine{
		width: 300px;
		height:27px;	
}
#footerRight{
		float:right;
		padding-top:5px;
}
#important_notices{
			float:left;
			display:block;	
			text-align:left;
			padding-top: 5px;
}
#revisionDate{
	float:right;
}
#brandhk_bottom_logos{
		display:block;
		float:right;
		width:80px;
		height:26px;
		background: url(/global/images/branding_btm.jpg) no-repeat right;
}
@media only screen and (min-width: 952px) and (max-width:1023px) { 
	.footer{
			min-width:100%;
			width:100%;	
			text-align:right;
			min-height:1.625em;
			padding-top:0.4em;
			padding:0.5em;	
			left:23px;
			font-size:0.78em;			
			position:relative;
			background:#ffffff url(/global/images/copyright_bar.png);
			background-repeat: repeat-x;
	}
	#footerRight{
		width:100%;
		float:left;
		padding-top:5px;
		padding-left:15px;
		text-align:left;
	}
	#revisionDate{
		float:left;
		text-align:left;
		margin-right:5em;
	}
	#dateRevision, #dateReview{
		float:left;
		text-align:left;		
	}
}
@media only screen and (min-width: 919px) and (max-width:951px) { 
	.footer{
			min-width:100%;
			width:100%;	
			text-align:right;
			min-height:1.625em;
			padding-top:0.4em;
			padding:0.5em;	
			left:23px;
			font-size:0.78em;			
			position:relative;
			background:#ffffff url(/global/images/copyright_bar.png);
			background-repeat: repeat-x;
	}
	#footerRight{
		width:100%;
		float:left;
		padding-top:5px;
		padding-left:15px;
		text-align:left;
	}
	#revisionDate{
		float:left;
		text-align:left;
				margin-right:5em;
	}
	#dateRevision, #dateReview{
		float:left;
		text-align:left;		
	}
}
@media only screen and (min-width: 768px) and (max-width:918px) { 
	.footer{
			min-width:100%;
			width:100%;	
			text-align:right;
			min-height:1.625em;
			padding-top:0.4em;
			padding:0.5em;	
			left:23px;
			font-size:0.78em;			
			position:relative;
			background:#ffffff url(/global/images/copyright_bar.png);
			background-repeat: repeat-x;
	}
	#footerRight{
		float:left;
		padding-top:5px;
		padding-left:5px;
		margin-right:2em;
		width:34em;
		text-align:left;
	}
	#revisionDate{
		float:left;
		text-align:left;
		margin-right:5em;
	}
	#dateRevision, #dateReview{
		float:left;
		text-align:left;		
	}
}
@media only screen and (min-width: 0px) and (max-width:767px) { 
	.footer{
			min-width:100%;
			width:100%;	
			text-align:left;
			min-height:1.625em;
			padding-top:0.4em;
			padding:0.5em;	
			left:23px;
			font-size:0.78em;			
			position:relative;
			background:#ffffff url(/global/images/transparent.png);
			background-repeat: repeat-x;
	}
	#footerRight{
		float:left;
		padding-top:5px;
		text-align:left;
		margin-right:4em;
	}
	#revisionDate{
		float:left;
		text-align:left;
	}
	#dateRevision, #dateReview{
		float:left;
		text-align:left;		
	}
}




/*************************** End of of Footer (Desktop/Mobile) **********************************/

/**************************       Start of Sliding Menu	(Mobile) *************************************/
.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow-x: hidden; }
  .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
    height: 100%; }

.inner-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  zoom: 1;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
  .inner-wrap:after {
    clear: both; }
	.inner-wrap a:hover{
		text-decoration:none;
	}

nav.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #ffffff;
  color: white;
  height: 8em;
  line-height: 1.2em;
  position: relative;
  vertical-align:central;
 
  }
  nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4, nav.tab-bar h5, nav.tab-bar h6 {
    color: white;
    font-weight: bold;
    line-height: 2.8125em;
    margin: 0; }
  nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4 {
    font-size: 1.125em; }

section.left-small {
  width: 2.8125em;
  height: 2.8125em;
  position: absolute;
  top: 2.6em;
  border-right: solid 0px #768bb7;
  box-shadow: 0px 0 0 #22252b;
  left: 0;
 }

section.right-small {
  width: 2.8125em;
  height: 2.8125em;
  position: absolute;
  top: 2.6em;
  border-left: solid 0px #768bb7;
  box-shadow: -0px 0 0 #22252b;
  right: 0; }

section.tab-bar-section {
  padding: 0 0.625em;
  position: absolute;
  text-align: center;
  color:#000000;
  font-size:0.8em;
  font-weight:bold;  
  top: 0.5em; }
  @media only screen and (min-width: 30.0625em) { /* min-width 481px, medium screens */
    section.tab-bar-section {
      text-align: center; } }
  section.tab-bar-section.left {
    left: 0;
    right: 2.8125em; }
  section.tab-bar-section.right {
    left: 2.8125em;
    right: 0; }
  section.tab-bar-section.middle {
    left: 2.8125em;
    right: 2.8125em; }

/*a.menu-icon {
  text-indent: 2.1875em;
  width: 2.8125em;
  height: 2.8125em;
  display: block;
  line-height: 2.0625em;
  padding: 0;
  color: white;
  position: relative; }
  a.menu-icon span {
    position: absolute;
    display: block;
    width: 1em;
    height: 0;
    left: 0.8125em;
    top: 0.3125em;
    -webkit-box-shadow: 1px 10px 1px 1px white, 1px 16px 1px 1px white, 1px 22px 1px 1px white;
    box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
  a.menu-icon:hover span {
    -webkit-box-shadow: 1px 10px 1px 1px #b3b3b3, 1px 16px 1px 1px #b3b3b3, 1px 22px 1px 1px #b3b3b3;
    box-shadow: 0 10px 0 1px #b3b3b3, 0 16px 0 1px #b3b3b3, 0 22px 0 1px #b3b3b3; }*/
	
.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 250px;
  top: 0em;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
  background: #ffffff;
  z-index: 1001;
  box-sizing: content-box;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0; }
  .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 250px;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
  background: #ffffff;
  z-index: 1001;
  box-sizing: content-box;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0; }

ul.off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.off-canvas-list li label {
    padding: 0.3em 0.9375em;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    background: #333;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
  ul.off-canvas-list li a {
    display: block;
    padding: 0.66667em;
    color: #fff;
    border-bottom: 1px solid #222; }

.move-right > .inner-wrap {
  -webkit-transform: translate3d(250px, 0, 0);
  -moz-transform: translate3d(250px, 0, 0);
  -ms-transform: translate3d(250px, 0, 0);
  -o-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0); }
.move-right a.exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  
  @media only screen and (min-width: 48.0625em) { /* min-width 481px, medium screens */
    .move-right a.exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } 
	.move-right a.exit-off-canvas {
	  -webkit-backface-visibility: hidden;
	  transition: background 300ms ease;
	  cursor: pointer;
	  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
	  display: none;
	  position: absolute;
	  background: rgba(255, 255, 255, 0.2);
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  z-index: 1002;
	  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }   
 }
  
.move-left > .inner-wrap {
  -webkit-transform: translate3d(-250px, 0, 0);
  -moz-transform: translate3d(-250px, 0, 0);
  -ms-transform: translate3d(-250px, 0, 0);
  -o-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0); }
.move-left a.exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  
/**************************  End of Sliding Menu (Mobile) *************************************/

.breadcrumbs {
  display: block;
  padding: 1em 0.2em 0em;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
 
   /*border-style: solid;
  border-width: 1px;
 background-color: whitesmoke;
  border-color: #dddddd;*/
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.8em;
    text-transform: uppercase; }
	.breadcrumbs a{color:#333;padding-bottom:1em;}
	.breadcrumbs a:hover{color:#ff6600; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a,
    .breadcrumbs > * span {
      text-transform: uppercase;
      color: #003fa5; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999999;
        cursor: default; }
    .breadcrumbs > *:before {
	  content: "·";
      color: #999;
      margin:  0.75em;
      position: relative;
      top: -3px;
	  font-size:1.3em;
	  font-weight:bold;	 
	  vertical-align:middle;
	  text-decoration:none;
	 
	 
	   }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }
 
	.no_underline a, .no_underline a:hover, .no_underline  a:focus{
		text-decoration:none;
		
	}
	.breadcrumbs:first-child{
		padding-left:0;
	}

@media only screen and (max-width: 30em) {/*max-width 480px or below */
 .breadcrumbs a{display:block;padding-bottom:1em; padding-right:1em;}
  .breadcrumbs > *:before {   	  
	  content: '';
	  margin:  0em;
  }
}

.newslink{
	font-size:0.8rem;
}
#main_content{
		background-color:#fff;
		height:auto;
}
#main_content_area{
		font-size:0.8rem;
		min-height:1000px;
		height:auto;	
		padding: 0 0 0px 0px;
		padding-right:30px;
		background : url(/global/images/bg/bgrepeat.png) repeat-y 0px;
}
#main_content_area a{
		/*font-size:0.8rem;*/
}

.topBorder{
		width: 800px;
		background: url(/global/images/bg/top_02.png) #ffffff repeat-x;
		margin: 0;
		padding: 0;
		height: 25px;
}
.topRightBorder{
		background:url(/global/images/bg/top_01.jpg) no-repeat;
		height:25px;
}
#main_content_area_max{
			background : url(/global/images/bg/bgrepeat.png) repeat-y 0px;
			padding:0px;
}
@media only screen and (max-width: 915px) { 
	#main_content_area_max{
			font-size:0.8rem;
			min-height:1000px;
			height:auto;	
			padding:25px;
			background : url(/global/images/bg/bgrepeat.png) repeat-y 0px;
	}
	#main_content_area_max a{
			font-size:0.8rem;
	}
}

@media only screen and (max-width: 1024px) { 
	
	#main_content{
			background-color:#fff;
			height:auto;
	}
	#main_content_area{
			font-size:0.8rem;
			min-height:1000px;
			height:auto;	
			padding: 0 0 0px 0px;
			padding-right:60px;
			background : url(/global/images/bg/bgrepeat.png) repeat-y 0px;
	}

	#main_content_area_max{
			width:100%;
			font-size:0.8rem;
			min-height:1000px;
			height:auto;	
			/*padding-right:25px;*/
			background : url(/global/images/bg/bgrepeat.png) repeat-y 0px;
	}
	#main_content_area_max a{
			font-size:0.8rem;
	}
}
@media only screen and (max-width: 768px) { 
	#main_content_area p {		
		padding-top:8px;
		padding-bottom:8px;
	}
	#main_content_area{
		height:auto;	
		padding: 0 0 0px 0px;
		background : url(/global/images/transparent.png) repeat-y 0px;
	}
	#main_content_area_max p {		
		padding-top:8px;
		padding-bottom:8px;
	}
	#main_content_area_max{
		height:auto;	
		padding: 0 15px 0px 0px;
		background : url(/global/images/transparent.png) repeat-y 0px;
	}
	#main_content{
		background-color:#fff;
		height:auto;
	}
	.topBorder{
		width: 100%;
		margin: 0;
		padding: 0;
		height: 0px;
	}
	.topRightBorder{
		height:0px;
	}
}
@media only screen and (max-width: 480px) { 
	#main_content_area_max{
		height:auto;	
		padding: 0 5px 0px 0px;
		background : url(/global/images/transparent.png) repeat-y 0px;
	}
}

/************* Accordion ************************/
#acc {width:100%; list-style:none;  margin-left:0;  }
#acc h3 {width:100%; border-bottom:#fdfdfd 1px solid; padding:0.8em ; margin-top:1px;margin-bottom:0px; cursor:pointer; background:#bcdeff; color:#003FA5; font-size:1em;}
#acc h3:hover {background:#7ebfff;color:#003FA5;}
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {width:100%; padding:1em; padding-bottom:0.5em;   border-bottom:1px solid #fff;border-top:1px solid #fff; background:#D9ECFF;  }
#acc .acc-content a { }
#acc .acc-content a:hover { }


#acc h3 .name{font-size:1em; color:#003FA5;}
#acc h3 .post{font-weight:normal;font-size:#1em;color:#003069; }

#acc .acc-content ul li{padding-bottom:0.1em; list-style-type:square; border-bottom:1px solid #eee;}

/************* Accordion ************************/


/****************** Img ************************/

.img_area{
	color:#444;		
	line-height:1.2em;
	font-size:0.8em;
	background:none;
}
.img_100pc{
	width:100%;
	
}
.img_100pc img{
	width:100%;	
	border:0;
}
.img_100pc .caption{
	width:100%;
	padding:2%;	
	background:#afd7ff;
}

.img_40pc{
	width:40%;
}
.img_50pc{
	width:50%;
}
.img_40pc img, .img_50pc img{
	width:100%;	
	border:0;
}
.img_40pc .caption, .img_50pc .caption{
	width:100%;
	padding:4%;
	padding-top:2%;
	padding-bottom:2%;
	background:#afd7ff;
	
}

@media only screen and (min-width: 30.0625em) { /* min-width 481px or above*/
.img_senior_officer{
	width:130px;
	padding:5px;
	padding-bottom:1em;
	
}
.img_senior_officer img{
	width:120px;	
	border: 1px solid #20305f;
}
}
@media only screen and (max-width: 30em) {/*max-width 480px or below */

.img_senior_officer{
	width:100%;	
	text-align:left;
	padding-bottom:1em;
}
.img_senior_officer img{
	width:120px;	
	border: 1px solid #20305f;
}

}
.img_senior_officer .caption{
	width:120px;
	padding:0.8em;	
	background:#afd7ff;	
}
.img_100pc .img_border{
	border:1px solid #20305f;
}
.photo{
	border: 1px solid #20305f;
	text-decoration:none;
}
@media only screen and (max-width: 30em) {
	.img_40pc, .img_50pc{
	width:100%;
}

}

/* Clearing Docs - Hiddern Tumb in Light box */
 .clearing-assembled .clearing-container .carousel > ul li {
        display: none;
 }
 
 
 /* Icons in Sub-index page */
.sub_icons {
	width:100%;	
	margin:0 auto;
	
}
.sub_icons li{
	list-style: none;
	display:inline-block;
	width:8em;
	text-align:center;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	vertical-align:top;
	line-height:1.1em;	
	
	
}
.sub_icons li img{
	width:80%;
	border:0;
	padding-bottom:1em;
}
.sub_icons li a{
	font-size:0.9em;
	text-decoration:none;
	
}
.sub_icons li a:hover{
	text-decoration:none;
	
}
 /* Icons in Sub-index page */


 /* Banner in JPC index page */
.jpc_banner {
	width:100%;	
	margin-left:0;		
}
.jpc_banner li{
	list-style: none;
	display:inline-block;
	
	width:48%;
	text-align:center;
	padding-top:0.3em;
	padding-bottom:0.3em;
	padding-left:0.1em;
	padding-right:0.1em;
	vertical-align:top;
	line-height:1.1em;	
	
	
}
.jpc_banner li img{
	width:100%;
	border:0;
	/*padding-bottom:1em;*/
}
.jpc_banner li a{
	font-size:0.9em;
	text-decoration:none;
	
}
.sub_icons li a:hover{
	text-decoration:none;
	
}
 /* Banner in JPC index page */
  
/******** Hidden Menu for Screen Reader(Web Accessibility) ***************/
 
#wa_hidden_menu{
	
	position:fixed;
	top:-5em;	
	left:0;
	width:100%;
	z-index:999;
	height:1.5em;	
}




/*********************** Sliding Banner ***********************/
.slideshow-wrapper {
  position: relative; }
  .slideshow-wrapper ul {
    list-style-type: none;
    margin: 0; }
    .slideshow-wrapper ul li,
    .slideshow-wrapper ul li .orbit-caption {
      display: none; }
    .slideshow-wrapper ul li:first-child {
      display: block; }
  .slideshow-wrapper .orbit-container {
    background-color: transparent; }
    .slideshow-wrapper .orbit-container li {
      display: block; }
      .slideshow-wrapper .orbit-container li .orbit-caption {
        display: block; }
  .slideshow-wrapper .preloader {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    border: solid 3px;
    border-color: #555555 white;
    /*border-radius: 1000px;*/
    animation-name: rotate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: none; }
  .orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transform: translateZ(0); }
    .orbit-container .orbit-slides-container img {
      display: block;
      max-width: 100%; }
    .orbit-container .orbit-slides-container.fade li {
      opacity: 0;
      transition: opacity 500ms ease-in-out;
      -ms-transform: translate(0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
      .orbit-container .orbit-slides-container.fade li.animate-in {
        opacity: 1;
        z-index: 20;
        transition: opacity 500ms ease-in-out; }
      .orbit-container .orbit-slides-container.fade li.animate-out {
        z-index: 10;
        transition: opacity 500ms ease-in-out; }
    .orbit-container .orbit-slides-container.swipe-next li {
      -ms-transform: translate(100%, 0);
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
      -o-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); }
      .orbit-container .orbit-slides-container.swipe-next li.animate-in {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        transition-duration: 500ms; }
      .orbit-container .orbit-slides-container.swipe-next li.animate-out {
        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        transition-duration: 500ms; }
    .orbit-container .orbit-slides-container.swipe-prev li {
      -ms-transform: translate(-100%, 0);
      -webkit-transform: translate3d(-100%, 0, 0);
      -moz-transform: translate3d(-100%, 0, 0);
      -o-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); }
      .orbit-container .orbit-slides-container.swipe-prev li.animate-in {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        transition-duration: 500ms; }
      .orbit-container .orbit-slides-container.swipe-prev li.animate-out {
        -ms-transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        transition-duration: 500ms; }
    .orbit-container .orbit-slides-container li {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      -ms-transform: translate(100%, 0);
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
      -o-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); }
      .orbit-container .orbit-slides-container li.active {
        opacity: 1;
        top: 0;
        left: 0;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
      .orbit-container .orbit-slides-container li .orbit-caption {
        position: absolute;
        bottom: 0;
        background-color: rgba(51, 51, 51, 0.8);
        color: white;
        width: 100%;
        padding: 0.625rem 0.875rem;
        font-size: 0.875rem; }
  .orbit-container .orbit-slide-number {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: white;
    background: rgba(0, 0, 0, 0);
    z-index: 10; }
    .orbit-container .orbit-slide-number span {
      font-weight: 700;
      padding: 0.3125rem; }
  .orbit-container .orbit-timer {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10; }
    .orbit-container .orbit-timer .orbit-progress {
      height: 3px;
      background-color: rgba(255, 255, 255, 0.3);
      display: block;
      width: 0%;
      position: relative;
      right: 20px;
      top: 5px; }
    .orbit-container .orbit-timer > span {
      display: none;
      position: absolute;
      top: 0px;
      right: 0;
      width: 11px;
      height: 14px;
      border: solid 4px white;
      border-top: none;
      border-bottom: none; }
    .orbit-container .orbit-timer.paused > span {
      right: -4px;
      top: 0px;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-left-style: solid;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      border-color: transparent white transparent transparent; }
      .orbit-container .orbit-timer.paused > span.dark {
        border-color: transparent #333333 transparent transparent; }
  .orbit-container:hover .orbit-timer > span {
    display: block; }
  .orbit-container .orbit-prev,
  .orbit-container .orbit-next {
    position: absolute;
    top: 45%;
    margin-top: -25px;
    width: 36px;
    height: 60px;
    line-height: 50px;
    color: white;
    background-color: transparent;
    text-indent: -9999px !important;
    z-index: 10; }
    .orbit-container .orbit-prev:hover,
    .orbit-container .orbit-next:hover {
      background-color: rgba(0, 0, 0, 0.3); }
    .orbit-container .orbit-prev > span,
    .orbit-container .orbit-next > span {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      display: block;
      width: 0;
      height: 0;
      border: inset 10px; }
  .orbit-container .orbit-prev {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: white; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: white; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: white;
      left: 50%;
      margin-left: -4px; }
    .orbit-container .orbit-next:hover > span {
      border-left-color: white; }
  .orbit-container .orbit-bullets-container {
    text-align: center;
	
	 }
  .orbit-container .orbit-bullets {
    margin: 0 auto 30px auto;
    overflow: hidden;
    position: relative;
    top: 0px;
    float: none;
    text-align: center;
    display: none; }
    .orbit-container .orbit-bullets li {
      display: inline-block;
     width: 0.5625rem;
      height: 0.5625rem;
      background: #666;
      float: none;
      margin-right: 6px;
      border-radius: 1000px;  
	
	   }
      .orbit-container .orbit-bullets li.active {
        background: #aaa;}
      .orbit-container .orbit-bullets li:last-child {
        margin-right: 0; }

#index_slide_banner{padding-bottom:0.5em;}
 .example-orbit{min-height:auto;padding-bottom:1em;}
@media only screen and (max-width: 30em) { /*max-width 480px or below */
 .example-orbit{min-height:auto;}
 .orbit-bullets-container{display:none;}
 
}

/**** Index Sliding Banner Only ****
#index_slide_banner .orbit-container .orbit-bullets {
    margin: 0 auto 0px auto;
    overflow: hidden;
    position: relative;
    
    float: none;
    text-align: center;
    display: block; }
#index_slide_banner .orbit-container .orbit-bullets li {
      display: inline-block;
     
      float: none;
      margin-right: 6px;
      border-radius: 0px;
	  width:28px;
	  height:21px;
	  opacity:0.6;
	  border:1px solid #fff;
	  visibility:hidden;
	  
	  
	   }
#index_slide_banner .orbit-container .orbit-bullets li.active {
        opacity:1;}
		
#index_slide_banner .orbit-bullets-container {margin-top: -30px;}

**/

/*** Important: the thumb img can be modi in tc/sc/en.css ****/


.clearing-close {
  
  width:3em;
  height:3em;
 text-align:right; }
 
 
/*** Org Chart ***/


.cp_name{
	font-size:0.8em;
	padding:0.5em;
	background:#024ab8;
	border-radius:0.3em;	
	width:auto;
	color:#fff;
	margin-top:5px;
	line-height:1.4em;
}
.dcp_name{
	font-size:0.8em;
	padding:0.5em;
	background:#206cc0;
	border-radius:0.3em;	
	width:98%;
	color:#fff;
	margin-top:5px;
	line-height:1.4em;
}
.top_man_title{
	padding-top:0.4em;
	font-size:0.8em;
	line-height:1.4em;
	font-weight:bold;
}
.senior_badge{
	color:#000C63;
	font-size:0.8em;	
}
.rank_content{
	color:#000C63;
	font-size:0.8em;
	text-align:left;
	/*float:left;	*/	
}

@media only screen and (min-width: 48.0625em) { /* min-width 769px or above*/
#org_chart_container{
	width:575px;
}
.org_chart_figure{
	width:90%;	
}
.org_chart_badge{
	float:left;
	padding:5px;	
}

.cp_name{
	min-width:200px;	
}
.dcp_name{
	min-width:200px;	
}
.senior_area{
	width:75%;
	float:right;
	text-align:center;
	display:inline-block;
}
.senior_badge{	
	width:25%;
	float:left;
	text-align:left;
	display:inline-block;
	
}
.dcp_area{
	width:50%;
	float:right;
	text-align:center;
	display:inline-block;	
}
.rank_area{
	display:table-row;		
	width:575px;	
}
.rank_badge{
	width:140px;		
	display:table-cell;
	padding:0;
	text-align:left;	
}
.rank_content{
	min-width:435px;	
	display:table-cell;
	vertical-align:middle;	
}

}
@media only screen and (max-width: 48em) { /*max-width 768px or below */
  #org_chart_container{
	width:100%;

}
.org_chart_figure{
	width:100%;
	
}
.org_chart_badge{
	display:block;
}

.cp_name{
	min-width:90%;	
}

.dcp_name{
	min-width:90%;	
}
.senior_area{
	width:100%;	
	text-align:center;		
}
.senior_badge{
	width:100%;	
	text-align:left;
	padding-bottom:1em;	
}
.senior_badge img{
	display:block;	
}
.tree{
	display:none;
}
.dcp_area{
	width:100%;	
	text-align:center;
	display:block;
	padding-bottom:1em;	
}
.rank_area{	
	width:100%;	
}
.rank_badge{
	width:100%;		
	padding:0;
	text-align:left;
	
}
.rank_content{
	width:100%;		
	
}
}
/*************** Sitemap ******************/
@media only screen and (min-width: 30.0625em) { /* min-width 481px or above*/
 .sitemap{
	width:50%;
	float:left;
	display:inline-block;
}
}
@media only screen and (max-width: 30em) {/*max-width 480px or below */

 .sitemap{
	width:100%;	
	display:block;
}

}
.sitemap ul{	
	margin-left:0;	
	list-style-type:none;	
	list-style-position:outside;
	
	font-size:0.9em;
	
}
.sitemap ul li{
	line-height:1.5em;	
}
.sitemap ul li a{	
	color:#222;	
	font-weight:bold;
	padding-bottom:0.5em;	
}
.sitemap ul li a:hover{		
	text-decoration:underline;
	
}
.sitemap ul ul{	
	margin-left:1em;
	
}
.sitemap ul ul li{	
	padding-bottom:0.5em;	
		
}


.sitemap ul li ul li a{	
	
	color:#666;	
	font-weight:normal;
}


/******** Site Map ************/

/******** Accordion: Foundation ************/
.accordion {
  zoom: 1;
  margin-bottom: 0; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }
  .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
    .accordion dd.active > a {
      background: #bcdeff; 
	  border-bottom:1px solid #fff;}
    .accordion dd > a {
      background: #bcdeff;
      color: #003FA5;
      padding: 0.8em;
      display: block;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 1rem; 
	   border-bottom:2px solid #fff;}
      .accordion dd > a:hover {
        background: #7ebfff; }
  .accordion .content {
    display: none;
    padding: 1em;
	}
    .accordion .content.active {
      display: block;
      background:#D9ECFF; 
	  border-bottom:2px solid #fff;}
	  
	  
select{
	padding-right:0.2rem;
}

form{
	margin: 0 0 0em;
}
#cat{width:12em;}
dl{margin-bottom:0}




.play_list a{
	list-style:none;	
	background:#D9ECFF;
	line-height:1.3em;
	width:100%;
    padding:3%;	
	padding-top:2%;
	padding-bottom:2%;
	border-bottom:1px solid #fff;	
	display:block;			
}
.play_list a:hover{	
	background:#afd7ff;
	
}

/** Video List **/
.video_list{
	width:100%;
	border:0px;
	background-color:#eee;
	border-bottom:5px solid #fff;
	margin-bottom:0px;
	
}
.video_list td{	
	padding:2%;
	vertical-align:middle; 
}


.video_list h4{
	font-size:1.2em;
	font-weight:bold
}
.video_list ul{
	list-style:outside;
	
}
.video_list a{
	color:#0f4dab;
	text-decoration:none;
}
.video_list a:hover{
	color:#03C;
	text-decoration:underline;
}
.margin_left_20px{
	margin-left:20px;
}
@media only screen and (min-width: 30.0625em) {
.video_list .thumb {   
	min-width:180px;	
	width:35%;       
}

}
@media only screen and (max-width: 30em) {
.video_list .thumb { 
	width:40%;      
	
}
.video_list P, .video_list ul, .video_list ol{display:none;}

}
.video_list .thumb img {
	 width:100%;      
}

.nono_dialog{
	width:100%;  !important
	min-width:240px; 
	max-width:580px;  
	height:auto;
	margin-top:	0;			
	
}
@media only screen and (max-width: 48em) { /*max-width 768px or below */
 .nono_dialog{
	max-width:100%;  
	margin-left:0;	
	
}
  
}
@media only screen and (min-width: 48.0625em) { /* min-width 769px or above*/
 .nono_dialog{	
	margin-left:10%;	
}  
}
@media only screen and (min-width: 61.25em) { /* min-width 981px or above*/
 .nono_dialog{	
	margin-left:30%;		
}  
}



.declaration{
	padding:2em;
	background:#cdecff;
	
}

.round_corner{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.button{ background:#006f93;}



/*** Button Color  ***/
/*
button, .button {
  
  background-color: #046289;
  border-color: #007095;
  color: white;
  }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #007095; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
  button.secondary, .button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #b9b9b9; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
	  
  button.success, .button.success {
    background-color: #156b16; /*#43ac6a;*/
	
    /*border-color: #14a316 /*#368a55;*/
	/*
    color: white; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #008d02; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: white; }
  button.alert, .button.alert {
    background-color: #ca0000;
    border-color: #cf2a0e;
    color: white; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #cf2a0e; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: white; }
  button.large, .button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem; }
  button.small, .button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem; }
  button.tiny, .button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem; }
  button.expand, .button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius, .button.radius {
    border-radius: 3px; }
  button.round, .button.round {
    border-radius: 1000px; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #008cba;
    border-color: #007095;
    color: white;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #007095; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: white; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #008cba; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e7e7e7;
      border-color: #b9b9b9;
      color: #333333;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #b9b9b9; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e7e7e7; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #43ac6a;
      border-color: #368a55;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #368a55; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: white; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #43ac6a; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #f04124;
      border-color: #cf2a0e;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #cf2a0e; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: white; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #f04124; }

/*** SPC ****/

.spc-links { 
	margin: 5px; 
	display: inline-block; 
	width: 60px; 
	height: 60px; 
	border-style: solid; 
	border-width:1px;
	border-color:#00cc99; 
	text-align:center; 
	background-color:#ceffe9;  
	box-shadow: 4px 4px 5px #999999;
	color:#000;
	}

.spc-text { 
	display: table-cell; 
	vertical-align: middle; 
	width: 60px; 
	height: 60px; 
}

/********** fma ****************/

.fma_top_bg{
	background:#1d83ff;
	padding-top:2em;
}

.fma_desc{
	color:#fff; 
	padding-right:20px;
	font-size:1em;	
	line-height:1.5em; 
	font-family:arial; 
	text-shadow:1px 1px 3px #222;
	font-align:justify;
}
.fma_frame{
	padding:0;
	background-position:center ;
	width:100%;
	height:500px;
	border:0;
}
.fma_frame #fma_slidebox{position:relative; border:0px solid #ccc; margin:0px auto; margin-top:7px;}
.fma_frame #fma_slidebox, .fma_frame #fma_slidebox .content{width:212px;}
.fma_frame #fma_slidebox, .fma_frame #fma_slidebox .container, .fma_frame #fma_slidebox .content{height:362px;}
.fma_frame #fma_slidebox{overflow:hidden;}
.fma_frame #fma_slidebox .container{position:relative; left:0;}
.fma_frame #fma_slidebox .content{background:#eee; float:left;}
.fma_frame #fma_slidebox .content div{padding:0px; height:100%; font-family:Verdana, Geneva, sans-serif; font-size:110%;}
.fma_frame #fma_slidebox .next, #fma_slidebox .previous{position:absolute; z-index:2; display:block; width:21px; height:21px;}
.fma_frame #fma_slidebox .next{right:0; margin-right:10px; }
.fma_frame #fma_slidebox .next:hover{}
.fma_frame #fma_slidebox .previous{margin-left:10px;}
.fma_frame #fma_slidebox .previous:hover{}
.fma_frame #fma_slidebox .thumbs{position:absolute; z-index:2; bottom:0px; right:0px; padding:0;}
.fma_frame #fma_slidebox .thumbs .thumb{display:block; margin-right:0px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:80%; text-decoration:none; padding:2px 4px; color:#fff; background:#002858; border:0;}

.fma_frame #fma_slidebox .thumbs .thumb:hover{background:#fff; color:#000;}
.fma_frame #fma_slidebox .selected_thumb{background:#fff; color:#000; display:block; margin-left:rightpx; float:left; font-family:Verdana, Geneva, sans-serif; font-size:80%; text-decoration:none; padding:2px 4px;}


.fma_top_bg	.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 0px;
	padding: 0px 0px;
	}
	
.fma_top_bg		.tabnav li a {
		text-decoration: none;
		
		color: #222;
		font-weight: bold;
		padding: 0px 0px;
		
		}
		
.fma_top_bg		.tabnav li a:hover, .fma_top_bg .tabnav li a:active, .fma_top_bg .tabnav li.ui-tabs-selected a {
		
		color: #222;
		text-decoration: none;
		padding: 0px 0px;
		}
		
.fma_top_bg	.tabdiv {
	margin-top: 0px;
	
	border: 0px solid #dedbd1;
	height:452px;
	padding: 0px;
	
	}
	
fma_top_bg		.tabdiv li {
		margin-left: 20px;
		}
/*** Index Btn ***//****************  Section Button ************************/
.button{
	
	padding-left:1em;
}
.index_btn_title{
	width:100%;
	margin-bottom:2px;
	text-align:left;
	background:#006688;	
}
.index_btn_title:hover{	
	background:#007095;
	cursor:default;
		
}
.index_btn{
	width:100%;
	margin-bottom:2px;
	text-align:left;
	padding-bottom:0.4em;	
	padding-top:0.4em;	
}
.btn_999{
	background:#ea2700;
}
.btn_999:hover{
	background:#ea2700;
}



.button_01 {background:#ff0000; text-align:center; color:#fff; border:2px solid #fff; padding:1em;}
.button_02 {background:#ff0000; text-align:center; color:#fff; border:2px solid #fff; padding:1em;}
.button_03 {background:#ff0000; text-align:center; color:#fff; border:2px solid #fff; padding:1em;}
.button_04 {background:#ff0000; text-align:center; color:#fff; border:2px solid #fff; padding:1em;}
.button_05 {background:#ff0000; text-align:center; color:#fff; border:2px solid #fff; padding:1em;}
.button_06 {background:#ff0000; text-align:center; color:#fff; border:2px solid #fff; padding:1em;}
.button_07 {background:#ff0000; text-align:center; color:#fff; border:2px solid #fff; padding:1em;}
.button_08 {background:#ff0000; text-align:center; color:#fff; border:2px solid #fff; padding:1em;}


/******************* Lvl 3 Sub-banner *********************************/
#index_lvl_03{
	width:100%;
	height:280px;
	border:1px solid #006688;	
	padding:0;
	
}

#sub_banner{position:relative;  margin:auto;}
#sub_banner, #sub_banner .content{width:540px;}
#sub_banner, #sub_banner .container, #sub_banner .content{height:280px;}
#sub_banner{overflow:hidden;}
#sub_banner .container{position:relative; left:0;}
#sub_banner .content{background:none; float:left;}
#sub_banner .content .div{width:100%;height:100%; font-family:Verdana, Geneva, sans-serif; font-size:13px; background-color:#000;}

#sub_banner .next, #sub_banner .previous{position:absolute; z-index:2; display:block; width:21px; height:21px;}
#sub_banner .next{ display:none; right:0; margin-right:10px; background:url(/global/images/index/slidebox_next.png) no-repeat left top;}
#sub_banner .next:hover{background:url(/global/images/index/slidebox_next_hover.png) no-repeat left top;}
#sub_banner .previous{ display:none; margin-left:10px; background:url(/global/images/index/slidebox_previous.png) no-repeat left top;}
#sub_banner .previous:hover{background:url(/global/images/index/slidebox_previous_hover.png) no-repeat left top;}
#sub_banner .thumbs{position:absolute; z-index:2;  left:47% ; bottom:10px;   width:100%; }
#sub_banner .thumbs .thumb{display:inline-block;  float:left; text-decoration:none; background:url(/global/images/index/sb_page_off.gif) no-repeat left top; color:#fff; width:12px; height:12px;}
#sub_banner .thumbs .thumb:hover{background:url(/global/images/index/sb_page_on.gif) no-repeat left top;}
#sub_banner .selected_thumb{background:url(/global/images/index/sb_page_on.gif) no-repeat left top; color:#000; display:block; float:left;  text-decoration:none;width:12px; height:12px;}


#sub_banner .content div ul {
	/*margin-left:-36px;*/
	width:100%;
	margin-left:0;	
}
#sub_banner .content div ul li{
	float:left;
	display:inline-block;
	width:178px;;
	height:68px;
	padding:3px;
}
#sub_banner .content div ul li img{	
	border:1px solid #ddd;	
}
/*********************  End of Index Page Elements ***************************/
/** Fix the Gallery bug: 1st image do not align center **/
.visible-img img {
  margin: auto !important;  /* !important to overwrite negative margin-left and margin-top foundation js gives for images in clearing*/
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
/** Header Circle Icon **/
.circular{
	padding-top:0.2em;
	padding-bottom:0.5em;
}
.circular_desktop{
	padding-top:0;
	padding-bottom:5px;
	margin-right:1em;
}
.circular li{ 
  width: 26px; 
  height:26px;
  border-radius:50%; 
  display:inline;
}
.circular_desktop li{ 
  width: 24px; 
  height:24px;
  border-radius:50%; 
  display:inline;
}
.circular img {
  border-radius:50%;
  transition: transform 1s ease;
  filter: grayscale(100%) brightness(1.2); 
  -webkit-filter: grayscale(100%) brightness(1.2); 
  -moz-filter: grayscale(100%) brightness(1.2); 
  -o-filter: grayscale(100%) brightness(1.2); 
  -ms-filter: grayscale(100%) brightness(1.2); 
}
.circular img:hover { 
  transition: all 500ms; 
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
} 
.mid_banner_area div{
	width:100%;
}
.mid_banner_area .spacer{
	line-height:4px; 
	height:4px;
}
.mid_banner_area img{
  width:100%; 
  border:1px solid #ccc;
}
.mid_banner_area img:hover {
  transition: all 200ms; 
} 
.icon_list img{
	width:80%
}
.icon_list .columns{padding:1em; padding-bottom:1.5em;}
@media only screen and (max-width: 30em) {
	.icon_list img{
		width:50%
	}
}
.circle_icon img {
  border-radius:50%;
  filter: grayscale(30%) ; 
  -webkit-filter: grayscale(30%); 
  -moz-filter: grayscale(30%); 
  -o-filter: grayscale(30%); 
  -ms-filter: grayscale(30%) ; 
}
.circle_icon img:hover {
  /*transform: scale(1);
  opacity:1;*/  
  transition: all 300ms; 
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
} 
.circle_icon .columns {
	text-align:center; 

}
 .caption{
	width:100%;
	padding:2%;	
	background:#afd7ff;
	font-size:0.9em;
}
/** Pause for Slider **/
#pauseSlider{
	position:absolute; 
	right:11px;
	top:5px; 
	width:25px; 
	height:25px;
	z-index:10;
}
/** Tooltips in header **/
#s-m-t-tooltip{
	position:absolute; 
	max-width:300px;  
	padding:6px 8px 8px 8px; 
	background:#222; 
	z-index:10; 
	display:inline-block; /*important*/
	/*font*/
	font-family:Verdana, Geneva, sans-serif; 
	font-size:1em; 
	line-height:1.5em;
	color:#fff; 
	/*css3 rounded corners*/
	-moz-border-radius:5px; 
	-khtml-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
}
.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  margin-left:2px;
  z-index: 1000;
  display: none;
  min-width: 276px;
  max-width:500px;
  width:500px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 0.7em 1.2em;
  margin: 0;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 18px;
  background-color: #e3e3e3;
  border-bottom: 0px solid #e6e6e6;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}
.popover-title:empty {
  display: none;
}
.popover-content {
  padding: 3%;
  width:100%;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}
.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}
.collapse.in {
  height: auto;
}
.dropdown-menu {
  /*position: absolute; Modi on 2014-07-28 for moving the W3C abnenr @ bottom */
  position: relative;
  top: 100%;
  left: 0;
  z-index: 500;
  float: left;
  min-width: 160px;
  width:100%;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 0px solid #ccc;
  border: 0px solid rgba(0, 0, 0, 0.2);
  border-right-width: 2px;
  border-bottom-width: 2px;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  width: 100%;
  height: 1px;
  margin: 9px 1px;
  margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 30px;
  padding-top:7px;
  padding-bottom:7px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
  font-size:0.9em;
 
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #000;
  text-decoration: none;
  background-color: #6de9ff;
  background-repeat: repeat-x; 
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #003498;
  text-decoration: none;
  background-color: #71dcff;
  outline: 0;
} 
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
/**************** Ribbon *********************/
.bubble{}
.rectangle {
	width: 180px;
	position: relative;
	left:-15px;
	float: left;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
   -khtml-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	/*z-index: 100;*/ /* the stack order: foreground */
}
.left_rectangle {
	width: 180px;
	position: relative;
	left:-15px;
	float: left;
	/*z-index: 101;*/ /* the stack order: foreground */
}
.topBarRectangle {
	width: 180px;
	position: relative;
	/*left:-15px;*/
	/*z-index: 102; *//* the stack order: foreground */
}
.middleRectangle {
	position: relative;
	/*left:-5px;*/
	/*z-index: 103;*/ /* the stack order: foreground */
	/*min-width:1008px;*/
}
.triangle-l {
	border-color: transparent #193349 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -30px;
	top: -15px;
	z-index: -1; /* displayed under bubble */
}
.triangle-r {
	border-color: transparent #73171c transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position:absolute;
	margin-left:-30px;
	top: 90px;
	z-index: -1; /* displayed under bubble */
}
.triangle-r2 {
	border-color: transparent transparent transparent #73171c  ;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position:absolute;
	margin-left:980px;
	top: 90px;
	z-index: -1; /* displayed under bubble */
}