/* CSS Document */
.ckeditor {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.cke_source {font-size:10pt;}
#body .clear {height: auto !important;}


/* Image With Header */
.ckeditor .image-w-text, #body .component .image-w-text {padding: 3px 0;}
.ckeditor .image-w-text .image-title, #body .component .image-w-text .image-title {padding: 4px 0;}
.ckeditor .image-w-text .image-title img, #body .component .image-w-text .image-title img {float: left; margin-right: 15px; border: 1px solid #cccccc;}
.ckeditor .image-w-text .image-title h2, #body .component .image-w-text .image-title h2 {line-height: 130%; font-size: 110%;  padding: 5px 0;}

.ckeditor .image-w-text .bottom-desc, #body .component .image-w-text .bottom-desc {padding: 5px 0;}
.ckeditor .image-w-text .bottom-desc p, #body .component .image-w-text .bottom-desc p { line-height: 135%;}

/* Process */
.ckeditor .process, #body .component .process {padding: 8px 0; }
.ckeditor .process .head, #body .component .process .head {border-top: 2px solid #d9e0be;}
.ckeditor .process .head h4, #body .component .process .head h4 {float: left; padding: 4px 10px 5px 10px; font-weight: bold; font-size: 75%; color: #000000; font-style: italic; background: #d9e0be;}
.ckeditor .process ol, #body .component .process ol {padding: 5px 0 0 20px; margin: 0 0 0 20px; clear: both; }
.ckeditor .process li, #body .component .process li {color: #222222; margin: 0; padding: 10px 0 5px 0; font-size: 180%; font-family: "Times New Roman", Times, serif; line-height: 50%;}
.ckeditor .process li strong, #body .component .process li strong {color: #222222; font-size: 140%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;  }
.ckeditor .process li span, #body .component .process li span {color: #333333; font-size: 45%; font-family: Arial, Helvetica, sans-serif; }

/* Speech Callout */
.ckeditor .speech-bottom, #body .component .speech-bottom {background: url(../Common_images/rich_text/speach-callout-bottom.gif) 0 bottom no-repeat; padding-bottom: 20px; margin: 0;}
.ckeditor .speech-top, #body .component .speech-top {background: url(../Common_images/rich_text/speach-callout-top.gif) right 0 no-repeat; padding-top: 20px; margin: 5px 0;}
.ckeditor .speech-callout blockquot , #body .component .speech-callout blockquote {margin: 0;  border: 1px solid #d9e0be; border-bottom: 0; font-style: normal; background: #f3f6e7 !important;  padding: 12px 18px 14px 18px; font-size: 85%;}
.ckeditor .speech-callout blockquote p, #body .component .speech-callout blockquote p {font-size: 100%; line-height: 140%;}

.ckeditor .speech-top blockquote, #body .component .speech-top blockquote {border-bottom: 1px solid #d9e0be; border-top: 0;}

/* Quote Callout */
.ckeditor .quote-callout, #body .component .quote-callout {border: 1px solid #d9e0be; margin: 0;}
.ckeditor .quote-callout .head, #body .component .quote-callout .head {}
.ckeditor .quote-callout .head h4, #body .component .quote-callout .head h4 {float: left; padding: 4px 10px 5px 10px; font-weight: normal; font-size: 75%; color: #000; font-style: italic; background: #d9e0be;}
.ckeditor .quote-callout .callout-body, #body .component .quote-callout .callout-body {padding: 0 12px 10px 12px; clear: both;}
.ckeditor .quote-callout cite, #body .component .quote-callout cite { padding: 6px 0px; display: block; margin: 0; color: #333; font-weight: normal; font-size: 75%; }
.ckeditor .quote-callout p, #body .component .quote-callout p {padding: 3px 0px; line-height: 140%;}

/* Resource Cols */
.ckeditor .resource-cols, #body .component .resource-cols {padding: 12px 15px; border: 1px solid #e0e0e0; border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .resource-cols .head h4, #body .component .resource-cols .head h4 {background: url(../Common_images/rich_text/icon-resources.png) 0 0 no-repeat;  padding: 4px 0 5px 33px; font-size: 90%;}
.ckeditor .resource-cols table, #body .component .resource-cols table {width: auto; border: 0;}
.ckeditor .resource-cols td, #body .component .resource-cols td {padding: 0 10px 0 0; border: 0; }
.ckeditor .resource-cols td p, #body .component .resource-cols td p {padding: 2px 5px; line-height: 130%;}
.ckeditor .resource-cols td img, #body .component .resource-cols td img {border: 4px solid #cccccc; display: block; margin-bottom: 5px;}

/* Strategy */
.ckeditor .strategy, #body .component .strategy {color: #fff; background: #333333; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .strategy .head, #body .component .strategy .head {padding: 1px 2px;}
.ckeditor .strategy .head h4, #body .component .strategy .head h4 {background: url(../Common_images/rich_text/icon-strategy.png) 0 0 no-repeat; color: #fff;  margin: 0 0 4px 0; padding: 13px 0 11px 46px; font-size: 90%;}
.ckeditor .strategy p, #body .component .strategy p {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}
.ckeditor .strategy ul li , #body .component .strategy ul li {color: #fff !important;}


/* Related Links */
.ckeditor .related-links, #body .component .related-links {padding: 6px; background: #f3f6e7; border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .related-links .head, #body .component .related-links .head {height: 37px; overflow: hidden;}
.ckeditor .related-links .head h4, #body .component .related-links .head h4 {background: url(../Common_images/rich_text/rounded-header-bg.gif) 0 0 no-repeat; font-size: 90%; color: #fffce4; height: 37px; padding: 0 0 0 13px;}
.ckeditor .related-links .head h4 span, #body .component .related-links .head h4 span {display: block; background: url(../Common_images/rich_text/rounded-header-bg.gif) right -37px no-repeat; height: 27px; padding: 10px 13px 0px 0;}
.ckeditor .related-links .related-links-body, #body .component .related-links .related-links-body {padding: 0 12px; clear: both;}
.ckeditor .related-links ul, #body .component .related-links ul {list-style-type: none; margin: 0; padding: 6px 0px;}
.ckeditor .related-links li, #body .component .related-links li {padding: 4px 0; margin: 0;}
.ckeditor .related-links li span, #body .component .related-links li span {color: #333333; font-style: italic;}

/* Personal Stories */
.ckeditor .personal-stories, #body .component .personal-stories {background: #f3f6e7;  padding: 12px 15px 15px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .personal-stories .head, #body .component .personal-stories .head  {}
.ckeditor .personal-stories .head h4, #body .component .personal-stories .head h4 {background: url(../Common_images/rich_text/icon-personal.png) 0 0 no-repeat; padding: 3px 0 6px 40px; font-size: 90%;}
.ckeditor .personal-stories .stories img, #body .component .personal-stories .stories img {border: 4px solid #cdd898; display: block; margin-bottom: 4px;}
.ckeditor .personal-stories .stories, #body .component .personal-stories .stories {list-style-type: none; margin: 0; padding: 8px 0;}
.ckeditor .personal-stories .stories li, #body .component .personal-stories .stories li {border-right: 1px dotted #333333; width: 175px; float: left; margin: 0; float: left; padding: 0 30px;}
.ckeditor .personal-stories .stories li p, #body .component .personal-stories .stories li p {font-size: 100%; line-height: 130%;}
.ckeditor .personal-stories .stories .last, #body .component .personal-stories .stories .last {padding-right: 0; border-right: 0;}
.ckeditor .personal-stories .stories .first, #body .component .personal-stories .stories .first {padding-left: 0; }

/* Target */
.ckeditor .target, #body .component .target {color: #fff; background: #333333; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .target .head, #body .component .target .head {padding: 1px 2px;}
.ckeditor .target .head h4, #body .component .target .head h4 {background: url(../Common_images/rich_text/icon-target.png) 0 0 no-repeat; color: #fff;  margin: 0 0 4px 0; padding: 13px 0 11px 46px; font-size: 90%;}
.ckeditor .target p, #body .component .target p {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}
.ckeditor .target ul li, #body .component .target ul li {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}

/* Events */
.ckeditor .events, #body .component .events {color: #fff; background: #333333; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .events .head, #body .component .events .head {padding: 1px 2px;}
.ckeditor .events .head h4, #body .component .events .head h4 {background: url(../Common_images/rich_text/icon-calendar.png) 0 0 no-repeat; color: #fff;  margin: 0 0 4px 0; padding: 13px 0 9px 46px; font-size: 90%;}
.ckeditor .events p, #body .component .events p {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}
.ckeditor .events ul li, #body .component .events ul li {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}

/* Thought Bubble */
.ckeditor .thought, #body .component .thought {color: #fff; background: #333333; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .thought .head, #body .component .thought .head {padding: 1px 2px;}
.ckeditor .thought .head h4, #body .component .thought .head h4 {background: url(../Common_images/rich_text/icon-thought.png) 0 0 no-repeat; color: #fff;  margin: 0 0 4px 0; padding: 13px 0 9px 46px; font-size: 90%;}
.ckeditor .thought p, #body .component .thought p {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}
.ckeditor .thought ul li, #body .component .thought ul li {color: #fff;}

/* Smartcard */
.ckeditor .smartcard, #body .component .smartcard {color: #fff; background: #333333; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .smartcard .head, #body .component .smartcard .head {padding: 1px 2px;}
.ckeditor .smartcard .head h4, #body .component .smartcard .head h4 {background: url(../Common_images/rich_text/icon-smartcard.png) 0 0 no-repeat; color: #fff;  margin: 0 0 4px 0; padding: 11px 0 8px 46px; font-size: 90%;}
.ckeditor .smartcard p, #body .component .smartcard p {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}
.ckeditor .smartcard ul li, #body .component .smartcard ul li {color: #fff;}

/* Framework */
.ckeditor .framework, #body .component .framework {color: #fff; background: #333333; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .framework .head, #body .component .framework .head {padding: 1px 2px;}
.ckeditor .framework .head h4, #body .component .framework .head h4 {background: url(../Common_images/rich_text/icon-framework.png) 0 0 no-repeat; color: #fff;  margin: 0 0 4px 0; padding: 13px 0 10px 46px; font-size: 90%;}
.ckeditor .framework p, #body .component .framework p {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}
.ckeditor .framework ul li, #body .component .framework ul li {color: #fff; }

/* Spotlight */
.ckeditor .spotlight, #body .component .spotlight {color: #fff; background: #333333; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .spotlight .head, #body .component .spotlight .head {padding: 1px 2px;}
.ckeditor .spotlight .head h4, #body .component .spotlight .head h4 {background: url(../Common_images/rich_text/icon-spotlight.png) 0 0 no-repeat; color: #fff;  margin: 0 0 4px 0; padding: 13px 0 13px 41px; font-size: 90%;}
.ckeditor .spotlight p, #body .component .spotlight p {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}
.ckeditor .spotlight ul li, #body .component .spotlight ul li {color: #fff;}

/* Brief */
.ckeditor .brief, #body .component .brief {color: #fff; background: #333333; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .brief .head, #body .component .brief .head {padding: 1px 2px;}
.ckeditor .brief .head h4, #body .component .brief .head h4 {background: url(../Common_images/rich_text/icon-hourglass.png) 0 0 no-repeat; color: #fff;  margin: 0 0 4px 0; padding: 5px 0 5px 40px; font-size: 90%;}
.ckeditor .brief p, #body .component .brief p {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}
.ckeditor .brief ul li, #body .component .brief ul li {color: #fff;}

/* Meet */
.ckeditor .meet-expert, #body .component .meet-expert {background: #fff; color: #333333; border: 1px solid #cccccc; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .meet-expert .head, #body .component .meet-expert .head {padding: 1px 2px;}
.ckeditor .meet-expert .head h4, #body .component .meet-expert .head h4 {background: url(../Common_images/rich_text/icon-meet.png) 0 0 no-repeat; color: #333333;  margin: 0 0 4px 0; padding: 8px 0 8px 36px; font-size: 75%;}
.ckeditor .meet-expert img, #body .component .meet-expert img {border: 4px solid #8db6bb; display: block; margin: 0 0 5px 0;}
.ckeditor .meet-expert p, #body .component .meet-expert p {color: #333; padding: 2px 0; font-size: 75%; margin: 0; line-height: 125%; background: transparent;}

/* From the Field */
.ckeditor .from-field, #body .component .from-field {background: #fff; color: #333333; border: 1px solid #cccccc; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .from-field .head, #body .component .from-field .head {padding: 1px 2px;}
.ckeditor .from-field .head h4, #body .component .from-field .head h4 {background: url(../Common_images/rich_text/icon-book.png) 0 0 no-repeat; color: #333333;  margin: 0 0 4px 0; padding: 7px 0 9px 34px; font-size: 75%;}
.ckeditor .from-field img, #body .component .from-field img {border: 4px solid #8db6bb; display: block; margin: 0 0 5px 0;}
.ckeditor .from-field p, #body .component .from-field p {color: #333; padding: 2px 0; font-size: 75%; margin: 0; line-height: 125%; background: transparent;}

/* Take1 - Video */
.ckeditor .take1, #body .component .take1 {color: #fff; background: #333333; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .take1 .head, #body .component .take1 .head {padding: 1px 2px;}
.ckeditor .take1 .head h4, #body .component .take1 .head h4 {background: url(../Common_images/rich_text/icon-take1.png) 0 0 no-repeat; color: #fff;  margin: 0 0 4px 0; padding: 5px 0 5px 40px; font-size: 90%;}
.ckeditor .take1 p, #body .component .take1 p {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}
.ckeditor .take1 ul li, #body .component .take1 ul li {color: #fff;}

/* Tips */
.ckeditor .tips, #body .component .tips {color: #fff; background: #333333; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .tips .head, #body .component .tips .head {padding: 1px 2px;}
.ckeditor .tips .head h4, #body .component .tips .head h4 {background: url(../Common_images/rich_text/icon-tips.png) 0 0 no-repeat; color: #fff;  margin: 0 0 4px 0; padding: 7px 0 7px 40px; font-size: 90%;}
.ckeditor .tips p, #body .component .tips p {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}
.ckeditor .tips ul li, #body .component .tips ul li {color: #fff;}

/* Key */
.ckeditor .key, #body .component .key {color: #fff; background: #333333; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .key .head, #body .component .key .head {padding: 1px 2px;}
.ckeditor .key .head h4, #body .component .key .head h4 {background: url(../Common_images/rich_text/icon-key.png) 6px 0 no-repeat; color: #fff;  margin: 0 0 4px 0; padding: 5px 0 6px 40px; font-size: 90%;}
.ckeditor .key p, #body .component .key p {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}
.ckeditor .key ul li, #body .component .key ul li {color: #fff;}

/* Tool */
.ckeditor .tool, #body .component .tool {color: #fff; background: #333333; padding: 12px 15px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .tool .head, #body .component .tool .head {padding: 1px 2px;}
.ckeditor .tool .head h4, #body .component .tool .head h4 {background: url(../Common_images/rich_text/icon-tools.png) 0 0 no-repeat; color: #fff;  margin: 0 0 4px 0; padding: 9px 0 9px 40px; font-size: 90%;}
.ckeditor .tool p, #body .component .tool p {color: #fff; padding: 2px 0; margin: 0; line-height: 140%;}
.ckeditor .tool ul li, #body .component .tool ul li {color: #fff;}

/* Birth to 5 */
.ckeditor .birth-to-five, #body .component .birth-to-five {color: #fff; background: #333333; padding: 10px 4px;  border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}

/* Resources List */
.ckeditor .resource-list .head h4, #body .component .resource-list .head h4 {background: url(../Common_images/rich_text/icon-resources.png) 0 0 no-repeat;  padding: 4px 0 5px 33px; font-size: 90%;}
.ckeditor .resource-list, #body .component .resource-list {padding: 12px 15px; border: 1px solid #e0e0e0; border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .resource-list .head h4, #body .component .resource-list .head h4 {background: url(../Common_images/rich_text/icon-resources.png) 0 0 no-repeat;  padding: 4px 0 5px 33px; font-size: 90%;}
.ckeditor .resource-list ul, #body .component .resource-list ul {list-style-type: none; margin: 0; padding: 5px 0;}
.ckeditor .resource-list li, #body .component .resource-list li {padding: 8px 0; margin: 0; border-bottom: 1px dotted #333333;}

/* Related Links Detail */
.ckeditor .related-links-detai , #body .component .related-links-detail {padding: 5px 5px 15px 5px; background: #f3f6e7; border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .related-links-detail .head, #body .component .related-links-detail .head {height: 37px; overflow: hidden;}
.ckeditor .related-links-detail .head h4, #body .component .related-links-detail .head h4 {background: url(../Common_images/rich_text/rounded-header-bg.gif) 0 0 no-repeat; font-size: 90%; color: #fffce4; height: 37px; padding: 0 0 0 13px;}
.ckeditor .related-links-detail .head h4 span, #body .component .related-links-detail .head h4 span {display: block; background: url(../Common_images/rich_text/rounded-header-bg.gif) right -37px no-repeat; height: 27px; padding: 10px 13px 0px 0;}
.ckeditor .related-links-detail .related-links-body, #body .component .related-links-detail .related-links-body {padding: 0 12px; clear: both;}
.ckeditor .related-links-detail h5, #body .component .related-links-detail h5 {font-size: 85%; margin: 0; padding: 8px 0 4px 0; font-weight: bold; font-style: normal;}
.ckeditor .related-links-detail cite, #body .component .related-links-detail cite {display: block; font-style: italic; font-weight: normal; font-size: 75%; color: #333333; padding: 4px 0; margin: 0;}
.ckeditor .related-links-detail p, #body .component .related-links-detail p {line-height: 135%; padding: 5px 0 0 0; margin: 0;}

/* Discussions */
.ckeditor .discussions-list, #body .component .discussions-list {padding: 12px 15px; border: 1px solid #e0e0e0; border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;}
.ckeditor .discussions-list .head h4, #body .component .discussions-list .head h4 {background: url(../Common_images/rich_text/icon-discussion.png) 0 0 no-repeat;  padding: 6px 0 4px 38px; font-size: 90%;}
.ckeditor .discussions-list ul, #body .component .discussions-list ul {list-style-type: none; margin: 0; padding: 5px 0;}
.ckeditor .discussions-list li, #body .component .discussions-list li {padding: 8px 0; margin: 0; border-bottom: 1px dotted #333333;}


/* Right Col Callouts */
.callouts_container .callout .strategy p,
.callouts_container .callout .target p,
.callouts_container .callout .related-links-body p,
.callouts_container .callout .events p,
.callouts_container .callout .thought p,
.callouts_container .callout .smartcard p,
.callouts_container .callout .framework p,
.callouts_container .callout .spotlight p,
.callouts_container .callout .brief p  {background: transparent;}

.callouts_container .callout .strategy h4,
.callouts_container .callout .target h4,
.callouts_container .callout .events h4,
.callouts_container .callout .thought h4,
.callouts_container .callout .smartcard h4,
.callouts_container .callout .framework h4,
.callouts_container .callout .spotlight h4,
.callouts_container .callout .brief h4 {font-size: 80%;}

/* Personal Stories */
.callouts_container .callout .personal-stories h4 {font-size: 75%;}
.callouts_container .callout .personal-stories .stories li {border-bottom: 1px dotted #333333; float: none; border-right: 0; padding: 15px 0 10px 0; width: auto;}
.callouts_container .callout .personal-stories .stories .last{padding-bottom: 0; border-bottom: 0;}
.callouts_container .callout .personal-stories .stories .first {padding-top: 0; }