﻿
/* right top container banner */
#content_container #right_top
{
	vertical-align:top;
	text-align:-moz-center;
	background-image: url(../images/educaion_resources_header.jpg);
	background-repeat: no-repeat;
	height:105px;
}


/* global hr */
.hrbrd {height:1px; background-color:#E4E4E4; width: 100%; margin:20px 0; padding:0;}
.hrbrd1 {height:1px; background-color:#E4E4E4; width: 100%; margin:0 0 10px 0; padding:0;}
.hrbrd2 {height:1px; background-color:#E4E4E4; width: 100%; margin:0 0 20px 0; padding:0;}
.hrbrd0 {height:1px; background-color:#E4E4E4; width: 100%; margin:0; padding:0;}


/**********************
*  VIDEO WRAPPERS
***********************/


.video_educate_wrap 
{
	background-image:url(../images/video_educate_bg.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	padding:30px 15px 0 35px; 
	margin:0; 
	text-align:left;
	color:#555555;
	font-family:Arial, Sans-Serif Serif;
	text-align:-moz-center;
}

/******************************
* EDUCATION RESOURCES STYLESHEET
*******************************/
#edutbl td {font-family:Arial, Sans-Serif Serif; font-size:12px; color: #555555; vertical-align:top; background-color:transparent;}
#edutbl .educate_td {background-image: url(../images/education_bg.jpg); background-repeat: no-repeat; text-align:left; background-position: top center; padding:30px 0 20px 35px;}
#edutbl .left_td {padding-top:7px;}
#edutbl .right_td {padding: 0 0 0 40px;}
#edutbl .lit_links {padding: 10px 0 0 5px;}
#edutbl .pad10 {padding-top:10px;}
#edutbl .header {color: #022960; font-weight:normal;}
#edutbl .brochure {font-size:11px; color:#022960; padding-top:10px;}
#edutbl .preview {font-size:11px; padding-top:10px;}

#webinar_tbl #continuing_education 
{
	background-image: url(../images/continuing_education_bg.jpg);
	background-repeat: no-repeat;
	background-position: -5px 0;
	width: 620px;
	height: 230px;
	margin: 10px 0;
	padding: 5px 0;
}
#webinar_tbl #continuing_education h3 {color:#FFFFFF; font-size:12px; margin: 5px 0 5px 20px; font-weight:bold;}
#webinar_tbl #continuing_education .ce_text {padding:0 20px;}
#webinar_tbl #continuing_education h4 {color:#022960; font-size:12px; margin-bottom:5px;}
#webinar_tbl #continuing_education p {margin: 0 0 12px 0;}
#continuing_education {}
#continuing_education {}


/* VIDEO BLOCK */


#edutbl .videoblock {padding:2px 0;background-image: url(../images/whysonicare/video_bg.jpg); background-repeat: no-repeat; height:127px; width:300px;}
#edutbl .videoblock table {margin:10px 20px; width:270px;}
#edutbl .videoblock .rttxt {font-size:11px; line-height:17px; padding-left:7px;}
#edutbl .videoblock .headtd {padding-bottom:10px; color: #022690;}


/* new stuff */
#scroll_box_container 
{
	height:200px; 
	background-image: url(../images/education/officeliterature_bg.jpg); 
	background-repeat: no-repeat; 
	text-align:-moz-center; 
	background-position: center top;
	padding:30px 20px 20px 25px;
}
#scroll_box_container .top {background-color: #E4E5E6; height:1px; width:640px;}
#scroll_box_container .top2 {border-left: 1px #E4E5E6 solid; border-right: 1px #E4E5E6 solid; height:1px; width:642px;}
#scroll_box_container .top3 {border-left: 1px #E4E5E6 solid; border-right: 1px #E4E5E6 solid; height:1px; width:644px;}
#scroll_box_container .literature_background
{
    background-image: url(../images/scroll_gray_gradient.jpg); 
	background-repeat: repeat-x; 
	border-left: 1px #E4E5E6 solid; 
	border-right: 1px #E4E5E6 solid;
	height:190px;
	width:646px;
	overflow:hidden;
}

#scroll_box_container .literature 
{
	width:616px;
	height:175px;
	margin:5px 15px;
	overflow-x:scroll;
	overflow-y:hidden;
	background-color:transparent;
}

#scroll_box_container .literature_container 
{
	background-color: transparent; 
	width:1050px;
	height:90px;
	vertical-align:top;

}

#scroll_box_container .literature_container .marg1
{
	margin-left:3px; margin-right:3px;
}

#scroll_box_container .literature_container td
{
	padding-left:10px;
}

div.tooltip_target
{
    display:inline;   
}

div.tooltip
{
  position: absolute;
  z-index: 100000;
  background-image: url(../images/tooltip_bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  width: 224px;
  height: 150px;
  padding: 20px 0 0 20px;
  font: normal 10px/12px verdana;
  text-decoration: none;
  color: #000;
  text-align: left;
}

div.tooltip h3
{
	font-size: 12px;
	font-weight: normal;
	color: #022960;
}






#scroll_box_container .bottom2 {background-color: #DFDFE0;border-left: 1px #E4E5E6 solid; border-right: 1px #E4E5E6 solid; height:1px; width:642px;}
#scroll_box_container .bottom3 {background-color: #DFDFE0; border-left: 1px #E4E5E6 solid; border-right: 1px #E4E5E6 solid; height:1px; width:644px;}



/******************************
* ALL THINGS TEETH
*******************************/
#edutbl .glossarywrap {background-image: url(../images/education/glossary_bg.jpg); background-repeat: no-repeat; text-align:left; background-position: center top; padding: 30px 20px 0 35px; background-color:transparent; width: 650px;}
#edutbl .glossarywrap .topletternav {padding-bottom:30px; font-weight:bold;}
#edutbl .glossarywrap .letterwrap {padding:5px 5px 5px 20px; border-top: 1px #E9EAED solid;border-bottom: 1px #E9EAED solid; background-color: #F9F9FA; font-weight:bold; color:#022960;}
#edutbl .glossarywrap .definitionwrap {padding:20px;}
#edutbl .dkblue {color:#022960;}
#edutbl .glossarywrap .backtotop {font-size:10px;}


/*************************
* PROFESSIONAL EDUCATORS
*************************/
#edutbl .professionalwrap {background-image: url(../images/education/professional_bg.jpg); background-repeat: no-repeat; text-align:left; background-position: center top; padding: 30px 20px 0 35px; background-color:transparent;}
#edutbl .professionalwrap .toptd {padding-bottom:20px;}
#edutbl .professionalwrap .proftxt {padding-left:5px;}


/*************************
* CUSTOMIZABLE LITERATURE
*************************/
#edutbl .conditionwrap {background-image: url(../images/education/condition_bg.jpg); background-repeat: no-repeat; text-align:left; background-position: center top; padding: 30px 20px 0 35px; background-color:transparent;}
#edutbl .lefttd {width:320px; text-align:left;}
#edutbl .righttd {width:320px; text-align:left; padding-bottom:20px;}
#edutbl .f11 {font-size:11px;}
#edutbl .midtd {width:40px;}


/******************
* ABOUT SONICARE
******************/
#abstbl td {font-family:Arial, Sans-Serif Serif; font-size:12px; color: #555555; vertical-align:top; background-color:transparent;}
#abstbl .abswrap {width:650px; background-image: url(../images/education/about_bg.jpg); background-repeat: no-repeat; text-align:left; background-position: center top; padding:30px 20px 0 35px;}
#abstbl .sonicaretbl .lefttd {width:300px;}
#abstbl .sonicaretbl .midtd {width:40px;}
#abstbl .sonicaretbl .righttd {width:300px;}
#abstbl .sonicaretbl .phototxt {font-size:10px; padding:2px 0 15px 5px;}
#abstbl .sonicaretbl .dkblue {color: #022960;}
#abstbl .header {color: #022960; font-weight:normal;}
#abstbl .pad10 {padding-top:10px;}
#abstbl .dpedtd {width:320px; background-image: url(../images/education/dped_bg.jpg); background-repeat: no-repeat; text-align:left; background-position: center top; padding:20px;}
#abstbl .oltd {width:320px; background-image: url(../images/education/officelit_bg.jpg); background-repeat: no-repeat; text-align:left; background-position: center top; padding:20px;}
#abstbl .brushtd {width:320px; background-image: url(../images/education/howbrush_bg.jpg); background-repeat: no-repeat; text-align:left; background-position: center top; padding:20px;}
#abstbl .brochure {font-size:11px; color:#022960; padding-top:10px;}

/**********************************
* COMMUNITY .. MENTOR OF THE YEAR
***********************************/

#moy td {font-family:Arial, Sans-Serif Serif; font-size:12px; color: #555555; vertical-align:top; background-color:transparent;}
#moy .moy_wrap {width:650px; background-image: url(../images/moy_bg.jpg); 
                background-repeat: no-repeat; 
                text-align:left; 
                background-position: center top; 
                padding:0 20px 0 35px;
                }
    
.share_this {float:right; margin:5px 10px 0 0; font-size:11px; font-family:Arial;}
.share_this a {color:#0B5ED8; text-decoration:none;}
.share_this a:hover {color:#0B5ED8; text-decoration:underline;}
.moy_content {margin-top:45px;}
.moy_info_td {padding: 0 10px;}
.moy_info_td .dkblue {color:#022960;}
.moy_info_td ul {margin-left:10px;}
.moy_info_td li {color:#022960;}
.moy_info_td p {padding-bottom:8px;}


.moy_div_wrapper {width:621px;}
.moy_blue {background-image: url(../images/moy_blue_mentor.jpg);
           background-repeat: no-repeat;
           background-position: top;
           width:310px;
           height:450px;
           float:left;
           border-bottom: 1px #EBEBEB solid;
}
.moy_blue  h4 {margin: 2px 0 20px 10px; font-weight: normal; color:#022960; font-family: Verdana; font-size:14px;}
.moy_gray {background-image: url(../images/moy_gray_nominate.jpg);
           background-repeat: no-repeat;
           background-position: top;
           width:310px;
           height:450px;
           float:right;
           border-bottom: 1px #EBEBEB solid;
           border-right: 1px #EBEBEB solid;
           background-color: #F9F9FA;
}
.moy_gray  h4 {margin: 2px 0 20px 10px; font-weight: normal; color:#022960; font-family: Verdana; font-size:14px;}
.moy_div_text {padding-left:10px; padding-right:10px;}
.moy_div_text p {padding-bottom:8px;}
.moy_div_text .moy_form {border: 1px #999999 solid; width:205px; color:#333333;}
.moy_input_label {font-family: Arial; font-size:12px; color:#022960;}
.moy_news_check {font-family: Arial; font-size:10px; color:#022960;}
.moy_img_marg {margin:3px 0 8px 0;}

.moyNotify-result{ background-color:#dddddd; padding:5px;}

.youtube_vid_div {background-color:#999999; width: 290px; height:170px;}



#community td {font-family:Arial, Sans-Serif Serif; font-size:12px; color: #555555; vertical-align:top; background-color:transparent;}
#community .comm_wrap {width:650px; background-image: url(../images/community_bg.jpg); 
                background-repeat: no-repeat; 
                text-align:left; 
                background-position: center top; 
                padding:0 20px 0 35px;
                }
.comm_content {margin-top:45px;} 
.comm_content ol {margin:0 0 0 15px; padding:0;}
.comm_content li {font-size:11px; list-style-type: disc;}
.comm_content p {padding-bottom:8px;}
.comm_content .dkblue {color:#022960;}
.comm_div_wrapper {width:630px;}
.comm_blue {background-image: url(../images/moy_blue_youtube.jpg);
           background-repeat: no-repeat;
           background-position: top;
           width:262px;
           height:450px;
           float:right;
           border-bottom: 1px #EBEBEB solid;
           background-color: #F9F9FA;
}
.comm_blue  h4 {margin: 2px 0 20px 10px; font-weight: normal; color:#022960; font-family: Verdana; font-size:14px;}
.comm_gray {background-image: url(../images/moy_gray_connect.jpg);
           background-repeat: no-repeat;
           background-position: top;
           width:368px;
           height:450px;
           float:left;
           border-bottom: 1px #EBEBEB solid;
           
}
.comm_gray  h4 {margin: 2px 0 20px 10px; font-weight: normal; color:#022960; font-family: Verdana; font-size:14px;}
.comm_gray_wrap {padding: 10px 20px 10px 0;}
.connect_wrap {width: auto;}
.connect_left {float:left; width:175px; padding-right:5px;}
.connect_right {float:right; width:150px; padding-left:5px;}
.connect_f11 {font-size:11px; margin-left:5px;}

.watchus_wrapper {width:237px; margin-bottom:20px;}
.watchus_left {width:95px; float:left; height:60px;}
.watchus_right {width:142px; float:right; height:60px; font-size:11px; line-height:13px;}
.stars_wrap {width:210px; font-size:11px;}

.youtube-movie {clear:both; margin-bottom:10px; overflow:auto;}
.youtube-leftcolumn {clear:left; float:left; width:85px}
.youtube-rightcolumn {float:right; width:150px;}
.youtube-thumb-mask {height:52px; position:relative; overflow:hidden;}
.youtube-thumb {width:102px; height:70px; position:absolute; top:-9px;}
 a.youtube-title:link,
 a.youtube-title:visited
  {font-size:.8em; line-height:.8em; margin-bottom:5px; display:block; border:0px;}
 a.youtube-title:hover {text-decoration:underline;border:0px;}
 a.youtube-title:active,
 a.youtube-title:focus {outline:0;}
.youtube-description {font-size:.8em;line-height:1.1em; display:block;}
.youtube-metadata{clear:both;}
.youtube-stars{float:left;margin-right:30px;}
.youtube-published {font-size:.8em; float:left;line-height:2.3em;margin-right:30px;}
.youtube-views {font-size:.8em;float:left; line-height:2.3em}

/********************
* OFFICE LITERATURE
********************/
#littbl td {font-family:Arial, Sans-Serif Serif; font-size:12px; color: #555555; vertical-align:top; background-color:transparent; text-align:left;}
#littbl .litwrap {width:650px; background-image: url(../images/education/officeliterature_bg.jpg); background-repeat:no-repeat; background-position: top center; padding:30px 20px 0 30px;}
#littbl .lefttd {width:300px;}
#littbl .midtd {width:40px;}
#littbl .righttd {width:300px;}
#littbl .dkblue {color: #022960;}
#littbl .officetbl .hrbrd10 {height:1px; background-color:#E4E4E4; width: 100%; margin:10px 0; padding:0;}
#littbl .pad5 {padding-left:5px;}
#littbl .f11 {font-size:11px;}


/************************
*    WEBINARS
*************************/
#webinar_tbl td {font-family:Arial, Sans-Serif Serif; font-size:12px; color: #555555; vertical-align:top; background-color:transparent;}
#webinar_tbl .webinar {width:682px; background-image: url(../images/education/webinars_bg.jpg); background-repeat: no-repeat; text-align:left; background-position: center top; padding:30px 20px 0 35px;}
#webinar_tbl .cewrap {width:640px;}
#webinar_tbl .graybar {text-align:left; width:600px; background-color: #F9F9FA;background-image: url(../images/education/gray_bg.jpg); background-repeat: repeat-x;}

#webinar_tbl .graybar td {}
#webinar_tbl .graybar .td1 {padding-left:20px;}
#webinar_tbl .graybar .tdlft {padding-left:20px; padding-top:10px; color:#022960; font-size:11px; width:200px;}
#webinar_tbl .graybar .tddate {padding-top:10px; padding-right:5px; color:#555555; font-size:11px; word-wrap: break-word; width:120px; overflow:auto;}
#webinar_tbl .upcoming_container {font-weight:bold; height:23px; margin:auto 20px; color: #022960; vertical-align: middle;}

#webinar_tbl .blue1 
{
	background-color: #DCECF4;
	color:#022960; 
	font-weight:bold; 
	vertical-align:middle; 
	font-size:11px;
	height:23px; 
	padding-left:20px;
	width:220px;
}
#webinar_tbl .blue2,#webinar_tbl .blue3,#webinar_tbl .blue4  
{
	background-color: #DCECF4; 
	color:#022960; 
	font-weight:bold; 
	vertical-align:middle; 
	font-size:11px;
	height:23px; 
	padding-left:5px;
	width:120px;
}



#webinar_tbl .dkblue {color: #022960;}
#webinar_tbl h3 {color:#022960; float:left; font-size:12px; font-weight:normal; margin:0 0 0 3px; padding:2px 0 0 0;}


#webinar_tbl .event_name {padding-left:20px; padding-top:10px; color:#022960; font-size:11px; width:220px; word-wrap: break-word; overflow:auto;}
#webinar_tbl .event_site {padding-top:10px; padding-left:5px; color:#555555; font-size:11px; word-wrap: break-word; width:120px; overflow:auto;}
#webinar_tbl .event_date {padding-top:10px; padding-left:5px; color:#555555; font-size:11px; word-wrap: break-word; width:120px; overflow:auto;}
#webinar_tbl .event_location {padding-top:10px; padding-left:5px; color:#555555; font-size:11px; word-wrap: break-word; width:120px; overflow:auto;}



#webinar_tbl
#webinar_tbl #webinar_registration {}


#web_register {width:600px;}
#web_register .register_head 
{
	background-image: url(../images/cd_header_bg.jpg); 
	background-repeat:no-repeat; 
	height:30px;
	padding: 7px 20px 5px 20px;
	color: #FFFFFF;
	font-weight:bold;
}
#web_register .register_fade 
{
	background-image: url(../images/ce_webinar_fade.jpg); 
	background-repeat:repeat-x; 
	padding: 7px 20px;
}
#web_register .blue_title {color: #022960; font-weight:bold; padding-bottom:7px;}
#web_register p {padding-bottom:7px;}
#web_register .courses {color: #022960; font-weight:bold;}
#web_register .course_wrap {padding: 20px 20px;}


#web_register #webinar_registration {margin: 0 20px 10px 20px;}
#web_register #webinar_registration td {border-bottom: 1px #E9EAED solid; padding: 10px 20px;}
#web_register #webinar_registration .td_gray1 {border-top: 1px #E9EAED solid;background-color: #F9F9FA;}
#web_register #webinar_registration .td_gray2 {background-color: #F9F9FA;}
#web_register #webinar_registration .td_white {background-color: #FFFFFF;}


.free_webinars_wrap {width:650px;padding-top:1px; background-image: url(../images/clinicalstudies/gray_bg.jpg); background-repeat: repeat-x;}
.free_wrap_left {width:450px; float:left; height:220px; border-bottom: 1px #E9EAED solid;}
.free_wrap_right {width:200px; float:right; height:220px; background-color: #F9F9FA; border-bottom: 1px #E9EAED solid;}
.free_wrap_content {padding: 20px 10px 0 20px;}
.free_top_gray_block {padding-left:20px; color:#022960;}
.lg_blue_register { color:#022960; font-size:14px;}

/****** TABS **********/
#webinar_tabs ol {margin:0; padding:0;}
#webinar_tabs ol li {list-style-type: none; line-height: 150%; display:inline;}
#webinar_tabs #tab1 {background-color: #F9F9FA;}
#webinar_tabs #tab2 {background-color: #cc0000;}


/* expand collapse functionality */
#divPanelContainer {margin-top:30px;}
#divPanelContainer td {vertical-align:top;}

div.panel_title {height: 23px; cursor: hand;}
div.panel_title p {font-size: 11px; margin-top: 0; font-weight: normal; padding:0 10px 0 0;} 
div.panel_title h4 {font-size: 12px; margin-top: 4px; font-weight: normal;}
/*div.panel_title h3 {font-size: 12px; margin-top: 4px; font-weight: normal; color: #022960;}*/
div.panel_title img {float: left; border: 0; margin-right:4px; margin-left:4px;}
div.panel_title a {width: 100%; height: 23px; float: left; text-decoration: none;}
div.panel_title a:hover {text-decoration: underline;}
div.panel_title * {cursor: hand;}

div.panel_list 
{
	overflow:  auto; 
    overflow-x: hidden; height: 200px; 
    margin-top: 5px; 
    padding: 0 5px 0 10px;
    width:620px;
}
div.panel_list p {margin-bottom: 10px;}
div.panel_list ul {padding-left:10px; margin-left:10px;}


.expanddiv {background-color: #F9F9FA; text-align:left;}
.grybar {padding-left:10px; background-image: url(../images/clinicalstudies/gray_bg.jpg); background-repeat: repeat-x; width:100%;}
.grybar .g_bar {height: 23px;}
.grystudy .sub_group {color:#022960; font-weight:bold; border-bottom: 1px #E9EAED solid;}
.question {color:#022960;font-style: italic;}
.answer {font-style: italic; padding-left:10px;}
.answer ol {margin:0;}
.answer ol li {list-style-type:disc;}


.left
{
	float: left;
}

.right
{
	float: right;
}

div.hr
{
	border-bottom: 1px solid #E4E4E4;
	overflow: hidden;
	height: 1px;
}













/******************************
* EVENTS CONTAINER
*******************************/

#divEventsContainer
{
	overflow: auto;
	overflow-x: hidden;
	height: 240px;
	width:600px;
}



/******************************
* LIGHTBOX AREA
*******************************/
#divLightBox div,
#divLightBox img {
	/* IE6 PNG Fix */
	*behavior: url(../css/iepngfix.htc)
}

#divAreaContent
{
	width: 450px;
	height: 482px;
	padding-top: 10px;
	overflow:auto;
}

#divContentContainer
{
    overflow:auto;
    clear:both;
}

#divAreaContent .right 
{
	text-align:right;
	margin-bottom:50px;
}

#divAreaContent2
{
	width: 700px;
	height: 482px;
	padding-top: 30px;
}

#divAreaContent2 .right 
{
	text-align:right;
	width:700px;
}

#divLightBox div.lb_scroll
{
	margin-top: 23px;
	*margin-top: 40px;
	height: 314px;
}


#divLightBox #divAreaContainer #divAreaContent h3
{
	color: #022960;
}

div.palmer
{
	background-image: url('../images/palmer.gif');
	background-position: top center;
	background-repeat: no-repeat;
	height:700px;
}

div.sarah
{
	background-image: url('../images/emilysarah.gif');
	background-position: top center;
	background-repeat: no-repeat;
	height:700px;
}

div.csi
{
	background-image: url('../images/csi_lightbox_bg.png');
	background-position: top center;
	background-repeat: no-repeat;
	height:450px;
}

#divConditionSheets input
{
	width: 190px;
}

div.topic_title
{
	font-size: 14px;
	color: #0B5ED8;
	margin-bottom: 3px;
}

a#lightbox_close_button:hover,
a#lightbox_close_button:active,
a#lightbox_close_button:focus
{
    outline:0;
}

/*********** SHARE THIS PAGE *************/
div.share_page
{
	background-image: url('../images/share_page_back.png');
	background-position: top center;
	background-repeat: no-repeat;
	width:450px;

}
div.share_page_community
{
	background-image: url('../images/community_bridge_back.png');
	background-position: top center;
	background-repeat: no-repeat;
	width:450px !important;

}
div.share_scroll 
{
	padding: 0 6px 6px 6px;
	/*margin-top: 40px;*/
	height: 245px;
	text-align:left;
	z-index:100;
	overflow:auto;
}


.share_label {padding: 0px 0 2px 0; color:#022960; font-family: Arial; font-size: 12px; margin-top:10px;}

.share_lightbox_tb {width:180px; }
.share_lightbox_tb_large {width:395px;  height:80px;}

#divLightBox .dkblue 
{
	color:#022960;
}
/*********** VIDEO LIGHTBOX *************/
div.video1
{
	background-image: url('../images/video_lightbox_back.png');
	background-position: top center;
	background-repeat: no-repeat;
	width:700px !important;
}

.video_left {float:left; font-size:16px; font-family:Arial;}
.video_right {float:right;}

/*********** MENTOR OF THE YEAR TERMS AND CONDITIONS *************/
div.moy_terms
{
	background-image: url('../images/moy_terms_back.png');
	background-position: top center;
	background-repeat: no-repeat;
	width:450px;
	text-align: -moz-center;
	margin-left: auto;
	margin-right: auto;
    /* IE6 PNG Fix */
	*behavior: url(../css/iepngfix.htc);
	
}

div.terms_scroll 
{
	padding: 0 6px 6px 6px;
	/*margin-top: 30px;
	*margin-top: 40px;*/
	height: 300px;
	width:400px;
	text-align:left;
	overflow:auto;
}

