iframe{height:374px;
	display:inline-block;
	width:100%;
max-width:670px;}

@media screen and (max-width: 767px){
	/*iframe{height:250px;*/}
	}




.fmx_chat_bk{
	width:100%;
	float:left;
	padding: 1.0rem 0.5rem 1.0rem 0.5rem;
    background-color: #f2f2f2;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}


.fmx_chat_r {
	position: relative;
	background: rgba(148, 37, 56, 0.33);
	border-radius: .4em;
	width:85%;
	margin-right:20px;
	margin-bottom:20px;
	padding:0.5rem;
	float:right;
}

.fmx_chat_l {
	position: relative;
	background: rgba(139, 200, 204, 0.33);
	border-radius: .4em;
	width:85%;
	margin-left:20px;
	margin-bottom:20px;
	padding:0.5rem;
	float:left;
}

.fmx_chat_r:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-left-color: rgba(148, 37, 56, 0.33);
	border-right: 0;
	border-top:0;
	margin-top: -15px;
	margin-right: -30px;
}

.fmx_chat_l:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-right-color: rgba(139, 200, 204, 0.33);
	border-top:0;
	border-left: 0;
	margin-top: -15px;
	margin-left: -30px;
}

.fmx_chat_r_text{
	padding:0.5rem !important;
	text-align: right !important;
	border-radius: .4em;
	width:100%;
	float:right;
}
.fmx_chat_l_text{
	padding:0.5rem !important;
	text-align: left !important;
	border-radius: .4em;
	width:100%;
	float:left;
}


@media print{.tawkchat-minified-wrapper{display:none !important;}}

.ytp-watermark{display:none !important;}

.email-input{
    margin-top: 1rem;
	padding:0.5rem;
}

.test_css{}

.div_DP{}
.btn_DP_OFF{
	/* also used for js */
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2.5rem;
	line-height: 1;
	position: absolute;
	top: 0.5rem;
	right: 0.6875rem;
	color: white;
	font-weight: bold;
	cursor: pointer;}
.btn_DP_OFF:hover{color:black;}
	
.popup-DP-wrapper {
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align:center;	
}

.popup-DP-box{
	background-color: rgba(45,120,193,1.0);
	position: relative;
	border-radius:6px;
	padding: 0.3rem 2rem 1.0rem 2.0rem;
	z-index:101;
	margin: 0 10% -610px 10%;
    display: inline-block;
 	/*
	top: 50px;
	width:50%;
  background-color: rgba(15,142,199,1.0);
  background-color: rgba(15,182,255,1.0);
  bottom: 0;
	z-index: 100;
  left: 0;
  right: 0;*/	
}

.popup-REG-wrapper{
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	position: relative;
	text-align: center;	
}
.popup-REG-box{
	background-color: white;
	padding: 2rem 4rem 2rem 4rem;
	width:40rem;
	display: inline-block;
	/*
	position: relative;
	top: 50px;
	border-radius:6px;
	*/
}
.input-DP{
	background-color:#F0EDEE;
	width: 100%;
	padding: 0.5rem 0.5rem 0.5rem 32px;
	margin-bottom: 1rem;
	font-family: 'Karla', sans-serif;
	font-size: 1rem;
	/*height: 33px;*/
	}
 
.input-EX{
	background-color:white;
	width: 100%;
	padding: 0.5rem;
	margin-bottom: 1rem;
	font-family: 'Karla', sans-serif;
	font-size: 1rem;
	border: rgba(148, 37, 56, 0.8) 3px solid;
	}
.input-REG{
	background-color:#F0EDEE;
	width: 50%;
	padding: 0.5rem;
	/*margin-bottom: 1rem;*/
	margin-left:1rem;
	font-family: 'Karla', sans-serif;
	font-size: 1rem;
	float:right;
	}

/*
input.input-DP::-webkit-input-placeholder{font-style:italic;font-size: 12px;}
input.input-DP::-moz-placeholder{font-style:italic;font-size: 12px;}
input.input-DP:-moz-placeholder{font-style:italic;font-size: 12px;}
input.input-DP:-ms-input-placeholder{font-style:italic;font-size: 12px;}

input.input-REG::-webkit-input-placeholder{font-style:italic;font-size: 12px;}
input.input-REG::-moz-placeholder{font-style:italic;font-size: 12px;}
input.input-REG:-moz-placeholder{font-style:italic;font-size: 12px;}
input.input-REG:-ms-input-placeholder{font-style:italic;font-size: 12px;}
*/
.input-DP-icon{
	height:15px;
	width:15px;
	margin:10px 12px 12px 12px;
	position:absolute;
	left:0;
	}
.input-DP-extra{
	padding: 0 0 0 32px;
	border-width: 1px;
  	border-style: inset;
	}
	
.input-DP select{
	border:0;
	height:32px;
	background-color:#F0EDEE;}
	
	
.text_small{font-size: 10px;}

.still-have-questions, .course-info{
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: normal;
	color:#FFFFFF !important;
	text-align:left;
	width:100%;
}
.course-info h6{
	text-transform: uppercase;
	color:#FFFFFF !important;
	margin:0px;
	font-size:18px;
	float:left;
}

/*.offset:before { 
	display: block; 
 	content: " "; 
  	height: 170px;      // Give height of your fixed element 
    margin-top: -100px; // Give negative margin of your fixed element  	
    visibility: hidden; 
}*/

.course-info dl{
	margin:0px;
}
.course-info dt{
	text-transform: uppercase;
	font-weight:bold;
	font-size: 0.875rem;
	line-height: 1.6;
	margin-top: 0.8rem;
}
.course-info dd{
	padding-bottom: 0.0rem;
	font-size: 0.875rem;
	line-height: 1.6;
	margin:0px;
}

.course-headline{
	padding: 1.0rem 1.0rem 1.0rem 1.4rem;
}
.DP-btn{
	border: white 5px;
	background-color:#2b2b2b;
	padding:0.5rem 1.5rem;
	border-radius:3px;
}
.DP-btn:hover{background-color:#454545;}

.DP-arrow{
	width: 20px;
	margin-right: 1rem;
	margin-top: 4px;
}
.REG-arrow{
	width: 20px;
	margin-left: 1rem;
	margin-bottom: -5px;
}
.DP-btn-text{
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	text-rendering: optimizeLegibility;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.4;
	float:right;

}
.icon-chevrondown-maroon{
	background-image:url(../images_back/icon-chevrondown-maroon.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	display:inline-block;
	width: 25px;
	height: 20px;
	position:relative;
	top:5px;
	/*margin-left:5px;
	margin-right:0;*/
}

.icon-chevronup-maroon{
	background-image:url(../images_back/icon-chevronup-maroon.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	display:inline-block;
	width: 25px;
	height: 20px;
	position:relative;
	top:5px;
	/*margin-left:5px;
	margin-right:0;*/
}

.icon-chevron-border{
    border: solid #0FB6FF 10px;
    width: 50px;
    height: 50px;
}
	
.course-expand{
	padding: 0.25rem 1.0rem 1.0rem 1.4rem;
}
 
 
.bkimage{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	position:relative
}

.bkimage-team{
	background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;
	position:relative
}

.bkimage-team-circle{
  border-radius:50%;
  /*filter: gray; */ /* IE6-9 */
  /*-webkit-filter: grayscale(1); */ /* Google Chrome, Safari 6+ & Opera 15+ */
  /*filter: grayscale(1);  */ /* Microsoft Edge and Firefox 35+ */
	background-size: cover;
	overflow: hidden;
  width: 150px;
  height: 150px;
  background-position: center center;
  background-repeat: no-repeat;
  position:absolute;
  /*top:20px;*/
  left:0px;
}

.bkimage-team-circle-border-black{
	border: rgba(0, 0, 0, 0.9) 3px solid;
	margin:25px;
}

.bkimage-team-circle-bk-maroon{
	border-radius:50%;
	width: 200px;
	height: 200px;
	background-color:rgba(148, 37, 56, 1.0);
	border: 3px solid black;
	position:absolute;
	top:20;
	left:0px;
}

.bkimage-team-circle:hover {
  -webkit-filter: grayscale(0);
  filter: none;
}

.bkimage-team-text-wrapper{
	padding: 0.5rem 0.5rem 0.5rem 189px;
	margin: 16px 14px 0px 29px;
	border: rgba(0, 0, 0, 0.9) 2px solid;
	background-color:white;
}

.bkimage-team-concave{
    left: 196px;
    top: 76px;
    height: 25px;
    position:absolute
}
@media screen and (max-width: 767px) {
	.bkimage-team-concave{
    left: 193px;
    top: 63px;
    height: 25px;}
}



.overlay {
	background-color: rgba(0,0,0,0.55);
	/*z-index: 5;*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	}

.radius_5{
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius: 5px;
}
.radius_10{
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
}
.radius_15{
   -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    -khtml-border-radius: 15px;
	border-radius: 15px;
}
.radius_bottom_zero{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.radius_top_zero{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.buttonxx{
	/*background: #009bda;*/
    font-size: 0.875rem;
    /*text-transform: uppercase;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius: 5px;

    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    /*-webkit-border-radius: 0;*/
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: .875rem;
    background-color: #444444;
    border-color: #363636;
    color: white;
    transition: background-color 300ms ease-out;
	}
	
/*
.buttonxx:hover{
	opacity: 0.9;}
	*/

.buttonxx-small{
	padding: 10px 30px !important;
	font-size: 12px;}
		
.buttonxx-grey{
	background: #ddd;
	border: 1px solid #bbb;
	color: #1a1a1a;
	font-weight: 600;}
	
.buttonxx-grey:hover{
	background: rgba(139, 200, 204,1.0);
	border: 1px solid rgba(148, 37, 56,1.0);
	color: rgba(148, 37, 56,1.0);}
	
.buttonxx-orange{
	background: #ffad33;
	border: 1px solid #ffad33;
	color: #1a1a1a;
	font-weight: 600;}
	
.buttonxx-orange:hover{
	background: #444444;
	border: 1px solid #444444;
	color: white;}


	
.buttonxx-maroon{
	background: rgba(148, 37, 56, 0.66);
	border: 1px solid rgba(148, 37, 56, 1.0);
	color: white;}
.buttonxx-maroon:hover{
	background: rgba(148, 37, 56, 1.0);
	color: white;}

.buttonxx-aqua{
	background: rgba(139, 200, 204, 0.66);
	border: 1px solid rgba(139, 200, 204, 1.0);
	color: white;}
.buttonxx-aqua:hover{
	background: rgba(139, 200, 204, 1.0);
	color: black;
	font-weight:bold;}
	

.buttonxx-blue:hover{
	background: #0f8ec7;
	border: 1px solid #0f8ec7;
	color: white;}
	
.buttonxx-blue{
	background: #444444;
	border: 1px solid #444444;
	color: white;}
	
.buttonxx-payment{
	background: none;
	padding: 0px 6px;
	font-size: 10px;
	border: grey 1px solid;
	color: grey;}
	
.buttonxx-getstarted{
	margin-bottom: 10px;
    margin-right: 0;
    width: 60%;}	
	
	
.sub-nav{
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
	line-height: 1.3em;
  display: block;
  font-size: .75em;
  padding: 0;
	width: 75px;
	color: #666 !important;
  vertical-align: middle;}	

p, h1, h2, h3, h4, h5, h6 {
	margin:0;
}

ul, li, p, h1, h2, h3, h4, h5, h6, tr, td{
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	font-style: normal;
	color: #2f2f2f;
	text-rendering: optimizeLegibility;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
	line-height: 1.4;
	text-align:left;
}

.person_id_list{list-style-type: none;
margin:0;}

.person_id_list > li
	{
	float:left;
	width:100%;
	margin:0;
	border-bottom: 1px solid #BFCCE0;
	}


.still-have-questions p{
	color:#7d7d7d;}

h1{
	font-size: 2.5rem;
	padding-bottom: 25px;
}

h2{
  font-size: 2.5rem;
  padding-bottom: 2rem;
  font-weight:300;
  letter-spacing:1px;
}

@media screen and (max-width: 767px) 
	{h2{
		font-size: 2.0rem;
  		padding-bottom: 0rem;}}


@media print{h2{padding-bottom: 0rem;}}


.popup-DP-box h2 {
	font-size: 32px;
	color:white;
	text-align:center;
	padding: 0rem 0rem;}

h3{
  font-size: 2.0rem;
  font-weight: normal;
  margin: 0px;
  line-height: 1.0;
 }

h4{
  font-size: 1.5rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 4px;
}


h6{
  font-size: 1.0rem;
  font-weight: normal;
  margin-bottom: 15px;
}

p, td{
	font-weight: normal;
	font-size: 1.0rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	text-rendering: optimizeLegibility;
}

ul{
	font-weight: normal;
	font-size: 1.0rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	margin-left: 1.1rem;
	list-style-position: outside;
	list-style: disc;
}

li{
	font-weight: normal;
	font-size: 1.0rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
}

.course-info ul{
	line-height: 1.0;
	margin-bottom: 0rem;
	margin-left: 0rem;
	list-style-position: outside;
	list-style: none;
	display:inline-block;
	
}

.course-info li{
	font-size: 1.0rem;
	line-height: 1.1;
	margin-bottom: 0rem;
	width:100%;
	padding-top:0.5rem;
}

.ul_none{
	list-style: none;
	padding-left: 1.1em;
    text-indent:-1.1em;
	display:inline-block;
	width:100%;
}

.course-info .ul_bullet{
	list-style: disc;
	list-style-position: outside;
	margin-left:1.1rem;
}
.li_tick_aqua{
	background-image: url('../images_back/icon-tick-aqua.png');
	background-repeat: no-repeat;
	background-position: left;
	background-size: 20px;
	padding-left:25px;
	padding-top:0.5rem;
	display:inline-block;
}

a {
  color: #009bda;
}

.popup-DP-box  a{
	color: white;
   text-decoration: underline !important;}

hr{
	border: solid #dddddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.0rem 0 1.1875rem;
	height: 0;
	padding-bottom: 15px;
}

hr.style-1{border-width:5px 0 0;}

hr.style-7 {
    padding: 0;
    margin:0;
    border: none;
    border-top: rgba(148, 37, 56, 0.8) 3px solid;
    width:80%;
    display:inline-block;
}
hr.style-8 {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-8:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}


.circle {
  border-radius:50%;
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	background-size: cover;
	overflow: hidden;
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Disable grayscale on hover */
.circle:hover {
  -webkit-filter: grayscale(0);
  filter: none;
}

.person-name {
    font-size: 14px;
    padding-top: 0px;
    font-weight: bold;
    color: #2f2f2f;
    margin-bottom: 0px;
		text-align: center;
		text-transform: uppercase;
}

.person-testimonial-title {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0px;
		text-align: center;
		font-style: italic;
}


.div_level1_padding{
	padding-top: 34px;
  padding-bottom: 34px;
}

.subheader {
	line-height: 1.4;
	color: #787878;
	font-weight: normal;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
}
		
body{background-color:#f2f2f2;}
/* links  ----------------------------- */
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover {text-decoration:none;}
a:active{text-decoration:none;}
* {
	-webk-it-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a:-webkit-any-link{color:inherit;}


.rotate_vert{
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform:rotate(270deg) translate(-67px, -79px);
  width:185px;
}


/* myFinanceMandarin  ----------------------------- */
a.anchor {
    display: block;
    position: relative;
    height: 84px;
    visibility: hidden;
}

.div_level0, .div_level0_header, .div_level0_header_strip{
	width: 100%;
	vertical-align:top;
	margin:0;
	border:0;
	padding: 15px 65px 5px 65px;
	text-align:center;
}
@media print{.div_level0{padding:15px 0px 5px 0px;}}
@media screen and (max-width: 767px) {
.div_level0, .div_level0_header, .div_level0_header_strip {padding: 0px 0px 0px 0px;}
    }
@media screen and (max-width: 1050px) {
.div_level0, .div_level0_header, .div_level0_header_strip {padding: 15px 5px 5px 5px;}
    }
	
.div_level0_overlay {
	position:absolute;
	z-index:-99;
	right:0;
	left:0;
	top:0;
	bottom:0;
	}
	
.border-grey{border: rgba(169, 169, 169, 1.0) 1px solid;}
.border-blue{border: rgba(15, 143, 199, 0.8) 1px solid;}
.border-black{border: rgba(0, 0, 0, 0.9) 3px solid;}

.border-right-blue	{border-right: rgba(15, 143, 199, 0.8) 1px solid;}
.border-bottom-blue	{border-bottom: rgba(15, 143, 199, 0.8) 1px solid;}
.border-right-grey	{border-right: rgba(242,242,242, 0.8) 1px solid;}
.border-right-dkgrey	{border-right: rgba(127,127,127, 0.8) 1px solid;}
.border-left-dkgrey	{border-left: rgba(127,127,127, 0.8) 1px solid;}
.border-bottom-dkgrey	{border-bottom: rgba(127,127,127, 0.8) 1px solid;}
.border-top-grey	{border-top: rgba(242,242,242, 0.8) 1px solid;}
.border-bottom-grey	{border-bottom: rgba(242,242,242, 0.8) 1px solid;}
.border-right-grey-fat	{border-right: rgba(242,242,242, 0.8) 5px solid;}
.border-bottom-grey-fat	{border-bottom: rgba(242,242,242, 0.8) 5px solid;}
.border-clear{border: rgba(15, 143, 199, 0.0) 1px solid;}
.borderzero{border: 0;}
.borderzerotop{border-top: 0 !important;}
.borderzerobottom{border-bottom: 0 !important;}
.border-bottom-blue-fat{border-bottom: rgba(15, 143, 199, 0.8) 5px solid;}

.border-green{border: rgba(62,182,111, 0.8) 1px solid;}
.border-bottom-green-fat{border-bottom: rgba(62,182,111, 0.8) 5px solid;}

.border-white{border: rgba(255, 255, 255, 0.8) 1px solid;}
.border-bottom-white-fat{border-bottom: rgba(255, 255, 255, 0.8) 5px solid;}
.border-left-white	{border-left: rgba(255, 255, 255, 0.8) 1px solid;}
.border-right-white	{border-right: rgba(255, 255, 255, 0.8) 1px solid;}
.border-bottom-white{border-bottom: rgba(255, 255, 255, 0.8) 1px solid;}

.border-clear-3{border: rgba(255, 255, 255, 0.0) 3px solid;}
.border-bottom-white-3{border-bottom: rgba(255, 255, 255, 1.0) 3px solid;}

.border-white-3{border: rgba(255, 255, 255, 1.0) 3px solid;}
.border-bottom-clear-3{border-bottom: rgba(255, 255, 255, 0.0) 3px solid;}

.border-bottom-clear-fat{border-bottom: rgba(255, 255, 255, 0.0) 5px solid;}
.border-top-clear-3{border-top: rgba(255, 255, 255, 0.0) 3px solid;}

.border-tan{border: rgba(199, 163, 15, 0.8) 1px solid;}
.border-bottom-tan{border-bottom: rgba(199, 163, 15, 0.8) 1px solid;}
.border-top-tan{border-top: rgba(199, 163, 15, 0.8) 1px solid;}
.border-bottom-tan-fat{border-bottom: rgba(199, 163, 15, 0.8) 5px solid;}
.border-left-tan	{border-left: rgba(199, 163, 15, 0.8) 1px solid;}
.border-right-tan	{border-right: rgba(199, 163, 15, 0.8) 1px solid;}

.border-bottom-purple-fat{border-bottom: rgba(103, 88, 130, 0.8) 5px solid;}
.border-purple{border: rgba(103, 88, 130, 0.8) 1px solid;}

.border-radius5 {border-radius: 5px;}

.border-top-maroon	{border-top: rgba(148, 37, 56, 0.8) 1px solid;}
.border-right-maroon	{border-right: rgba(148, 37, 56, 0.8) 1px solid;}
.border-left-maroon	{border-left: rgba(148, 37, 56, 0.8) 1px solid;}
.border-bottom-maroon	{border-bottom: rgba(148, 37, 56, 0.8) 1px solid;}
.border-bottom-maroon-3	{border-bottom: rgba(148, 37, 56, 0.8) 3px solid;}
.border-top-maroon-3	{border-top: rgba(148, 37, 56, 0.8) 3px solid;}
.border-bottom-maroon-fat	{border-bottom: rgba(148, 37, 56, 0.8) 5px solid;}
.border-left-maroon-fat	{border-left: rgba(148, 37, 56, 0.8) 5px solid;}
.border-maroon	{border: rgba(148, 37, 56, 0.8) 1px solid;}
.border-maroon-med	{border: rgba(148, 37, 56, 0.8) 3px solid;}

.border-aqua-med	{border: rgba(139, 200, 204, 0.8) 3px solid;}

.border-bottom-elecblue{
	border-bottom: rgba(4, 22, 123, 0.8) 1px solid;
	box-shadow:0.5px 0.5px 1px rgb(80, 188, 252)
}


.shortyrow{
	height:67px;
}
.pageheaderrow{
	height:100%;
}
.bk-bluenew{background-color:#0FB6FF;}
.bk-bluenew-33{background-color:rgba(15,182,255,0.33);}
.bk-blue{background-color:#0f8ec7;}
.bk-blue-33{background-color:rgba(15, 143, 199,0.33);}
.bk-ltgrey3{background-color:#e7e7e8;}
.bk-ltgrey2{background-color:#efefef;}
.bk-ltgrey{background-color:#f8f8f8;}
.bk-grey{background-color:#f2f2f2;}
.bk-dkgrey2{background-color:#2f2f2f;}
.bk-dkgrey{background-color:#999999;}
.bk-grey-33{background-color:rgba(242, 242, 242,0.33);}
.bk-grey-66{background-color:rgba(242, 242, 242,0.66);}
.bk-grey-75{background-color:rgba(242, 242, 242,0.75);}

.bk-white{background-color:#FFFFFF;}
.bk-white-75{background-color:rgba(255, 255, 255,0.75);}

.bk-black{background-color:#000000;}
.bk-black-75{background-color:rgba(0, 0, 0,0.75);}
.bk-black-33{background-color:rgba(0, 0, 0,0.33);}

.bk-purple{background-color:#675882;}
.bk-aqua{background-color:rgba(139, 200, 204, 1.0);}
.bk-aqua-33{background-color:rgba(139, 200, 204, 0.33);}
.bk-aqua-light{background-color:rgba(217, 237, 237, 1.0);}
.bk-green{background-color:#3eb66f;}
.bk-green-33{background-color:rgba(62, 182, 111,0.33);}
.bk-tan{background-color:#C7A30F;}
.bk-tan-33{background-color:rgba(199, 163, 15,0.33);}
.bk-tan-66{background-color:rgba(199, 163, 15,0.66);}
.bk-maroon{background-color:rgba(148, 37, 56,1.0);}
.bk-none{background-color:transparent;}
.bk-maroon-33{background-color:rgba(148, 37, 56,0.33);}
.bk-maroon-66{background-color:rgba(148, 37, 56,0.66);}
.bk-purple-22{background-color:rgba(103, 88, 130,0.22);}

.premium{
	background-color: rgba(242, 242, 242,0.66);
    background-image: url(/images_back/image-premium-content.png);
    /* background-size: 100%; */
    position: relative;
    background-size: 150px;
    /*z-index: 99;*/
    /* left: 0; */
    /* top: 0; */
}

.opacity75{opacity: 0.75;}
.opacity50{opacity: 0.50;}
.opacity00{opacity: 0.00;}


/* page header -------------------------------------*/
.logo-fmx-small{
	height:57px;
	float:left;
	/*margin-top: -7px; */
}
.logo-fm-small{
	height:70px;
	float:left;
	/*margin-top: -7px; */
}
.logo-fm-small60{
	height:60px;
	float:left;
}

@media screen and (max-width: 767px) {
/*.logo-fmx-small{height:35px;}*/
.logo-fm-small{height:35px;}
.logo-fm-small60{height:35px;}
/*not wide at all; using contracted contect to fit on one line, back to smaller logo at 35px  */
}
@media print{
.for-print-icon-resource{height:35px;}
}
.logo-fm-vsmall{
	height:45px;
	float:right;
	margin-top: 0px; 
}
.icon-tick{
	height:15px;
	margin-top: 0px; 
}
@media (max-width: 966px){
/*not so wide means contact stuff on two lines, and hence can use lager logo at 70px  */
.logo-fm-smallest{height:70px; margin-top:-7px;float:left;}
}
@media screen and (max-width: 767px) {
.logo-fm-smallest{height:35px; margin-top:-2px; float:left;}
/*not wide at all; using contracted contect to fit on one line, back to smaller logo at 35px  */
}
@media (min-width: 966px){
/*wider allows all contact stuff on one line, and hence can use smaller logo at 35px  */
.logo-fm-smallest{height:35px; margin-top:-2px; float:left;}
}

@media print{.logo-fm-smallest{height:35px; margin-top:-2px;float:left;}}

.logo-pad-leftright{padding: 0px 15px 0px 15px;}
.logo-fm-large{height:140px;vertical-align:middle;}
.logo-fm-largest{height:200px;vertical-align:middle;}
.logo-fm-large-evenprint{height:140px;vertical-align:middle;}

@media screen and (max-width: 767px) {
.logo-fm-large{height:35px; margin-top:-2px; float:left;}
}


.icon-vert{
	height:58px;
	float:left;
	/*margin-top: -7px; */
}

.text_leader{
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 2.0em;
	letter-spacing: -0.05em;
	display: block;
	font-weight:100;
	color:#FFFFFF;
	Xtext-decoration:none;
	line-height: 1;
	margin:0px 0px 0.25em 0px;
	Xpadding: 15px 15px 15px 15px;
/*	height:60px;*/
}
.text_follower{
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 2.0em;
	font-weight:100;
	color:#FFFFFF; 
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	text-align: center;
}

.text_follower_2{
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 1.0em;
	font-weight:100;
	color:#FFFFFF; 
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding: 0px 15px 5px 15px;
	text-align: center;
}

.icon_small{
	width:20px;
	float:left;
}
.div_level1{
	display:inline-block;
	width:100%;
}
/*
@media print{.div_level1{display:block;}}
removed 170830 to make page print layout work*/

.row_offset_up{margin-top:-100px;}
@media print{.row_offset_up{margin-top:-80px;}}
/*-------------------------------------*/
.div_baseblock_1x2{
	width:33.3%;
	float:left;
	padding:0;
	margin:1.16%;
	overflow:hidden;
}
.div_baseblock_1x2  .image_wrapper{
	width:100%;
	padding:0;
	margin:0;
	float:none;
	display:inline-block;
}
.div_baseblock_1x2  .text_wrapper{
	width:100%;
	padding: 1.5em;
	margin:0;
	float:none;
	text-align:left;
	overflow:hidden;
	display:inline-block;
}
/*-------------------------------------*/
.div_baseblock_2x1{
	width:64.1%;
	float:left;
	padding:0;
	margin:1.16%;
	overflow:hidden;
}
@media screen and (max-width: 767px) {.div_baseblock_2x1 {width:97.5%;}}
.div_baseblock_2x1_nomargin{
	width:66.6%;
	float:left;
	padding:0;
	margin:0%;
	overflow:hidden;
}
.div_baseblock_2x1  .image_wrapper{
	width:48.02%;
	height:100%;
	padding:0;
	margin:0;
}
@media screen and (max-width: 767px) {.div_baseblock_2x1  .image_wrapper{width:100%;}}
.div_baseblock_2x1  .text_wrapper{
	width:51.98%;
	height:100%;
	padding: 1.5em;
	margin:0;
	text-align:left;
	overflow:hidden;
}
@media screen and (max-width: 767px) {.div_baseblock_2x1  .text_wrapper{width:100%;padding: 0.5em;}}
/*-------------------------------------*/
.div_baseblock_3x1{
	width:97.5%;
	float:left;
	padding:0;
	margin:1.16%;
	overflow:hidden;
}
.div_baseblock_3x1  .image_wrapper{
	width:33.3%;
	height:100%;
	padding:0;
	margin:0;
}
@media screen and (max-width: 767px) {.div_baseblock_3x1  .image_wrapper{width:100%;}}
/*   works OK, but does not recognise potraite of landscape, and so re-orient does not flow.
also, some problem with ipad not recognising width.
@media only screen and (max-width: 800px) {
.div_baseblock_3x1 > .image_wrapper{
	width:100%;
	}
}
*/
.div_baseblock_3x1 .text_wrapper{
	width:66.6%;
	height:100%;
	padding: 1.5em;
	margin:0;
	text-align:left;
	overflow:hidden;
}
@media screen and (max-width: 767px) {.div_baseblock_3x1  .text_wrapper{width:100%;padding: 0.5em;}}

.div_baseblock_3x1 .text_wrapper .div_baseblock_1x1{margin:0;}
/*
@media only screen and (max-width: 800px) {
.div_baseblock_3x1 > .text_wrapper{
	width:100%;
	}
}

/*
/*-------------------------------------*/
.div_baseblock_2x2{
	width:62.5%;
	float:left;
	padding:0;
	margin:1.16%;
	overflow:hidden;
}
@media screen and (max-width: 767px) {.div_baseblock_2x2 {width:97.5%;}}
.div_baseblock_2x2  .image_wrapper{
	width:48.02%;
	height:100%;
	padding:0;
	margin:0;
}
@media screen and (max-width: 767px) {.div_baseblock_2x2  .image_wrapper{width:100%;}}
.div_baseblock_2x2  .text_wrapper{
	width:51.98%;
	height:100%;
	padding: 1.5em;
	margin:0;
	text-align:left;
	overflow:hidden;
}
@media screen and (max-width: 767px) {.div_baseblock_2x2  .text_wrapper{width:100%;padding: 0.5em;}}
/*-------------------------------------*/
.div_baseblock_1x1{
	width:31.0%;
	float:left;
	padding:0;
	margin:1.16%;
	overflow:hidden;
}
@media screen and (max-width: 767px) {.div_baseblock_1x1 {width:97.5%;}}
@media print{.div_baseblock_1x1{display:block;}}

.div_baseblock_quarter{
	width:22.6%;
	float:left;
	padding:0;
	margin:1.16%;
	overflow:hidden;
}
@media screen and (max-width: 767px) {.div_baseblock_quarter{width:47.5% !important;}}
@media screen and (max-width: 500px) {.div_baseblock_quarter{width:100% !important;}}
.div_baseblock_1x1_nomargin{
	width:33.3%;
	float:left;
	padding:0;
	margin:0%;
	overflow:hidden;
}
.div_baseblock_44{
	width:44.4%;
	float:left;
	padding:0;
	margin:0%;
	overflow:hidden;
}
.div_baseblock_22{
	width:22.2%;
	float:left;
	padding:0;
	margin:0%;
	overflow:hidden;
}
.div_baseblock_1x1_specmargin{
	width:100%;
	float:left;
	margin:0;
	padding:0.0em 0.0em 0.5em 2.5em;
	overflow:hidden;
}
@media screen and (max-width: 767px) {.div_baseblock_1x1_specmargin {padding:0.0em 0.0em 0.5em 0.5em;}}
.div_baseblock_1x1  .image_wrapper{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
.div_baseblock_1x1  .text_wrapper{
	width:100%;
	height:100%;
	padding: 1.5em;
	margin:0;
	text-align:left;
	overflow:hidden;
}
@media screen and (max-width: 767px) {.div_baseblock_1x1  .text_wrapper{padding: 0.5em;}}
/*  hover states removed 28Aug2015
    because touch screens handle hover very inconsitently
	eg:  ipadAir required one touch to activate hover state, and then another touch to activate link
	eg: ipad3 required one touch to activate link (ignored hover state)
.linkexplorer:hover
{
	background-color :#FFFFBF; 
	opacity: 0.75;
	text-decoration:none;
}
.linkexplorer_top:hover
{
	background-color: rgba(255,255,255, 0.85);
	opacity: 0.75;
	text-decoration:none;
	color: #050505 !important;
}
*/
.image_wrapper{
	width:100%;
	height:100%;
	padding:0;
	margin:1.25%;
}
.text_wrapper{
	width:100%;
	height:100%;
	padding: 1.5em;
	margin:0;
	text-align:left;
	overflow:hidden;
}
@media screen and (max-width: 767px) {.text_wrapper {padding:0.5em;}}
.div_baseblock_halfxhalf{
	width:47.5%;
	float:left;
	padding:0;
	margin:1.16%;
	overflow:hidden;
}
@media screen and (max-width: 767px) {.div_baseblock_halfxhalf {width:100%;}}
@media screen and (max-width: 767px) {.div_baseblock_halfxhalf  .text_wrapper{width:100%;padding: 0.5em;}}
.div_baseblock_halfxhalf_nomargin{
	width:50%;
	float:left;
	padding:0;
	margin:0%;
	overflow:hidden;
}
@media print{.div_baseblock_halfxhalf{display: inline-block;}}


/*block image --------------------------------------*/
.image{
	width:100%;
	float:left;
}
.image_connect_right{
	width:35px;
	padding-top:7px;
	padding-right:10px;
	margin-left:-10px;
	float:left;
}
.image_connect_left{
	width:35px;
	padding-top:7px;
	padding-left:10px;
	margin-right:-10px;
	float:right;
}
.negleftmargin{	margin-left:-28px;}
.negleftmargin2{	margin-left:-36px;}
.image_offset_up{
	margin-top:-15px;
}

.imagetext_wrapper{
}
.text_imagetext{
	width:100%;
	font-family: 'Karla', sans-serif;
	font-weight:400;
	font-size:0.8em;
	text-align:center;
	color: #050505;
	line-height: 1;
	padding: 1.5em;
}
.text_imagetext > .SC{
	font-size:1.4em;
}
/* block text -------------------------------------*/
.eyebrow{
	font-family: 'Oswald', sans-serif;
	font-size: 0.5em;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#0f8ec7;	
	margin: 0.0em 0.0em 1.0em 0.0em;
}
.eyebrow-fmdb{
	/*font-family: 'Oswald', sans-serif;*/
	font-size: 0.7rem;
	font-family:'Roboto', 'Raleway', sans-serif;
	font-weight:normal;
	line-height:1rem;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#0f8ec7;	
}
@media print{.eyebrow-fmdb{font-size: 0.7em;}}
.text_content_header{
	font-family: 'Karla', sans-serif;
	font-weight:700;
	color: #333333;
	line-height: 1;
	margin: 0.0em 0.0em 0.5em 0.0em;
	text-transform: uppercase;	
	font-size: 1.1em;
}
.uppercaseoff{text-transform:none;}
.lowercase{text-transform:lowercase;}

@media print{.text_content_header{font-size: 1.0em;}}

.date{
	font-family: 'Karla', sans-serif;
	font-weight:400;
	font-style:italic;
	font-size: 0.9rem;
	color: #767676;
	padding-top: 0;
}

/*
@media only screen and (max-width: 800px) {
.text_content_header{
	font-size: 2.1em;}
.eyebrow{
	font-size: 1.0em;}
.date{
	font-size:1.0em;}
}
*/
.text_content_para{
	font-family: 'Karla', sans-serif;
	font-weight:400;
	font-style:normal;
	margin: 0.5em 0.0em 0.5em 0.0em;
	font-size: 0.9em; 
	line-height:1.4;   
	color: #050505;
}

ol, ul{
	padding:0px 0px 0px 0px;
}
@media print{.text_content_para{font-size: 1.0em;}}
.text_content_para_SC{
	font-family: 'Karla', sans-serif;
	font-weight:400;
	font-style:normal;
	margin: 0.5em 0.0em 0.5em 0.0em;
	font-size: 1.2em; 
	line-height:1.4;   
	color: #050505;
}

/* page text -------------------------------------*/
.eyebrow_page{
	font-size: 0.7em;
	margin: 0.5em 0.0em 0.5em 0.0em;
	text-transform:uppercase;
	text-align:center;
	font-weight: bolder;
	letter-spacing:0px;

}
.text_content_header_page{
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight:100;
	font-size: 4.0em;
	line-height: 0.95em;
	letter-spacing: -0.05em;
	word-spacing:0.2em;
	color:#333333;
	text-align:center;
	margin: 0.0em 0.0em 0.3em 0.0em;
	padding:0.0em 0.0em 0.0em 0.0em;
}
@media screen and (max-width: 767px) {.text_content_header_page{font-size: 2.0em;}}

.date_page{
	font-family: 'Karla', sans-serif;
	font-weight:400;
	font-style:italic;
	font-size: 0.8em;
	text-align:center;
	color: #999999;
	padding-top: 0;
}
.text_content_para_page{
	font-family: 'Karla', sans-serif;
	font-weight:400;
	font-style:normal;
	font-size: 1.0em; 
	margin: 0.0em 0.0em 0.0em 0.0em;
	text-align:left;
	line-height:1.8;   
	color: #050505;
}
.text_content_para_SC_Page{
	font-family: 'Karla', sans-serif;
	font-weight:400;
	font-style:normal;
	font-size: 1.2em; 
	margin: 0.5em 0.0em 0.5em 0.0em;
	line-height:1.4;   
	color: #050505;
}
/* fmdb -------------------------------------*/
/* twothirds onethirds */
.div_level2_left_twothirds{
	width:69.5%;
	display:inline-block;
	float:left;
/*	vertical-align:top; */
}
.div_level2_left_twothirds> .text_wrapper{
	width:100%;
	height:100%;
	padding: 0.5em;
	margin:0;
	text-align:left;
	overflow:hidden;
}
.div_level2_left_twothirds .div_baseblock_3x1{
	width:100%;
	margin:0;
}

.div_level2_right_onethirds{
	width:30.5%;
	display:inline-block;
/*	vertical-align:top; */
}
.div_level2_right_onethirds > .text_wrapper{
	width:100%;
	height:100%;
	padding: 0.5em;
	margin:0;
	text-align:left;
	overflow:hidden;
}

/* half half */
.div_level2_left_half{
	width:50%;
	display:inline-block;
	float:left;
/*	vertical-align:top; */
}
@media screen and (max-width: 767px) {.div_level2_left_half{width:100%;}}
.div_level2_left_half> .text_wrapper{
	width:100%;
	height:100%;
	padding: 0.5em;
	margin:0;
	text-align:left;
	overflow:hidden;
}
.div_level2_left_half .div_baseblock_3x1{
	/*width:100%;
	margin:0;*/
}

.div_level2_right_half{
	width:50%;
	display:inline-block;
	float:left;
/*	vertical-align:top; */
}
@media screen and (max-width: 767px) {.div_level2_right_half{width:100%;}}
.div_level2_right_half > .text_wrapper{
	width:100%;
	height:100%;
	padding: 0.5em;
	margin:0;
	text-align:left;
	overflow:hidden;
}
/*
.div_level2_right_half .text_news_SC, 
.div_level2_left_half .text_news_SC,
*/
.div_level2_right_onethirds .text_news_SC,
.div_level2_left_twothirds .text_news_SC
{font-size:1.2em;}

/*
.div_level2_right_half .text_news_PY, 
.div_level2_left_half .text_news_PY,
*/
.div_level2_right_onethirds .text_news_PY,
.div_level2_left_twothirds .text_news_PY
{font-size:0.6em;padding-bottom:0.2em;}

/*
.div_level2_right_half .text_news_EN, 
.div_level2_left_half .text_news_EN,
*/
.div_level2_right_onethirds .text_news_EN,
.div_level2_left_twothirds .text_news_EN
{font-size:0.8em;padding-bottom:0.2em;margin-top:0;}

/*
.div_level2_right_half .text_content_header, 
.div_level2_left_half .text_content_header,
*/
.div_level2_right_onethirds .text_content_header,
.div_level2_left_twothirds .text_content_header
{font-size:0.9em;}

.div_level2_right_half .div_baseblock_2x1,
.div_level2_left_half .div_baseblock_2x1
{width:100%; margin:0;}

/*
.div_level2_right_half .div_baseblock_1x1,
.div_level2_left_half .div_baseblock_1x1
{width:50%; margin:0;}
*/
.div_level2_right_half .div_baseblock_2x1 .image_wrapper,
.div_level2_left_half .div_baseblock_2x1 .image_wrapper
{width:50%; }

.div_level2_right_half .div_baseblock_2x1 .text_wrapper,
.div_level2_left_half .div_baseblock_2x1 .text_wrapper
{width:50%; }

/* share strip --

/* share strip -----------------------------------*/
.div_share_wrapper{
	float:left;
	width:97.5%;
	padding:2% 0% 2% 0%;
	margin:2.00% 1.25% 2.00% 1.25%;
	border-top:rgba(76, 76, 76, 0.3) 1px solid;
	border-bottom:rgba(76, 76, 76, 0.3) 1px solid;
	text-align:center;
	vertical-align:middle;
}
.strip-share-text{
	font-family: 'Karla', sans-serif;
	font-weight:400;
	font-size:0.8em;
	color: #050505;	/*#675882;*/
	display:inline-block;
	vertical-align:middle;
	padding: 0 0 0 0;
}
.strip-share-image{
	width:20px;
	display:inline-block;
	vertical-align:middle;
	margin: 0 0 0 35px;
}

/* contact strip -----------------------------------*/
.div_fixedtop{
	position:fixed;
	z-index: 99;
	/*top:5px;*/
	padding:5px 30px 5px 30px;
	/*width:95%;*/
}
@media screen and (max-width: 767px) {.div_fixedtop {padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 1050px) {.div_fixedtop {padding: 5px 5px 5px 5px;}}

.div_contact_wrapper_top{
	/*float:left;*/
	width:100%;
	padding:0px 0px 2px 0px;
	margin:0;
	border-top:rgba(255, 255, 255, 0.8) 1px solid;
	border-bottom:rgba(255, 255, 255, 0.8) 1px solid;
	text-align:center;
}
@media screen and (max-width: 767px){.div_contact_wrapper_top{padding:5px 0px 5px 0px;}}

.zindexfortopicbuilder{z-index:97!important;}
@media (min-width: 966px){
	.padding_top_header{padding-top:47px;}
	.padding_top_header_fat{padding-top:89px;}
	.padding_top_header_fat_new{padding-top:98px;}
	.padding_top_header_builder{padding-top:45px;}
	}
@media (max-width: 966px){
	.padding_top_header{padding-top:67px;}
	.padding_top_header_fat{padding-top:45px;}
	.padding_top_header_fat_new{padding-top:45px;}
	.padding_top_header_builder{padding-top:40px;}
	}
@media screen and (max-width: 767px){
	.padding_top_header{padding-top:44px;}
	.padding_top_header_fat{padding-top:42px;}
	.padding_top_header_fat_new{padding-top:56px;}
	.padding_top_header_builder{padding-top:40px;}
	}

.div_contact_wrapper{
	float:left;
	width:97.5%;
	padding:2% 0% 2% 0%;
	margin:2.00% 1.25% 2.00% 1.25%;
	border-top:rgba(76, 76, 76, 0.3) 1px solid;
	border-bottom:rgba(76, 76, 76, 0.3) 1px solid;
	text-align:center;
}
.strip-contact-text{
	font-family: 'Karla', sans-serif;
	font-weight:400;
	font-size:1.0em;
	color: #050505;	/*#675882;*/
	display:inline-block;
	vertical-align:middle;
	padding: 0 0 0 0px;
}
@media (max-width: 966px){.strip-contact-text{font-size:0.8em; padding: 0 0 0 0px;}}
@media print{.strip-contact-text{font-size:1.0em; padding: 0 0 0 5px;}}

.strip-contact-image{
	height:30px;
	display:inline-block;
	vertical-align:middle;
	padding: 0 0 0 5px;
}
/*
.div_level1{
	width:98%;
	background-color:rgba(68,68,68,0.5);
	vertical-align:top;
	text-align:left;
	padding:0% 0% 0% 0%;
	margin:0px 5px 5px 5px;
	overflow:hidden;
}
*/
.text_level1_wrapper, .text_level1_wrapper_50, .text_level1_wrapper_95{
	width: 70%;
	max-width: 75em;
	margin: auto;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	position: relative;
	-webk-it-backface-visibility: hidden;
	padding: 1.0em 0.0em 1.0em 0.0em;
}

.text_level1_wrapper_50{width: 50%;}
.text_level1_wrapper_95{width: 95%;}

@media print{.text_level1_wrapper, .text_level1_wrapper_50, .text_level1_wrapper_95{
	width:90%; max-width:90%;padding:0.5em 0.0em 0.5em 0.0em;}
}

@media screen and (max-width: 770px) {
.text_level1_wrapper, .text_level1_wrapper_50, .text_level1_wrapper_95{
	width: 100%;
	max-width: 100%;
	padding: 0.5em 0.5em 0.5em 0.5em;
	}
}
/*all other screen transtions set at 767px, except this one*/

.text_level1_para{
	font-family:'Karla', sans-serif;
	font-weight:400;
	font-size: 1.1em;
	line-height:1.3em;
	letter-spacing: normal;
	color:#333333;
	text-decoration:none;
	text-align:center;
	margin:0.0em 0.0em 0.0em 0.0em; 
	padding:0.0em 0.0em 0.0em 0.0em; 
}
@media print{.text_level1_para{font-size: 1.0em;line-height:1.1em;}}
@media screen and (max-width: 767px) {.text_level1_para{padding-top: 0.5em;font-size: 1.0em;line-height:1.2em;}}

.border_top_blue{
	border-top: 1px solid #085586;
}
.text_{
	font-family:'Roboto', 'Raleway', sans-serif;
	font-size: 1.0em;
	font-weight:100;
	letter-spacing: normal;
	word-spacing: normal;
	color:#FFFFF5;
	text-decoration:none;
	text-align:left;
	line-height:1.0;
	margin:0.3em 0.0em 0.5em 0.2em; 
	padding:5px 0px 5px 0px; 
	}


/* item blocks -----------------*/ 
.div_level3{
	width:172px;
	background-color:rgba(68,68,68,0.5);
	vertical-align:top;
	text-align:center;
	padding:0% 0% 0% 0%;
	margin:5px 5px 5px 5px;
	overflow:hidden;
}
.img_body_icon_connected{
	vertical-align: middle;
	width:172px;
	/*height:100px;*/
	margin:0;
	border:0;
	padding:0px 0px 0px 0px;
}
.doublewidth{
	width:359px;
	/* 2 * (172 + 5)  +5 from somewhere */
}
.twothirdswidth{
	width:273px;
	/* (5 + 172 + 5) + (86 + 5) from somewhere */
}
.doubleheight{
	height:290px;
}

.text_item_EN{
	font-family:'Roboto', 'Raleway', sans-serif;
	font-size: 1.0em;
	font-weight:100;
	letter-spacing: normal;
	word-spacing: normal;
	color:#FFFFF5;
	text-decoration:none;
	text-align:center;
	line-height:0.95;
	margin:0.3em 0.0em 0.5em 0.0em; 
	padding:5px 0px 5px 0px; 
}

/* course blocks  ------------------------------*/
.text_cse_1{
	font-family:'Karla', sans-serif;
	font-size: 1.0em;
	font-weight:400;
	letter-spacing: normal;
	word-spacing: normal;
	color:#050505;
	text-decoration:none;
	text-align:left;
	line-height:1.8em;
	margin:0.5em 0.5em 0.5em 0.5em; 
	padding:0.0em 0.0em 0.0em 0.0em; 
}
.text_cse_2{
	font-family:'Karla', sans-serif;
	font-size: 1.0em;
	font-weight:700;
	font-style:bold;
	letter-spacing: normal;
	word-spacing: normal;
	color:#050505;
	text-decoration:none;
	text-align:left;
	line-height:1.8em;
	margin:1.0em 0.0em 0.5em 0.0em; 
	padding:0.0em 0.0em 0.0em 0.0em; 
}
.text_cse_3{
	font-family:'Karla', sans-serif;
	font-size: 1.0em;
	font-weight:400;
	letter-spacing: normal;
	word-spacing: normal;
	color:#050505;
	text-decoration:none;
	text-align:left;
	line-height:1.5em;
	margin:0.0em 0.0em 0.0em 0.0em; 
	padding:0.0em 0.0em 0.0em 0.0em; 
}
.text_more{
	font-family:'Roboto', 'Raleway', sans-serif;
	font-size: 0.7em;
	font-weight:100;
	font-style: italic;
	color:#FFFFF5;
	text-decoration:none;
	text-align:right;
	line-height:0.7em;
	margin:0.5em 0.5em 0.5em 0.5em; 
	padding:0.0em 0.0em 0.0em 0.0em; 
}
.pulldown-div{
	margin:0;
}

.fulltext-partheight{height:10em;}
.fulltext-partheight15{height:15rem;}
@media print{.fulltext-partheight, .fulltext-partheight15{height:auto;}}
	
@media print{.for-print-show-block{display:block !important;}}
@media print{.for-print-hide-block{display:none !important;}}

.cursor{
	cursor:pointer; 
}

/*news blocks ----------------------- */
.wrap {
	/* force the div to properly contain the floated images: */
	position:relative;
	float:left;
	clear:none;
	/*overflow:hidden;*/
}
.wrap img {
	position:relative;
	z-index:1;
}
.wrap {
	display:block;
	position:absolute;
	width:100%;
	bottom: 0%;
	left:0;
	background-color:rgba(68,68,68,0.7);
	z-index:2;
	text-align:center;
}
.desc {
	width:100%;
	bottom: 0%;
	left:0;
	text-align:center;
	float: left;
	/*padding: 0.0em 1.0em 0.5em 1.0em;*/
	padding: 0.0em 0.0em 0.5em 0.0em;
}
@media screen and (max-width: 500px) {.desc{padding: 0.0em 0.0em 0.0em 0.0em;}}
.desc_b {
	width:100%;
	bottom: 0%;
	left:0;
	text-align:left;
	float: left;
	padding: 0.0em 0.0em 0.0em 0.5em;
}.desc_inner{
	margin:0.1em 0.5em 0.1em 0.5em; 
}
.news_wrap{
	display: inline-block;
}
.news_inner{
	padding: 0.0em 0.0em 0.0em 0.0em; 
}
.news_phrase{
	padding: 0.2em 1.0em 1.0em 1.0em; 
	display:inline-block;
	vertical-align:top;
}
.news_phrase_sm{
	padding: 0.2em 0.2em 0.2em 0.2em; 
	display:inline-block;
	vertical-align:top;
}

.topic_shadow{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.topic_shadow_maroon{box-shadow: 0 4px 8px 0 rgba(148, 37, 56, 0.66), 0 6px 20px 0 rgba(148, 37, 56, 0.66);}
.topic_shadow_white{box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.8), 0 6px 20px 0 rgba(255, 255, 255, 0.8);}
.text_shadow_maroon{text-shadow: 2px 2px 5px rgba(148, 37, 56, 1);}
@media screen and (max-width: 767px) {
	.topic_shadow{box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.19);}
	.topic_shadow_maroon{box-shadow: 0 4px 8px 0 rgba(148, 37, 56, 0.66), 0 6px 20px 0 rgba(148, 37, 56, 0.66);}
	.text_shadow_maroon{text-shadow: 1px 1px 4px rgba(148, 37, 56, 1);}
	}

@media print{
	.topic_shadow{box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2);}
	.topic_shadow_maroon{box-shadow: 0 4px 8px 0 rgba(148, 37, 56, 0.66), 0 6px 20px 0 rgba(148, 37, 56, 0.66);}
	}

.text_topic_headline{
	font-family:'Roboto', 'Raleway', sans-serif;
	font-size: 1.7rem;
	font-weight:100;
	word-spacing: normal;
	color:#050505;
	text-decoration:none;
	text-align:left;
	line-height:1.7rem;
	margin:0; 
	padding:0; 
}
.text_topic_headline_2{
	font-family:'Roboto', 'Raleway', sans-serif;
	font-size: 1.2rem;
	font-weight:100;
	word-spacing: normal;
	color:#050505;
	text-decoration:none;
	text-align:left;
	line-height:1.35rem;
	margin:0; 
	padding:0; 
}

.text_topic_secondline{
	font-family:'Roboto', 'Raleway', sans-serif;
	font-size: 1.0rem;
	font-weight:400;
	word-spacing: normal;
	color:#050505;
	text-decoration:none;
	text-align:left;
	/*line-height:1.3;*/
	margin:0; 
	padding:0; 
}
@media print{
.text_topic_headline{
	font-size: 1.2rem;
	line-height:1.2rem;}
.text_topic_secondline{
	font-weight:100;}
}

.text_topic_nameline{
	position:absolute;
	bottom: 0px;
	text-align:left;
}

.grain{
	float:left;
	height:35px;
	margin:0em 0.5em 0.25em 0em; 	
}

@media screen and (max-width: 767px) {
	.text_topic_nameline{position:relative;}
	.text_topic_headline{
		font-size: 1.0rem;
		line-height:1.0rem;
		font-weight:400;
		}
	.grain{height:35px;}
}

.text_news_SC{
	font-family:'Roboto', 'Raleway', sans-serif;
	font-size: 1.7rem;
	font-weight:100;
	letter-spacing: 0.1em;
	word-spacing: normal;
	color:#050505;
	text-decoration:none;
	text-align:center;
	/*line-height:1.3;*/
	margin:0.0em 0.0em 0.0em -0.2em; 
	padding:0px 0px 0px 0px; 
}
@media screen and (max-width: 450px) {.text_news_SC{font-size: 1.53rem;}}
@media screen and (max-width: 430px) {.text_news_SC{font-size: 1.30rem;}}
@media screen and (max-width: 400px) {.text_news_SC{font-size: 1.20rem;}}
@media print{.text_news_SC{font-size: 1.15rem;}}

.div_toggle_TO{
    height: 0.9rem;
    letter-spacing: 0.5rem;
    margin-left: 0.5rem;
	display:none; /* not used in fmx*/
}

.text_news_PY{
	font-family:'Karla', sans-serif;
	font-size: 1.0rem; /*0.7rem*/
	font-weight:400;
	color:#050505;
	letter-spacing: normal;
	word-spacing: normal; /*0.4em*/
	text-decoration:none;
	text-align:center;
	line-height:1.1;
	margin:0.2em 0.0em 0.0em -0.5em; 
	padding:0px 0px 0px 0px; 
}
@media print{.text_news_PY{font-size: 0.65em;}}

.text_news_EN{
	font-family: 'Karla', sans-serif;
	font-size: 1.0rem; 
	font-weight:400;
	font-style:normal;
	color: #050505;
	letter-spacing: normal;
	line-height:1em;
	word-spacing: normal;
	text-decoration:none;
	text-align:center;
	margin:0.2em 0.0em 0.2em 0.0em; 
	padding:0px 0px 0px 0px; 
}
@media print{.text_news_EN{font-size: 1.0em;}}
.for_email_font_size{font-size: 1.0em;}

.wordspace_normal{word-spacing: normal;}
.lineheight_normal{line-height: normal !important;}
.lineheight_1_5{line-height: 1.5em !important;}
.lineheight_2{line-height: 2em;}


/* page ------------------------- */

html{
	height:100%;
	}
body {
	display: block;
	margin: 0px;
	height: 100%;
}


.div_level1_1thirds_container{
	width:48.5%; 
	vertical-align:top;
	margin:0;
	border:0;
	margin:0.5% 0.5% 0.5% 0.5%;
}

/*  footer  ----------*/

.div_foot_menu_1_wrap{
	width:100%;
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	border-top:rgba(76, 76, 76, 0.3) 1px solid;
	border-bottom:rgba(76, 76, 76, 0.3) 1px solid;
}

.div_foot_menu_1{
	width:98%;
	margin:0;
	border:0;
	padding: 5px 30px 5px 30px;
	text-align:center;
}
@media screen and (max-width: 767px) {.div_foot_menu_1{width:100%;padding: 0px 0px 0px 0px;}}


.textalignleft{text-align:left;}
.textalignright{text-align:right;}
.textaligncenter{text-align:center;}

.widthfull{width:100% !important;}
.width10{width:10%;}
.width15{width:15%;}
.width20{width:20%;}
.width25{width:25% !important;}
.width33{width:33% !important;}
.width50{width:50% !important;}
.width80{width:80%;}
.width66{width:66% !important;}
.width85{width:85%;}
.width88{width:88%;}
.width90{width:90%;}


.widthmobile100{}
.widthmobilepaddingzero{}
.widthmobilemarginzero{}
@media screen and (max-width: 767px) 
	{
	.widthmobile100{width:100% !important;}
	.widthmobilepaddingzero{padding: 0px 0px 0px 0px;}
	.widthmobilemarginzero{margin: 0px 0px 0px 0px;}
	}


.category_image_wrap{
	height:360px;
	margin-top:1.0em;}
.category_image{
	width:132%;
	display:block;
	}

@media screen and (max-width: 767px) {
.category_image_wrap{height:10em;}
.category_image{margin-top:-50px; height:auto;}
}


.height150{height:150px;}
.heightauto{height:auto !important;}
.heightlist{height: 3.5em;}
.heightvsmall{height:7em;}
.heightsmall{height:10em;}
.heightmed{height:12em;}
.heightstd{height:13em;}
.heightplus{height:15em;}
.heightfull{height:100%;}



.height2-6{height:2.6rem;}
.height3{height:3rem;}
.height4{height:4em;}
.height5{height:5em;}
.height6{height:6em;}
.height7{height:7em;}
.height8{height:8em;}
.height9{height:9em;}
.height10{height:10em;}
.height11{height:11em;}
.height12{height:12em;}
.height14{height:14em;}
.height15{height:15em;}
.height16{height:16em;}
.height18{height:18em;}
.height19{height:19em;}
.height20{height:20em;}
.height21{height:21em;}

.height23{height:23em;}
.height24{height:24em;}
.height25{height:25em;}
.height26{height:26em;}
.height27{height:27em;}
.height28{height:28em;}
.height29{height:29em;}
.height30{height:30em;}
.height31{height:31em;}
.height32{height:32em;}
.height33{height:33em;}

.height13{height:13em;}
.height17{height:17em;}
.height22{height:22em;}
.heightstdx2{height:27.75em;}
.height34{height:34em;}
.heightfull{height:100%;}

@media (max-width: 1100px){
.height13{height:17em;}
.height17{height:21em;}
.height22{height:26em;}
.heightstdx2{height:32.75em;}
.height34{height:39em;}
}

@media print{
.height13{height:17em;}
.height17{height:13em;}
.height22{height:26em;}
.heightstdx2{height:32.75em;}
.height34{height:39em;}
}


@media (max-width: 767px){
.height6{height:4em;}
}

.fontregular{font-weight:normal;}
.font1rem{font-size:1rem;}

.alignleft{float:left !important;}
.alignright{float:right !important;}
.clear{clear:both;}
.inline{display:inline-block;}
.display-none{display:none;}
.posabs{position:absolute;}
.posrel{position:relative;}
.posfix{position:fixed;}
.posright{right:0;}
.postop{top:0;}

.bottom{vertical-align:bottom !important;}
.top{vertical-align:top;}
.middle{vertical-align:middle;}

.padding1{padding:1.0rem !important;}
.padding2{padding:2.0rem !important;}
.paddinghalf{padding:0.5em !important;}
.paddingzero{padding:0 !important;}
.paddingquart{padding:0.25em !important;}
.paddingquarttb{padding: 0.25em 0.0em 0.25em 0.0em !important;}
.paddingtop{padding-top:1.0em;}
.paddingtop3{padding-top:3.0em;}
.paddingtophalf{padding-top:0.5em !important;}
.paddingtopquart{padding-top:0.25em !important;}
.paddinglr2{padding-left:2.0em;padding-right:2.0em}

.marginbottom3{margin-bottom:3.0em !important;}

.paddingbottom{padding-bottom:0.5em !important;}
.paddingbottom1{padding-bottom:1.0em !important;}
.paddingbottom3{padding-bottom:3.0em !important;}

@media print{
.paddingbottom3{padding-bottom:0.5em !important;}
.paddingtop3{padding-top:0.5em !important;}
.marginbottom3{margin-bottom:0.5em !important;}
}

.paddingright{padding-right:0.5em !important;}
.paddingright30{padding-right:30px !important;}

.paddingleft{padding-left:0.5em !important;}
.paddingleft30{padding-left:30px !important;}
.nobottompad{padding-bottom:0%;}
.paddingzerobottom{padding-bottom:0 !important;}
.paddingzerotop{padding-top:0 !important;}

.margin-bottom-mobile{margin-bottom:0rem;}

@media screen and (max-width: 767px) {
.margin-bottom-mobile{margin-bottom:2rem; !important;}
.paddingbottom3{padding-bottom:1.0em !important;}
.paddingtop3{padding-top:1.0em !important;}
.paddinglr2{padding-left:0.5em;padding-right:0.5em}
}

.fmx_chat_r_text > .margin-bottom-mobile{margin-bottom:0rem; !important;}
.div_horiz_block_each .margin-bottom-mobile{margin-bottom:0rem; !important;}


.marginzerotop{margin-top:0 !important;}
.marginzerobottom{margin-bottom:0 !important;}
.margin1{margin:1.0rem !important;}
.marginhalf{margin:0.5em !important;}
.marginquart{margin:0.25em !important;}
.marginbottom{margin-bottom:0.5em !important;}
.marginright{margin-right:0.5em !important;}
.marginleft{margin-left:0.5em !important;}
.marginleft-special{margin-left:160px !important;}
.margintop1{margin-top:1em !important;}
.margintop07{margin-top:0.7rem !important;}
.margintop{margin-top:0.5em !important;}

.border-top-zero{border-top:0;}
.border-bottom-zero{border-bottom:0;}
.marginzero{margin:0 !important;}



.text-red{color:#FF0000;}
.text-blue{color:#0f8ec7;}
.text-grey{color:#f2f2f2;}
.text-dkgrey{color:#7F7F7F;}
.text-vdkgrey{color: #050505;}

.text-white{color:#FFFFFF;}
.text-purple{color:#675882;}
.text-aqua{color:rgba(139, 200, 204, 1.0);}
.text-green{color:#3eb66f;}
.text-dkgreen{color:#0E883F;}
.text-tan{color:#C7A30F;}
.text-maroon{color:rgb(164,16,52);}

.text-shadow-white{text-shadow:1px 1px 1px #f5f5f5;}

.text_bold{	font-weight:800;}
.text-strikethru{text-decoration: line-through;}
.text-elecblue{
	color:#04167b;
	text-shadow:0.5px 0.5px 1px rgb(80, 188, 252);}

@media print{.text-tan{color:#000000;}} /*black for print*/


.no_wrap{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.normal_wrap{white-space:normal;overflow:hidden;text-overflow: ellipsis;}

.no_wrap_no_ellipsis{white-space:nowrap;}


.qccheck{
	/*margin-bottom:-30px;
	height:30px;
	position:absolute;*/
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

.qc{
	height:40px;
	width:40px;
	padding: 0.0em 0.2em 0.2em 0.2em;
	margin:0.2em;
	background-size: auto 35px;
    background-repeat: no-repeat;	
    background-color: transparent; 
	float:right;
	/*border:0;*/
}
.qc_input{width:35%;}
.qc_strikethrough{text-decoration:line-through}
.qc_ready {cursor: pointer; background-image:url(/images/icon-qcready-blue.png);}
.qc_approved {cursor: pointer;background-image:url(/images/icon-qcapproved.png);}
.qc_rejected {cursor: pointer;background-image:url(/images/icon-qcrejected.png);}


.favcheck{
	/*margin-bottom:-30px;
	height:30px;
	position:absolute;*/
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

.fav{
	height:35px;
	width:35px;
	background-size: auto 30px;
    background-repeat: no-repeat;	
    background-color: transparent; 
	float:right;
	border:0;
	position: absolute;
	bottom:-15px;
	right:-10px;
	/*z-index:99;*/
}
.fav2, .top2{
	height:45px;
	width:45px;
	background-size: auto 40px;
	background-repeat: no-repeat;	
	background-color: transparent; 
	position:relative;
	right:5px;
	bottom:5px;
	border:0;
}

.fav2{display:none;}/*temp until favs are inmplemented*/

.top2{left:5px;}

}
.studied{
  top: 0px;
  left: 0px;
  position: absolute;
  height: 85px;
  /*height: 33%;
  z-index:99;*/
}
@media print{.studied{height: 45px;}}

.input_container  .fav{bottom:-8px;} /* for seach box */
@media screen and (max-width: 767px) {
.fav{
	height:30px;
	width:30px;
	background-size: auto 30px;
	bottom:-12px;
	right:-4px;
	}
}

.fav_small{
	height:20px;
	width:20px;
}

.tick{
	height:20px;
	display:inline;
	padding: 0 5px 0 5px;
}
.tone_small{
	height:15px;
	width:20px;
	margin:0.3rem 0.3rem 0.0rem 0.3rem;
}
@media screen and (max-width: 450px) {.tone_small{
	height:15px;
	width:20px;
	margin:0.3rem 0.3rem 0.0rem 0.3rem;
}}
@media screen and (max-width: 430px) {.tone_small{
	height:11px;
	width:18px;
	margin:0.15rem 0.15rem 0.0rem 0.15rem;
}}
@media screen and (max-width: 400px) {.tone_small{
	height:11px;
	width:18px;
	margin:0.1rem 0.1rem 0.0rem 0.1rem;
}}

.fav_tick{
	height:20px;
	margin-bottom:-5px;
}
.overflow_show{overflow:visible !important;}
.fav_input{width:35%;}
.fav_on {cursor: pointer; background-image:url(/images/icon-fav-on.png);top:-3px;}
.fav_off {cursor: pointer; background-image:url(/images/icon-fav-off.png);top:-3px;}
.fav_nopointer{cursor: default;}
.showhide_viewed_on {
	cursor: pointer; 
	background-image:url(/images_back/icon-mastered.png);
	background-repeat:no-repeat;
	background-size:35px;
	height:35px;}
.showhide_viewed_off {
	cursor: pointer; 
	background-image:url(/images_back/icon-mastered-grey.png);
	background-repeat:no-repeat;
	background-size:35px;
	height:35px;}
	
.topic{
	height:35px;
	width:35px;
	background-size: auto 30px;
    background-repeat: no-repeat;	
    background-color: transparent; 
	float:right;
	border:0;
	position: absolute;
	/*good for bottom left corner*/
	bottom:-25px;
	left:0px;
	/*good for bottom right corner*/
	/*bottom:-15px;
	right:30px;*/
	/*z-index:99;*/
}
.input_container  .topic{bottom:-5px;} /* for seach box */
@media screen and (max-width: 767px) {
.topic{
	height:30px;
	width:30px;
	background-size: auto 30px;
	background-repeat: no-repeat;
	/*good for bottom left corner*/
	bottom:-25px;
	left:0px;
	/*good for bottom right corner*/
	/*bottom:-16px;
	right:16px;*/
	}
}


.topic_on {cursor: pointer; background-image:url(/images/icon-topic-on.png);top:12px;}
.topic_off {cursor: pointer; background-image:url(/images/icon-topic-off.png);top:12px;}

.save_btn {cursor: pointer; background-image:url(/images_back/icon-save-dkgrey.png);}

.icon_btn{
	height:35px;
	width:35px;
	background-size: auto 35px;
    background-repeat: no-repeat;	
    background-color: transparent; 
	border:0;
	margin-top: -2px;
}

.icon_share_whatsapp{
	height:45px;
	width:45px;
	margin:10px;
}
/*
@media screen and (max-width: 767px) {
.icon_share_whatsapp{
	height:20px;
	width:20px;
	bottom:-8px;
	right:30px;
	}
}
*/

.audio{
	height:35px;
	width:35px;
	background-size: auto 30px;
    background-repeat: no-repeat;	
    background-color: transparent; 
	float:right;
	border:0;
	position: absolute;
	bottom:0px;
	/*right:35px; /*not used in fmx*/
	/*z-index:99;*/
}
.audio_btn {cursor: pointer; background-image:url(/images_back/icon-audio4.png);}

.btn_audio {
	height:45px;
	width:45px;
	background-size: auto 40px;
    background-repeat: no-repeat;	
    background-color: transparent; 
	border:0;
	cursor: pointer; 
}	
.btn_audio_ALL{
	height:45px;
	width:45px;
	background-size: auto 40px;
    background-repeat: no-repeat;	
    background-color: transparent; 
	border:0;
	cursor: pointer; 
}	
.btn_audio_play {background-image:url(/images_back/icon-audio-play-grey.png);}
.btn_audio_pause {background-image:url(/images_back/icon-audio-pause-grey.png);}
.btn_audio_play:hover {background-image:url(/images_back/icon-audio-play-maroon.png);}
.btn_audio_pause:hover {background-image:url(/images_back/icon-audio-pause-maroon.png);}


/*  ------------------------------------------ */
/*  hover divs */
/*  ------------------------------------------ */


.div_stem{
    position:relative;
	cursor:pointer;
	/*padding:1px 5px 1px 5px;*/
	border: rgba(199, 163, 15, 0.0) 1px solid;
}
/* no hover */
.div_stem2{
    position:relative;
	cursor:pointer;
	/*padding:1px 5px 1px 5px;*/
	border: rgba(199, 163, 15, 0.0) 1px solid;
}

/*
.div_toggle_PY{display: none;}
.div_toggle_EN{display: none;}
*/
.div_popup {
    display: none;
	position:fixed;
	z-index:99;
	bottom:40px;
	right:0px;
	margin: 6px;
    border-width: 5px;
	line-height:1;
}
    
.div_stem:hover {
    background-color:#FFFFFF;
	border: rgba(199, 163, 15, 0.8) 1px solid;
}

.div_stem:hover + .div_popup {
    display:block;
}

/* + is adjacent sibling selector */
/*
.div_stem2:hover + .div_popup {
    display:block;
}
*/


.bk-green-33:hover {
    background-color:#FFFFFF;
	border: rgba(62, 182, 111, 0.8) 1px solid;
}
.bk-blue-33:hover {
    background-color:#FFFFFF;
	border: rgba(15, 143, 199, 0.8) 1px solid;
}
/*
.bk-maroon-33:hover {
    background-color:#FFFFFF;
	border: rgba(148, 37, 56, 0.8) 1px solid;
}
*/
.bk-purple-22:hover {
    background-color:#FFFFFF;
	border: rgba(40,35,51, 0.8) 1px solid;
}

.space_mode{
	width: inherit !important;
	letter-spacing: normal !important;
    word-spacing: normal !important;
	border:0 !important;
	max-width:inherit;
	}
.space_mode2{
	max-width:6em !important;
	padding:0 !important;
	}
.test_mode:hover{
	border:0 !important;
}
.text_transparent{color:rgba(0, 0, 0, 0.0);}
.test_mode{
	border:0;
	border-bottom: rgba(199, 163, 15, 0.8) 5px solid  !important;
	border-radius: 5px;
	background-color:rgba(199, 163, 15, 0.0);
	}
.test_mode:hover{
	border:0;
	border-bottom: rgba(199, 163, 15, 0.8) 5px solid;
	border-radius: 5px;
	background-color:#FFFFFF;
	}

/*  ------------------------------------------ */
/*  new FMdB panel layout */
/*  ------------------------------------------ */

.div_horiz_block_wrap{
	overflow-y:hidden;
	overflow-x:scroll;
	float:left;
	text-align:left;
	white-space:nowrap;
	width:100%;
	margin-left: -0.5em;
	-webkit-overflow-scrolling: touch;
}
@media print{
.div_horiz_block_wrap{
	white-space:normal;
  /*margin-left: 0;*/
}
}

.div_horiz_block_each{
	width:22%;
	display:inline-block;
	float:none;
	vertical-align:top;
	padding-bottom:1rem;
}
.div_horiz_block_each_no_r_scroll{width:24%;}
@media screen and (max-width: 1000px) {
.div_horiz_block_each{
	width:40%;
	display:inline-block;
	float:none;
}
.div_horiz_block_each_no_r_scroll{width:49%;}

}

.div_block_news{
	height:200px;
	overflow-y:hidden;
	overflow-x:scroll;
	position:relative;
	top:-20px;
	float:left;
	white-space:nowrap;
	width:100%;
	-webkit-overflow-scrolling: touch;
}
.div_block_news_each{
	width:97%;
	display:inline-block;
	float:none;
}
.div_block_people{
	height:300px;
	overflow-y:scroll;
	overflow-x:hidden;
	position:relative;
	-webkit-overflow-scrolling: touch;
}
.div_eyebrow{
	position:relative;
}
.border_gradient{
	position:relative;
	top:-7px;
	width:100%;
	height:10px;
}


/* ------------------------------------------------- */
/* FLOATING                                          */
/* ------------------------------------------------- */
.bub_frame
	{
	position: relative;
	}
.bub_canvas
	{
	position: absolute;
	}
	
.bub_1{
	position: absolute;
	width:200px;
	top:50%;
	left:50%;
	
}


/* ------------------------------------------------- */
/* AUTO COMPLETE                                     */
/* ------------------------------------------------- */


/*.input_container {margin: 1.16% 1.16% 0% 1.16%;}*/
.input_container >.text_news_EN {line-height:1.6em;}

/*@media screen and (max-width: 767px) {
	.input_container {margin: 0 1.16% 0 107px;}
	}*/

.input_container input {
	/*height: 20px;
	width: 200px;
	padding: 3px;*/
	border: 1px solid #cccccc;
	border-radius: 0;
}
.input_container ul {
	width:44%;
	/*border: 1px solid #eaeaea;*/
	position: absolute;
	z-index: 9;
	background: #FFFFFF;
	list-style: none;
	padding:0px 0px 0px 0px;
	/*margin: 0 1em 0 1.5em;*/
	overflow:hidden;
}
.input_container li {margin:0px;}

@media screen and (max-width: 767px) {.input_container ul {width:100%;margin:0;left:0;}}
.input_container ul li {
	border-bottom: 1px solid #BFCCE0;
	float:left;
	width: 100%;
}
@media screen and (max-width: 767px) {.input_container ul li{width:100%;}}
.input_container ul li a{
	text-decoration:none;
}

.input_container ul li:hover {
	background-color: rgba(204,204,204, 1.00);
	color: #050505;
}
#person_list_id, #person_list_id3, #person_list_id4, #person_list_id4a {
	display: none;
}
/* no need pic of magnifying glass for these ids
#person_id, #person_id3,#person_id4,#person_id4a, #person_id_test{
    background-image: url(../images_back/icon-search.png);
	background-position: 5px 3px;
	background-repeat: no-repeat;
	background-size: auto 80%;	
	padding-left:1.8em;
}
*/

/* ------------------------------------------------- */
/* NAV MENU                                          */
/* ------------------------------------------------- */

#nav{border:0;}
#nav .cursorzero{cursor:default;}

/* ----------   level 1 containing ul  ----------- */


.spec-spacer{width:35px;height:10px;margin-bottom:-8px;}
.spec-spacer-new{width:44px;height:10px;margin-top:3px;}
.spec-spacer2{width:67px;}
.spec-spacer3{float:none;}
.spec-spacer4{
	float:none;
	width:100%;}

#nav ul{
	list-style-type:none;
	margin:0;
	border:0;
	padding:0;
	text-align:left;
	position:absolute;
	/*width:50%;*/
	}

#nav ul.selected,
#nav ul:hover{z-index:99;}
#nav ul:hover li{display:block;}

/* ----------   level 1 each li  ----------- */
#nav > ul > li{line-height: 1.7em;}

#nav li{				
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: normal;
	font-size: 1.0em; 
	line-height: 2.0em;
	float:left;
	margin:0;
	display: none;
	text-align:left;
	border-bottom: 2px solid #600101;
	width: 98%; 
	background-color: #F6F6F6;
	color:#050505;
	}

#nav li.selected{background-color: rgba(204,204,204, 1.00);}
#nav li:hover{
	background-color: rgba(204,204,204, 1.00);
	color: #050505;}

#nav li a{
	color:#050505;
	float:left;
	text-decoration:none;
	white-space:nowrap;
	width:100%;
	padding: 0.4em 0.5em 0.35em 0.5em;
	text-align:left;
	}


#nav li a:hover{color: #050505;}


#nav li button{
	font-family: inherit;
	color: inherit;
	font-weight: inherit;
	font-size: inherit; 
	line-height: inherit;
	}

@media print{#nav li{font-size: 0.8em;}}
/*@media screen and (max-width: 767px) {*/
/*}*/








.menuhead{
	font-weight: 100;
	font-size: 1.5em; 
}



@media print{.menuhead{font-size: 1.2em;}}
@media screen and (max-width: 1050px) {
	.menuhead{font-weight: 400;font-size: 1.25em;}
	}



/* ------------------------------------------------- */
/* MOBILE                                            */
/* ------------------------------------------------- */

.for-mobile-only {display: none;}
@media screen and (max-width: 767px) {
.for-mobile-only {display: inline-block;}
.not-for-mobile  {display: none;}
    }

/* ------------------------------------------------- */
/* PRINT                                             */
/* ------------------------------------------------- */

.page-break	{ display: none;}
.for-print-only {display: none;}


@media print{


.div_level1{text-align: left;}
.print-widthfull{width:100% !important;}
.div_level0_header{padding:0;}
/*.div_level0{padding:0;} */


.text_wrapper{padding: 0.5em !important;}
.div_fixedtop{position: static;} /* puts contact header back into the flow for printing */
.negleftmargin{margin-left:-10px;}
/*
@media print {div {
	float: none !important;
	position: relative !important;}}
	*/
/*trying to get page-break to work*/
/*div {float: none !important;}*/

.page-break	{ 
	display: block; 
	page-break-before: always; 
	width:100%;
	/*text-align:right;
	height: 1px;*/
}
.page-break-inside-avoid	{ 
	page-break-inside: avoid; 
}
.for-print-only {display: inline-block;}
.not-for-print  {display: none;}

/*.div_baseblock_3x1{page-break-inside:avoid;}
.div_baseblock_2x1{page-break-inside:avoid;}
.div_baseblock_1x1{page-break-inside:avoid;}
.text_wrapper{page-break-inside:avoid;}
.div_level1{page-break-inside:auto;}
*/

.text_level1_wrap{
	width: 100%;
	max-width:100%;
	padding:0;
}
.text_content_header_page{font-size: 2.0em;}

.text_content_header_page{font-size: 2.0em; margin:0;}
.logo-fm-large{height:70px;}

.div_foot_menu_1{padding:5px 0px 5px 0px ;}
.text_foot_menu_1{font-size: 0.7em;}

.bk-blue, .bk-dkgrey, .bk-purple, .bk-aqua, .bk-green, .bk-tan, .bk-none{background-color:#ffffff;}
.bk-grey{background-color:#FFFFFF;}
.bk-maroon{background-color:#FFFFFF;}
.bk-maroon-33{background-color:#FFFFFF;}

.text-aqua, .text-grey, .text-white {color:#000000;}
}

	/* -------------- Specific Form Rules Item 1b------------- */
textarea{width:100%;}
label{width:100%;}
fieldset { 
	width: 100%; 
	/* border: 4px solid #aaa; 
	padding: 10px; */
}
#formplusreply label { 
	display: block; 
	/*font-weight: bold;  */
	width: 100%; 
	/*margin: 5px 0px 3px 0px; */
	font-size:inherit;
	
	cursor: pointer; 
	/*text-align:right;*/
	float:right
} 
/*width of label controls pointer and clickable width*/
/*display: block so that the tags go to the next line*/
#formplusreply input, #formplusreply textarea, #formplusreply select { 
	/*display: block; */
	/*font-weight: bold; */
	/*margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 5px;*/
	/*height:2em;*/
	/*width:100%;*/
	font-size:inherit;
	max-width:22em;
	float:right;
}
#formplusreply .type2 { 
	display: inline; 
}
/*where the tag is not required on the next line for radio tags and checkboxes*/
#formplusreply textarea { 
	width: 100%;  
	max-width:100%;
	height:5em;
	/*overflow: auto; /* removes IE scrollbar */ 
}
#formplusreply input:focus, #formplusreply submit:focus, #formplusreply textarea:focus, #formplusreply select:focus { 
	outline: 0; /* to delete Safari's blue border */ 
}
.req { 
	color: #ff0000; 
	padding: 0 5px; 
}
#formplusreply label.submit { 
	width: 10em;
	height:2em;
}
#submit { 
	cursor: pointer; 
}
#formplusreply input.botcatch { 
	visibility: hidden; 
	height: 0; 
	line-height: 0; 
	font-size: 0; 
	margin: 0; 
	padding: 0; 
	border: none; 
}

::-webkit-input-placeholder {font-size: 1.0rem;}/*For Chrome*/
::-moz-placeholder {font-size: 1.0rem;}/*For Mozilla Firefox*/
:-ms-input-placeholder {font-size: 1.0rem;} /*For Internet Explorer*/
:-o-input-placeholder {font-size: 1.0rem;} /*For Opera*/

/*
h1:before{margin-right: 10px;}
h1:after{margin-left: 10px;}
h1:before, h1:after {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    content: '\a0';<p class="margintop07 border-bottom-maroon"></p>
    font-size:3px;
    position: relative;
    top: -15px;
}
*/

.commoninputclass{margin-left:3px; width:79%;}
@media screen and (max-width: 1050px) {
.commoninputclass{margin-left:0px; width:75%;}
	}
	
.horizontal-scroll-except-first-column {
    width: 100%;
    overflow: auto;
    margin-left: 8em;
}

.horizontal-scroll-except-first-column > table > * > tr > td:first-child {
    position: absolute;
    width: 8em;
    margin-left: -8em;
}

.horizontal-scroll-except-first-column > table > * > tr > td {
    /* Without this, if a cell wraps onto two lines, the first column
     * will look bad, and may need padding. */
    white-space: nowrap;
}