/* cmsms stylesheet: otf modified: 08/28/26 08:44:47 */
html{
-webkit-text-size-adjust: none;
}

body{
text-align: left;
font-size: 10pt;
margin: 0px;
font-family: Arial;
background: #7c90b9;
}

img {max-width:100%; border: 0;}

.friend_form{
padding: 15px 3%;
float: left;
margin: 5px 0;
margin-bottom: 15px;
background: #e5f1f2;
}

#m2717afbrp_submit{
width: 200px;
background: #1a1e4d;
color: #fff;
font-weight: bold;
border: 0;
padding: 10px 0;
cursor: pointer;
}

.interest table td{
vertical-align: top;
}

.blog_entry_button_not{
border: 0;
background: #ff9933;
border-radius: 3px;
width: 90px;
height: 25px;
color: #fff;
cursor: pointer;
}

.blog_print{
float: right;
}

.blog_print a{
color: #009c96;
}

.blog_entry_button{
border: 0;
background: #009c96;
border-radius: 3px;
width: 90px;
height: 25px;
color: #fff;
cursor: pointer;
}

.blog_entry_delete{
float: left;
margin-left: 15px;
margin-top: 10px;
}

.blog_entry_approve{
clear: left;
float: left;
margin-top: 10px;
}

.blog_entry_actual{
color: #009c96;
float: left;
margin-left: 15px;
margin-top: 13px;
font-size: 12pt;
width: 40%;
}

.blog_entry_date{
color: #009c96;
}

.blog_entry_data{
clear: left;
float: left;
width: 100%;
margin-top: 10px;
line-height: 130%;
white-space: pre-wrap;
}

.blog_entry_header{
clear: left;
float: left;
width: 100%;
}

.hide {
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.show {
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    max-height: 1000px;
    overflow: hidden;
}

.blogform form textarea {
font-family: arial;
font-size: 10pt;
}

.blogform form input[type="submit"]{
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #009c96;
border: 0;
border-radius: 1em;
color: #fff;
cursor: pointer;
display: inline-block;
margin-top: 15px;
height: 3.5em;
line-height: 3.5em;
outline: 0;
padding: 0 2em 0 2em;
position: relative;
text-align: center;
text-decoration: none;
font-size: 12pt;
}

.blogform form input[type="text"],
.blogform form input[type="email"],
.blogform form input[type="phone"],
.blogform form input[type="wdate"],
.blogform form input[type="password"],
.blogform form select,
.blogform form textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		display: block;
		width: 100%;
		padding: 0.35em 0.75em;
		background: #fff;
		border: solid 2px rgba(255, 255, 255, 0.25);
		color: inherit;
		border-radius: 0.5em;
border-color: #ccc;
		outline: none;
margin-bottom: 10px;
	}

.blogform form label {
display: block;
color: #333;
font-size: 12pt;
padding-bottom: 5px;
	}

#blog_add_comment_entry{
clear: left;
float: left;
margin-top: 30px;
width: 90%;
font-size: 10pt;
line-height: 130%;
padding: 0px 5%;
}

.blog_add_comment{
clear: left;
float: left;
margin-top: 30px;
width: 90%;
font-size: 12pt;
line-height: 130%;
padding: 7px 5%;
color: #009c96;
}

.blog_document_download a, .blog_add_comment_download a{
color: #009C96;
}

.blog_document_download, .blog_add_comment_download{
float: right;
width: 20%;
color: #009C96;
text-align: right;
cursor: pointer;
}

.blog_document_title, .blog_add_comment_title{
margin-top: 7px;
float: left;
width: 75%;
}

#blog_form_top a{
color: #009C96;
text-decoration: none;
}

#blog_form_top{
position: absolute;
bottom: 0;
right: 0;
height: 100px;
width: 260px;
padding: 15px;
font-size: 14pt;
text-align: center;
background: #1e2151;
opacity: 0.9;
color: #fff;
}

.blog_document{
clear: left;
float: left;
margin-top: 10px;
width: 90%;
font-size: 12pt;
line-height: 100%;
background: #eee;
padding: 7px 5%;
}

.blog_summ{
clear: left;
float: left;
width: 100%;
margin-top: 10px;
}

.blog_link a{
text-decoration: none;
color: #009C96;
}

.blog_link{
clear: left;
float: left;
margin-top: 10px;
}

.blog_item_odd{
clear: left;
float: left;
width: 96%;
padding: 7px 2%;
background: #e7e8e9;
margin-top: 5px;
}

.blog_item_even{
clear: left;
float: left;
width: 96%;
padding: 7px 2%;
background: #e5f1f2;
margin-top: 5px;
}

.blog_section{
clear: left;
float: left;
width: 100%;
margin-top: 30px;
padding-bottom: 15px;
color: #009999;
font-size: 16pt;
}

.form_register{
width: 100%;
}

.form_register input[type="text"], .form_register textarea{
width: 80%;
}

#feu_username, #feu_password{
width: 80%;
}

#login_left{
float: left;
width: 90%;
padding: 0 5%;
font-weight: 400;
font-size: 14pt;
}

#login_right{
width: 90%;
padding: 0 5%;
float: left;
font-size: 10pt;
}

#login_grey fieldset{
border: 0;
width: 100%;
font-size: 10pt;
}

#login_grey fieldset a{
text-decoration: none;
color: #009c96;
}

#login_green{
clear: left;
float: left;
margin-top: 20px;
width: 100%;
background: #e5f1f2;
}

#login_grey{
clear: left;
float: left;
margin-top: 20px;
width: 100%;
background: #e7e8e9;
}

.menusubblock{
clear: left; 
float: left;
margin-top: 20px; 
width: 100%;
opacity:0.95; 
filter:alpha(opacity=95);
z-index: 9999;
}

.menusubback{
float: left;
clear: left; 
width: 100%;
background: #7c90b9; 
opacity:0.85;  
filter:alpha(opacity=85); 
min-height: 31px; 
margin-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
z-index: 9999;
}

.menusubwords{
float: left; 
margin-top: 10px;
}

.menutop{
float: right; 
padding-right: 12px;
text-align: center;
height: 30px;
overflow: hidden;
}

.menutopr{
float: right; 
padding-right: 30px;
text-align: center;
height: 30px;
overflow: hidden;
}

.menutopo{
float: right; 
padding-right: 45px;
text-align: center;
height: 30px;
overflow: hidden;
}

.menutopp{
float: right; 
padding-right: 45px;
text-align: center;
height: 30px;
overflow: hidden;
}

.menutopc{
float: right; 
padding-right: 0px;
text-align: center;
height: 30px;
overflow: hidden;
}

.menutops{
float: right; 
padding-right: 65px;
text-align: center;
height: 30px;
overflow: hidden;
}

#linki, #clinki, #slinki, #plinki, #olinki, #rlinki {
color: #ffffff; 
font-size: 11pt;
}

#linkion {
color: #009999; 
font-size: 11pt;
}

#main_menu{
position: relative;
z-index: 999;
float: right;
margin-top: 80px;
}

#cnumber{
float: left; 
margin-left: 15%; 
color: #fff; 
font-size: 10pt;
}

#bottom_right{
float: right;
width: 38%;
margin-top: 10px;
}

#bottom_right_links{
float: right;
width: 38%;
}

.giving{
float: right;
padding: 10px;
width: 268px;
border: 1px solid #ccc;
height: 72px;
margin-top: 15px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 9pt;
}

#links_right{
float: right;
padding: 10px;
width: 270px;
background: #e5e5e5;
}

#paget{
clear: left;
float: left;
margin-top: 5%;
}

#paget_blog{
clear: left;
float: left;
margin-top: 2%;
}

#bottom_left ul
{
list-style-image:url('https://backup.otf.ccplabs.com/uploads/images/l_green_dot.png');
font-size: 14pt;
padding-left: 1em;
list-style-position: outside;
line-height: 180%;
}

#bottom_left{
clear: left;
float: left;
font-size: 28pt;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
line-height: 130%;
width: 60%;
padding-bottom: 70px;
}

#bottom_left_patient{
clear: left;
float: left;
font-size: 28pt;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
line-height: 130%;
width: 100%;
padding-bottom: 70px;
}

#back_welcome{
width: 100%;
float: left;
margin-top: 10px;
text-align: right;
}

#bottom_area{
width: 100%;
height: 100%;
margin: 0 auto;
max-width:1200px;
position: relative;
background: #fff;
}

#h_logo{
float: left;
margin-top: 25px;
}

#main_box{
width: 100%;
height: 100%;
margin: 0 auto;
max-width:1200px;
position: relative;
}

#left_text_c{
position: absolute;
bottom: 10%;
}

#left_text{
position: absolute;
bottom: 21%;
}

#main_content_100{
clear: left;
float: left;
margin-top: 20px;
font-size: 11pt;
line-height: 130%;
width: 100%;
}

#main_content{
clear: left;
float: left;
margin-top: 20px;
font-size: 12pt;
line-height: 130%;
width: 100%;
}

#main_content ul
{
list-style-image:url('https://backup.otf.ccplabs.com/uploads/images/l_green_dot_m.png');
font-size: 12pt;
padding-left: 1em;
list-style-position: outside;
line-height: 180%;
}

#search_back{
position: absolute;
bottom: 0;
right: 0;
height: 30px;
width: 290px;
background: #7c90b9;
opacity: 0.5;
}

#who_are{
float: left;
font-size: 20pt;
}

#bubbles{
clear: left;
float: left;
margin-top: 25px;
width: 100%;
}

#bubbles_c{
float: left;
width: 130px;
height: 90px;
display: table-cell;
background-image: url('https://backup.otf.ccplabs.com/uploads/images/w_bubble_80.png');
background-position: left top;
background-repeat: no-repeat;
}

#bubbles_link{
width: 101px;
padding-left: 2px;
padding-right: 2px;
height: 90px;
display: table-cell;
vertical-align: middle;
text-align: center;
}

#bubbles1, #bubbles2, #bubbles3, #bubbles4{
float: left;
clear: left;
width: 80px;
height: 55px;
padding-left: 25px;
padding-top: 35px;
background-image: url('https://backup.otf.ccplabs.com/uploads/images/g_bubble.png');
background-position: left top;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#bubbles2{
clear: none;
margin-left: 25px;
width: 82px;
height: 55px;
padding-left: 23px;
padding-top: 35px;
}

#bubbles3{
clear: none;
margin-left: 25px;
width: 88px;
height: 61px;
padding-left: 17px;
padding-top: 29px;
}

#bubbles4{
clear: none;
margin-left: 25px;
width: 102px;
height: 61px;
padding-left: 3px;
padding-top: 29px;
text-align: center;
}

.homeback {
position: absolute;
top: 115px;
left: 0px;
width: 100%;
height: 42%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center top;
}

.contentback {
position: absolute;
top: 115px;
left: 0px;
width: 100%;
height: 19.3%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center top;
}

a.green:link {text-decoration: none; color: #009999; font-size: 11pt;}
a.green:visited {text-decoration: none; color: #009999; font-size: 11pt;}
a.green:hover {text-decoration: none; color: #005d92; font-size: 11pt;}

a.donate:link {text-decoration: none; color: #009999; font-size: 9pt;}
a.donate:visited {text-decoration: none; color: #009999; font-size: 9pt;}
a.donate:hover {text-decoration: none; color: #005d92; font-size: 9pt;}

a.bot:link {text-decoration: none; color: #fff; font-size: 10pt;}
a.bot:visited {text-decoration: none; color: #fff; font-size: 10pt;}
a.bot:hover {text-decoration: none; color: #005d92; font-size: 10pt;}

a.sub:link {color: #fff; text-decoration: none;}
a.sub:visited {color: #fff; text-decoration: none;}
a.sub:hover {color: #005d92; text-decoration: none;}

#main, #logo, #mainblock, #content_m, #footer_m, #main_standard{
display: none;
}

.mobile_content, .m_giving{
display: none;
}

#main_content a, #main_content a:visited, #main_content a:hover{
color: #000000!important;
}
/* cmsms stylesheet: media modified: 03/04/20 09:00:47 */
@media screen and (max-width: 1240px) {

#bottom_left_patient{
width: 95%;
}

#h_logo, #sitemap, #left_text, #bottom_left, #bubbles, #bottom_left_patient{
margin-left: 2%;
}
#cnumber{
margin-left: 12%; 
}
.menutop{
margin-right: -23px;
}
.menutopr{
padding-right: 0px;
}
.menutopo{
padding-right: 5px;
}
.menutopp{
padding-right: 7px;
}
.menutopc{
padding-right: 5px;
}
.menutops{
padding-right: 25px;
}
#bubbles_c{
width: 125px;
}
}

@media screen and (max-width: 1150px) {

#h_logo{
float: left;
margin-top: 43px;
max-width: 18%;
}

.menutop{
margin-right: -13px;
}
.menutopr{
padding-right: 10px;
}
.menutopo{
padding-right: 15px;
}
.menutopp{
padding-right: 17px;
}
.menutopc{
padding-right: 15px;
}
.menutops{
padding-right: 35px;
}
}
/* cmsms stylesheet: mobile modified: 03/04/20 09:00:47 */
@media screen and (max-width: 1010px) {
.container{
display: none;
}
#main, #logo, #mainblock, #content_m, #footer_m, #main_standard{
display: block;
}
.mobile_content, .m_giving{
display: block;
}

#footer_m{
clear: both;
float: left; 
margin-top: 10px; 
padding-top: 10px; 
width: 100%; 
height: 70px; 
background: #7c90b9;
}

#home_list{
font-size:17pt;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
line-height: 130%;
}

#home_list_m{
font-size:12pt;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
line-height: 130%;
}

#home_list ul, #home_list_m ul
{
list-style-image:url('https://backup.otf.ccplabs.com/uploads/images/l_green_dot_m.png');
font-size: 12pt;
padding-left: 1em;
list-style-position: outside;
line-height: 150%;
}

#home_extra{
float: left;
width: 97%;
text-align: center;
margin-left: 1%;
}

.m_giving{
float: left;
width: 94%;
padding: 3%;
margin-top: 10px;
border: 1px solid #ccc;
text-align: center;
}
#cnumber_m{
float: right; 
margin-right: 15px;
color: #fff; 
font-size: 10pt;
}

#nestedAccordion{
margin-top: 10px;
width:100%;
z-index: 9999;
}
#nestedAccordion h2, #nestedAccordion h3, 
#nestedAccordion div, #nestedAccordion ol, 
#nestedAccordion li{
	/* reset styles for accordion */
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
	list-style:circle;
}
#nestedAccordion div{
	display:none;
	color:#555;
overflow:hidden;
}
#nestedAccordion h2{
cursor:pointer;
width: 100%;
height: 80px;
background: #1a1e4d url('https://backup.otf.ccplabs.com/uploads/images/mobile/menu.png') no-repeat right top;
}
#nestedAccordion h3{
cursor:pointer;
text-align: right;
padding-right:4%;
padding-top:12px;
margin-bottom: 3px;
width: 96%;
height: 30px;
color: #fff;
font-size: 12pt;
background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(0,96,165,1));
  background: -o-linear-gradient(right, rgba(255,255,255,1), rgba(0,96,165,1));
  background: -moz-linear-gradient(right, rgba(255,255,255,1), rgba(0,96,165,1));
  background: linear-gradient(to right, rgba(255,255,255,1), rgba(0,96,165,1));
}
#nestedAccordion h3:hover{
color:#fff;
background: #1a1e4d;
}
#nestedAccordion h3 + div{

text-align: right;
}

#nestedAccordion li{
padding-right:4%;
padding-top:12px;
width: 96%;
height: 30px;
margin-bottom: 3px;
color: #fff;
font-size: 12pt;
background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(0,148,128,1));
  background: -o-linear-gradient(right, rgba(255,255,255,1), rgba(0,148,128,1));
  background: -moz-linear-gradient(right, rgba(255,255,255,1), rgba(0,148,128,1));
  background: linear-gradient(to right, rgba(255,255,255,1), rgba(0,148,128,1));
}
#nestedAccordion li:hover{
color:#fff;
cursor:pointer;
background: #989b9f;
}

#nestedAccordion h3 + div li{
color: #999;
}

a.mobile:link {color: #fff; text-decoration: none;}
a.mobile:visited {color: #fff; text-decoration: none;}
a.mobile:hover {color: #fff; text-decoration: none;}

}

@media screen and (max-width: 1010px) and (orientation: portrait)
{
#main{
position: absolute;
top: 0px;
width: 100%;
height: 312px;
background: #1a1e4d;
background-image: url('https://backup.otf.ccplabs.com/uploads/images/mobile/home_pic.jpg');
background-position: left 90px;
background-size: 100%;
background-repeat: no-repeat;
z-index: 99;
}
#mainblock{top: 312px; width: 100%; background: #fff;}
#mainblock_standard{top: 196px; width: 100%; background: #fff;}
#content_m{width: 90%; margin-top: 5px;}
.mobile_content{
clear: left;
float: left;
width: 100%;
}

#home_extra{
margin-top:-10px;
}
#main_standard{
position: absolute;
top: 0px;
width: 100%;
height: 198px;
background: #1a1e4d;
background-position: left bottom;
background-size: 100%;
background-repeat: no-repeat;
z-index: 99;
}

}

@media screen and (max-width: 1010px) and (orientation: landscape)
{
#main{
position: absolute;
top: 0px;
width: 100%;
height: 248px;
background: #1a1e4d;
background-image: url('https://backup.otf.ccplabs.com/uploads/images/mobile/home_pic_l.jpg');
background-position: left 90px;
background-size: 100%;
background-repeat: no-repeat;
z-index: 99;
}
#mainblock{top: 248px; width: 100%; background: #fff;}
#mainblock_standard{top: 276px; width: 100%; background: #fff;}
#content_m{width: 90%; margin-top: 5px;}
.mobile_content{
clear: left;
float: left;
width: 100%;
}
#home_extra{
margin-top:-110px;
}
#main_standard{
position: absolute;
top: 0px;
width: 100%;
height: 278px;
background: #1a1e4d;
background-position: left bottom;
background-size: 100%;
background-repeat: no-repeat;
z-index: 99;
}
}