/*cn-textcn-textbody { font-family: Arial,Helvetica,sans-serif; text-align: left; background-color: #FFF; }*/
#container { background-color: #FFF; }
p, td, th, li, dt, dd, div, span { font-family: Arial,Helvetica,sans-serif; }
body, p, li, th, table, tr, td, div { font-size: 15px; }
/* Default Links */
a{ color: #865c84; text-decoration: none; }
a,a:link{ /* unvisited link */ color: #0000FF; }
a:visited{ /* visited link */ color: #800080; }
a:hover{ color: #660099; /* mouse over link */ text-decoration: underline; }

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Arial, Helvetica, sans-serif; vertical-align: baseline; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input [type="textfield"]{ -webkit-appearance: none; -webkit-border-radius: 0px; }
input[type="radio"] { -webkit-appearance: radio; }
/* typography.css */
body { font-size: 75%; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p { margin: 0 0 1.5em 0; line-height: 1.5em; }
sup,
sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: .9166667em; }
sup { bottom: 1ex; }
sub { top: .5ex; }
/* grid.css */
.container{ width: 964px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
body { margin: 0; }
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 { float: left; margin-right: 20px; }
div.last { margin-right: 0; }
.span-1 { width: 62px; }
.span-2 { width: 144px; }
.span-3 { width: 226px; }
.span-4 { width: 308px; }
.span-5 { width: 390px; }
.span-6 { width: 472px; }
.span-7 { width: 554px; }
.span-8 { width: 636px; }
.span-9 { width: 718px; }
.span-10 { width: 800px; }
.span-11 { width: 882px; }
.span-12, div.span-12 { width: 964px; margin: 0; }
.span-4-nomarginright { width: 308px; float: left; margin: 0px; }
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; }
hr.space { background: #fff; color: #fff; }
.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .container { display: inline-block; }
* html .clearfix, * html .container { height: 1%; }
.clearfix, .container { display: block; }
.clear { clear: both; }
#hidetest{ display: none; }
/*header*/
#thclogo { background-image: url(../images/thclogo_withcircle.jpg); width: 300px; background-repeat: no-repeat; text-indent: -9999px; display: block; height: 135px; float: left; }
a:focus #thclogo{ outline: 1px dotted #fff; }
#usdhhslogo { background: url(../images/simpleblue.gif) no-repeat 0 0; text-indent: -9999px; display: block; height: 19px; width: 964px; }
#usdhhslogo a:focus{ outline: 1px dotted #fff; }
/*blue*/
.header-blue { background: url(../images/full_header_background.gif) repeat-x 0 0; height: 64px; float: left; width: 100%; min-width: 974px; margin: 0; }
.top-hhs-row{ float: left; width: 100%; margin: 0; }
.top-hhs-row a:focus{ outline: 1px dotted #fff; }
.top-hhs-logo{ float: left; width: 351px; }
.top-hhs-url{ float: right; width: 127px; }
.top-omh-row{ float: left; width: 100%; }
.top-omh-logo{ float: left; background: url(../images/simpleblue.gif) no-repeat 0 0; text-indent: -9999px; display: block; height: 19px; width: 240px; }
.top-omh-url{ float: right; width: 720px; text-align: right; }
.top-omh-url a{ margin: 0 12px 0 0; text-decoration: none; font: 700 14px/14px Arial, Helvetica, sans-serif; color: #FFF; letter-spacing: .1em; }
/*red*/
.header-red { background: url(../images/header_red_background.jpg) repeat-x 0 0; height: 135px; overflow: hidden; float: left; width: 100%; min-width: 974px; margin: 0px; z-index: 0; }
.header-red .top-tch-text { font: 400 17px/20px Georgia, "Times New Roman", Times, serif; font-style: oblique; color: #FFF; width: 315px; height: 50px; float: left; margin-top: 30px; margin-left: -65px; }
/*skipnav*/
#skip{ position: absolute; top: -100px; }
#skipcase{ position: absolute; top: -100px; }
/*nav*/
.top-nav{ float: left; width: 960px; margin-top: 10px; z-index: 1000; position: relative; }
.top-nav ul{ list-style: none; float: left; margin: 0; padding: 0; }
.top-nav ul li{ float: left; position: relative; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0; border-right: 1px #fff dotted; }
.top-nav ul .noborder { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.top-nav ul li a{ font: bold 14px/16px Arial, Helvetica, sans-serif; color: #000; text-decoration: none; display: block; padding: 5px 11px; margin: 0; }
.top-nav ul li a:hover { background: #DDC268; }
.top-nav ul li ul{ position: absolute; top: 25px; left: 0px; margin-left: -9999em; border: 1px solid #DDC268; width: 135px; height: auto; z-index: 90; background-color: #E8D799; padding: 0 10px 10px 10px; }
.top-nav ul li ul li{ clear: left; width: 135px!important; background: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDC268; border-right-style: none; }
.top-nav ul li ul li.lastheadernav{ border: none; }
.top-nav ul li ul li a{ background: none; height: auto!important; width: 125px!important; color: #444; text-decoration: none; text-indent: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; padding-top: 6px; padding-right: 5px; padding-bottom: 8px; padding-left: 5px; }
.top-nav ul li ul li a:hover{ color: #ffffff; background-color: #DDC268; }
.top-nav ul li:hover ul,.top-nav ul li.iehover ul{ margin-left: 0; }
.top-nav ul li.current a { background-color: #33326b; color: #fff; }
.top-nav ul li.current a:hover { background: #DDC268; color: #000; }
.top-nav ul li.current a { background-color: #33326b; color: #fff; }
.top-nav ul li.current a:hover { background: #DDC268; color: #000; }
#navandsearch { float: left; width: 100%; min-width: 974px; margin-top: 0px; margin-right: auto; margin-left: auto; background-color: #E8D799; height: 44px; }
#navandsearch #centernaveandsearch { height: 45px; width: 960px; margin: 0 auto; }
/*search*/
.search{ float: right; width: 250px; height: 26px; padding: 0px; font: normal 11px/15px Arial,Helvetica,sans-serif; overflow: hidden; margin-top: 20px; margin-bottom: 5px; margin-right: -20px; }
.search-box{ width: 100%; margin: 15px 0 15px 3px; margin: 5px; }
.search-box h5{ font: bold 12px/14px Arial, Helvetica, sans-serif; color: #454484; }
#centerallcontent { width: 964px; margin-right: auto; margin-left: auto; background-color: #FFF; }
#maincontent { float: left; margin: 10px 0 0 0; padding: 0 0 0 0; }
/*Left nav expand and collapse*/
.navcollapse{ background: #e8d799; float: left; width: 100%; font: normal 12px Verdana,Geneva,Arial,Helvetica,sans-serif; padding: 0; margin: 0 0 10px 0; }
.navcollapse h2{ font: 700 13px/18px Verdana,Geneva,Arial,Helvetica,sans-serif; padding: 0; margin: 0 0 0px 0; }
.navcollapse h2 a .cn-text, .navcollapse h2 a:visited  .cn-text{ color: #000; text-decoration: none!important; }
.navcollapse h2 a:hover, .navcollapse h2 a:hover span.cn-text, .navcollapse h2 a:focus span.cn-text{ color: #fff; text-decoration: none; background: #000099; }
.navcollapse ul{ display: none; }
.navexpand{ background: #e8d799; float: left; width: 100%; font: normal 12px Verdana,Geneva,Arial,Helvetica,sans-serif; padding: 0; margin: 0 0 10px 0; }
.navexpand h2 a span.cn-text, .navexpand h2 a:visited  span.cn-text{ color: #000; }
.navexpand h2 a:hover, .navexpand h2 a:hover span.cn-text, .navexpand h2 a:focus span.cn-text{ color: #000; text-decoration: none; background: #009; color: #fff; }
.navexpand h2{ color: #fc0; font: 700 13px/18px Verdana,Geneva,Arial,Helvetica,sans-serif; padding: 0; margin: 0 0 0px 0; }
.navexpand ul{ display: inline; }
.navexpand ul.clas-numbered{ margin: 0!important; padding: 0!important; }
/*home-feature */
.home-feature-shadow{ background: url(../images/hf-shadow.jpg) no-repeat 50% 100%; padding: 0 0 27px 0; width: 100%; margin: 10px 0 10px 0; }
.home-feature-wrap{ width: 100%; position: relative; }
.home-feature{ background: #fff; height: 330px; overflow: hidden; position: relative; z-index: 1; }
.hf-item{ background: #33326b; height: 330px; width: 100%; }
.hf-text{ width: 146px; height: 300px; padding: 30px 0px 0 15px; float: left; }
.hf-image{ float: left; width: 460px; height: 330px; overflow: hidden; }
.hf-text h3{ color: #fff; margin: 0 0 10px 0; padding: 0; font: 400 22px/26px Arial, Helvetica, sans-serif; }
.hf-text p{ color: #fff; margin: 0 0 30px 0; padding: 0; font: 400 14px/19px Arial, Helvetica, sans-serif; }
a.button-more{ color: #33326b; text-decoration: none; padding: 8px 15px; font: 700 14px/18px Arial, Helvetica, sans-serif; text-transform: uppercase; -webkit-border-radius: 6px; border-radius: 6px; background: #fff; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
a:hover.button-more{ background: #fff; color: #bb0000; text-decoration: none; }
a:focus.button-more{ outline: 1px dotted #ccc; outline-offset: 5px; /*Delete if you don't want an offset*/ }
.home-feature-nav{ position: absolute; bottom: 10px; right: 10px; z-index: 9999; }
.home-feature-pager{ padding: 0px; display: block; height: 10px; }
.home-feature-pager a{ text-indent: -9999em; height: 8px; width: 8px; display: block; background: #6362ae; margin: 0 5px 0 0; outline: none; line-height: 8px; float: left; -webkit-border-radius: 20px; border-radius: 20px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.home-feature-pager a:hover{ background: #8c8bd1; }
.home-feature-pager a:focus{ background: #8c8bd1; }
.home-feature-pager a.activeSlide{ background: #fff; }
.home-feature-pager a:focus, .home-feature-pager a:focus.activeSlide{ background: #fc0; }
/*buttons*/
#homepagebuttons { width: 630px; height: 110px; margin: 20px 0; }
#homepagebuttons ul { list-style-type: none; float: left; padding: 0px; height: 45px; width: 620px; margin: 0 0 5px 5px; }
#homepagebuttons ul li { float: left; padding: 0; margin: 5px 5px 5px 0; }
#homepagebuttons a { outline: none; }
#homepagebuttons ul li a.classtandardbutton { background-image: url(../images/classtandears_button.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 45px; width: 300px; }
#homepagebuttons ul li a.omhbutton { background-image: url(../images/officeofmh_button.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 45px; width: 300px; }
#homepagebuttons ul li a.waystoconnectbutton { background-image: url(../images/waystoconnect_button.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 45px; width: 300px; }
#homepagebuttons ul li a.contactbutton { background-image: url(../images/contactus_button.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 45px; width: 300px; }
#homepagebuttons ul li a.classtandardbutton:hover { background-image: url(../images/classtandears_button.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 45px; width: 300px; background-position: 0px -45px; }
#homepagebuttons ul li a.omhbutton:hover { background-image: url(../images/officeofmh_button.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 45px; width: 300px; background-position: 0px -45px; }
#homepagebuttons ul li a.waystoconnectbutton:hover { background-image: url(../images/waystoconnect_button.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 45px; width: 300px; background-position: 0px -45px; }
#homepagebuttons ul li a.contactbutton:hover { background-image: url(../images/contactus_button.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 45px; width: 300px; background-position: 0px -45px; }
/*sidebar*/
#sidebar { float: right; margin: 20px 0 0 0; }
.sidebarcontent { width: 300px; margin: 0px 0 0 0; padding: 0px; }
.sidebarcontent p { color: #111; }
.wcgroup { height: 110px; width: 160px; float: left; margin-right: 10px; margin-bottom: 5px; }
#sidebar .sidebarcontent h3 a { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; text-decoration: none; color: #000; line-height: 17px; }
#sidebar .sidebarcontent #menu { width: 220px; }
#sidebar .sidebarcontent #menu ul { list-style-type: none; }
#sidebar .sidebarcontent #menu ul li a { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #33326B; }
#sidebar .sidebarcontent #newboxes { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 280px; margin-top: -15px; padding: 5px; }
#hot_topics { border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #AAA; margin-bottom: 15px; }
#hot_topics ul { margin-top: -15px; }
#input_tags{ width: 200px; margin-top: -15px; margin-right: 5px; margin-left: 5px; }
#Resouces p label { float: left; height: 20px; width: 75px; }
.redsquare { margin: 3px; }
.playvideoicon { float: left; margin-right: 10px; }
.forceright { float: right; margin: 5px; }
.left-sidebar{ float: left!important; width: 250px; }
.left-sidebar .sidebarcontent { width: 230px; margin: 0px 0 0 0; padding: 0px; }
.right-maincontent{ float: right!important; width: 704px; }
/*footer*/
#footer { width: 100%; float: left; background-image: url(../images/footerbackground.jpg); background-repeat: repeat-x; margin-top: 20px; }
#footer #footercontent { padding: 5px; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; text-align: center; }
#footer #footercontent ul { list-style-type: none; margin-right: auto; margin-left: auto; }
#footer #footercontent ul li { display: inline; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; padding-left: 5px; padding-right: 5px; }
#footer #footercontent ul li.lastfooter{ border: none; }
#footer #footercontent ul li a { color: #FFF; text-decoration: none; }
#footer #footercontent ul li a:hover { color: #FDE8A1; text-decoration: underline; }
#footer #footercontent p { margin: 0 0 4px 0; }
#footer #footercontent p a { color: #FFF; text-decoration: none; }
#footer #footercontent p a:hover { color: #FDE8A1; text-decoration: underline; }
/*login-top*/
.login-top{ margin: 0px 0 0 0; }
.login-top .ctrl-holder{ float: left; width: 100%; margin: 0 0 10px 0; }
.login-top .ctrl-holder label{ width: 60px; float: left; margin: 0 10px 0 5px; padding: 2px 0 0 0; font: 400 12px/14px Arial, Helvetica, sans-serif; color: #eee; }
.login-top .ctrl-holder input.logflds{ background: #eee; border: #fff 1px solid; float: left; width: 115px; margin: 0 5px 0 0; padding: 1px 0; }
.login-top .ctrl-holder input:focus.logflds{ background: #fff; border-color: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1); }
p.login-forgot{ margin: 0 0px; padding: 0 0 5px 0; float: left; width: 100%; }
p.login-forgot a{ margin: 0 0px 0 5px; padding: 3px 0 0 0; float: left; }
input.logsub3{ border: #615fc9 1px solid; background: #13142b; color: #fff; padding: 3px 10px; margin: 0 5px; float: left; text-align: center; font: 700 12px/14px Arial, Helvetica, sans-serif; cursor: pointer; }
input:hover.logsub3, input:focus.logsub3{ background: #ddc268; color: #000; border-color: #fde8a1; }
input:active.logsub3{ background: #9a2416; color: #fff; border-color: #c8000b; }
.login-error{ color: #fc0; font: 700 12px/14px Arial, Helvetica, sans-serif; padding: 0px 5px; margin: 0 0 0px 0; display: block; }
/*forgot form*/
fieldset.fieldset-forgot{ border: none; padding: 0; margin: 0 0 20px 0; }
fieldset.fieldset-forgot .ctrl-holder{ width: 100%; margin: 0 0 20px 0; }
fieldset.fieldset-forgot .form-header1{ float: left; width: 38%; margin: 0 4% 0 0; font: bold 14px Arial, Helvetica, sans-serif; }
fieldset.fieldset-forgot input.text-input{ border: #aaa 1px solid; background: #fff; padding: 3px; }
fieldset.fieldset-forgot input:focus.text-input{ border-color: #314cb1; }
fieldset.fieldset-forgot input.text-submit{ font: 700 12px/14px Arial, Helvetica, sans-serif; color: #000; border: #ddc268 1px solid; background: #fde8a1; padding: 5px 10px; margin: 0 5px 0 0; display: inline-block; }
fieldset.fieldset-forgot input:hover.text-submit{ background: #314cb1; color: #fff; border-color: #000099; }
fieldset.fieldset-forgot a.text-cancel{ font: 700 12px/14px Arial, Helvetica, sans-serif; color: #000; border: #ccc 1px solid; background: #eee; padding: 6px 10px 7px 10px; margin: 0 5px 0 0; display: inline-block; text-decoration: none; }
fieldset.fieldset-forgot a:hover.text-cancel{ background: #314cb1; color: #fff; border-color: #000099; text-decoration: none; }
/*sitemap list*/
.sitemaplist { list-style-position: inside; }
.sitemaplist li { margin-bottom: 7px; margin-left: 10px; text-indent: -1em; padding-left: 2em; }
.sitemaplist1 { list-style-type: lower-alpha; list-style-position: inside; }
.sitemaplist1 li { margin-bottom: 7px; margin-left: 10px; text-indent: -2em; padding-left: 2em; }
.claslist { list-style-position: inside; }
.claslist li { margin-bottom: 7px; margin-left: 10px; text-indent: -2em; padding-left: 2em; }
.firstlist li ol { list-style-type: upper-roman; margin-top: 5px; list-style-position: inside; text-indent: -2em; padding-left: 2em; }
.sitemapSecondList { list-style-type: upper-roman; list-style-position: inside; text-indent: -2em; padding-left: 2em; }
/*bodytext*/
#bodytxt { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #000; padding: 0px; xwidth: 580px; margin: 0px; }
#bodytxt sup{ font-size: .7857em!important; }
 p.small-note { font-size: 11px; font-weight: 400; }
.red-header { font-size: 18px; line-height: 24px; color: #841000; font-weight: bold; }
#bodytxt h1 { font-size: 24px; line-height: 30px; color: #841000; font-weight: bold; }

#bodytxt h2, #bodytxt h3 { font-size: 18px; line-height: 24px; font-weight: bold; color: #000; }
#bodytxt h4 { font-size: 16px; font-weight: bold; color: #841000; }

#bodytxt h5 { font-size: 14px; font-weight: bolder; color: #841000; }
#bodytxt ul { font: 400 14px/18px Arial,Helvetica,sans-serif; margin: 0 0 20px 0; }
#bodytxt ul li{ margin: 0 0 6px 16px; }
#bodytxt ul ul{ margin: 5px 0 20px 0px; }
#bodytxt ol { font: 400 14px/18px Arial,Helvetica,sans-serif; margin: 0 0 20px 0; }
#bodytxt ol.alpha { list-style: lower-alpha; }
#bodytxt ol.alpha ul { margin-left: 16px; }
#bodytxt ol li{ margin: 0 0 6px 16px; }
#bodytxt ol ol{ margin: 5px 0 20px 0px; }
#bodytxt .otherwidgets { margin: 10px; float: left; height: 200px; width: 250px; }
#bodytxt .otherwidgets1{ margin: 10px; float: left; height: 400px; width: 250px; }
p.longdesc{ text-align: center; padding: 20px 0 0 0; }
/*pageanchorlist*/
#bodytxt #pageanchorslist { background-color: #CCCBD0; font-family: "Arial Black", Gadget, sans-serif; font-size: 12px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #BBB; margin-top: 10px; float: left; width: 200px; padding: 3px; }
#bodytxt #pageanchorslist ul li { margin-bottom: 10px; list-style-position: outside; list-style-type: none; text-indent: -2em; padding-left: 2em; }
#bodytxt #pageanchorslist ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #000; }
#bodytxt #pageanchorslist ul li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #000; }
/*practice exercises*/
#bodytxt #CheckUp{ background: #fdf7ed; border: #f6dfc7 1px solid; margin: 0px 0px 20px 0px; padding: 0 0 15px 0; font: normal 12px Arial,Helvetica,sans-serif; }
#bodytxt #CheckUp h3{ background: url(/images/call_hdr_pp.gif) no-repeat 0% 100%; margin: 0 0 20px 0; padding: 44px 0 0 0; text-indent: -5000px; color: #000; }
#bodytxt #CheckUp h3.wdyt{ background: url(/images/call_hdr_wdyt.gif) no-repeat 0% 100%; margin: 0 0 20px 0; padding: 44px 0 0 0; text-indent: -5000px; color: #000; }
#bodytxt #CheckUp h4{ color: #333; font: bold 10px Arial,Helvetica,sans-serif; margin: 0 0 10px 0; padding: 0 15px; }
#bodytxt #CheckUp p{ color: #000; margin: 0; padding: 5px 15px; font-size: 14px; }
#bodytxt #CheckUp ul{ margin: 0px 0 15px 0; padding: 10px 0 0 0; list-style: none; }
#bodytxt #CheckUp ul li{ margin: 0 10px; padding: 0 0px 10px 10px; background: url(/images/rt_bull.gif) no-repeat 0 2px; }
#bodytxt #CheckUp ul li ul li{ background: url(/images/rt_bull_sub.gif) no-repeat 0 7px; }
#bodytxt #CheckUp form{ padding: 0; margin: 0 15px; }
#bodytxt #CheckUp textarea{ border: #a3b4de 1px solid; font: normal 11px Arial,Helvetica,sans-serif; width: 410px; padding: 5px; }
#bodytxt #CheckUp textarea:focus{ border: #314CB1 1px solid; }

#maincontent, #maincontent p{ font: 14px/18px Arial, Helvetica, sans-serif; }


#CheckUp{ clear: both; }
.checkup-question{ font: 700 12px/18px Arial,Helvetica,sans-serif; color: #000; padding: 0px 0 0px 0; display: inline; }
.checkup-question.morespace{ padding: 0px 0 5px 0; }
.count-noscript{ margin: 0 0 0px 0; color: #000; }
.checkup-group-wrap{ border-bottom: #f6dfc7 1px solid; padding: 5px 0 10px 0; margin: 0 0 15px 0; }
.checkup-choice-wrap{ width: 100%; margin: 0 0 3px 0; }
.checkup-choice-wrap:focus{ outline: #333 1px dotted; }
.checkup-choice{ }
.checkup-textarea-wrap{ border-bottom: #f6dfc7 1px solid; padding: 5px 0 20px 0; margin: 0 0 15px 0; }
.checkup-textarea-wrap textarea{ width: 592px!important; background: #fff; margin: 10px 0 0 0; font: 400 12px/18px Arial,Helvetica,sans-serif!important; }
.checkup-question-instructions{ color: #821503; padding: 10px 0 10px 0; font: 400 14px/18px Arial,Helvetica,sans-serif; }
/*breadcrumbs*/
#intcrumb{ width: 100%; overflow: hidden; padding: 0px 0px 10px 0px; margin: 10px 0 20px 0; background: #f4f5fa; }
#intcrumb h4{ font: bold 16px Arial,Helvetica,sans-serif; color: #314CB1; padding: 0; margin: 0px 0 2px 0; }
#intcrumb p{ font: bold 12px/18px Arial,Helvetica,sans-serif; color: #263f9a; padding: 10px 10px 0px 10px; margin: 0; }
#intcrumb a{ font-weight: normal; }
#intcrumb a:hover{ color: #781a0d; }
/*course progress bar*/
.propage{ height: 10px; margin: 2px 0 2px 0; padding: 7px 10px 5px 10px; overflow: hidden; }
.progress-text{ float: left; vertical-align: text-top; font: bold 11px/13px Arial,Helvetica,sans-serif; color: #314CB1; width: 9%; height: 5px; margin: 0px 5px 0 0; }
.nodeopenpage{ line-height: 0; border: 1px solid #FFFFFF; background: #bce; float: left; height: 5px; margin: 4px 0 0 2px; width: 40px!important; }
.nodeclosedpage{ line-height: 0; border: 1px solid #FFFFFF; background: #000099; float: left; height: 5px; margin: 4px 0 0 2px; width: 40px!important; }
#bodytxtsearch { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #000; text-indent: 10px; padding: 10px; width: 932px; margin-right: auto; margin-left: auto; }
/*understandingthemes*/
/*LOGIN*/
#centerallcontent #container #maincontent #loginform #redboxlogin #login .redtext .redtext { color: #B00; margin: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; font-weight: bold; background-color: #FFF; padding: 2px; }
.msgtxt { color: blue; }
.drilltxt { font-weight: bold; color: #009; }
.timeouttxt{ color: #f00; font: 700 18px/22px Arial, Helvetica, sans-serif; text-align: center; }
#loginform { width: 600px; margin: 0; }
#registerCLCCHC .regform3 .ctrlHolder .reglabelbold { width: 125px; height: 15px; float: left; }
#registerCLCCHC .regform3 .ctrlHolder1 .reglabellong { margin-left: 10px; }
#redboxlogin { background-color: #831504; border: medium solid #510C02; padding: 10px; color: #FFF; margin: 20px; }
#redboxlogin h3 { color: #FFF; }
#redboxlogin h4 { color: #FFF; }

#redboxlogin p.rbl-title { color: #FFF; font: 400 16px/20px Arial, Helvetica, sans-serif;}
#redboxlogin a { color: #CCC; }
.login-message{ margin: 0 0 20px 0; color: #fff; font-weight: bold; }
.login-form{ width: 100%; margin: 0 0 10px 0; }
.login-form p{ margin: 6px 0 16px 0; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #fff; }
.login-col-left{ float: left; width: 80px; height: auto; margin: 0 10px 0 0; font-weight: bold; }
.login-col-right{ float: left; width: 300px; margin: 0 0 0 0; line-height: 8px; }
.smuser { background-color: #831504; height: 18px; width: 270px; font-size: 12px; font-weight: bold; color: #EEE; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 5px; margin-top: -10px; margin-right: 5px; margin-bottom: 2px; margin-left: 2px; }
/*specail table pp*/
.patientpc{ background: #e7d492; padding: 10px; float: left; width: 600px; margin-top: 0; margin-right: 0px; margin-bottom: 20px; margin-left: 0; }
.patientpc.bubhgt{ height: 65px; width: 250px; margin: 0 20px 20px 0; float: left; display: block; }
.patientpc:hover{ background: #ddc268; }
.patientpc h5{ font-size: 12px; margin: 0; padding: 5px 0 5px 5px; }
.patientpc p{ font-size: 11px; line-height: 14px; margin: 0; padding: 0 0 0 5px; color: #000; }
a.pplink1,
a.pplink2,
a.pplink3,
a.pplink4,
a.pplink5,
a.pplink6,
a.pplink7,
a.pplink8,
a.pplink9,
a.pplink10,
a.pplink11,
a.pplink12,
a.pplink13{ color: #000!important; text-decoration: none!important; border: none!important; }
.ppcover{ width: 300px; }
.ppcover.bubble{ width: 300px; position: absolute; z-index: 100; color: #000; margin-top: 50px; }
span.altlink{ cursor: pointer; display: block; }
.ppcover span{ float: left; cursor: pointer; display: block; background: Gray; }
.ppbubblelink{ color: #0000ff!important; text-decoration: underline!important; background: none!important; }
.ppbubblelink:hover{ color: #666!important; }
.tiptop{ float: left; width: 322px; height: 26px; background-image: url(../images/pp_images/ppc_tip_top2.gif); background-repeat: no-repeat; background-position: 0 0; }
.tipmid{ float: left; background: url(../images/pp_images/ppc_tip_mid2.gif) repeat-y 0 0; width: 322px; }
.tipmid p{ margin: 0 20px; padding: 0; }
.tipbottom{ float: left; background: url(../images/pp_images/ppc_tip_bottom2.gif) no-repeat 0 0; width: 322px; height: 30px; }
/*test login in header*/
#loginsearch{ float: right; width: 225px; height: 130px; padding-top: 3px; }
#hmleft{ background-color: #33326b; width: 200px; font-family: Arial, Helvetica, sans-serif; color: #EEE; margin: 5px; padding: 5px; border: medium solid #21224a; float: right; height: 75px; }
ul.top-user-name{ list-style: none; font: 400 12px/16px Arial, Helvetica, sans-serif; color: #fff; float: left; width: 100%; margin: 5px 0 2px 0!important; padding: 0 5px; }
ul.top-user-name li{ border: none!important; margin: 0; padding: 0; 
width:95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    }


ul.top-actions{ list-style: none; font: 400 12px/16px Arial, Helvetica, sans-serif; color: #fff; float: left; width: 100%; margin: 0 0 5px 0!important; padding: 0 5px; }
ul.top-actions li{ border: none!important; margin: 0 10px 6px 0!important; padding: 0!important; float: left; }
ul.top-actions li.first{ border-right: #fff 1px solid!important; padding: 0 10px 0 0!important; }


input.profile-btn{ background: none; border: none; color:#fff; padding:0; margin:0; display: inline-block; cursor: pointer; text-align:left;}
input.profile-btn:hover, input.profile-btn:focus{ color:#fde8a1; text-decoration: underline;}

input.profile-btn::-moz-focus-inner { padding: 0 !important; border: 0 none !important; }

#hmleft h3{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #EEE; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; height: 20px; }
#hmleft a { color: #FFF; text-decoration: none; }
#hmleft a:hover { color: #FDE8A1; text-decoration: underline; }
#hmleft1{ background-color: #33326b; width: 200px; font-family: Arial, Helvetica, sans-serif; color: #EEE; margin: 2px 0 0 0px; padding: 5px; border: medium solid #21224a; float: right; }
#hmleft1 a { color: #FFF; text-decoration: none; }
#hmleft1 a:hover { color: #FDE8A1; text-decoration: underline; }
/*search*/
.search_2{ width: 220px; height: 24px; font: normal 11px/15px Arial,Helvetica,sans-serif; xoverflow: hidden; padding: 0px; float: right; }
.search_2 #form1 input { float: left; }
input.top-search-input{ background: #fff; border: #fff 1px solid; padding: 3px 2px 3px 2px; margin: 0 5px 0 0; width: 140px; display: block; height: 15px; font: 400 12px/16px Arial,Helvetica,sans-serif; }
input:focus.top-search-input{ background: #fff2c4; border-color: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .8); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .8); }
input.top-search-submit{ float: right; background: #ddc268; color: #000; border: #fde8a1 1px solid; padding: 2px 7px; margin: 0 5px 0 0; font: 700 12px/16px Arial,Helvetica,sans-serif; text-align: center; height: 23px; }
input:hover.top-search-submit{ border-color: #ffc; background: #ffcc00; color: #000; }
input:active.top-search-submit{ border-color: #615fc9; background: #13142b; color: #fff; }
.search_2 #form1 .hideFromScreen { text-indent: -99999em; }
/*Table in CLAS page, the 14 CLAS Standards*/
table.clasStandards{ border-bottom: 1px solid #821503; margin: 5px 0 20px 0; padding: 0; width: 100%; border-left: #821503 1px solid; }
table.clasStandards td{ background: #FFFFFF; border-top: 1px solid #821503; border-right: 1px solid #821503; color: #000; padding: 10px 10px 10px 10px; margin: 0; font: normal 12px/18px Arial,Helvetica,sans-serif; text-align: left; vertical-align: top; }
table.clasStandards td.shade{ background: #fff2f0; }
table.clasStandards td ul li{ }
table.clasStandards th{ background: #821503 url(/images/redbar.bmp) repeat-x bottom; color: #fff; font: bold 13px/18px Arial,Helvetica,sans-serif; padding: 10px; text-align: left; line-height: 14px; }
table.clasStandards textarea{ width: 465px; font: normal 11px Arial,Helvetica,sans-serif; background: #EAEDF7; border: #bbb 1px solid; }
#cal{ width: 700px; }
#cal table { width: 700px; margin-right: auto; margin-left: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; /*text-transform: capitalize;*/ }
#cal table a { font-size: 10px; margin: 5px; }
#cal table tr td font strong { text-align: center; margin-left: 5px; margin-top: 5px; }
#cal #control { margin-top: 12px; }
#centerallcontent #container #maincontent .home-feature .home-slide-wrap .home-feature-slide .home-feature-caption .home-feature-caption-text a.hover { text-decoration: none; }
#centerallcontent #container #maincontent .home-feature .home-slide-wrap .home-feature-slide .home-feature-caption .home-feature-caption-text a { text-decoration: none; }
.v-lrg { font-size: 14px; line-height: 22px; text-align: left; display: inline; }
.expertresponse { font-size: 18px; line-height: 22px; margin-right: 3px; margin-left: 3px; }
#event p label { width: 100px!important; margin-right: 5px; float: left; }
#event p label .redtext { color: #B00; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; font-weight: bold; }
#event .bttnHolder { margin: 5px; }
/*email a colleague*/
.emailacolbox{ padding: 0  0 0 0px; margin: 0; width: 640px; float: left; }
.emailacolform{ padding: 0px; margin: 0; background: #eaedf7; border: #cbd0e1 1px solid; }
.emailacolform hr{ height: 2px; border-top: #cbd0e1 1px solid; border-bottom: #fff 1px solid; width: 100%; }
input.emflds{ border: #7f9db9 1px solid; font: normal 11px Arial,Helvetica,sans-serif; height: 20px; width: 300px; }
.emailacolform textarea{ font: normal 11px Arial,Helvetica,sans-serif; padding: 3px; width: 600px; height: 100px; border: #7f9db9 1px solid; }
p.warningtext{ font-weight: bold; color: #CC3300; }
table.emaila{ margin: 0 0 10px  0; padding: 0; width: 100%; background: #dbe0ef; border: #fff 1px solid; }
table.emaila th{ color: #000; font: bold 11px Arial,Helvetica,sans-serif; padding: 6px 7px 6px 7px; text-align: left; line-height: 14px; }
table.emaila td{ color: #000; padding: 3px 7px 9px 7px; font: normal 11px Arial,Helvetica,sans-serif; text-align: left; vertical-align: top; }
table.emailu{ margin: 0 0 10px  0; padding: 0; width: 100%; background: #f4f5fa; border: #fff 1px solid; }
table.emailu th{ color: #000; font: bold 13px Arial,Helvetica,sans-serif; padding: 6px 7px 6px 7px; text-align: left; line-height: 14px; }
table.emailu td{ color: #000; padding: 3px 7px 9px 7px; font: normal 13px Arial,Helvetica,sans-serif; text-align: left; vertical-align: top; }
input.sendemail{ font: bold 10px Arial,Helvetica,sans-serif; padding: 2px 4px; background: #2b55ab; float: left; border: none; color: #fff; outline: none; }
input.submitpulse{ font: 700 12px/16px Arial,Helvetica,sans-serif; padding: 5px 10px; margin: 10px 0 0 0; background: #2b55ab; border: none; color: #fff; outline: none; cursor: pointer; }
input:hover.submitpulse{ background: #821503; color: #fff; }
#lftemailacol{ float: left; margin: 0; overflow: hidden; padding-top: 8px; padding-right: 4px; padding-bottom: 8px; padding-left: 4px; }
#lftemailacol a{ color: #314cb1; font: bold 10px Arial,Helvetica,sans-serif; display: block; background: url(../images/email_col_bg.gif) no-repeat top left; padding: 5px 0 5px 30px; text-decoration: none; }
#lftemailacol a:hover{ color: #663366; display: block; background: url(../images/email_col_bg_hvr.gif) no-repeat top left; padding: 5px 0 5px 30px; text-decoration: underline; }
.mainkeyword { font-size: 18px; font-weight: bold; }
#sharewithfriend ul{ list-style: none; display: block; margin: 0; padding: 0; }
#sharewithfriend ul li{ display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 0 1px; color: #821503; font: bold 12px/12px Arial,Helvetica,sans-serif; }
#sidebar #sharewithfriend { height: 25px; width: 100%; margin: 0 0 0 5px; font-size: 12px; font-weight: bold; color: #821503; border-bottom: #dadada 1px dotted; padding: 0 0 15px 0; margin: 0 0 20px 0; }
.share-print-icon{ display: none; }
.divider { height: 20px; width: 575px; margin-top: 10px; margin-right: auto; margin-left: auto; border-top-width: 1px; border-top-style: solid; border-top-color: #33326b; }
.divider1{ height: 5px; width: 575px; margin-top: 5px; margin-right: auto; margin-left: auto; border-top-width: 1px; border-top-style: dotted; border-top-color: #841000; }
.panel .wrapper p .centerimage { margin-bottom: 10px; width: 410px; margin-left: 30px; }
/* question on right nav */
.fastfacts{ background: #f4f5fa; border-top: #009 10px solid; margin: 0px 0px 20px 0px; padding: 0px 15px 15px 15px; font: normal 12px Arial,Helvetica,sans-serif; }
.fastfacts h3{ background: url(/images/call_hdr_ff.gif) no-repeat 0% 100%; margin: 0 0 10px 0; padding: 44px 0 0 0; text-indent: -5000px; }
.fastfacts h4{ color: #333; font: bold 11px Arial,Helvetica,sans-serif; margin: 0 0 10px 0; padding: 15px 5px; }
.fastfacts p{ color: #333; margin: 0 0 11px 0; }
.fastfacts ul{ margin: 0px 0 15px 0!important; padding: 0px 0 0 0!important; list-style: none; border: none; }
.fastfacts ul li{ margin: 0 0 10px 0!important; padding: 0 10px 10px 10px!important; background: url(/images/rt_bull.gif) no-repeat 0 2px; }
/*cultural connection*/
.cultconn{ background: #f4f5fa; border-top: #009 10px solid; margin: 0px 0px 20px 0px; padding: 0px 15px 15px 15px; font: normal 12px Arial,Helvetica,sans-serif; }
.cultconn h3{ background: url(/images/call_hdr_cc.gif) no-repeat 0% 100%; margin: 0 0 10px 0; padding: 44px 0 0 0; text-indent: -5000px; }
.cultconn h4{ color: #333; font: bold 11px Arial,Helvetica,sans-serif; margin: 0 0 10px 0; padding: 15px 5px; }
.cultconn p{ color: #333; margin: 0 0 11px 0; }
.cultconn ul{ margin: 0px 0 15px 0!important; padding: 0px 0 0 0!important; list-style: none; border: none; }
.cultconn ul li{ margin: 0 0 10px 0!important; padding: 0 10px 10px 10px!important; background: url(/images/rt_bull.gif) no-repeat 0 2px; }
.culturalstyle{ border: 0px solid black; width: 215px; height: 300px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; }
/*cast description*/
.castdesc{ background: #f4f5fa; border-top: #009 10px solid; margin: 0px 0px 20px 0px; padding: 0px 15px 15px 15px; font: normal 12px Arial,Helvetica,sans-serif; }
.castdesc h3{ background: url(/images/call_hdr_cd.gif) no-repeat 0% 100%; margin: 0 0 10px 0; padding: 44px 0 0 0; text-indent: -5000px; }
.castdesc h4{ color: #333; font: bold 11px Arial,Helvetica,sans-serif; margin: 0 0 10px 0; padding: 15px 5px; }
.castdesc p{ color: #333; margin: 0 0 11px 0; }
.castdesc ul{ margin: 0px 0 15px 0!important; padding: 0px 0 0 0!important; list-style: none; border: none; }
.castdesc ul li{ margin: 0 0 10px 0!important; padding: 0 10px 10px 10px!important; background: url(/images/rt_bull.gif) no-repeat 0 2px; }
/*external link*/
img.externalLinkImage{ margin: 0!important; padding: 0!important; border: none!important; }
#intpagenav{ float: left; width: 100%; margin: 15px 0 15px 0; padding: 0px; }
#intpagenav a{ font-weight: bold; }
/* registration form */
.regheader h2 { font-size: 18px; line-height: 21px; color: #841000; font-weight: bold; }
.ctrlHolder{ float: left; width: 100%; margin: 0 0 20px 0; }
.form-options{ float: right; width: 58%; margin: 0; font: normal 13px/14px Arial, Helvetica, sans-serif; }
.form-options p{ margin: 0; padding: 0; }
.form-col-left{ float: left; width: 48%; padding: 0; margin: 0 4% 0 0; }
.form-col-right{ float: left; width: 48%; padding: 0; margin: 0 0% 0 0; }
.form-indent{ margin: 0 0 0 22px; }
p.red-message{ color: #9D2312; font: normal 11px/15px Arial,Helvetica,sans-serif; margin: 0 0 20px 0; }
.browserlinks a img{ border: none; }
.redtext{ color: #9D2312; }
/* hidden text that can only read by screen reader */
.hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
/*cal header*/
.cal-hdr{ float: left; width: 100%; margin: 0 0 10px 0; }
.cal-hdr-left{ float: left; }
.cal-hdr-right{ float: right; }
/*vidpage*/
.clas-vid-wrap{ float: left; width: 100%; margin: 0 0 30px 0; padding: 0; }
.clas-vid{ padding: 0 10px; }
.clas-stand-group{ float: left; width: 100%; margin: 0px 0 10px 0; padding: 0; }
.clas-stand-group.lastgroup{ margin-bottom: 30px; }
/*table in TechHelp page*/
table.tbltechhelp{ margin: 0px 0px 0px 0px; padding: 0; width: 100%; border: #333263 1px solid; }
table.tbltechhelp th{ background: #333263; color: #fff; font: bold 13px Arial,Helvetica,sans-serif; padding: 6px 6px 6px 12px; text-align: left; line-height: 14px; }
table.tbltechhelp td{ background: #FFFFFF; border-top: 1px solid #333263; color: #000; padding: 9px 7px 9px 7px; font: normal 13px Arial,Helvetica,sans-serif; }
#bodytxt #pulsepoints{ background: #fdf7ed url(/images/ff_bg.gif) no-repeat top right; border-left: #f6dfc7 1px solid; border-bottom: #f6dfc7 1px solid; margin: 0px 0px 20px 0px; padding: 0 0 15px 0; font: normal 12px Arial,Helvetica,sans-serif; }
#bodytxt #pulsepoints h3{ background: url(/images/call_hdr_pp.gif) no-repeat 0% 100%; margin: 0 0 10px 0; padding: 44px 0 0 0; text-indent: -5000px; color: #000; }
#bodytxt #pulsepoints h4{ color: #333; font: bold 10px Arial,Helvetica,sans-serif; margin: 0 0 10px 0; padding: 0 15px; }
#bodytxt #pulsepoints p{ color: #333; margin: 0; padding: 5px 15px; }
#bodytxt #pulsepoints ul{ margin: 0px 0 15px 0; padding: 10px 0 0 0; list-style: none; }
#bodytxt #pulsepoints ul li{ margin: 0 10px; padding: 0 0px 10px 10px; background: url(/images/rt_bull.gif) no-repeat top left; }
#bodytxt #pulsepoints form{ padding: 0; margin: 0 15px; }
#bodytxt #pulsepoints textarea{ border: #a3b4de 1px solid; font: normal 11px Arial,Helvetica,sans-serif; width: 410px; padding: 5px; }
#bodytxt #pulsepoints textarea:focus{ border: #314CB1 1px solid; }
/*User Progess Table */
.pceucert{ padding: 10px; margin: 0 0 20px 0; background: #eaedf7; border: #cbd0e1 1px solid; }
.pceucert.pborder{ padding: 15px; background: #fff; border: #00f 2px solid; }
.mainContentpce{ width: 492px; float: left; }
.pceuintro{ padding: 10px; margin: 0 0px; background: #f4f5fa; border: #cbd0e1 1px solid; }
#rtcallout{ float: left; width: 230px; margin: 0px 0px 0px 0px; padding: 0; }
#rtcallout img{ padding: 0; margin: 0 20px 10px 20px; border: #fff 1px solid; }
#bodytxt div.pceucert h4{ margin: 0px 0 10px 0; padding: 5px 0; font-size: 14px; font-weight: bold; color: #294197; }
#bodytxt div.pceuintro h4{ margin: 0 0 10px 0; padding: 5px 0; font-size: 14px; font-weight: bold; color: #294197; }
table.ceucert{ margin: 0; padding: 0; width: 100%; border: #cbd0e1 1px solid; }
table.ceucert th{ background: #cbd0e1; color: #000; font: bold 13px/18px Arial,Helvetica,sans-serif; padding: 6px 7px 6px 7px; text-align: left; line-height: 14px; }
table.ceucert td{ background: #FFFFFF; color: #000; padding: 9px 7px 9px 7px; font: normal 12px/18px Arial,Helvetica,sans-serif; text-align: left; vertical-align: top; }
table.ceuprog{ margin: 0 0 15px  0; padding: 0; width: 100%; border: #cbd0e1 1px solid; }
table.ceuprog th{ background: #cbd0e1; color: #000; font: bold 13px/18px Arial,Helvetica,sans-serif; padding: 6px 7px 6px 7px; text-align: left; line-height: 14px; }
table.ceuprog td{ background: #FFFFFF; border-top: #cbd0e1 1px solid; color: #000; padding: 9px 7px 9px 7px; font: normal 13px Arial,Helvetica,sans-serif; text-align: left; vertical-align: top; }
/*get-cert-box*/
.get-cert-box{ margin: 0 0 20px 0; }
.get-cert-box h4{ color: #0000ff!important; }
.get-cert-list{ border: #00f 3px solid; padding: 10px 20px; }
.get-cert-list ul{ list-style: none; margin: 0!important; padding: 0!important; font: 400 13px/18px Arial,Helvetica,sans-serif!important; }
.get-cert-list ul li{ margin: 5px 0!important; padding: 0!important; }
/*image floats*/
.fl-right{ float: right; margin: 0 0 20px 20px; }
.fl-right2{ float: right; margin: 10px 0 10px 20px; }
.fl-left2{ float: left; margin: 0 20px 10px 0px; }
.fl-left3{ float: left; margin: 0 20px 20px 0px; }
.fl-left4{ float: left; margin: 0 40px 20px 0px; }
.hb-fl-txt{ float: left; width: 520px; }

.fl_left{ float: left; margin: 0 0 0 0; }



.int-fl-left{ float: left; width: 480px; }
.pull-left{ float: left; margin: 0 20px 0 0!important; }
.pull-left2{ float: left; margin: 0 20px 20px 0!important; }
.pull-left3{ float: left; margin: 0 20px 40px 0!important; }
/*text highlights*/
.letter-highlight{ font-size: 1.25em; color: #821503; font-weight: bold; }
/*chart*/
.ti-chart-wrap{ margin: 10px 10px 30px 10px; padding: 0; background: #fff; height: 140px; }
.ie6 .ti-chart-wrap{ margin-right: -20px; }
.ti-chart{ padding: 30px 10px 30px 10px; margin: 0 auto; width: 400px; }
.ti-completion-wrap{ float: left; width: 50%; margin: 0; padding: 0; }
.ti-completion{ padding: 0 40px 0 0px; }
.ti-completion h4{ font-size: 16px; line-height: 18px; padding: 0px; margin: 10px 0 20px 0; }
.ti-completion a{ color: #248ce2; text-decoration: none; }
.ti-completion a:hover{ color: #248ce2; text-decoration: underline; }
.ti-completion p{ padding: 0px; margin: 0 0 10px 0; }
.ti-results-chart{ width: 100%; }
.ti-results-chart dt{ width: 120px; float: left; margin: 0 15px 10px 0; padding: 10px 0; display: inline; font-size: 13px; line-height: 13px; color: #000; font-weight: 700; text-transform: uppercase; text-align: right; clear: left; }
.ti-results-chart dd{ width: 240px; float: left; margin: 0 0 10px 0; display: inline; font-size: 16px; line-height: 16px; font-weight: 700; background: #dfe2ec; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.ti-results-chart dd span{ color: #fff; background: #09f; text-align: right; padding: 8px 8px 10px 8px; margin: 0; display: inline-block; text-shadow: 0px -1px 0px rgba(0,0,0,0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.ti-results-chart dd span.data-yours{ background: #012976; background: -moz-linear-gradient(top,  #0650ca 0%, #012976 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0650ca), color-stop(100%,#012976)); background: -webkit-linear-gradient(top,  #0650ca 0%,#012976 100%); background: -o-linear-gradient(top,  #0650ca 0%,#012976 100%); background: -ms-linear-gradient(top,  #0650ca 0%,#012976 100%); background: linear-gradient(to bottom,  #0650ca 0%,#012976 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0650ca', endColorstr='#012976',GradientType=0 ); }
.ti-results-chart dd span.data-yours.empty-data-yours{ background: none; color: #333; text-shadow: none; }
.ti-results-chart dd span.data-average{ background: #2c2c2c; background: -moz-linear-gradient(top,  #5f5f5f 0%, #2c2c2c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f5f5f), color-stop(100%,#2c2c2c)); background: -webkit-linear-gradient(top,  #5f5f5f 0%,#2c2c2c 100%); background: -o-linear-gradient(top,  #5f5f5f 0%,#2c2c2c 100%); background: -ms-linear-gradient(top,  #5f5f5f 0%,#2c2c2c 100%); background: linear-gradient(to bottom,  #5f5f5f 0%,#2c2c2c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5f5f', endColorstr='#2c2c2c',GradientType=0 ); }
.ti-results-chart dd span.data-average.empty-data-average{ background: none; color: #333; text-shadow: none; }
.ti-results-chart dd span.data-passing{ background: #61c419; background: -moz-linear-gradient(top, #b4e391 0%, #61c419 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(100%,#61c419)); background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 100%); background: -o-linear-gradient(top, #b4e391 0%,#61c419 100%); background: -ms-linear-gradient(top, #b4e391 0%,#61c419 100%); background: linear-gradient(top, #b4e391 0%,#61c419 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); }
.ti-results-chart dd span.data-passing.empty-data-passing{ background: none; color: #333; text-shadow: none; }
/*eval table*/
table.evaltable{ margin: 10px 0 30px 0; width: 100%; padding: 0; border: 1px solid #bbdeff; border-collapse: collapse; }
table.evaltable th{ background: #def0ff; padding: 5px 10px 7px 5px; color: #000; font: 700 13px/18px Arial,Helvetica,sans-serif; font-style: oblique; }
.evalinst{ }
table.evaltable td{ text-align: left; vertical-align: top; padding: 14px 5px; font: 400 12px/18px Arial,Helvetica,sans-serif; border-top: #bbdeff 1px solid; background: #fff; }

.eval-scale{ font: 400 11px/14px Arial,Helvetica,sans-serif; display: block; padding: 4px 0 0 0; }
.eval-radio-label{ padding: 1px 0 0 0px; display: block; text-align: center; }
.eval-choice-label{ }
.eval-choice-holder{ width: 100%; margin: 0 0 5px 0; }
.eval-choice-holder label{ margin: 0 0 0 4px; }
.eval-checkall-hdr{ width: 100%; margin: 0 0 10px 0; background: #fde8a1; padding: 4px 0; }
.eval-checkall-option{ display: inline; margin: 0 10px 0 0; }
textarea.eval-textarea{ width: 585px; margin: 0 0 0 5px; font: 400 12px/18px Arial,Helvetica,sans-serif; }
table.evalradio{ }
table.evalradio td{ padding: 0 2px 5px 2px; border: none; text-align: center; vertical-align: top; background: none; }
.required{ color: #c30; }
.test-error-text{ color: #821503; font: 700 12px/18px Arial,Helvetica,sans-serif; padding: 0 0 20px 0; display: block; }
/*test complete*/
.testlist{ margin: 10px; }
.parabull{ margin: 0 0 5px 0; padding: 0 0 0 14px; background: url(../images/bluebullets.gif) no-repeat 0 6px; }
#testpagenav{ width: 100%; margin: 30px 10px 10px 10px; padding: 0px; }
#testpagenav a{ font-weight: bold; }
/*Drilling down*/
.ffcallout{ float: right; width: 230px; margin: 0px 10px 10px 10px; padding: 0; }
.ffcallout img{ padding: 0; margin: 0 20px 10px 20px; border: #fff 1px solid; }
.smhead{ margin: 0 0 5px 0; padding: 0px 0 0 0px; line-height: 15px; font-weight: bold; color: #000; }
/*clas pager*/
.clas-pager{ float: left; width: 100%; margin: 0 0 30px 0; }
.clas-pager-group{ width: 150px; margin: 0 10px 0 0; float: left; background: #fff; height: 72px; border: #e8d799 2px solid; text-align: center; }
.clas-pager-group.las{ width: 150px; }
.clas-pager-group.lastcpg{ margin: 0; width: 244px; }
.clas-pager-group.cas{ border-color: #821503; }
.clas-pager-group h4{ font: 700 11px/13px Arial,Helvetica,sans-serif!important; text-align: center; background: #e8d799; color: #000!important; padding: 5px 8px; margin: 0; height: 30px; }
.clas-pager-group.cas h4{ color: #fff!important; background: #821503; }
.clas-pager-group ul{ list-style: none; padding: 5px 5px; margin: 0 auto; }
.clas-pager-group ul li{ display: inline; margin: 0; padding: 0; }
.clas-pager-group ul li a{ display: inline-block; padding: 3px 0 0 0; width: 20px; height: 17px; text-align: center; margin: 0 0px; background: #fff; font-weight: 700; text-decoration: underline; }
.clas-pager-group ul li a:hover{ text-decoration: underline; color: #660099; }
/*clas ordered list*/
.hdr-redbar{ background: #831504; padding: 0; margin: 0; float: left; width: 100%; }
.hdr-redbar h2{ font: 700 13px/15px Arial,Helvetica,sans-serif!important; color: #fff!important; padding: 7px 9px; margin: 0; }
ul.clas-numbered{ float: left; margin: 0 0 20px 0!important; padding: 0px!important; list-style: none; border: 2px #e8d799 solid; }
ul.clas-numbered li{ margin: 0px 0 0px 0!important; padding: 0px!important; background: #fff2c4; float: left; width: 100%; border-top: #e8d799 1px solid; }
ul.clas-numbered li:first-child{ border: none; }
ul.clas-numbered li a{ display: block; text-decoration: none; cursor: pointer; }
.cn-number{ background: #ddc268; padding: 8px 6px 3px 6px; text-align: center; width: 20px; height: 20px; display: inline-block; font: 700 14px/16px Arial,Helvetica,sans-serif!important; color: #000; float: left; }
a span.cn-number{ background: #ddc268; }
a:hover span.cn-number{ background: #23367f; color: #fff; }
.selected .cn-text, .selected:hover .cn-text{ background: #fffae8; }
.cn-text{ display: block; padding: 10px 10px; }
a span.cn-text{ color: blue; min-width: 206px; }
.selected a:visited span.cn-text{ color: #000!important; }
a:hover span.cn-text, a:visited span.cn-text{ color: purple; }
a:hover span.cn-text, a:focus span.cn-text{ background: #eaedf7; }
ul.clas-intro-list{ float: left; width: 100%; margin: 0 0 30px 0!important; padding: 0px!important; list-style: none; }
ul.clas-intro-list li{ float: left; background: red; width: 33.3334%; margin: 0 0px 0 0; text-align: center; font: 700 16px/18px Arial,Helvetica,sans-serif!important; }
ul.clas-intro-list li a{ color: #fff; display: block; background: #23367f; padding: 15px 10px; border-right: #fff 1px solid; }
ul.clas-intro-list li:last-child a{ border: none; }
ul.clas-intro-list li a:hover{ background: #ddc268; color: #000; text-decoration: none; }
/*indent for CLAS*/
.indented { padding-left: 30pt; padding-right: 30pt; }
.hanging-indent{ text-indent: -25px; padding-left: 25px; }
/* hide label*/
.hideFromScreen { display: none; }
#sidebar .sidebarcontent #quote p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444; }
.side-bar-line{ padding: 18px; background: #fff; border: 1px solid #dadada; margin: 0 0 20px 0; }
#bodytxt p a.backtotop { color: #33326b; text-decoration: none; font-size: 14px; }
#bodytxt p a.backtotop:hover { color: #33326b; text-decoration: underline; font-size: 14px; }
#quote h4{ font-size: 14px; font-weight: bold; color: #831504; }
/*call out box*/
.callout-box{ background: #fff; display: block; border: #a3b4de 1px solid; padding: 0px; height: auto; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3); -webkit-border-radius: 8px; border-radius: 8px; margin: 20px 0 20px 0; width: 624px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.callout-box-text{ padding: 15px 20px 12px 20px; display: block; }
ul.survey-list{ list-style: none; margin: 0!important; padding: 0; }
ul.survey-list li{ border-bottom: 1px dotted #c2cde9; margin: 0 0 0 0!important; padding: 10px 0; }
ul.survey-list li:last-child{ border: none; }
img.survey-image{ float: right; margin: 0 0 0 0px; border-bottom: 20px #fff solid; border-left: 20px #fff solid; display: block; }
/*AboutTCH interactive dropdown*/
.jqmntitle{ color: #fff; padding: 0; margin: 0 0 0px 0; width: 467px; display: block; background-color: #f00; }
.jqlinktitle a{ color: #000; cursor: pointer; min-height: 16px; margin: 2px 0 2px 0; overflow: hidden; padding: 4px 10px 4px 22px; xwidth: 433px; display: block; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; }
.click-to-expand{ }
.cl-question{ margin: 0 0 18px 0; }
.cl-question a { font: 700 13px/18px Arial, Helvetica, sans-serif; padding: 10px 0 14px 50px; background: url(../images/question-mark-sprite.png) no-repeat 0 0; display: block; width: 576px; }
.cl-question1 a { font: 700 13px/18px Arial, Helvetica, sans-serif; padding: 10px 0px 14px 50px; background: url(../images/icon_answer.jpg) no-repeat 0 0; display: block; width: 576px; }
.cl-getanswer a { font: 700 13px/18px Arial, Helvetica, sans-serif; padding: 10px 0 14px 50px; background: url(../images/answer-icon.png) no-repeat 0 0; display: block; width: 576px; }
.cl-getanswer a:hover { background-position: 0 -80px; }
.short .cl-question a{ width: 300px; padding: 6px 0 0px 50px; }
.cl-question a:hover { background-position: 0 -400px; }
.cl-answer{ background: #fff; position: relative; top: -60px; display: block; border: #a3b4de 1px solid; padding: 0px; height: auto; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3); -webkit-border-radius: 8px; border-radius: 8px; margin: 0 0 -40px 0; width: 624px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.short .cl-answer{ width: 348px; }
.cl-hide{ background: #f4f5fa; padding: 5px; cursor: pointer; height: 18px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
a.hide-answer{ background: url(../images/question-mark-sprite.png) no-repeat -40px -800px; width: 20px!important; height: 16px; display: block; text-indent: -9999px; float: right; }
.cl-hide:hover a.hide-answer{ background-position: 0px -800px; }
.cl-answer-text{ padding: 15px 20px 12px 20px; display: block; }
.cl-answer-text h4{ background: url(../images/question-mark-sprite.png) no-repeat 0px -400px; font: 700 14px/18px Arial, Helvetica, sans-serif!important; padding: 10px 0 22px 50px; margin: 0 0 24px 0!important; border-bottom: 1px dotted #c2cde9; }
.cl-answer-text h4.icon-getanswer{ background: url(../images/answer-icon.png) no-repeat 0px 0px; font: 700 14px/18px Arial, Helvetica, sans-serif!important; padding: 10px 0 22px 50px!important; margin: 0 0 24px 0!important; border-bottom: 1px dotted #c2cde9; }
.cl-answer-text ol{ margin: 0 0 0 20px; list-style: decimal; }
.cl-answer-text ol li{ margin: 0 0 5px 0; padding: 0; }
.cl-answer-text ul{ margin: 0 0 0 20px; list-style: disc; }
.cl-answer-text ul li{ margin: 0 0 5px 0; padding: 0; }
.jqinfobox{ background-color: #f4f5fa; margin: -10px 0 10px 0; padding: 10px 10px 0 10px; font: normal 12px/13px Arial,Helvetica,sans-serif; color: #000; }
.jqinfobox h3{ color: #663366; font: bold 13px/16px Arial,Helvetica,sans-serif!important; }
.jqinfobox a,.jqinfobox  a:link{ /* unvisited link */ color: #0000FF!important; }
.jqinfobox a:visited{ /* visited link */ color: #800080!important; }
.jqinfobox a:hover{ /* mouse over link */ color: #666!important; }
.jqinfobox li{ margin-bottom: 10px; padding-right: 20px; }
.jqinfobox ol,.jqinfobox ul{ padding-bottom: 10px; }
.jqlinktitle a{ color: #FFF; cursor: pointer; font: bold 13px/18px Arial,Helvetica,sans-serif; min-height: 20px; margin: 0px 0 10px 0; overflow: hidden; padding: 10px 190px 5px 10px; display: block; text-decoration: none; background: #821503 url(../images/clicktoexpand.gif) no-repeat 97% 11px; }
.jqlinktitle a.jqmm, .jqlinktitle a:focus{ background-color: #009!important; }


.jqinfobox p{ padding: 0 0 6px 0; margin: 0 0 6px 0; }
.jqinfobox p:last-child{ padding: 0 0 18px 0; }
/*registration form radio expand */
.jqradioexpand{ background-color: #fff; border: 0px solid #ccc; width: 552px; padding-top: 5px; padding-left: 20px; padding-bottom: 0px; font: normal 12px/13px Arial,Helvetica,sans-serif; color: #000; }
a.button-inventory{ background: #eeeeee; color: #000; font: 700 13px/18px Arial,Helvetica,sans-serif; padding: 6px 20px; border-top: #ccc 1px solid; border-right: #aaa 1px solid; border-bottom: #aaa 1px solid; border-left: #ccc 1px solid; display: inline-block; margin: 0 0 10px 0; -webkit-border-radius: 3px; border-radius: 3px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
a:hover.button-inventory{ text-decoration: none; color: #fff; background: #841000; border-color: #610c00; }
/*buttons next prev*/
a.button-prev{ font: 700 14px/18px Arial,Helvetica,sans-serif; -webkit-border-radius: 3px; border-radius: 3px; border: #a3b4de 1px solid; background: url(../images/prev-next-sprite.png) no-repeat 0 0; xheight: 32px; display: inline-block; padding: 8px 14px 8px 28px; margin: 0 6px 0 0; line-height: 16px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
a.button-prev b, a.button-prev strong{ font-weight: 700; }
a:hover.button-prev{ background-position: 0 -120px; border-color: #009; color: #fff; text-decoration: none; }
a:active.button-prev{ background-position: 0 -40px; border-color: #768bdc; color: #000099; text-decoration: none; }
a.button-next{ font: 700 14px/18px Arial,Helvetica,sans-serif; -webkit-border-radius: 3px; border-radius: 3px; border: #a3b4de 1px solid; background: url(../images/prev-next-sprite.png) no-repeat 100% 0; xheight: 32px; display: inline-block; padding: 8px 28px 8px 14px; line-height: 16px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
a.button-next b, a.button-next strong{ font-weight: 700; }
a:hover.button-next{ background-position: 100% -120px; border-color: #009; color: #fff; text-decoration: none; }
a:active.button-next{ background-position: 100% -40px; border-color: #768bdc; color: #000099; text-decoration: none; }
/*buttons next prev*/
a.button-add{ -webkit-border-radius: 3px; border-radius: 3px; border: #a3b4de 1px solid; background: url(../images/button-add-sprite.png) no-repeat 0 0; display: inline-block; padding: 8px 14px 8px 28px; margin: 0 6px 0 0; line-height: 16px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
a:hover.button-add{ background-position: 0 -120px; border-color: #009; color: #fff; text-decoration: none; }
a:active.button-add{ background-position: 0 -40px; border-color: #768bdc; color: #000099; text-decoration: none; }
a.button-add.right{ -webkit-border-radius: 3px; border-radius: 3px; border: #a3b4de 1px solid; background: url(../images/button-add-sprite.png) no-repeat 100% 0; display: inline-block; padding: 8px 28px 8px 14px; margin: 0 6px 0 0; line-height: 16px; }
a:hover.button-add.right{ background-position: 100% -120px; border-color: #009; color: #fff; text-decoration: none; }
a:active.button-add.right{ background-position: 100% -40px; border-color: #768bdc; color: #000099; text-decoration: none; }
a.button-add.large { padding: 8px 64px 8px 32px; font-weight: 600; }
a.button-add.right.large{ padding: 8px 80px 8px 16px; }
/*popup footnotes*/
body.popup{ background: #fff; padding: 0; margin: 0; }
.popup-header{ background: #841000; }
.popup-header h1{ color: #fff; font: 700 18px/21px Arial,Helvetica,sans-serif; padding: 10px; margin: 0 0 10px 0; }
.popup-body{ padding: 20px; font: 400 12px/18px Arial,Helvetica,sans-serif; }
.popup-body h2{ font-size: 18px; line-height: 24px; color: #841000; font-weight: bold; }
.popup-body p{ padding: 0; font: 400 12px/18px Arial,Helvetica,sans-serif; margin: 0 0 20px 0; }
.pagetext-blue { color: #314CB1; font-weight: bold; }
/*browsers*/
.upgrade-browser{ float: left; width: 100%; margin: 0 0 20px 0; }
.upgrade-browser ul{ float: left; list-style: none; margin: 0; padding: 0; }
.upgrade-browser ul li{ float: left; margin: 0 0!important; padding: 0; }
.upgrade-browser ul li a{ background: url(../images/browser-buttons.png) no-repeat 0 0; font: 700 11px/14px Arial,Helvetica,sans-serif; display: block; width: 100px; height: 38px; padding: 12px 0 0 45px; margin: 0 12px 0 0; }
.upgrade-browser ul li a:hover{ background-position: 0 -150px; text-decoration: none; }
.upgrade-browser ul li a.browser-ie{ background-position: 0 0; }
.upgrade-browser ul li a.browser-firefox{ background-position: -164px 0; }
.upgrade-browser ul li a.browser-safari{ background-position: -328px 0; }
.upgrade-browser ul li a.browser-chrome{ background-position: -491px 0; }
.upgrade-browser ul li a:hover.browser-ie{ background-position: 0 -150px; }
.upgrade-browser ul li a:hover.browser-firefox{ background-position: -164px -150px; }
.upgrade-browser ul li a:hover.browser-safari{ background-position: -328px -150px; }
.upgrade-browser ul li a:hover.browser-chrome{ background-position: -491px -150px; }
.footnote { font: 700 13px/18px Arial, Helvetica, sans-serif; }
sup.footnote{ font-size: 0.916667em; }
.small-footnote { font: 400 11px/13px Arial, Helvetica, sans-serif; }
/*for printing
.header_print{height:170px; margin:0; position:absolute; z-index:2; display:none;}*/
/*mod114*/
.mod114-holder{ float: left; width: 100%; height: 340px; margin: 10px 0 40px 0; }
.mod114-item{ float: left; width: 145px; position: relative; margin: 0 14px 0 0; background: #eddfdf; padding: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); }
.mod114-item.mod114-item-last-child{ margin-right: 0!important; }
.mod114-item-header{ height: 70px; text-align: center; overflow: hidden; }
.mod114-item-header h4{ color: #000099!important; font: 700 12px/16px Arial, Helvetica, sans-serif!important; padding: 10px 12px 0 12px!important; margin: 0!important; }
.mod114-item-header h4.short-copy{ padding: 18px 12px 0 12px!important; }
.mod114-item-content{ height: 245px; width: 100%; }
.mod114-item-content ul{ list-style: none; font: 400 11px/13px Arial, Helvetica, sans-serif!important; margin: 0!important; padding: 0!important; }
.mod114-item-content ul li{ margin: 5px 0!important; padding: 8px 8px!important; text-align: center; -webkit-border-radius: 6px; border-radius: 6px; border: #821503 1px solid; background: #821503; background: -moz-linear-gradient(top,  #b41b02 0%, #821503 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b41b02), color-stop(100%,#821503)); background: -webkit-linear-gradient(top,  #b41b02 0%,#821503 100%); background: -o-linear-gradient(top,  #b41b02 0%,#821503 100%); background: -ms-linear-gradient(top,  #b41b02 0%,#821503 100%); background: linear-gradient(to bottom,  #b41b02 0%,#821503 100%); -webkit-box-shadow: inset 0px 2px 4px -3px rgba(255, 255, 255, 1), 0px 3px 4px -3px rgba(0, 0, 0, .8); box-shadow: inset 0px 2px 4px -3px rgba(255, 255, 255, 1), 0px 3px 4px -3px rgba(0, 0, 0, .8); text-shadow: 0px -1px 0px rgba(0,0,0,.6); color: #fff; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.mod114-item-content ul li:last-child{ border-bottom: none; }
.mod114-item-arrow{ background: url(../images/mod114-sprite.png) no-repeat -174px 0; width: 34px; height: 34px; float: left; margin: 30px 0 0 0; }
/*triadic*/
.triouter{ background: #f8f9ff; border: #a3b4de 1px solid; margin: 0 0px 30px 0px; }
.triadic{ padding: 0 0px 0 0px; background: url(../images/tri_arrw.gif) no-repeat 135px 170px; height: 500px; position: relative; }
.tri-lep{ width: 90px; padding: 0 0 0 0; position: absolute; top: 145px; left: 110px; }
.tri-lep a{ display: block; xtext-indent: -9999em; width: 90px; xheight: 120px; padding: 128px 0 0 0; background: url(../images/mod345-sprite.png) no-repeat 0 0; outline: none; font: 700 12px/14px Arial, Helvetica, sans-serif; color: #000; text-align: center; }
.tri-lep a:hover,.tri-lep a:focus{ background-position: 0 -220px; text-decoration: none; }
.tri-int{ width: 90px; padding: 0px 0 0 0; position: absolute; top: 30px; left: 300px; }
.tri-int a{ display: block; xtext-indent: -9999em; width: 88px; xheight: 119px; padding: 127px 0 0 0; background: url(../images/mod345-sprite.png) no-repeat -120px 0; outline: none; font: 700 12px/14px Arial, Helvetica, sans-serif; color: #000; text-align: center; }
.tri-int a:hover,.tri-int a:focus{ background-position: -120px -220px; text-decoration: none; }
.tri-you{ width: 90px; padding: 0px 0 0 0; position: absolute; top: 148px; left: 500px; }
.tri-you a{ display: block; xtext-indent: -9999em; width: 90px; xheight: 117px; padding: 125px 0 0 0; background: url(../images/mod345-sprite.png) no-repeat -240px 0; outline: none; font: 700 12px/14px Arial, Helvetica, sans-serif; color: #000; text-align: center; }
.tri-you a:hover,.tri-you a:focus{ background-position: -240px -220px; text-decoration: none; }
.tri-text{ width: 100%; margin: 0px 0; cursor: pointer; text-align: center; background: transparent; padding: 10px 0; height: auto; position: relative; top: 340px; }
.tri-arrow{ display: block; width: 243px; height: 71px; background: url(../images/mod345-sprite.png) no-repeat 0 -440px; position: absolute; top: 180px; left: 226px; }
.tri-text p{ padding: 0!important; margin: 0!important; }
.tpos{ width: 250px; height: 50px; position: absolute; top: 165px; left: 210px; border-radius: 8px; padding: 30px 15px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); }
.tri-text.tpos { -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3); -webkit-border-radius: 8px; border: #a3b4de 1px solid; margin: 10px 0; padding: 15px!important; background: #fff; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); }
.tflow{ height: 350px; }
h5.trih5{ padding: 10px 18px 3px 18px; margin: 0; text-align: center; }
/*mod 2.2.3*/
.mod223-wrap{ margin: 20px 0 30px 0; float: left; width: 100%; }
.mod223-border{ padding: 30px 0px 10px 60px; background: #eef1f8; border: #a3b4de 1px solid; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.mod223-title{ background: #a3b4de; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; margin: 0; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.mod223-title h4{ color: #fff!important; padding: 7px 10px; margin: 0!important; }
ul.mod223-list{ list-style: none; margin: 0 0px; padding: 0; }
ul.mod223-list li{ float: left; margin: 0 10px 20px 10px!important; padding: 0; width: 270px; height: 100px; font: 400 16px/21px Arial,Helvetica,sans-serif; }
.mod223-image{ background: #fff; display: block; height: 75px; width: 75px; position: absolute; left: 10px; top: 10px; }
.mod223-text{ position: absolute; left: 100px; top: 25px; padding: 0 14px 0 0; }
ul.mod223-list li a{ background: url(../images/mod223-bg.png) no-repeat 0 0; display: block; position: relative; width: 268px; height: 98px; padding: 0; border: #a3b4de 1px solid; -webkit-border-radius: 6px; border-radius: 6px; color: #000; }
ul.mod223-list li a:hover{ background-position: 0 -100px; color: #000; text-decoration: none; }
ul.mod223-list li a:active{ background-position: 0 -200px; color: #000; text-decoration: none; }
/*mod intro*/
.modintro{ background: #fff url(../images/modintro-bg.png) no-repeat 0 0; text-align: center; float: right; width: 320px; height: 327px; display: block; margin: 10px 0 30px 30px; }
.modintro ul{ list-style: none; margin: 0!important; padding: 0!important; }
.modintro ul li{ margin: 0 0 5px 0!important; padding: 0!important; color: #fff; position: relative; font: 400 12px/16px Arial,Helvetica,sans-serif; }
.modintro-wedge{ position: absolute; }
.modintro-wedge.course1{ top: 64px; left: 50px; width: 90px; }
.modintro-wedge.course2{ top: 64px; left: 180px; width: 90px; }
.modintro-wedge.course3{ top: 210px; left: 80px; width: 160px; }
.modintro-title{ font: 700 13px/18px Arial,Helvetica,sans-serif; display: block; }
/*mod 2.2.5*/
.mod225-wrap{ background: #fff; margin: 20px 0 40px 0; float: left; width: 100%; padding: 0; height: 386px; xoverflow: hidden; }
.mod225{ background: url(../images/mod225-bg.png) no-repeat 0 0; display: block; height: 386px; width: 400px; position: relative; float: left; }
.mod225-title{ width: 155px; height: 155px; display: block; position: absolute; top: 130px; left: 122px; text-align: center; color: #fff; z-index: 1; }
.mod225-title h4{ color: #fff!important; font: 700 12px/16px Arial,Helvetica,sans-serif!important; padding: 40px 30px 0 30px!important; margin: 0!important; }
.mod225-desc{ background: #f4f5fa; border: #cbd0e1 1px solid; position: relative; display: block; white-space: normal; width: 320px; left: 420px; top: 20px; padding: 8px; }
.mod225-desc.mod225-desc-pos{ background: url(../images/mod225-bg.png) no-repeat -920px -120px; width: 130px; height: 130px; border: none; padding: 35px 14px 0 14px; display: block; position: absolute; top: 120px; left: 120px; text-align: center; color: #333; z-index: 100; }
.mod225-desc.mod225-desc-pos#mod225-desc3{ padding: 20px 14px 15px 14px; }
.mod225-button{ width: 120px; height: 120px; display: block; position: absolute; text-align: center; z-index: 200; }
.mod225-button a{ display: block; width: 120px; height: 40px; padding: 50px 0px 30px 0px; color: #fff; }
.mod225-button a:hover{ text-decoration: none; color: #fff; }
.mod225-button a:hover{ background: url(../images/mod225-bg.png) no-repeat -400px 0; }
.mod225-button a.link-effective{ width: 122px; height: 41px; }
.mod225-button a.link-effective:hover{ background-position: -540px 0px; }
.mod225-button a.link-equitable{ width: 121px; height: 41px; }
.mod225-button a.link-equitable:hover{ background-position: -679px -102px; }
.mod225-button a.link-understandable{ width: 122px; height: 41px; }
.mod225-button a.link-understandable:hover{ background-position: -625px -265px; }
.mod225-button a.link-respectful{ width: 122px; height: 41px; }
.mod225-button a.link-respectful:hover{ background-position: -453px -265px; }
.mod225-button a.link-responsive{ width: 122px; height: 41px; }
.mod225-button a.link-responsive:hover{ background-position: -400px -101px; }
.mod225-button.btn-effective{ top: 0px; left: 140px; }
.mod225-button.btn-equitable{ top: 102px; left: 279px; }
.mod225-button.btn-understandable{ top: 265px; left: 225px; }
.mod225-button.btn-respectful{ top: 265px; left: 53px; }
.mod225-button.btn-responsive{ top: 101px; left: 0px; }
/*mod113*/
.mod113-wrap{ background: #f4f5fa; padding: 10px 0; margin: 0 0 40px 0; -webkit-border-radius: 6px; border-radius: 6px; height: 231px; }
.mod113{ float: left; width: 100%; }
.mod113 ul{ list-style: none; margin: 0; padding: 0; }
.mod113 ul li{ float: left; margin: 0 10px 0 10px!important; padding: 0; width: 209px; border: 3px solid #c4cae9; -webkit-border-radius: 5px; border-radius: 5px; background: #c4cae9; color: #fff; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.mod113 ul li:last-child{ margin-right: 0!important; }
.mod113 ul li.mod113-lastchild{ margin-right: 0!important; }
.mod113-image{ background: #c4cae9; display: block; width: 100%; height: 105px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }
.mod113-image img{ -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }
.mod113-text{ background: #383b73 url(../images/mod113-text-bg.png) repeat-x 0 0; display: block; width: 179px; height: 90px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; padding: 15px 15px; text-align: center; }
/*mod 3.3.2*/
table.mod332-table{ background: aqua; width: 100%; margin: 20px 0 30px 0; padding: 0; border-collapse: collapse; table-layout: fixed; }
table.mod332-table, table.mod332-table td{ vertical-align: top; }
table.mod332-table th{ background: #009; text-align: center; color: #fff; font: 700 11px/14px Arial,Helvetica,sans-serif; border: #fff 1px solid; padding: 5px; vertical-align: middle; width: 88px; }
table.mod332-table td{ background: #f4f5fa; border: #fff 1px solid; padding: 10px; font: 400 11px/13px Arial,Helvetica,sans-serif; }
table.mod332-table tr.mod332-odd td{ background: #e6e8f6; }
/*mod 2.1.1*/
.mod211-wrap{ background: #fff; margin: 0 0 40px 0; }
.mod211{ background: url(../images/mod211-bg.png) no-repeat 0 0; display: block; width: 600px; position: relative; padding: 495px 0 0 0; }
.mod211.mod211-pos{ padding: 0; height: 465px; overflow: hidden; }
.mod211 h3{ display: block; width: 122px; padding: 52px 20px; height: 50px; text-align: center; position: absolute; top: 163px; left: 220px; color: #fff!important; font: 700 13px/18px Arial,Helvetica,sans-serif!important; }
.mod211 ul{ list-style: none; margin: 0; padding: 0; }
.mod211 ul li{ margin: 0!important; padding: 0!important; }
.mod211 ul li a{ display: block; width: 103px; height: 75px; padding: 40px 35px 0 35px; position: absolute; color: #000; text-align: center; font: 700 12px/16px Arial,Helvetica,sans-serif!important; }
.mod211 ul li a:hover{ text-decoration: none; color: #000; }
.mod211 ul li a.mod211-link-feh{ top: 0px; left: 217px; }
.mod211 ul li a:hover.mod211-link-feh{ background: url(../images/mod211-bg.png) no-repeat -817px 0; }
.mod211 ul li a.mod211-link-gi{ top: 72px; left: 392px; width: 103px; height: 70px; padding: 45px 35px 0 35px; }
.mod211 ul li a:hover.mod211-link-gi{ background: url(../images/mod211-bg.png) no-repeat -992px -72px; }
.mod211 ul li a.mod211-link-ps{ top: 226px; left: 428px; width: 93px; height: 70px; padding: 45px 40px 0 40px; }
.mod211 ul li a:hover.mod211-link-ps{ background: url(../images/mod211-bg.png) no-repeat -1028px -226px; }
.mod211 ul li a.mod211-link-lwd{ top: 350px; left: 330px; width: 103px; height: 80px; padding: 35px 35px 0 35px; }
.mod211 ul li a:hover.mod211-link-lwd{ background: url(../images/mod211-bg.png) no-repeat -930px -350px; }
.mod211 ul li a.mod211-link-lcc{ top: 345px; left: 100px; width: 103px; height: 80px; padding: 35px 35px 0 35px; }
.mod211 ul li a:hover.mod211-link-lcc{ background: url(../images/mod211-bg.png) no-repeat -700px -345px; }
.mod211 ul li a.mod211-link-m{ top: 215px; left: 0px; width: 103px; height: 65px; padding: 50px 35px 0 35px; }
.mod211 ul li a:hover.mod211-link-m{ background: url(../images/mod211-bg.png) no-repeat -600px -215px; }
.mod211 ul li a.mod211-link-lohl{ top: 73px; left: 41px; width: 103px; height: 70px; padding: 45px 35px 0 35px; }
.mod211 ul li a:hover.mod211-link-lohl{ background: url(../images/mod211-bg.png) no-repeat -641px -73px; }
.mod211-desc-hide{ background: #f4f5fa; padding: 5px; cursor: pointer; height: 18px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; display: none; }
a.hide-desc{ background: url(../images/question-mark-sprite.png) no-repeat -40px -800px; width: 20px!important; height: 16px; display: block; text-indent: -9999px; float: right; }
a:hover.hide-desc{ background-position: 0px -800px; }
.mod211-desc.mod211-desc-pos{ background: #fff; position: absolute; top: 90px; left: 130px; display: block; border: #a3b4de 1px solid; height: auto; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3); -webkit-border-radius: 8px; border-radius: 8px; margin: 0 0 -40px 0; width: 340px; height: 320px; }
.mod211-desc h4{ color: #821503; font: 700 14px/18px Arial,Helvetica,sans-serif; margin: 0 0 10px 0!important; }
.mod211-desc p{ margin: 0 0 10px 0!important; }
.mod211-desc-pad{ padding: 0px 0px 20px 0px; }
.mod211.mod211-pos .mod211-desc-pad{ padding: 30px 20px 20px 20px; }
/*mod 3.1.2*/
.mod312-wrap{ margin: 0 0 30px 0; float: left; width: 100%; }
.mod312-wrap.mod312-wrap-pos{ height: 100px; }
.mod312-wrap.mod312-wrap-pos.mod312-wrap-height{ height: 230px; }
.mod312{ float: left; width: 100%; position: relative; }
.mod312-wrap.mod312-wrap-pos .mod312-nav{ margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 99; }
.mod312-nav{ height: 110px; }
.mod312-nav ul{ list-style: none; margin: 0!important; padding: 0!important; }
.mod312-nav ul li{ list-style: none; margin: 0!important; padding: 0!important; float: left; }
.mod312-nav ul li a{ display: block; background: url(../images/mod312-bg.png) no-repeat 900px 900px; height: 75px; width: 80px; text-indent: -9999em; position: absolute; top: 0; }
.mod312-nav ul li a.mod312-navlink-r{ background-position: 0 0; left: 0px; z-index: 100; }
.mod312-nav ul li a:hover.mod312-navlink-r{ background-position: 0 -80px; }
.mod312-nav ul li a.mod312-navlink-r.mod312-current{ background-position: 0 -160px; }
.mod312-nav ul li a.mod312-navlink-e{ background-position: -80px 0; left: 70px; z-index: 101; }
.mod312-nav ul li a:hover.mod312-navlink-e{ background-position: -80px -80px; }
.mod312-nav ul li a.mod312-navlink-e.mod312-current{ background-position: -80px -160px; }
.mod312-nav ul li a.mod312-navlink-s{ background-position: -160px 0; left: 140px; z-index: 102; }
.mod312-nav ul li a:hover.mod312-navlink-s{ background-position: -160px -80px; }
.mod312-nav ul li a.mod312-navlink-s.mod312-current{ background-position: -160px -160px; }
.mod312-nav ul li a.mod312-navlink-p{ background-position: -240px 0; left: 210px; z-index: 103; }
.mod312-nav ul li a:hover.mod312-navlink-p{ background-position: -240px -80px; }
.mod312-nav ul li a.mod312-navlink-p.mod312-current{ background-position: -240px -160px; }
.mod312-nav ul li a.mod312-navlink-e2{ background-position: -320px 0; left: 280px; z-index: 104; }
.mod312-nav ul li a:hover.mod312-navlink-e2{ background-position: -320px -80px; }
.mod312-nav ul li a.mod312-navlink-e2.mod312-current{ background-position: -320px -160px; }
.mod312-nav ul li a.mod312-navlink-c{ background-position: -400px 0; left: 350px; z-index: 105; }
.mod312-nav ul li a:hover.mod312-navlink-c{ background-position: -400px -80px; }
.mod312-nav ul li a.mod312-navlink-c.mod312-current{ background-position: -400px -160px; }
.mod312-nav ul li a.mod312-navlink-t{ background-position: -480px 0; left: 420px; z-index: 106; }
.mod312-nav ul li a:hover.mod312-navlink-t{ background-position: -480px -80px; }
.mod312-nav ul li a.mod312-navlink-t.mod312-current{ background-position: -480px -160px; }
.mod312.mod312-pos .mod312-desc{ background: url(../images/mod312-bg.png) no-repeat 0 -240px; position: absolute; top: 66px; left: 0; z-index: 1; width: 700px; height: 160px; }
.mod312.mod312-pos .mod312-desc-pad{ padding: 35px 40px 0px 20px; }
.mod312.mod312-pos .mod312-desc h4{ color: #fff!important; margin: 0 0 10px 0!important; }
.mod312.mod312-pos p{ color: #fff!important; margin: 0 0 10px 0!important; font: 700 12px/16px Arial,Helvetica,sans-serif!important; }
.mod312-close{ display: none; }
.mod312.mod312-pos .mod312-close{ display: block; position: absolute; left: 650px; top: 20px; height: 20px; width: 20px; }
.mod312.mod312-pos .mod312-close a{ text-indent: -9999em; display: block; height: 20px; width: 20px; background: url(../images/mod312-bg.png) no-repeat -640px 0; }
.mod312.mod312-pos .mod312-close a:hover{ background-position: -600px 0; }
/*mod 2.2.7*/
.mod227-wrap{ margin: 10px 0 30px 0; float: left; width: 40%; }
.mod227-wrap.mod227-wrap-pos{ height: 100px; }
.mod227-wrap.mod227-wrap-pos.mod227-wrap-height{ height: 230px; }
.mod227{ float: left; width: 100%; position: relative; }
.mod227-wrap.mod227-wrap-pos .mod227-nav{ margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 99; }
.mod227-nav{ height: 110px; }
.mod227-nav ul{ list-style: none; margin: 0!important; padding: 0!important; }
.mod227-nav ul li{ list-style: none; margin: 0!important; padding: 0!important; float: left; }
.mod227-nav ul li a{ display: block; background: url(../images/mod227-bg.png) no-repeat 900px 900px; height: 75px; width: 80px; text-indent: -9999em; position: absolute; top: 0; }
.mod227-nav ul li a.mod227-navlink-s{ background-position: 0 0; left: 0px; z-index: 100; }
.mod227-nav ul li a:hover.mod227-navlink-s{ background-position: 0 -80px; }
.mod227-nav ul li a.mod227-navlink-s.mod227-current{ background-position: 0 -160px; }
.mod227-nav ul li a.mod227-navlink-w{ background-position: -80px 0; left: 70px; z-index: 101; }
.mod227-nav ul li a:hover.mod227-navlink-w{ background-position: -80px -80px; }
.mod227-nav ul li a.mod227-navlink-w.mod227-current{ background-position: -80px -160px; }
.mod227-nav ul li a.mod227-navlink-a{ background-position: -160px 0; left: 140px; z-index: 102; }
.mod227-nav ul li a:hover.mod227-navlink-a{ background-position: -160px -80px; }
.mod227-nav ul li a.mod227-navlink-a.mod227-current{ background-position: -160px -160px; }
.mod227-nav ul li a.mod227-navlink-b{ background-position: -240px 0; left: 210px; z-index: 103; }
.mod227-nav ul li a:hover.mod227-navlink-b{ background-position: -240px -80px; }
.mod227-nav ul li a.mod227-navlink-b.mod227-current{ background-position: -240px -160px; }
.mod227-nav ul li a.mod227-navlink-s2{ background-position: -320px 0; left: 280px; z-index: 104; }
.mod227-nav ul li a:hover.mod227-navlink-s2{ background-position: -320px -80px; }
.mod227-nav ul li a.mod227-navlink-s2.mod227-current{ background-position: -320px -160px; }
.mod227.mod227-pos .mod227-desc{ background: url(../images/mod227-bg.png) no-repeat 0 -240px; position: absolute; top: 66px; left: 0; z-index: 1; width: 700px; height: 160px; }
.mod227.mod227-pos .mod227-desc-pad{ padding: 35px 40px 0px 20px; }
.mod227.mod227-pos .mod227-desc h4{ color: #fff!important; margin: 0 0 10px 0!important; }
.mod227.mod227-pos p{ color: #fff!important; margin: 0 0 10px 0!important; font: 700 12px/16px Arial,Helvetica,sans-serif!important; }
.mod227-close{ display: none; }
.mod227.mod227-pos .mod227-close{ display: block; position: absolute; left: 650px; top: 20px; height: 20px; width: 20px; }
.mod227.mod227-pos .mod227-close a{ text-indent: -9999em; display: block; height: 20px; width: 20px; background: url(../images/mod227-bg.png) no-repeat -640px 0; }
.mod227.mod227-pos .mod227-close a:hover{ background-position: -600px 0; }
/*mod 3.3.1*/
.mod331{ float: left; width: 100%; display: block; margin: 0 0 30px 0; }
.mod331-thumb{ float: left; margin: 0 15px 0 0; width: 82px; }
.mod331-thumb a img{ }
.mod331-thumb a:hover img{ -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .4); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .4); }
.mod331-text{ float: left; width: 600px; }
/*Video image layout */
.ind_videobox { width: 100%; height: 100px; margin-top: 10px; margin-right: auto; margin-bottom: 5px; margin-left: auto; clear: left; }
.ind_videobox .vidimg { width: 85px; height: 90px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; float: left; }
.ind_videobox p.videodescripriton { float: left; width: 80%; }
/*Transcript*/
body.transcript{ background: #3E467C; margin: 0; padding: 8px; text-align: left; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 76%; }
#transpage{ overflow: hidden; width: 100%; background: #3E467C; }
#transhdr{ background-color: #3E467C; }
#transhdr h1{ margin: 0; padding: 0 0px 8px 0px; color: #fff; font: bold 18px Verdana,Geneva,Arial,Helvetica,sans-serif; }
#transcontent{ font-size: 11px; overflow: auto; background: #fff; padding: 5px; margin: 0; border: #314CB1 2px solid; }
#transcontent a{ color: #000; }
#transcontent a:hover{ color: #fff; }
#transcontent h2{ color: #9A2416; font-size: 18px; margin: 0 0 15px 0; padding: 14px 20px 0px 20px; }
#transcontent h3{ color: #9A2416; font-size: 14px; margin: 0 0 15px 0; padding: 14px 20px 0px 20px; }
#transcontent h4{ color: #000; font-size: 12px; margin: 0 0 7px 0; padding: 14px 20px 0px 20px; }
#transcontent p{ color: #000; font-size: 11px; margin: 0 0 5px 0; padding: 5px 20px; background: #EAEDF7; }
#transcontent p.secondspeaker{ background: #F3E5E4; }
#transcontent p.secondspeaker strong{ color: #9D2312; }
#transcontent strong{ color: #314CB1; }
#transclose{ float: left; width: 100%; background-color: #3E467C; margin: 0; padding: 8px 8px 8px 0; text-align: right; }
/*register button*/
p.button-para{ padding-top: 0px; }
a.btn-reg{ font: bold 13px/16px Arial, Helvetica, sans-serif; background: #eee; background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%); background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%); background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%); background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%); border: #ddd 1px solid; border-bottom-color: #c5c5c5; padding: 8px 18px; -webkit-border-radius: 6px; border-radius: 6px; color: #000; text-shadow: 0 1px 0 rgba(255,255,255,.8); behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
a:hover.btn-reg{ background: #5e5ccb; background: -moz-linear-gradient(top,  #5e5ccb 0%, #4e4cac 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5ccb), color-stop(100%,#4e4cac)); background: -webkit-linear-gradient(top,  #5e5ccb 0%,#4e4cac 100%); background: -o-linear-gradient(top,  #5e5ccb 0%,#4e4cac 100%); background: -ms-linear-gradient(top,  #5e5ccb 0%,#4e4cac 100%); background: linear-gradient(to bottom,  #5e5ccb 0%,#4e4cac 100%); border-color: #33326b; color: #fff; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.6); }
a.btn-reg-large{ font: bold 14px/18px Arial, Helvetica, sans-serif; background: #821503; border: 0; padding: 8px 20px; -webkit-border-radius: 6px; border-radius: 6px; color: #fff!important; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
a:hover.btn-reg-large{ background: #000099; color: #fff; text-decoration: none; }

a:focus.btn-reg-large{background: #000099;
	 
}

input.btn-reg{ font: bold 14px/18px Arial, Helvetica, sans-serif; background: #eee; background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%); background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%); background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%); background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%); border: #ddd 1px solid; border-bottom-color: #c5c5c5; padding: 6px 18px; -webkit-border-radius: 6px; border-radius: 6px; color: #000; text-shadow: 0 1px 0 rgba(255,255,255,.8); cursor: pointer; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
input:hover.btn-reg{ background: #5e5ccb; background: -moz-linear-gradient(top,  #5e5ccb 0%, #4e4cac 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5ccb), color-stop(100%,#4e4cac)); background: -webkit-linear-gradient(top,  #5e5ccb 0%,#4e4cac 100%); background: -o-linear-gradient(top,  #5e5ccb 0%,#4e4cac 100%); background: -ms-linear-gradient(top,  #5e5ccb 0%,#4e4cac 100%); background: linear-gradient(to bottom,  #5e5ccb 0%,#4e4cac 100%); border-color: #33326b; color: #fff; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.6); }



/* registration form */
.regheader h2 { font-size: 18px; line-height: 21px; color: #841000; font-weight: bold; }
.ctrlHolder{ float: left; width: 100%; margin: 0 0 20px 0; }
.ctrlHolder select{ width: 220px; }
.form-header1{ float: left; width: 38%; margin: 0 4% 0 0; font: bold 13px/14px Arial, Helvetica, sans-serif; }
.form-header2{ float: left; width: 100%; margin: 0 0 0 0; font: bold 13px/14px Arial, Helvetica, sans-serif; }
.form-header3{ float: left; width: 33%; margin: 0 4% 0 0; font: normal 13px/14px Arial, Helvetica, sans-serif; }
.form-header4{ float: left; width: 100%; margin: 10px 0 10px 0; font: bold 13px/14px Arial, Helvetica, sans-serif; }
.form-options{ float: right; width: 58%; margin: 0; font: normal 13px/14px Arial, Helvetica, sans-serif; }
.form-options p{ margin: 0; padding: 0; }
.form-col-left{ float: left; width: 48%; padding: 0; margin: 0 4% 0 0; }
.form-col-right{ float: left; width: 48%; padding: 0; margin: 0 0% 0 0; }
.form-indent{ margin: 0 0 0 22px; }
p.red-message{ color: #9D2312; font: normal 11px/15px Verdana,Geneva,Arial,Helvetica,sans-serif; margin: 0 0 20px 0; }
.browserlinks a img{ border: none; }
.redtext{ color: #9D2312; }
.form-options-clas{ float: left; width: 100%; margin: 0; font: normal 13px/16px Arial, Helvetica, sans-serif; }
.form-options-clas p{ margin: 0 0 7px 0; padding: 0; }
.form-image-radio{ margin-top: 20px; margin-bottom: 20px; }
/*TEXT BUBBLE*/
.bubble { position: relative; width: 450px; padding: 0px; background: #f4f5fa; border: #3E467C solid 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin: 0 0 21px 0; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); }
.bubble.small{ width: 360px; }
.bubble.large{ width: 590px; }
.bubble:after { content: ""; position: absolute; top: 28px; right: -15px; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent #f4f5fa; display: block; width: 0; z-index: 1; }
.bubble.small:after{ }
.bubble.large:after{ top: 64px; }
.bubble:before { content: ""; position: absolute; top: 24px; left: 455px; border-style: solid; border-width: 14px 0 14px 19px; border-color: transparent #3E467C; display: block; width: 0; z-index: 0; }
.bubble.small:before{ left: 365px; }
.bubble.large:before{ left: 595px; top: 60px; }
.bubble p{ padding: 20px; font: normal 20px/28px Cambria, Georgia, serif; text-align: center; margin: 0 0 10px 0; }
.speaker-bubble{ float: left; width: 100%; margin: 0 0 20px 0; }
.speaker-bubble.small{ xposition: relative; xheight: 400px; }
.bubble-still{ float: left; margin: 30px 0; }
.bubble-still img{ margin: 0 0 10px 0; }
.bubble-still p{ margin: 10px 0; }
.sb-left{ float: left; width: 360px; }
.sb-right{ float: right; }
.bubble-text{ float: left; width: 450px; margin: 10px 30px 0 0; }
.bubble-text.small{ width: 360px; }
.bubble-text.large{ width: 590px; }
.bubble-narrator{ float: right; width: 222px; }
.bubble-narrator.small{ width: 200px; }
.bubble-narrator img{ float: right; display: block; }
.bubble-audio{ margin: 5px 0 0 0; float: right; }
.bubble-audio p{ margin: 0; padding: 0; }
a.bubble-play-audio{ background: url(../images/bubble-play-audio.png) no-repeat 0 0; display: block; padding: 2px 0 7px 35px; width: 100%; }
.bubble-duration{ display: block; padding: 0px 0 0 35px; margin-top: -5px; }
a:hover.bubble-play-audio{ background-position: 0 -175px; }
/**/
.cg-blocks{ margin: 10px 0 30px 0; float: left; width: 100%; }
.cg-blocks ul{ list-style: none; padding: 0; margin: 0; float: left; width: 100%; }
.cg-blocks ul li{ margin: 0 2% 0px 0!important; padding: 0; border: #a3b4de 2px solid; height: 120px; background: #eaedf7; width: 21%; float: left; display: table; -webkit-border-radius: 20px; border-radius: 20px; }
.cg-blocks ul li p{ display: table-cell; vertical-align: middle; text-align: center; padding: 0 16px; font: 400 14px/18px Cambria, Georgia, serif; }
.cg-blocks ul li:last-child{ margin-right: 0; }
.cg-quotes{ margin: 10px 0 30px 0; float: left; width: 100%; }
.cg-quotes ul{ list-style: none; padding: 0; margin: 0; float: left; width: 100%; }
.cg-quote-holder{ float: left; width: 45%; margin: 0 0 0 0; padding: 0; }
.cg-quote-holder.second{ margin: 100px 0 0 -30px; }
.cg-quote-one { position: relative; padding: 15px; margin: 0em 0 3em; color: #fff; background: #314cb1; font: 400 20px/28px Cambria, Georgia, serif; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
/* creates the wider right-angled triangle */
.cg-quote-one:before { content: ""; position: absolute; bottom: -20px; right: 80px; border-width: 0 0 20px 30px; border-style: solid; border-color: transparent #314cb1; /* reduce the damage in FF3.0 */ display: block; width: 0; }
/* creates the narrower right-angled triangle */
.cg-quote-one:after { content: ""; position: absolute; bottom: -20px; right: 100px; border-width: 0 0 20px 10px; border-style: solid; border-color: transparent #fff; /* reduce the damage in FF3.0 */ display: block; width: 0; }
.cg-quote-two { position: relative; padding: 15px; margin: 0em 0 3em; color: #fff; background: #314cb1; font: 400 20px/28px Cambria, Georgia, serif; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
/* creates the wider right-angled triangle */
.cg-quote-two:before { content: ""; position: absolute; bottom: -20px; /* value = - border-top-width - border-bottom-width */ left: 60px; /* controls horizontal position */ border: 0; border-right-width: 30px; /* vary this value to change the angle of the vertex */ border-bottom-width: 20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */ border-style: solid; border-color: transparent #314cb1; /* reduce the damage in FF3.0 */ display: block; width: 0; }
/* creates the narrower right-angled triangle */
.cg-quote-two:after { content: ""; position: absolute; bottom: -20px; /* value = - border-top-width - border-bottom-width */ left: 80px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */ border: 0; border-right-width: 10px; /* vary this value to change the angle of the vertex */ border-bottom-width: 20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */ border-style: solid; border-color: transparent #fff; /* reduce the damage in FF3.0 */ display: block; width: 0; }
.gr-food-access{ float: left; width: 100%; margin: 15px 0; display: table; }
.gr-food-access img{ float: left; display: table-cell; vertical-align: middle; margin: 0 30px 0 0; }
.gr-food-access p{ text-align: left; display: table-cell; vertical-align: middle; width: 520px; }
.gr-food-access.small p{ text-align: left; display: table-cell; vertical-align: middle; width: 600px; }
.img-fl-right{ float: right; margin: 0px 0 20px 20px; clear: both; }
.fl-lft-audio{ float: left; width: 490px; }
.footnote-clear{ float: left; clear: both; padding: 0px 0 20px 0; }
/*clickable table*/
div.ri1{ height: 130px; width: 550px; overflow: hidden; }
div.ri2{ height: 130px; width: 550px; overflow: hidden; }
div.ri3{ height: 130px; width: 550px; overflow: hidden; }
div.ri4{ height: 130px; width: 550px; overflow: hidden; }
/*case study*/
div.case-study { width: 490px; height: 350px; overflow: auto; }
div.case-study-long { width: 700px; height: 350px; overflow: auto; }
/**/
.password-guidelines{ }
.password-guidelines.indent{ margin-left: 144px; margin-bottom: 20px; }
.password-guidelines .jqmntitle{ color: #fff; padding: 0; margin: 0 0 0px 0; width: 100%; display: block; }
.password-guidelines .jqlinktitle a{ color: #fff; background: #821503; cursor: pointer; min-height: 16px; margin: 2px 0 0px 0; overflow: hidden; padding: 6px 10px; width: 685px; display: block; text-decoration: none; font: 700 13px/18px Arial, Helvetica, sans-serif; position: relative; }
.password-guidelines .jqlinktitle a:hover{ background: #6a1202; }
.password-guidelines .jqlinktitle a:after{ content: "Click to expand"; position: absolute; right: 9px; top: 9px; font: 400 10px/14px Arial, Helvetica, sans-serif; font-style: oblique; text-align: right; }
.password-guidelines .jqinfobox{ background-color: #fff; border: 2px solid #821503; border-top: 0; margin: 0px 0 2px 0; width: 677px; padding: 12px; font: 400 12px/16px Arial, Helvetica, sans-serif; }
.password-guidelines .jqinfobox p{ margin: 0 0 5px 0; }
.password-guidelines .jqinfobox p.pass-right{ background: url(../images/right-wrong.png) no-repeat 0 -60px; margin: 20px 0 10px 0; padding: 0 0 0px 26px; font: 600 12px/20px Arial, Helvetica, sans-serif; color: blue; }
.password-guidelines .jqinfobox p.pass-right.lessmar{ margin: -20px 0 10px 0; }
.password-guidelines .jqinfobox p.pass-wrong{ background: url(../images/right-wrong.png) no-repeat 0 0px; padding: 0 0 0px 26px; font: 600 12px/20px Arial, Helvetica, sans-serif; color: #821503; }
/**/
.password-guidelines-es{ }
.password-guidelines-es.indent{ margin-left: 144px; margin-bottom: 20px; }
.password-guidelines-es .jqmntitle{ color: #fff; padding: 0; margin: 0 0 0px 0; width: 100%; display: block; }
.password-guidelines-es .jqlinktitle a{ color: #fff; background: #821503; cursor: pointer; min-height: 16px; margin: 2px 0 0px 0; overflow: hidden; padding: 6px 10px; width: 685px; display: block; text-decoration: none; font: 700 13px/18px Arial, Helvetica, sans-serif; position: relative; }
.password-guidelines-es .jqlinktitle a:hover{ background: #6a1202; }
.password-guidelines-es .jqlinktitle a:after{ content: "Haga clic aqu\00ed  para ampliar"; position: absolute; right: 9px; top: 9px; font: 400 10px/14px Arial, Helvetica, sans-serif; font-style: oblique; text-align: right; }
.password-guidelines-es .jqinfobox{ background-color: #fff; border: 2px solid #821503; border-top: 0; margin: 0px 0 2px 0; width: 677px; padding: 12px; font: 400 12px/16px Arial, Helvetica, sans-serif; }
.password-guidelines-es .jqinfobox p{ margin: 0 0 5px 0; }
.password-guidelines-es .jqinfobox p.pass-right{ background: url(../images/right-wrong.png) no-repeat 0 -60px; margin: 20px 0 10px 0; padding: 0 0 0px 26px; font: 600 12px/20px Arial, Helvetica, sans-serif; color: blue; }
.password-guidelines-es .jqinfobox p.pass-right.lessmar{ margin: -20px 0 10px 0; }
.password-guidelines-es .jqinfobox p.pass-wrong{ background: url(../images/right-wrong.png) no-repeat 0 0px; padding: 0 0 0px 26px; font: 600 12px/20px Arial, Helvetica, sans-serif; color: #821503; }
/**/
.password-guidelines.es{ }
.password-guidelines.es .jqlinktitle a{ padding: 6px 120px 6px 10px; width: 275px; }
.password-guidelines.es .jqlinktitle a:after{ content: "Haga clic aqu\00ed  para ampliar"; width: 110px; }
/**/
.ctrl-holder{ display: block; padding: 0 0px; margin: 0 0 20px 0; }
.ctrl-holder label{ font-weight: 700; width: 140px; display: inline-block; }
.bttn-holder{ display: block; padding: 0 0px; margin: 20px 0 20px 0; }
/*forgot form*/
fieldset.fieldset-forgot{ border: none; padding: 0; margin: 0 0 20px 0; }
fieldset.fieldset-forgot .ctrl-holder{ width: 100%; margin: 0 0 20px 0; }
fieldset.fieldset-forgot .form-header1{ float: left; width: 38%; margin: 0 4% 0 0; font: bold 14px Arial, Helvetica, sans-serif; }
fieldset.fieldset-forgot input.text-input{ border: #aaa 1px solid; background: #fff; padding: 3px; }
fieldset.fieldset-forgot input:focus.text-input{ border-color: #314cb1; }
fieldset.fieldset-forgot input.text-submit{ font: 700 14px Arial, Helvetica, sans-serif; color: #000; border: #ddc268 1px solid; background: #fde8a1; padding: 5px 10px; margin: 0 5px 0 0; display: inline-block; }
fieldset.fieldset-forgot input:hover.text-submit{ background: #314cb1; color: #fff; border-color: #000099; }
fieldset.fieldset-forgot a.text-cancel{ font: 700 14px Arial, Helvetica, sans-serif; color: #000; border: #ccc 1px solid; background: #eee; padding: 6px 10px 7px 10px; margin: 0 5px 0 0; display: inline-block; text-decoration: none; }
fieldset.fieldset-forgot a:hover.text-cancel{ background: #314cb1; color: #fff; border-color: #000099; text-decoration: none; }
/*PostTest Holder */
.ptestholder{ padding: 0 0px; margin: 0; width: 100%; }
.ptest{ background: #f0f8ff; border-radius: 10px; border: solid #0073e6; border-width: 10px 2px 2px 2px; margin: 0px 0; padding: 20px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.ptest table{ width: 100%; }
.ptest h2{ color: #000!important; font: 700 16px/22px Arial,Helvetica,sans-serif!important; border-bottom: #0073e6 2px dotted; padding: 0 0 10px 0; margin: 0 0 20px 0; width: 100%; }
.ptest h3{ font: 400 14px/20px Arial,Helvetica,sans-serif!important; }
.ptest form{ margin: 0; padding: 0; }
table.ptest table{ width: 100%; }
.net-question, .pageText-strong{ font: 400 16px/22px Arial,Helvetica,sans-serif; color: #000; padding: 0px 0 0px 0; }
.textTitle{ font: 600 18px/24px Arial, Helvetica, sans-serif; text-align: left; display: block; margin: 0 0 20px 0; padding: 0px; }
.textTitle.pad{ padding: 0 10px; }
table.table-test-choices{ margin: 10px 0 10px 0; }
table.table-test-choices tr td{ margin: 0 0 0px 0; padding: 5px 0; text-align: left; vertical-align: top; font: 400 12px/18px Arial,Helvetica,sans-serif; }
.test-choice-label{ padding: 1px 0 0 5px; display: block; font: 400 14px/18px Arial,Helvetica,sans-serif; }
table.test-feedback-table{ margin: 10px 0 20px 0; width: 100%; padding: 0; }
table.test-feedback-table th{ background: #8a8c95; padding: 5px; color: #fff; font: 700 14px/18px Arial,Helvetica,sans-serif; font-style: oblique; }
table.test-feedback-table td{ text-align: left; vertical-align: top; padding: 5px 5px; font: 400 14px/18px Arial,Helvetica,sans-serif; border-bottom: #cbd0e1 0px solid; }
.choice-correct{ color: #003F7E; padding: 0 0 0 0px; font: 600 14px/18px Arial,Helvetica,sans-serif; display: block; }
.choice-yours{ color: #003F7E; padding: 5px 0 0 0px; font: 600 14px/18px Arial,Helvetica,sans-serif; display: block; }
.ptest.post-test .choice-yours{ color: #000!important; }
.correct-answer-text{ font: 700 14px/18px Arial,Helvetica,sans-serif; padding: 10px 0; display: block; color: #003F7E; }
.test-message-text{ font: 400 14px/18px Arial,Helvetica,sans-serif; padding: 0 0 10px 0; display: block; color: #821503; }
input.button-test-submit{ font: 700 13px/18px Arial,Helvetica,sans-serif; color: #fff; padding: 5px 20px; border: #981400 1px solid; background: #ba1900; background: -moz-linear-gradient(top,  #ba1900 0%, #981400 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba1900), color-stop(100%,#981400)); background: -webkit-linear-gradient(top,  #ba1900 0%,#981400 100%); background: -o-linear-gradient(top,  #ba1900 0%,#981400 100%); background: -ms-linear-gradient(top,  #ba1900 0%,#981400 100%); background: linear-gradient(top,  #ba1900 0%,#981400 100%); -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
input:hover.button-test-submit{ background: #1f1fda; background: -moz-linear-gradient(top,  #1f1fda 0%, #000099 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1fda), color-stop(100%,#000099)); background: -webkit-linear-gradient(top,  #1f1fda 0%,#000099 100%); background: -o-linear-gradient(top,  #1f1fda 0%,#000099 100%); background: -ms-linear-gradient(top,  #1f1fda 0%,#000099 100%); background: linear-gradient(top,  #1f1fda 0%,#000099 100%); border-color: #009; }
/*show/hide correct answers*/
.ca-getanswer a { font: 700 13px/18px Arial, Helvetica, sans-serif; padding: 10px 0 14px 50px; background: url(../images/answer-icon.png) no-repeat 0 0; display: block; width: 576px; }
.ca-getanswer a:hover { background-position: 0 -80px; }
.ca-answer{ background: #fffdf9; margin: 10px 0 0 0; padding: 0; width: 100%; border: #f6dfc7 1px solid; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ca-answer-text{ padding: 20px 20px 10px 20px; }
.ca-answer-text h4{ font: 700 13px/18px Arial,Helvetica,sans-serif!important; margin: 0 0 10px 0!important; padding: 0!important; }
.ca-answer-text ol{ margin: 0 0 10px 0px!important; padding: 0; }
/*wd quote*/
.wd-blocks{ margin: 10px 0 30px 0; float: left; width: 100%; }
.wd-blocks ul{ list-style: none; padding: 0; margin: 0; float: left; width: 100%; }
.wd-blocks ul li{ margin: 0 2% 0px 0!important; padding: 0; border: #a3b4de 2px solid; height: 120px; background: #eaedf7; width: 21%; float: left; display: table; -webkit-border-radius: 20px; border-radius: 20px; }
.wd-blocks ul li p{ display: table-cell; vertical-align: middle; text-align: center; padding: 0 16px; font: 400 14px/18px Cambria, Georgia, serif; }
.wd-blocks ul li:last-child{ margin-right: 0; }
.wd-quotes{ margin: 10px 0 20px 0; float: left; width: 100%; }
.wd-quotes ul{ list-style: none; padding: 0; margin: 0; float: left; width: 100%; }
.wd-quote-holder{ float: left; width: 45%; margin: 0 0 0 0; padding: 0; }
.wd-quote-holder.second{ margin: 80px 0 0 30px; }
.wd-quote-one { position: relative; padding: 15px; margin: 0em 0 3em; color: #fff; background: #314cb1; font: 400 20px/28px Cambria, Georgia, serif; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); }
/* creates the wider right-angled triangle */
.wd-quote-one:before { content: ""; position: absolute; bottom: -20px; right: 80px; border-width: 0 0 20px 30px; border-style: solid; border-color: transparent #314cb1; /* reduce the damage in FF3.0 */ display: block; width: 0; }
/* creates the narrower right-angled triangle */
.wd-quote-one:after { content: ""; position: absolute; bottom: -20px; right: 100px; border-width: 0 0 20px 10px; border-style: solid; border-color: transparent #e9e9fe; /* reduce the damage in FF3.0 */ display: block; width: 0; }
.wd-quote-two { position: relative; padding: 15px; margin: 0em 0 3em; color: #fff; background: #314cb1; font: 400 20px/28px Cambria, Georgia, serif; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); }
/* creates the wider right-angled triangle */
.wd-quote-two:before { content: ""; position: absolute; bottom: -20px; /* value = - border-top-width - border-bottom-width */ left: 60px; /* controls horizontal position */ border: 0; border-right-width: 30px; /* vary this value to change the angle of the vertex */ border-bottom-width: 20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */ border-style: solid; border-color: transparent #314cb1; /* reduce the damage in FF3.0 */ display: block; width: 0; }
/* creates the narrower right-angled triangle */
.wd-quote-two:after { content: ""; position: absolute; bottom: -20px; /* value = - border-top-width - border-bottom-width */ left: 80px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */ border: 0; border-right-width: 10px; /* vary this value to change the angle of the vertex */ border-bottom-width: 20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */ border-style: solid; border-color: transparent #e9e9fe; /* reduce the damage in FF3.0 */ display: block; width: 0; }
/*communities-circle*/
.communities-circle{ margin: 30px 0px 30px 0px; padding: 0px 0; position: relative; }
.cc-text{ position: absolute; top: 0; left: 0; text-align: center; font: 600 13px/20px Arial, Helvetica, sans-serif; color: #000; }
.cc-text.cc1{ color: #fff; top: 236px; left: 180px; width: 100px; }
.cc-text.cc2{ top: 190px; left: 84px; width: 100px; }
.cc-text.cc3{ top: 190px; left: 270px; width: 100px; }
.cc-text.cc4{ top: 160px; left: 156px; width: 140px; }
.cc-text.cc5{ top: 74px; left: 120px; width: 220px; }
.cc-text.cc6{ top: 20px; left: 116px; width: 220px; }
/*work-connects*/
.work-connects{ margin: 20px 0 30px 0; padding: 0px 0 0px 0; float: left; width:100%; display:block;}
.wc-group-row{ margin: 0 0 20px 0; float: left; width: 100%; position: relative;}
.wc-group-row.arrow{ position: relative; margin: 0 0 -10px 0; }
.wc-group{

	text-align: center;
	margin: 0 auto;
	width: auto;

}
.wc-group-title{
	float: left; 
	width: 100%;	
}
.wc-group h3{

 	 color: #fff!important; font: normal 20px/24px Cambria, Georgia, serif!important; 
 	 text-align: center;
 	 padding: 8px 18px 10px 18px; margin: 10px 0 0 0;
 	 background: #495391;
 	 	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px; 
	behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); 
	overflow: hidden;
 position: relative;
 }
 .wc-group-image{

 	background: #7190d2;
	border: #7190d2 5px solid;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); 
	overflow: hidden;
	 position: relative;
 }
 .wc-group img{ display: block;  
 	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px; 
	behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); 
	position: relative;
	width: 100%;
	height: auto;
 }
 
.wc-group-image-multi{

	float: left; 
	width: 100%;	
}

.wc-group-image-multi .wc-group-image{
	float: left;
	width: 200px;
	margin: 0 5px;
}


.wc-me{ 	width: 180px; }
.wc-pf{ 	width: 300px;  }
.wc-ff{ 	width: 660px; }

.wc-arrow{
xbackground: lime;
width: 0;
height: 0;
border-style: solid;
border-width: 16px 16px 0 16px;
border-color: #b4c3e6 transparent transparent transparent;
margin: 30px auto;

}
.wc-arrow:before{
	content: "";
	display: block;
	height: 8px;
	width: 8px;
	background: #b4c3e6;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -5px;
		-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); 
}
.wc-arrow:after{
	content: "";
	display: block;
	height: 8px;
	width: 8px;
	background: #b4c3e6;
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -5px;
		-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); 
}








/*make-changes*/
.make-changes{ margin: 40px 0 60px 0; padding: 0px 0 0px 0; position: relative; background: url(../images/make-changes.png) no-repeat 0 0; height: 500px; width: 100%; }
.mc-text{ position: absolute; top: 0; left: 0; text-align: center; font: 600 13px/20px Arial, Helvetica, sans-serif; width: 135px; padding: 0 20px; }
.mct1{ top: 430px; left: 104px; }
.mct2{ top: 420px; left: 311px; }
.mct3{ top: 270px; left: 0px; }
.mct4{ top: 280px; left: 410px; }
.mct5{ top: 120px; left: 18px; }
.mct6{ top: 120px; left: 398px; }
.mct7{ top: 50px; left: 207px; }

.mct1en{ top: 430px; left: 104px; }
.mct2en{ top: 430px; left: 311px; }
.mct3en{ top: 270px; left: 0px; }
.mct4en{ top: 280px; left: 410px; }
.mct5en{ top: 120px; left: 18px; }
.mct5en{ top: 108px; left: 18px; }
.mct6en{ top: 120px; left: 398px; }
.mct7en{ top: 50px; left: 207px; }


/*empower-graphic*/
.empower-graphic{ margin: 40px 0 60px 0; padding: 0px 0 0px 0; height: 280px; position: relative; background: url(../images/empower-graphic.png) no-repeat 0 60px; }
.empower-graphic h3{ color: #000!important; font: 600 14px/20px Arial, Helvetica, sans-serif!important; margin: 0; padding: 0; }
.empower-graphic ul{ font: 400 12px/20px Arial, Helvetica, sans-serif!important; list-style: none; margin: 0; padding: 0; }
.empower-graphic ul li{ margin: 0!important; padding: 0!important; }
.empower-graphic .eg-hdr{ position: absolute; width: 220px; }
.empower-graphic .eg-hdr.eg1{ top: 0; left: 0; }
.empower-graphic .eg-hdr.eg2{ top: 0px; left: 250px; }
.empower-graphic .eg-hdr.eg3{ top: 0px; left: 470px; }
.empower-graphic .eg-text{ position: absolute; width: 180px; font: 400 13px/18px Arial, Helvetica, sans-serif!important; }
.empower-graphic .eg-text.et1{ top: 36px; left: 0px; }
.empower-graphic .eg-text.et2{ top: 87px; left: 0px; }
.empower-graphic .eg-text.et3{ top: 153px; left: 0px; }
.empower-graphic .eg-text.et4{ top: 204px; left: 0px; }
.empower-graphic .eg-subhdr{ position: absolute; width: 110px; padding: 0 30px; text-align: center; font: 600 14px/20px Arial, Helvetica, sans-serif!important; }
.empower-graphic .eg-subhdr.en1{ top: 124px; left: 220px; }
.empower-graphic .eg-subhdr.en2{ top: 120px; left: 469px; }
.empower-graphic .eg-subhdr.es1{ top: 144px; left: 220px; }
.empower-graphic .eg-subhdr.es2{ top: 140px; left: 469px; }
.empower-graphic.espanol{ background: url(../images/empower-graphic.png) no-repeat 0 80px;  }
.empower-graphic.espanol .eg-hdr{ position: absolute; width: 230px; }
.empower-graphic.espanol .eg-text{ width: 200px; }
.empower-graphic.espanol .eg-text.et1{ top: 56px; left: 0px; }
.empower-graphic.espanol .eg-text.et2{ top: 108px; left: 0px; width: 150px; }
.empower-graphic.espanol .eg-text.et3{ top: 174px; left: 0px; }
.empower-graphic.espanol .eg-text.et4{ top: 224px; left: 0px; }
/*unit-blocks*/
.unit-blocks{ margin: 0px 0 40px 0; padding: 0 0; position: relative; float: left; width: 100%; }
.unit-blocks.up{ margin-top: -20px; margin-bottom: 20px; }
.unit-blocks ul{ list-style: none; margin: 0; padding: 0; }
.unit-blocks ul li{ margin: 0 3px 3px 0!important; padding: 0!important; font: 600 20px/24px Arial, Helvetica, sans-serif!important; float: left; text-align: center; display: block; }
.unit-blocks ul li h3{ font: 600 16px/20px Arial, Helvetica, sans-serif!important; margin: 0!important; padding: 0!important; }
.unit-blocks ul li:nth-child(2n){ margin-right: 0; }
.unit-blocks ul li a{ color: #000; width: 200px; height: 198px; padding: 0 24px; display: table-cell; vertical-align: middle; text-align: center; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.unit-blocks ul li a.ub-1{ background: #c3dfef; border-radius: 24px 0px 0 0; }
.unit-blocks ul li a.ub-2{ background: #cde5d6; border-radius: 0px 24px 0 0; }
.unit-blocks ul li a.ub-3{ background: #ddc2c2; border-radius: 0px 0 0 24px; }
.unit-blocks ul li a.ub-4{ background: #f5d6bf; border-radius: 0px 0 24px 0; }
.unit-blocks ul li a:hover, .unit-blocks ul li a:focus{ background: #009; color:#fff; text-decoration: none; }
.unit-blocks div{ float: none; display: inline; margin: 0; padding: 0; }
.unit-blocks-message{ position: absolute; left: 520px; top: 12px; width: 174px; background: #f4f5fa; border: #3E467C solid 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); }
.unit-blocks-message p{ padding: 20px 20px 10px 20px; font: normal 17px/22px Cambria, Georgia, serif; text-align: center; margin: 0 0 10px 0; }
.unit-blocks-message.top{ position: relative; top: 0; left: 0; float: left; width: 490px; display: block; margin: 0 0 20px 0; }
.ub-group{ float: left; width: 100%; }
.ub-right{ float: right; margin: 0 0 20px 0px; }
.ub-left{ float: left; width: 502px; }
.unit-blocks.small { margin-top: -50px; margin-bottom: 20px; }
.unit-blocks.small.up2 { margin-top: -90px; margin-bottom: 20px; }
.unit-blocks.small ul{ width: 462px; }
.unit-blocks.small li a{ color: #fff; width: 188px; height: 178px; padding: 0 20px; }

/*small unit blocks*/

.sm-unit-block-group{
	float: left;

	width: 500px;
}

.para-fl{
	float: left;
	width: 100%;	
}
ul.sm-unit-block-list{
	
	float: left;
	width: 100%;
	list-style: none;
}

ul.sm-unit-block-list li{

	float: left;
	width: 100%;
	margin: 10px 0!important;
	padding: 0;
}
ul.sm-unit-block-list li .sm-unit-blocks{
	margin-top: -10px!important;
}

.sm-unit-blocks{
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
	behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); 
	position: relative;
	display: block;
	color: #000;
	text-align:center;
	padding: 30px 0px 10px 0;
	margin: 0 20px 20px 0;
	width: 90px;
	height: 40px;
	float: left;
	font: 700 16px/20px Arial, Helvetica, sans-serif;
}
.sm-unit-blocks.smub-1{ background: #c3dfef;  }
.sm-unit-blocks.smub-2{ background: #cde5d6;  }
.sm-unit-blocks.smub-3{ background: #ddc2c2;  }
.sm-unit-blocks.smub-4{ background: #f5d6bf;  }

.sm-unit-blocks.es{
	height: 50px;
}

/*highlight-boxes*/
.highlight-box{ background: #eee; border-radius: 10px; border: solid #000; border-width: 10px 2px 2px 2px; margin: 30px 0; padding: 20px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.highlight-box.short{ width: 450px; }

.highlight-box.indent{ margin: 30px auto; }

.highlight-box .hb-callout{ background: rgba(0,0,0,.1); padding: 20px 20px 10px 20px; margin: 0 0 20px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.highlight-box h2{ font: 600 18px/24px Arial, Helvetica, sans-serif; color: #000; border-bottom: #ccc 2px dotted; padding: 0 0 10px 0; }
.highlight-box h3{ font: 600 14px/20px Arial, Helvetica, sans-serif!important; color: #000!important; }
.highlight-box h2.icon-action{ background: url(../images/icon-clipboard.png) no-repeat 0 0; padding: 10px 0 24px 60px; min-height: 24px; }
/*action*/
.highlight-box.action-box{ border-color: #fcb17a; background-color: #fef2e9; }
.highlight-box.action-box h2{ border-color: #fcb17a; }
.highlight-box.action-box h2.no-line{ border: none; padding: 0 0 0px 0; }
/*define*/
.highlight-box.define-box{ border-color: #e10944; background-color: #fef1f4; }
.highlight-box.define-box h2{ border-color: #e10944; }
.highlight-box h2.icon-define{ background: url(../images/icon-define.png) no-repeat 0 0; padding: 10px 0 24px 60px; }
/*think*/
.highlight-box.think-box{ border-color: #3a50a1; background-color: #e9e9fe; }
.highlight-box.think-box .hb-callout{ background: #d6d6f8; }
.highlight-box.think-box h2{ border-color: #3a50a1; }
.highlight-box.think-box h2.sub{ font: 600 18px/24px Arial, Helvetica, sans-serif; color: #000; border-bottom: none; }
.highlight-box.think-box h3{ color: #2B3C7A!important; }
.highlight-box.think-box h3.sub{ color: #2B3C7A!important; padding: 0 0 16px 0; margin-top: -16px!important; }
.highlight-box.think-box h3.sub-line{ color: #2B3C7A!important; border-bottom: #3a50a1 2px dotted; padding: 0 0 20px 0; margin-top: -16px!important; margin-bottom: 20px!important; }
.highlight-box h2.icon-think{ background: url(../images/icon-think.png) no-repeat 0 0; padding: 10px 0 24px 60px; }
/*base*/
.highlight-box.base-box{ border-color: #6cb50a; background-color: #f0fff1; }
.highlight-box.base-box .hb-callout{ background: #d6d6f8; }
.highlight-box.base-box h2{ border-color: #6cb50a; }
.highlight-box.base-box h2.no-line{ border: none; padding: 0 0 0px 0; }
.highlight-box h2.icon-hands{ background: url(../images/icon-hands-apple.png) no-repeat 0 0; padding: 10px 0 24px 60px; }
.highlight-box.base-box h3{ color: #6cb50a!important; }
.highlight-box.base-box h3.dark{ color: #000!important; margin-bottom: 10px!important; }
.highlight-box.base-box ul li p{ margin: 0 0 10px 0; }
.highlight-box ul.check-icon-list{ list-style: none; }
.highlight-box ul.check-icon-list li{ background: url(../images/check-bullet.png) no-repeat 0 14px; margin: 0 0 0px 0!important; padding: 10px 0 6px 32px; border-top: #6cb50a 1px solid; }
.highlight-box ul.check-icon-list li:first-child{ border: 0; }
/*healthy food*/
.hfood-group{ margin: 0 0 20px 0; float: left; width: 100%; }
.hfood-image{ display: block; margin: 0 20px 10px 0; float: left; width: 80px; }
.hfood-txt{ display: block; padding: 0 0 0px 0; float: left; width: 350px; }
.hfood-txt-hide{ display: block; padding: 0 0 0px 0; float: left; width: 350px; }
.hfood-txt p{ margin: 0 0 10px 0!important; }
/*health-is*/
.health-is{ background: url(../images/health-is-bg.png) no-repeat 0 53px; padding: 10px 0 20px 0; margin: 0 0 30px 0; float: left; width: 100%; }
.health-is ul{ list-style: none; margin: 0; padding: 0; }
.health-is ul li{ background: #bbcdef; float: left; display: block; text-align: center; width: 90px; height: 71px; margin: 0 52px 0 0!important; padding: 33px 10px 0 10px!important; font: 700 16px/20px Arial, Helvetica, sans-serif; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.health-is ul li.long{ padding: 24px 10px 0 10px!important; width: 90px; height: 80px; }
.health-is ul li:last-child{ margin: 0!important; }
/*icon-list-item*/
.icon-list-item{ border-top: #c0caed 1px solid; float: left; width: 100%; margin: 5px 0 5px 0; padding: 14px 0 0 0; }
.icon-list-item img{ width: 48px; height: 48px; float: left; margin: 0 30px 30px 0; }
.icon-list-item p{ margin: 0 0 3px 0; }
/*cert page*/
.cert-page{ float: left; width: 100%; }
.cert-page-left{ float: left; width: 430px; margin: 0 20px 0 0; }
.cert-page-right{ float: left; width: 254px; }
/*gen-cert form*/
.gen-cert{ border: none; padding: 0; margin: 0 0 20px 0; }
.gen-cert .ctrl-holder{ float: left; width: 100%; margin: 0 0 5px 0; }
.gen-cert .form-header{ float: left; width: 100%; margin: 0 0 20px 0; font: bold 14px Arial, Helvetica, sans-serif; }
.gen-cert .ctrl-holder label{ width: auto; font: 400 14px Arial, Helvetica, sans-serif; padding: 0 0 0 0px; }
.gen-cert .ctrl-holder input{ vertical-align: middle; position: relative; top: -1px; }
.gen-cert input:focus.text-input{ border-color: #314cb1; }
.gen-cert input.text-submit{ font: 700 12px/14px Arial, Helvetica, sans-serif; color: #000; border: #ddc268 1px solid; background: #fde8a1; padding: 5px 10px; margin: 0 5px 0 0; display: inline-block; }
.gen-cert input:hover.text-submit{ background: #314cb1; color: #fff; border-color: #000099; }
.gen-cert .bttn-holder{ float: left; width: 100%; margin: 20px 0 10px 0; }
.gen-cert .ctrl-holder.es{ margin: 0 0 8px 0; }
.gen-cert .ctrl-holder.es label{ width: auto; font: 400 14px Arial, Helvetica, sans-serif; padding: 0 0 0 0px; }
.gen-cert .ctrl-holder.es input{ vertical-align: top; position: relative; top: 0px; }
/*home*/
.home-header-buttons{ float: left; width: 100%; margin: 30px 0 30px 0; padding: 0 0 10px 0; display: block; border-bottom: #dadada 1px dotted; }
.hhb-lang{ float: left; width: 60%; }
.hhb-lang a.btn-reg{ margin-left: 5px; }
.hhb-share{ float: left; width: 40%; padding: 0; }
.hhb-share .sidebarcontent { width: 100%; float: left; }
.hhb-share #sharewithfriend{ float: right; width: auto; border-bottom: none; padding: 0; margin: -2px 0 0 0; }
.home-main-group{ float: left; width: 100%; margin: 0 0 30px 0; }
.home-main{ background: #fff7e1; border-radius: 10px; border: solid #e8d799; border-width: 10px 2px 2px 2px; padding: 30px 20px 40px 20px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.home-main:before, .home-main:after { content: ""; display: table; }
.home-main:after { clear: both; }
/*IE 6/7 (trigger hasLayout)*/
.home-main { *zoom: 1; }
.hm-intro{ float: left; width: 100%; margin: 0 0 30px 0; }
.hm-col-bg{ background: #ffeecc; float: left; width: 100%; padding: 20px 0; -webkit-border-radius: 6px; border-radius: 6px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
.hm-intro h1, .hm-intro h2{ text-align: center; margin: 0; padding: 0 16px; font: 400 24px/30px Arial, Helvetica, sans-serif; color: #000; }
.hm-col{ float: left; width: 30%; overflow: hidden; }
.hm-col p{ text-align: center; padding: 10px 10px; margin: 10px 0; font: 400 18px/24px Arial, Helvetica, sans-serif; color: #000; }
.hm-col p a.btn-reg-large{ padding: 10px 10px; }
.hm-col.img-col{ width: 40%; }
.hm-col.img-col img{ width: 100%; height: auto; }
.hm-col.img-col p{ padding: 0; margin: 0; }
/*hm-login*/
.hm-login{ float: left; width: 100%; }
.hm-login .ctrl-holder{ float: left; width: 100%; margin: 0 0 14px 0; }
.hm-login .ctrl-holder label{ width: 80px; vertical-align: middle; min-height: 22px; line-height: 22px; }
.hm-login .ctrl-holder label.es-label{ width: 120px; }
.hm-login .ctrl-holder input{ vertical-align: top; }
.hm-login .ctrl-holder p.form-hint{ color: #fff; }
.hm-login .ctrl-holder p.form-hint a{ color: #fff!important; text-decoration: underline; }
.hm-login .bttn-holder{ float: left; width: 100%; margin: 0 0 0px 0; }
.text-submit{ -webkit-border-radius: 4px; border-radius: 4px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); position: relative; }
/*GUI_CourseEvaluation.asp*/
.text-black{ color: #000!important; }
.blue-box-link{ background: #ddefff; padding: 10px; border: #0073e6 1px solid; }
/*Part3-7*/
.p37-group{ background: #fff url(../images/p37-group-bg.png) no-repeat 50% 50%; height: 350px; position: relative; margin: 20px 0 40px 0; float: left; width: 100%; }
.p37-group.es{ height: 414px; }
/*P37 TEXT BUBBLE*/
.p37-bubble { position: relative; width: 222px; padding: 0px; background: #e0eaff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin: 0 0 21px 0; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); }
.p37-bubble:after { content: ""; position: absolute; top: 50%; right: -24px; margin-top: -10px; border-style: solid; border-width: 10px 0 10px 24px; border-color: transparent #e0eaff; display: block; width: 0; z-index: 1; }
.p37-bubble p{ padding: 20px 25px; font: normal 18px/22px Cambria, Georgia, serif; text-align: center; margin: 0 0; }
.p37-bubble.left{ left: 0; top: 0; position: absolute; }
.p37-bubble.left.first{ top: 0; }
.p37-bubble.left.second{ top: 105px; }
.p37-bubble.left.third{ top: 210px; }
.p37-group.es .p37-bubble.left.first{ top: 0; }
.p37-group.es .p37-bubble.left.second{ top: 128px; }
.p37-group.es .p37-bubble.left.third{ top: 254px; }
.p37-bubble.right{ right: 0; top: 0; position: absolute; }
.p37-bubble.right:after { content: ""; position: absolute; right: auto; left: -24px; border-style: solid; border-width: 10px 24px 10px 0; border-color: transparent #e0eaff; display: block; width: 0; z-index: 1; }
.p37-bubble.right.first{ top: -20px; }
.p37-bubble.right.second{ top: 105px; }
.p37-group.es .p37-bubble.right.second{ top: 127px; }
.p37-bubble.right.third{ top: 210px; }
.p37-group.es .p37-bubble.right.third{ top: 254px; }
/*Part3-9*/
.p39-group{ background: #fff url(../images/p37-group-bg.png) no-repeat 50% 100%; height: 500px; position: relative; margin: 20px 0 40px 0; float: left; width: 100%; }
.p39-group.es{ height: 510px; }
/*P39 THOUGHT BUBBLE*/
.p39-bubble { position: absoulte; width: 222px; padding: 0px; margin: 0 0 0px 0; display: block; }
.p39-bubble:before { content: ""; position: absolute; top: -20px; left: 50%; margin-left: -65px; background: url(../images/thought-lg-bubble-1.png) no-repeat 0 0; display: block; width: 120px; height: 120px; z-index: 1; }
.p39-bubble:after { content: ""; position: absolute; bottom: -20px; right: 50%; margin-right: -55px; background: url(../images/thought-lg-bubble-2.png) no-repeat 0 0; display: block; width: 110px; height: 110px; z-index: 1; }
.p39-bubble p{ padding: 20px 30px; font: normal 18px/22px Cambria, Georgia, serif; text-align: center; margin: 0 0; background: #e0eaff; position: relative; display: block; z-index: 9; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); }
.p39-group.es .p39-bubble p{ font: 400 16px/20px Cambria, Georgia, serif; padding: 20px 28px; }
.p39-bubble p:before { content: ""; position: absolute; bottom: 50%; right: -25px; margin-bottom: -15px; background: url(../images/thought-sm-bubble-1.png) no-repeat 0 0; display: block; width: 20px; height: 20px; z-index: 1; }
.p39-bubble p:after { content: ""; position: absolute; bottom: 50%; right: -38px; margin-bottom: -18px; background: url(../images/thought-sm-bubble-2.png) no-repeat 0 0; display: block; width: 10px; height: 10px; z-index: 1; }
/*top*/
.p39-bubble.top{ left: 50%; margin-left: -190px; top: 0; position: absolute; width: 380px; }
.p39-bubble.top:before { content: ""; position: absolute; top: -16px; left: 50%; margin-left: -90px; width: 180px; height: 100px; background: url(../images/thought-lg-bubble-3.png) no-repeat 0 0;}
.p39-bubble.top:after { content: ""; position: absolute; bottom: -16px; right: 50%; margin-right: -90px; background: #e0eaff; width: 180px; height: 80px; background: url(../images/thought-lg-bubble-4.png) no-repeat 0 0;}
.p39-bubble.top p:before { content: ""; position: absolute; bottom: -42px; right: 50%; margin-bottom: 0px; margin-right: -10px;  }
.p39-bubble.top p:after { content: ""; position: absolute; bottom: -57px; right: 50%; margin-bottom: 0px; margin-right: -5px;  }
/*left*/
.p39-bubble.left{ left: 0; top: 0; position: absolute; }
.p39-bubble.left.first{ top: 120px; }
.p39-bubble.left.second{ top: 300px; }
.p39-bubble.left.second p:before { content: ""; position: absolute; bottom: 100%; right: -10px; margin-bottom: -15px;  }
.p39-bubble.left.second p:after { content: ""; position: absolute; bottom: 115%; right: -22px; margin-bottom: -18px;  }
.p39-bubble.left.third{ top: 440px; }
/*left es*/
.p39-group.es .p39-bubble.left.first{  }
.p39-bubble.right.first p:before { content: ""; position: absolute; bottom: 50%; right: auto; left: -27px; margin-bottom: -15px;  }
.p39-bubble.right.first p:after { content: ""; position: absolute; bottom: 50%; right: auto; left: -40px; margin-bottom: -18px;  }
.p39-group.es .p39-bubble.left.second{ top: 310px; }
.p39-group.es .p39-bubble.left.second p:before { content: ""; position: absolute; }
.p39-group.es .p39-bubble.left.second p:after { content: ""; position: absolute; bottom: 110%; right: -22px; }
.p39-bubble.right.second p:before { content: ""; position: absolute; bottom: 100%; right: auto; left: -10px; margin-bottom: -15px;  }
.p39-bubble.right.second p:after { content: ""; position: absolute; bottom: 112%; right: auto; left: -18px; margin-bottom: -18px;  }
.p39-group.es .p39-bubble.left.third{ }
/*right*/
.p39-bubble.right{ right: 0; top: 0; position: absolute; }
.p39-bubble.right:after { }
.p39-bubble.right.first{ top: 120px; }
.p39-bubble.right.second{ top: 310px; }
.p39-group.es .p39-bubble.right.second{  top: 350px; }

.p39-group.es .p39-bubble.right.second p:before { content: ""; position: absolute; bottom: 100%; right: auto; left: -10px; margin-bottom: -15px;  }
.p39-group.es .p39-bubble.right.second p:after { content: ""; position: absolute; bottom: 112%; right: auto; left: -18px; margin-bottom: -10px;  }


.p39-bubble.right.third{ }
.p39-group.es .p39-bubble.right.third{  }

/*eval*/

.eval-number-group{
	float: left;
	width: 18px;
	text-align: right;
	margin: 0 10px 0 0;
}
.eval-qt-group{
	float: left;
	width: 260px;

}

.eval-qt-group.es{
	width: 180px;
}

.eval-qt1-group{
	float: left;
	width: 580px;
}

.eval-radio-label1{ padding: 1px 0 0px 0px; display: block; text-align: center;  }
.eval-radio-label1 label{
	font: 400 11px/14px Arial,Helvetica,sans-serif;
	color: #666;
	display: none;
}
table.evaltable th.evalinst1{ 
 
padding: 0px 0 0px 0; 
color: #000; 
font: 700 13px/18px Arial,Helvetica,sans-serif; 
font-style: normal; 

}

table.evaltable th.evalq1{
	border-top: #bbdeff 1px solid;
	background: #fff!important;
	font-weight: 400!important;
	font-style: normal!important;
	padding: 10px 5px 5px 5px!important;

}
.eval-scale1{ font: 700 13px/18px Arial,Helvetica,sans-serif; display: block; padding: 15px 10px 10px 10px; font-style: oblique; }
.eval-scale2{ font: 700 10px/14px Arial,Helvetica,sans-serif; display: block; padding: 0px 10px 10px 10px; 
text-transform: uppercase; color: #000; }

.eval-scale2.es{
	padding: 0 5px 10px 5px;
}
.evalradio.es td{

}
table.evaltable .eval-scale2 table{
	width: auto!important;
	padding: 0;
	margin: 0 auto;
}
table.evaltable .eval-scale2 table td{
	border: none!important;
	 font: 700 10px/14px Arial,Helvetica,sans-serif;
	 text-align: center;
	 padding: 0 8px;
	 background: none;
	 vertical-align: middle;
}
table.evaltable .eval-scale2.es table {
	
}


table.evaltable td.evalq1td{
		border-top: none;
		padding-bottom: 20px;
		padding-top: 5px;
		
}

table td textarea.eval-textarea{
 border: #aaa 1px solid; 
 background: #fafafa; 
 padding: 3px; 
	width: 560px;


}
table td textarea.eval-textarea:focus{ border-color: #314cb1;  background: #fff;}


/*intro-aspects-group*/
.intro-aspects-group{
	margin: 20px 0 20px 0;
	float: left; 
	width: 100%;
}
.intro-aspects{
	background: url(../images/intro-aspects-bg.png) no-repeat 122px 28px;
	float: left;
	width: 480px;
	height: 300px;
	 position: relative;
}
.intro-aspects ul{
	list-style: none;
	 position: relative;
}
.intro-aspects ul li{
	padding: 10px 15px;
	margin: 0!important;
	border: #a4b8e2 2px solid;
	background: #e9e9fe;
	text-align: center;
	font: 700 14px/18px Arial,Helvetica,sans-serif;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	behavior: url("https://promotores-thinkculturalhealth-qc.thinkculturalhealth.hhs.gov/css/PIE.htc"); 
 position: absolute;
 width: 100px;
 left:0;
 top:0;
}

.intro-aspects ul li.ia-1{
	top: 0;
	left: 0;
}
.intro-aspects ul li.ia-2{
	top: 0;
	left: 173px;
}
.intro-aspects ul li.ia-3{
	top: 0;
	left: 346px;
}

.intro-aspects ul li.ia-4{
	top: 102px;
	left: 0px;
}
.intro-aspects ul li.ia-5{
	top: 204px;
	left: 0px;
}

.intro-aspects ul li.ia-6{
	top: 102px;
	left: 346px;
}
.intro-aspects ul li.ia-7{
	top: 204px;
	left: 346px;
}
.fd-section{ background: #fff; float: left; width: 250px; border: #831504 2px solid; margin: 0 20px 20px 0; height: 220px; }
.fd-section.small-group{ width: 350px; height: auto; margin-right: 0; margin-bottom: 30px; margin-top: 20px; }
.fd-sg-row{
	 float: left; width: 100%; 
}
.fd-sg-col{
	 float: left; width: 500px; margin: 0 40px 0 0; 
}
.fd-sg-col.last{
	margin: 0; width: 305px;
}
.fd-sg-col ul{
	text-align: left; 
}
.fd-sg-col ul li{
	margin: 0 0 6px 10px!important;
}
.fd-sg-row p{
	text-align: left; margin: 5px 0 20px 10px;
}
.fd-section h2{ background: #831504; color: #000!important; font: 700 14px/18px Arial, Helvetica, sans-serif!important; padding: 15px 20px 6px 20px; text-align: center; height: 25px; }
.fd-section h2.twoline{ padding: 6px 20px 6px 20px; height: 34px; }
.fd-section ul{ list-style: none; margin: 0; }
.fd-pad{ padding: 10px 15px; text-align: center; }

.fd-section h2.smubresource-1{ background: #c3dfef;  }
.fd-section{ border: 2px solid #c3dfef; }

.fd-section h2.smubresource-2{ background: #cde5d6;  }
.fd-section.second{ border: 2px solid #cde5d6; }

.fd-section h2.smubresource-3{ background: #ddc2c2;  }
.fd-section.third{ border: 2px solid #ddc2c2; }

.fd-section h2.smubresource-4{ background: #f5d6bf;  }
.fd-section.fourth{ border: 2px solid #f5d6bf; }

/*jw focus*/


#myElement_display_button:focus{
 outline: #fc0 3px solid;


}

/*MFA Message*/
#mfa_notice {
border: 1px solid #ddd;
margin-bottom: 1.5rem;
}

#mfa_notice .article-header__col {
	background-color: #831504; /*red background matching header*/
	/*background-color:#33326b;*/ /*blue/purple background matching OMH header bar background*/
	color: #fff;
	padding: 1rem;
}

#mfa_notice .article-header__title {
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}

#mfa_notice .education-program-main {
	padding: 21px;
	background-color: #fff;
	font-size: 14px;
	line-height: 21px;
}

#mfa_notice p.text-danger {
	color: #a94442;
	font-size: 16px;
	line-height: 24px;
	margin: 0px;
}

/*Site Messages*/
#notice {
border: 1px solid #ddd;
margin-bottom: 1.5rem;
}

#notice .article-header__col {
	background-color: #831504; /*red background matching header*/
	/*background-color:#33326b;*/ /*blue/purple background matching OMH header bar background*/
	color: #fff;
	padding: 1rem;
}

#notice .article-header__title {
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}

#notice .education-program-main {
	padding: 21px;
	background-color: #fff;
	font-size: 14px;
	line-height: 21px;
}

#notice p.text-danger {
	color: #000000;
	font-size: 16px;
	line-height: 24px;
	margin: 0px;
}
