/* Safety Center Styles */

/* inlineHelpCloud cloud styles */
.inlineHelpCloud .careDialog .top .close { background: url('/img/cloud-close.png') no-repeat 0px 0px; height: 28px; overflow: hidden; padding: 0px; right: 10px; text-indent: 100px; top: 15px; width: 28px; }
.inlineHelpCloud .careDialog { padding: 20px;}
.inlineHelpCloud .careDialog .top {background-image:none}
.inlineHelpCloud .careDialog .base {background-image:none}
.inlineHelpCloud .careDialog .c {background-color:#fff; border:7px solid #efefef; border:7px solid rgba(204, 204, 204, 0.3); -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; background-clip:padding-box; padding: 30px; width: 600px;}
.inlineHelpCloud .careDialog h3 {color: #00BCE4; font: bold 16px arial; padding: 0; margin: 0;}

/* Left nav styles */
.safetyCenterLeftnav {font-family:Arial; width:185px;}
.safetyCenterLeftnav .top {padding-top:66px;}
.safetyCenterLeftnav .top .headline {color:#1fc1e6; font-size:21px; padding:0 10px 10px;}
.safetyCenterLeftnav .c {background-color:#cdf0f8; padding:15px 0 15px 8px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.safetyCenterLeftnav .c a {text-decoration:none; font-size:14px; color:#414042;}
.safetyCenterLeftnav .c a:hover{font-weight: bold;}
.safetyCenterLeftnav .c .lnav_in {background:#FFF; padding:5px 10px 5px 15px; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px;}
.safetyCenterLeftnav .c a.lnav {line-height: 2.5em; padding-left: 15px;}
.safetyCenterLeftnav .base {}

/* Common styles for Safety Center */
.scLetterbox {width:748px; height:230px; border-bottom:1px solid #ccc; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;}
.dottedLine {background:url(/img/cms/web/safetyCenter/dotted-line.png) repeat-x;}

.scTabContainer {}
.scTabContainer .tabs {background:url(/img/cms/web/safetyCenter/tab-content-bg.png?v=1) repeat-x; height:36px; padding:14px 10px 0; overflow:hidden; cursor:pointer;}
.scTabContainer .tabs .tabNode {width:200px; height:27px; float:left; margin-right:10px; text-align:center; padding-top:7px; font-size:14px;}
.scTabContainer .tabs .tabNode-off {background-color:#fafafa; border:1px solid #e3e3e3; color:#999;}
.scTabContainer .tabs .tabNode-on {background:url(/img/cms/web/safetyCenter/activeTab-1x42.png?v=1) repeat-x; border:1px solid #E3E3E3; height:30px; color:#656766; font-weight:bold; -webkit-box-shadow:4px 2px 3px -3px #888; -moz-box-shadow:4px 2px 3px -3px #888; box-shadow:4px 2px 3px -3px #888;}
.scTabContainer .tabContainer .contentNode {padding-top: 10px;}

.scWelcome, .safetyGuide, .safetyFaqs, .safetyResource {margin-top:15px; border:1px solid #ccc; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}

.scWelcome a, .safetyGuide a, .safetyFaqs a, .safetyResource a {text-decoration:none;}
.scWelcome a:hover, .safetyGuide a:hover, .safetyFaqs a:hover, .safetyResource a:hover {text-decoration:underline;}

.scCopyText .heading {font-size:25px; color:#231f20;}
.scCopyText p {font-size:14px; color:#666; line-height: 22px;}
.scCopyText p span.loud {color:#6db13f; font-weight:bold;}

.infoContent {padding: 10px 25px 30px;}
.infoContent .infoTitle {font-size:25px; color:#b1b1b3; padding:7px 0px;}
.infoContent .copy {font-size:18px; color:#b1b1b3;}

.backtoTop {text-align:right; clear:both;}
.backtoTop span.dbleArrow {color:#336699; font-size:14px;}

/* Welcome page styles */
.scWelcome .scWelcomeContent {padding:15px 25px;}
.scWelcome .scWelcomeContent .copy {color:#9e9ea0; font-size:18px; margin-bottom:25px;}
.scWelcome .scWelcomeContent .scwCopyContent {clear:both; padding:25px 15px;}
.scWelcome .scWelcomeContent .scwCopyContent .iconImage {float:left; padding-top:3px;}
.scWelcome .scWelcomeContent .scwCopyContent .iconCopy {float:left; margin-left:20px;}
.scWelcomeContent .scwCopyContent .iconCopy .title {font-size:21px; color:#336698; padding-bottom:4px;}
.scWelcomeContent .scwCopyContent .iconCopy .info {font-size:14px; color:#666;}

/* Safety Guide page styles */
.safetyGuide ul {font-size:14px; color:#666; line-height: 22px;}
.sgContentLeft, .sgContentRight {padding:30px 25px 10px; border-top:1px solid #ccc;}
.sgContentLeft .image, .sgContentRight .image {float:left; margin-right:35px;}
.sgContentRight .image {margin:0 0 0 35px;}
.sgContentLeft .scCopyText, .sgContentRight .scCopyText {float:left; width:418px;}

/* Safety FAQs page styles */
.safetyFaqs .forFamilies, .safetyFaqs .forCaregivers {}
.safetyFaqs .scCopyText a {font-size:14px; color:#369;}
.safetyFaqs .scCopyText .heading {padding:15px 15px 0 25px;}
.safetyFaqs .faqContent {padding:5px 15px 15px 40px; border-bottom:1px solid #ccc;}
.safetyFaqs .faqContent a.faq {display:block; margin:5px 0;}
.safetyFaqs .answer {padding:10px 0 10px 20px;}
.safetyFaqs .answer p {margin:0;}
.safetyFaqs .faqContent ul, .safetyFaqs .faqContent ol {margin:20px 0 20px 35px; color:#666; font-size:14px;}
.safetyFaqs .faqContent ol {margin-left:15px;}
.safetyFaqs .faqContent ul li, .safetyFaqs .faqContent ol li {margin:8px 0;}
.safetyFaqs .faqContent table {border-collapse:collapse; border:3px solid #000; border-right:0; border-bottom:0; width:479px;}
.safetyFaqs .faqContent table .textLeft {text-align:left;}
.safetyFaqs .faqContent table th, .safetyFaqs .faqContent table td {border:2px solid #000; padding:2px; text-align:center;}
.safetyFaqs .faqContent .prosCons {padding:20px 0 0 30px;}
.safetyFaqs .faqContent .prosCons .title {font-weight:bold; font-size:14px; padding:10px 0;}
.safetyFaqs .faqContent .prosCons p {padding: 10px 0;}
.faqContent .prosCons .verified, .faqContent .prosCons .nonVerified {font-weight:bold; padding-bottom:10px;}
.faqContent .prosCons .verified {color:#0b5;}
.faqContent .prosCons .nonVerified {color:#f00;}

/* Safety Resources page styles */
.safetyResource .infoContent {padding-top:20px;}
.safetyResource .safetyResourceCnt {margin:0px 25px; padding:10px 5px;}
.safetyResourceCnt .sftLinks {color:#336698; font-size:21px;}
.safetyResourceCnt .sftCmt {font-size:14px; margin:5px 0; color:#666;}

/* Safety Background Check page styles */
.backGroundCheck {}
.backGroundCheck .scLetterbox{background:url(/img/cms/web/safetyCenter/safetyBGChecks/letterbox.png?v=1) no-repeat;}
.backGroundCheck .scCopyText .heading {font-size: 20px; color: #6db13f;}
.backGroundCheck .scCopyText .answer {padding: 5px 30px 10px 27px;}
.backGroundCheck .scCopyText .faqContent {padding: 5px 15px 15px 27px;}