﻿@charset "utf-8";
html { overflow-y:scroll; }
html, body, form, #container { height:100%; margin:0; padding:0;  }
body { font-family:Arial; font-size:12px; color:#000; }

img { border:none; }
h1 { font-size:22px; font-weight:bold; color:#584425; margin:0 0 12px 0; }
h2 { font-size:18px; font-weight:bold; color:#584425; margin:0 0 0 0; }
p { margin:0 0 1em 0; }
a { color:#0098BA; outline:none; }
a:hover { color:#584425; }

/*--------------------------- Framework ---------------------------*/ 
form#form1 { background:transparent url("images/common/bodyBG.png") repeat-x; }
body #container { height:auto; min-height:100%; }
#header, #main, #footer, #copyright { margin:auto; width:980px; }
#header { background:transparent url("images/common/header.jpg") no-repeat top left; height:157px; position:relative; z-index:100; }
#main { padding-bottom:299px; }
#footer-container { background:#bbe0e8 url("images/common/footerBG.gif") repeat-x; clear:both; height:299px; margin-top:-299px;}
.section { float:left; width:160px; margin-top:14px; }
#main-section .section { float:none; width:auto; margin-left:174px; }
#main-section { float:right; width:100%; margin-left:-160px; padding-bottom:10px; }

.section {
	/* to preserve source-order independence for Gecko */
	/*position: relative;*/ }
.section {
	/* to preserve source-order independence for IE */
	_position: static; }
#main-section .section {
	/* to preserve source-order independence for Gecko */
	position: static; }
	
/* Two Column Layout */
.t2 { background:transparent url("images/common/contentDivider.gif") repeat-y 494px 0; }
.t2 .header { clear:both; padding-bottom:14px; background-color:#fff; }
.t2 .sub-section { float:left; width:300px; }
.t2 .first { width:484px; margin-right:22px; }
.t2 .first.non-auth { width:457px; margin-right:32px; margin-left:17px; }

/* Two Column Layout */
.t3 { background:transparent url("images/common/bg-f6f6f6-178.gif") repeat-y right top; min-height:415px; }
.t3 .header { clear:both; padding-bottom:14px; background-color:#fff; }
.t3 .sub-section { float:left; width:178px; color:#707070; }
.t3 .first { width:622px; margin-right:6px; color:#000; }

.winners {padding: 0px 5px 5px 5px;}

/************************************ Common Classes ************************************/
.clear { clear:both; }
.pad_bottom3 { padding-bottom: 3px; }
.callout { width:510px; padding:15px 20px 25px 65px; background:#d2f4fc url("images/common/iconExclamation.gif") no-repeat 15px 12px; }
.error { color:#ff0000; }

.columnBox { padding:5px 0; background-color:#fff; }
.columnBox h2 { margin:0; padding:10px 0 0 10px; border-top:solid 6px #584425; background-color:#f6f6f6; font-size:18px; font-weight:bold; color:#584425; }
.columnBox .content { padding:10px 10px 20px 10px; background-color:#f6f6f6; }
.columnBox ul.nav { margin:0; padding:0; list-style:none; }
.columnBox ul.nav li, .columnBox .ShortcutPanel { margin-bottom:3px; }

.TextAreaField { width:100%; height:100px; }
.TextboxField { width:200px; }

.loading { background:transparent url(images/common/loading.gif) no-repeat; display: inline-block; padding:9px 0 0 35px; height: 23px; }

div.growlUI { background: url(images/common/check48.png) no-repeat 10px 10px }
div.growlUI h1, div.growlUI h2 { color: white; padding: 5px 5px 5px 75px; text-align: left }
div.growlUI h2 { font-size: medium }

/************************************ Affiliate Tabs ************************************/
#AffiliateTabs { background:#EDEDED url("images/common/AffiliateTabsSprite.png") repeat-x 0px -126px; height:37px; margin:0 auto; overflow:hidden; padding:4px 10px 0px 10px; width:960px; }

ul.Affiliates { float:left; margin:0; padding:6px 0 0 0; width:350px; }
li.AffiliateTab { display:inline-block; list-style:none outside none; margin:0 5px 0 0; padding:0; }
body.IE7 li.AffiliateTab, body.IE6 li.AffiliateTab { display:block; float:left; }
li.AffiliateTab a { display:block; height:31px; overflow:hidden; position:relative; text-decoration:none; width:147px; }
li.AffiliateTab em { background:#EDEDED url("images/common/AffiliateTabsSprite.png") repeat-x 0px -33px; display:block; height:31px; position:absolute; width:147px; z-index:10; }
li.AffiliateTab a:hover em { background-position:0px -64px; }
li.AffiliateTab span { position:absolute; z-index:0; }
#EducationCentsTab a { width:161px; }
#EducationCentsTab em{ background-position:0px -95px; width:161px; }

ul.Audiences { float:right; margin:0; padding:0; text-align:right; width:350px; }
body.IE7 ul.Audiences, body.IE6 ul.Audiences { width:265px; }
li.AudienceStar { display:inline-block; list-style:none outside none; margin:0 3px 0 0; padding:0; }
body.IE7 li.AudienceStar, body.IE6 li.AudienceStar { display:block; float:left; }
li.AudienceStar a { background:transparent url("images/common/AffiliateTabsSprite.png") repeat-x 0px 0px; display:block; height:33px; overflow:hidden; position:relative; text-decoration:none; width:31px; }
li.AudienceStar em { display:block; height:33px; position:absolute; width:31px; z-index:10; }
body.IE8 li.AudienceStar em, body.IE9 li.AudienceStar em, body.Safari li.AudienceStar em, body.Opera li.AudienceStar em { background:transparent url("images/common/AffiliateTabsSprite.png") repeat-x 0px 0px; }
li.AudienceStar span { position:absolute; z-index:0; }
#ParentsAudience a, body.IE8 #ParentsAudience em, body.IE9 #ParentsAudience em, body.Safari #ParentsAudience em, body.Opera #ParentsAudience em { background-position:0px 0px; width:31px; }
#GrandparentsAudience a, body.IE8 #GrandparentsAudience em, body.IE9 #GrandparentsAudience em, body.Safari #GrandparentsAudience em, body.Opera #GrandparentsAudience em { background-position:-36px 0px; width:29px; }
#FriendsAndFamilyAudience a, body.IE8 #FriendsAndFamilyAudience em, body.IE9 #FriendsAndFamilyAudience em, body.Safari #FriendsAndFamilyAudience em, body.Opera #FriendsAndFamilyAudience em { background-position:-69px 0px; width:28px; }
#AdvisorsAudience a, body.IE8 #AdvisorsAudience em, body.IE9 #AdvisorsAudience em, body.Safari #AdvisorsAudience em, body.Opera #AdvisorsAudience em { background-position:-102px 0px; width:31px; }
#EmployersAudience a, body.IE8 #EmployersAudience em, body.IE9 #EmployersAudience em, body.Safari #EmployersAudience em, body.Opera #EmployersAudience em { background-position:-139px 0px; width:28px; }
#ContinuingEdAudience a, body.IE8 #ContinuingEdAudience em, body.IE9 #ContinuingEdAudience em, body.Safari #ContinuingEdAudience em, body.Opera #ContinuingEdAudience em { background-position:-172px 0px; width:30px; }
#MediaAudience a, body.IE8 #MediaAudience em, body.IE9 #MediaAudience em, body.Safari #MediaAudience em, body.Opera #MediaAudience em { background-position:-206px 0px; width:31px; }
#CommunityAudience { margin-right:0; }
#CommunityAudience a, body.IE8 #CommunityAudience em, body.IE9 #CommunityAudience em, body.Safari #CommunityAudience em, body.Opera #CommunityAudience em { background-position:-243px 0px; margin-right:0; width:31px; }


/************************************ Header ************************************/
h1#logo { float:left; height:64px; margin:36px 0 0 0; padding:0; width:289px; }
h1#logo a { background:transparent url("images/common/EducationCents.png") no-repeat top left; display:block; height:64px; text-indent:-10000px; width:289px; }

p#programTitle { clear:right; float:right; height:21px; margin:25px 0px 0px 0px; padding:0; width:342; }
#programTitle span, #programTitle a { background-image:url("images/common/FinancialEducationProgram.gif"); display:block; float:left; margin:0; padding:0; text-indent:-10000px; height:21px; }
#programTitle span { background-position:0px 0px; width:226px; }
#programTitle a { background-position:-226px 0px; width:116px; }
#programTitle a:hover { background-position:-226px -21px; }

#navigationBar { clear:both; height:35px; padding-top:5px; background:transparent url("images/common/MainNavigationSprite.gif") repeat-x 0px 0px; }

.searchBox { background:transparent url("images/common/searchCorner.gif") no-repeat 0px 6px; border-right:solid 1px #dbddde; display:inline; float:right; height:29px; padding:6px 6px 0 11px; }
input.searchText { border-top:solid 1px #dfe1e2; border-right:none; border-bottom:solid 1px #dfe1e2; border-left:none; height:19px; padding:3px 0 0 0; vertical-align:top; width:138px; }
body.IE7 input.searchText { margin-top:0px; }
input.searchButton { background:transparent url("images/common/SearchSprite.gif") no-repeat 0px 0px; border:none; cursor:pointer; height:24px; text-indent:-10000px; width:70px; }
input:hover.searchButton { background-position:0px -24px; }
    
.rss { float:right; height:28px; padding:7px 5px 0 0; }
a#RSSFeed { background:transparent url("images/common/iconRSSSprite.gif") no-repeat 0px 0px; display:block; height:20px; text-indent:-10000px; width:21px; }
a:hover#RSSFeed { background-position:0px -20px; }
.imgFav { cursor: pointer; padding-right:7px; }
#HomeBanner h1 { font-size:13px; color:#FF0000; }


/************************************ Footer ************************************/
#footer { height:248px; position:relative; }
#copyright { height:44px; padding-top:7px; font-size:10px; color:#707070; margin:0 auto; text-align:center; position:relative; width:980px }
#siteseal { position:absolute; right:0; text-align:right; top:7px; width:200px; }

#SocialMediaLinks { bottom:0; left:14px; position:absolute; text-align:left; width:200px; }
#FacebookLink { background:transparent url("images/common/SocialMediaSprite.png") no-repeat 0px 0px; line-height:22px; padding-left:22px; position:relative; }
#TwitterLink { background:transparent url("images/common/SocialMediaSprite.png") no-repeat 0px -34px; line-height:22px; padding-left:22px; position:relative; }

#DHELogo { position:absolute; right:212px; bottom:12px; }
#CollegeInvestLogo { position:absolute; right:0px; bottom:14px; }


/********************************** Navigation **********************************/
/*--------------------------- Course Catelog Nav ---------------------------*/
#courseCatalog { margin-bottom:17px; }
#courseCatalog h1 { width:160px; height:38px; margin:0; line-height:30px; text-indent:-9000px; background:transparent url("images/common/Tabs.png") no-repeat 0px 0px; }
#courseCatalog a:visited { color:#bd8cbf; }

/* Level 1 */
#courseCatalog ul { list-style:none; padding:0; margin:0; }
#courseCatalog a.L1CMSListMenuLink, #courseCatalog a.L1CMSListMenuLinkHighlighted { background:transparent url("images/common/mainNavBG.gif") repeat-x 0 0; color:#0098ba; display:block; font-family:Trebuchet, Arial, Sans-Serif; font-size:13px; font-weight:bold; height:22px; margin-bottom:1px; padding:4px 0 0 11px; text-decoration:none; width:149px; }
#courseCatalog a.L1CMSListMenuLink:hover, #courseCatalog a.L1CMSListMenuLinkHighlighted:hover { color:#555; }
#courseCatalog a.L1CMSListMenuLinkHighlighted, #courseCatalog a.L1CMSListMenuLinkHighlighted:hover { background-color:#0f9ebe; background-image:none; color:#fff; }

/* Level 2 */
#courseCatalog ul.L2CMSListMenuUL { background-color:#f1fcfe; }
#courseCatalog ul.L2CMSListMenuUL a { font-family:Arial; font-size:11px; color:#0098BA; text-decoration:none; }
#courseCatalog ul.L2CMSListMenuUL a:hover { color:#555; }
#courseCatalog ul.L2CMSListMenuUL a:visited { color:#0098BA; text-decoration:none;}
#courseCatalog ul.L2CMSListMenuUL li { padding:5px 2px 5px 15px; }

/*--------------------------- Top Nav ---------------------------*/
#header .navWrapper { background:transparent url("images/common/MainNavigationSprite.gif") no-repeat left -770px; float:right; margin-top:30px; }
#header .navWrapper .rb { background:transparent url("images/common/MainNavigationSprite.gif") no-repeat right -700px; float:left; height:39px; width:5px; }
#header ul.nav { background-color:#FFF; border-top:1px solid #BBE0E8; border-bottom:1px solid #BBE0E8; display: inline; float:left; list-style:none; margin:0 0 0 5px; padding:12px 10px 12px 0; }
    
#header ul.nav li { border-right:solid 1px #0098BA; float:left; line-height:11px; padding:0 9px 2px 9px; }
#header ul.nav li.last { border:none; padding-right:0; }
#header ul.nav li a { color:#0098BA; font-family:Arial; font-size:13px; text-decoration:none; }
#header ul.nav li a:hover { color:#555; }

/*--------------------------- Nav Bar ---------------------------*/
#navigationBar ul { border-left:solid 1px #DBDDDE; float:left; list-style:none; margin:0; padding:0; }
#navigationBar ul li { float:left; position:relative; background:transparent url("images/common/MainNavigationSprite.gif") no-repeat right -140px; display:inline; }
#navigationBar ul li.nodd { background-position:right -70px; }
#navigationBar ul li:hover { background-position:right -280px; }
#navigationBar ul li.nodd:hover { background-position:right -210px; }
#navigationBar ul li a { color:#555; display:block; font-family:Trebuchet, Arial, Sans-Serif; font-size:13px; font-weight:bold; height:27px; padding:8px 25px 0 39px; text-decoration:none; }

#navigationBar ul li a.about { background:transparent url("images/common/MainNavigationSprite.gif") no-repeat 11px -344px; }
#navigationBar ul li a.games { background:transparent url("images/common/MainNavigationSprite.gif") no-repeat 11px -484px; }
#navigationBar ul li a.partner { background:transparent url("images/common/MainNavigationSprite.gif") no-repeat 11px -414px; }
#navigationBar ul li a.glossary { padding-left:34px; background:transparent url("images/common/MainNavigationSprite.gif") no-repeat 11px -553px; }
#navigationBar ul li a.community { padding-left:46px; background:transparent url("images/common/MainNavigationSprite.gif") no-repeat 11px -624px; }
#navigationBar ul li a.calendar { padding-left:46px; background:transparent url("images/common/MainNavigationSprite.gif") no-repeat 11px -706px; }

#navigationBar ul li ul { background-color:#ededed; border:solid 1px #d3d3d3 !important; box-shadow:2px 3px 4px #999999; -moz-box-shadow:2px 3px 4px #999999; -webkit-box-shadow:2px 3px 4px #999999; left:-1px; padding:3px 0 1px 0; position:absolute; top:34px; visibility:hidden; width:99.5%; z-index:100; zoom:1; }
#navigationBar ul li:hover ul { visibility:visible; }
#navigationBar ul li div.IEShadow { background:#000000; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.50'); padding:6px 0; position:absolute; visibility:hidden; z-index:99; }
#navigationBar ul li:hover div.IEShadow { visibility:visible; }

#navigationBar ul li div ul { float:none; border:none; }
#navigationBar ul li div li { float:none; margin:0; display:block; background:none; }
#navigationBar ul li div a { color:#0098BA; float:none; font-family:Arial; font-size:12px; font-weight:normal; height:14px; padding:3px 0 4px 10px; }
#navigationBar ul li div a:hover { color:#555; }

#ie6 .navBar-sub_shadow_ie6 { behavior: url("App_Themes/EducationCents/iepngfix.htc"); }


/*--------------------------- My Toolbox ---------------------------*/
#myToolbox { margin-bottom:17px; padding-bottom:12px; background-color:#f6f6f6; border-bottom:solid 1px #cccccc; }
#myToolbox h1 { width:160px; height:38px; line-height:30px; margin-bottom:14px; text-indent:-9000px; background:#ffffff url("images/common/Tabs.png") no-repeat 0 -38px; }
#myToolbox ul { list-style:none; padding:0; margin:0; }
#myToolbox li { margin:0 0 6px 8px; }
#myToolbox a { font-family:Trebuchet, Arial, Sans-Serif; font-size:13px; font-weight:bold; color:#0098ba; text-decoration:none; }
#myToolbox a:hover { color:#555; }

a.calculator { display:block; min-height:18px; height:auto!important; height:18px; padding:2px 0 0 20px; background:transparent url(images/common/iconCalculator.gif) no-repeat; }
a.tool { display:block; min-height:18px; height:auto!important; height:18px; padding:2px 0 0 20px; background:transparent url(images/common/iconTool.gif) no-repeat; }
a.video { display:block; min-height:18px; height:auto!important; height:18px; padding:2px 0 0 20px; background:transparent url(images/common/iconVideo.gif) no-repeat; }
a.pdf { display:block; min-height:18px; height:auto!important; height:18px; padding:2px 0 0 20px; background:transparent url(images/common/iconPDF.gif) no-repeat; }
#myToolbox a.all { display:block; min-height:18px; height:auto!important; height:18px; padding:2px 0 0 20px; font-style:italic; }

#toolBox h2 { clear:both; margin-bottom:5px; margin-left:8px; }

ul.tool-list { float:left; list-style:none; margin:0 30px 20px 8px; padding:0; }
ul.tool-list li { margin-bottom:3px; }


/*--------------------------- Other Resources ---------------------------*/
#otherResources { margin-bottom:17px; padding-bottom:12px; background-color:#f6f6f6; border-bottom:solid 1px #cccccc; }
#otherResources h1 { width:160px; height:38px; line-height:30px; margin-bottom:14px; text-indent:-9000px; background:#ffffff url(images/common/OtherResources.png) no-repeat; }
#otherResources ul { list-style:none; padding:0; margin:0; }
#otherResources li { margin:0 0 6px 8px; }
#otherResources a { font-family:Trebuchet, Arial, Sans-Serif; font-size:13px; font-weight:bold; color:#0098ba; text-decoration:none; }
#otherResources a:hover { color:#555; }


/*--------------------------- Ad Callout ---------------------------*/
.adCallout { margin-bottom:10px; display:block; } 


/*--------------------------- Footer Nav ---------------------------*/
#footer .wider, #footer .normal { float:left; margin-right:45px; }
#footer .normal { width:166px; }
#footer .wide { width:198px; float:left; color:#4b4b4b; }
#footer .wider { width:313px; }
#footer .wide p { padding-right:8px; padding-left:14px; }

#footer h1 { border-bottom:solid 1px #bbe0e8; color:#3a383a; font-family:Arial; font-size:14px; font-weight:bold; padding:17px 0 6px 14px; margin-bottom:8px; }
#footer ul { float:left; list-style:none; padding:0; margin:0; }
#footer li { padding:0 14px 3px 14px; }
#footer li a { font-family:Trebuchet, Arial, Sans-Serif; font-size:13px; font-weight:bold; text-decoration:none; }


/************************************ Content ************************************/
h1.courseTitle  { float:left; margin:0; padding:5px 0 5px 6px; display:inline; }
h1.sectionTitle {  float:left; margin:0; padding:5px 0 5px 6px; display:inline; border-bottom: none; }
h1.sectionTitleAlt { margin:0; padding:5px 0 5px 6px; }
.courseNav      { float:right; padding-right:15px; display:inline; }
.btnBack        { margin-right:5px; }

#main-section p { line-height:19px; }
.aboutContent h3, .groupContent h3 { color:#77B643; }

.homeContent, .aboutContent { color: #000000; }

.aboutContent, .sectionContent{ border-top:solid 1px #e1e1e1; clear:both; color:#000; margin:5px 0 10px 0; padding:15px 8px; }
.groupContent { clear:both; color:#000; margin:5px 0 10px 0; padding:15px 8px; }

#calculatingIndicator { position:fixed; bottom:0; right:0; padding:5px; background-color:#77B643; color:#ffffff; width:125px; z-index:100; vertical-align:middle; }
#calculatingIndicator img { vertical-align:middle; padding-right:5px; }
.courseContent, .quizContent { border-top:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1; clear:both; color:#000; margin:5px 0 10px 0; padding:15px 10px; line-height:18px;}
.courseContent h1, .quizContent h1 { font-family:Arial; font-size:18px; font-weight:bold; color:#83bc45; margin-bottom:8px; }
.courseContent h2, .quizContent h2  { font-family:Arial; font-size:14px; font-weight:bold; color:#000; margin-bottom:5px; }
.courseContent h3, .quizContent h3 { font-family:Arial; font-size:12px; font-weight:bold; color:#000; margin-bottom:5px; }
.quizContent h2 { color:#83bc45; }

.courseContent ol, .courseContent ul, .quizContent ol, .quizContent ul { padding:.3em 0 0 2.5em; margin:0; }
.courseContent ol li, .courseContent ul li, .quizContent ol li, .quizContent ul li { padding-bottom:.3em; }
.courseContent ol li { list-style-type:decimal; }

.courseContent ol li li { list-style-type:lower-alpha; font-weight:normal; }
.courseContent ol li li li { list-style-type:lower-roman; }

.courseContent ol.outline li { font-weight:bold; }
.courseContent ol.outline li li { font-weight:normal; }

.courseContent table { margin-left: auto; margin-right: auto; }
.courseContent object { margin-left: auto; margin-right: auto; display: block; }

/* Home Page */
div.totw { padding-left: 10px; }
    div.totw img { margin-right: 10px; }
    div.totw strong { color:#000; }
    div.totw div.copy { float: right; width: 165px; color:#000; }
    
h2.totw { margin-left: 3px; margin-bottom: 8px; font-size: 18px; color: #584425;}
    h2.totw .headerlink { float: right; font-size: 12px; line-height: 33px; vertical-align: bottom;}
        h2.totw .headerlink img { margin-right: 5px; }
        h2.totw .headerlink a { color: #0098BA; text-decoration: none; }

.sectionHeader { border-bottom:1px solid #ededed; clear:both; margin:0 0 10px 0; padding:5px 6px 5px 6px; }
.sectionHeader h1 { float:left; margin:0; font-size:18px; }
.sectionHeader a { background:transparent url(images/common/dashboard_arrow.gif) no-repeat 0 3px; color:#0098BA; float:right; margin-top:6px; padding-left:10px; text-decoration:none; }
.sectionHeader a:hover { color:#67ad2c; }
.sub-section .sectionHeader { padding:0; }
.sub-section .sectionHeader h1 { font-size:22px; }

/* News */
#newsFeed { float:left; position:relative; width:100%; padding-bottom:20px; }

.HotNewsHeader h1 { margin-top: 15px;  }

#news { clear:both; overflow:hidden; display:none; width:300px; }
#news .credit { text-align:right; font-size:11px; color:#000; }
.newsItems { clear:both; list-style:none; padding:0; margin:0 7px; }
.newsItems a { font-family:Arial; font-size:14px; font-weight:bold; color:#0f9ebe; text-decoration:none; }
.newsItems a:hover { color:#584425; }
.newsItems div { margin:5px 0 15px 0; color:#000; }

#feeds { padding:10px; border:solid 1px #d5d5d5; background-color:#fff; position:absolute; top:-15px; right:0; display:none; }
#feeds h1 { font-size:12px; margin:0; padding-bottom:3px; border-bottom:dashed 1px #f0f0f0; }
#feeds ul { list-style:none; margin:0; padding:0; }
#feeds li { padding:4px 0 4px 0; border-bottom:dashed 1px #f0f0f0; cursor:pointer; }
#feeds li:hover { background-color:#eaf7ff; }

#newsConfig { float:right; padding-right:19px; margin-top:21px; cursor:pointer; color:#0098BA; background:transparent url("images/common/iconConfigure.gif") no-repeat right 2px; }
#newsConfig:hover, #newsConfig.active { background-position:right -22px; }

#newsFeed .loader { clear:both; margin:20px 0 0 20px; font-family:Arial; font-size:18px; font-weight:bold; }

/* Quiz */
.quizIcon { margin-left:10px; vertical-align:middle;  }
.question { margin-bottom:30px; }
.questionText { font-weight:bold; }
.questionPage { }
.hide { display:none; }
.btnSubmitQuiz { margin-top:15px; }
.questionStats { font-weight:bold; margin-bottom:30px; }
.missedQuestions { margin-bottom:15px; }
.missedQuestions ul { margin:0; padding:0; list-style:none; }
.missedQuestions ul li { margin:0 0 10px 0; padding:0;}
.missedQuestions a { color:#0098ba; text-decoration:none; }
.missedQuestions a:hover { text-decoration:underline; }
#returnToDashboardLink { margin: 0 5px 0 5px; }
#returnToQuizLink { background:transparent url("images/common/ButtonSprite.gif") no-repeat 0px 0px; display:block; margin:0 5px; height:27px; text-indent:-10000px; width:65px; }
#returnToQuizLink:hover { background-position:0px -27px; }


/* Pretest */
.question { color:#000000; font-weight:bold; line-height:19px; margin-left:6px; }
.sliderContainer {float:left; display:inline; width:602px; margin:8px 0px 18px 20px;  }
.agree, .disagree{ float:left; display:inline; width:50px; font-weight:normal; }
.agree { margin-left:10px; }
.disagree { margin-right:10px; }
.slider { float:left; display:inline; width:200px;  }
.slider_val { display:none; }
#submit { margin:20px 0px 20px 6px; }
#pretestInformationText { margin: 10px 20px 10px 8px; }
#postSubmitText { margin: 10px 20px 10px 8px; display:none; padding:20px; color:#000000; background-color:#F6F6F6; line-height:18px; border:solid 1px #cccccc;  }
#postSubmitText a { color:#0098BA; text-decoration:none; }
#postSubmitText a:hover { color:#555555; }
.EditMode #postSubmitText { display:block; color:#000000; }


/* Scholarship Winners */
.WinnerPreviews { margin:4px 0 0 4px; }
body.IE6 .WinnerPreviews { margin:4px 0 0 15px; }
.WinnerPreviews ul { background:#FFF; border-top:1px solid #e1e1e1; margin:0 0 14px 0; padding:0; }
.WinnerPreviews ul li { border-bottom:1px solid #e1e1e1; clear:both; color:#000; list-style:none; margin:0; padding:6px 5px; }
body.Safari .WinnerPreviews li:hover, body.Gecko3 .WinnerPreviews li:hover, body.IE8 .WinnerPreviews li:hover, body.IE9 .WinnerPreviews li:hover { background:#F3FCFE; }
.WinnerPreviews ul li ul, .WinnerPreviews ul li ul li { background:transparent; border-top:none; border-right:none; border-bottom:none; border-left:none; margin:0; padding:0; }
.WinnerPreviews h3 { color:#77B643; font-size:17px; margin:11px 0 6px 0; }
.WinnerPreviews h3 a { text-decoration:none; }
.WinnerPreviews h4 { color:#77B643; font-size:17px; margin:0; }
.WinnerPreviews li.WinnerScholarship { font-weight:bold; margin-bottom:6px; }
.WinnerPreviews blockquote { margin:6px 0 0 0; padding:0; }
.WinnerPreviews blockquote p { padding:0; }
.WinnerPreviews .WinnerPhoto { float:left; margin:5px 10px 5px 0; width:89px; }
.WinnerPreviews .PastWinners { font-weight:bold; padding:0 5px; }
.WinnerPreviews .Clear { clear:both; display:block; font-size:0px; height:0px; margin:0; padding:0; }

.ScholarshipWinners { border-top:1px solid #e1e1e1; clear:both; margin:5px 0 10px 0; padding:0; }
.ScholarshipWinners li { border-bottom:1px solid #e1e1e1; list-style:none; margin:0; padding:16px 8px; }
body.Safari .ScholarshipWinners li:hover, body.Gecko3 .ScholarshipWinners li:hover, body.IE8 .ScholarshipWinners li:hover, body.IE9 .ScholarshipWinners li:hover { background:#F3FCFE; }
.ScholarshipWinners ul { margin:0; padding:0; }
.ScholarshipWinners ul.WinnerImage { float:right; width:681px; }
.ScholarshipWinners ul.WinnerNoImage { width:786px; }
.ScholarshipWinners li ul li { background:transparent; border-bottom:none; padding:0; }
.ScholarshipWinners .WinnerPhoto { float:left; margin:0 16px 0 0; width:89px; }
.ScholarshipWinners h3 { color:#83BC45; font-size:18px; font-weight:bold; margin:0; }
.ScholarshipWinners .WinnerScholarship { font-weight:bold; }
.ScholarshipWinners blockquote { background:transparent url("images/common/BlockQuoteSmall.gif") no-repeat top left; padding:0 0 0 13px; margin:10px 0 0 0; }
.ScholarshipWinners blockquote p { margin:0; padding:0; }
.ScholarshipWinnersPaging { clear:both; }
.ScholarshipWinnersPaging .PagerControl { border-top:none; }
.ScholarshipWinners .Clear { clear:both; display:block; font-size:0px; height:0px; margin:0; padding:0; }


/* Scholarship Application */
table#ScholarshipApplication td { margin:0; padding:6px; }
table#ScholarshipApplication tr.ItemAlt td { background:#F6F6F6; }
table#ScholarshipApplication label { cursor:pointer; }


/* Tabs */
.tabs { border:none; background:none; font-family:Arial; font-size:12px; color:#707070; margin-bottom:15px; }

.tabs .ui-widget-header, .tabs .ui-state-default, .tabs .ui-widget-content, .tabs .ui-widget-content .ui-state-default, .tabs .ui-state-active, .tabs .ui-widget-content .ui-state-active { border:none; background:none; font-weight:normal; color:#707070; }
.tabs .ui-widget-header { border-bottom:solid 1px #e1e1e1; }
.tabs .ui-state-default, .tabs .ui-state-active { border:solid 1px #e1e1e1; background-color:#fff; }
.tabs .ui-tabs .ui-tabs-nav li { margin:0 0 -1px -1px; }
.tabs .ui-state-default { height:24px; width: 84px; margin:4px 0 -1px !important; background-image: url('images/common/tabs_inactive.jpg'); background-repeat:repeat-x; background-position: top left;  }
.tabs .ui-state-active { height:28px; width: 84px; margin:0 0 -1px !important; background: #FFFFFF; }
.tabs li.wide { width:105px; }

.tabs .ui-widget-content { background-color:#fff; border-right:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1; border-left:solid 1px #e1e1e1; }
.tabs .ui-tabs-nav { padding:0; }
.tabs .ui-state-default a, .tabs .ui-state-default a:link, .tabs .ui-state-default a:visited  { color:#4b4b4b; padding: 0.3em 0em; text-align: center; width: 100%;}
.tabs .ui-state-active a, .tabs .ui-state-active a:link, .tabs .ui-state-active a:visited { color:#4b4b4b; padding: 0.3em 0em; text-align: center; width: 100%;}
.tabs .ui-state-default a img { vertical-align: bottom;}
.tabs .ui-state-active a img { vertical-align: bottom;}

.tab-links { margin: 0px; padding: 0px 0px 0px 8px;}
    .tab-links li { list-style-image: url('images/common/tabs_green_arrow.jpg'); margin-bottom:5px; }
        .tab-links li a, .tab-link li a:active, .tab-link li a:hover, .tab-link li a:visited {color: #0098ba; text-decoration: none;}
        .tab-links li a.selected, .tab-link li a.selected:active, .tab-link li a.selected:hover, .tab-link li a.selected:visited { font-weight: bold;}
.toptabs .ui-widget-content {
    border-left:solid 0px #e1e1e1;
    border-right:solid 0px #e1e1e1;
    border-bottom:solid 0px #e1e1e1; 
    padding-left: 0;}
        
.toptabs .ui-tabs-nav ul { width:380px; }
    
.toptabs .ui-tabs-nav li { float:right !important; }

.toptabs .ui-state-default { height:24px; width: 73px; margin:4px 0 -1px !important; background-image: url('images/common/tabs_inactive.jpg'); background-repeat:repeat-x; background-position: top left;  }
.toptabs .ui-state-active { height:28px; width: 73px; margin:0 0 -1px !important; background: #FFFFFF; }
    
.toptabs h1 { margin:0px; width: 235px; float: left; display: inline; }
.toptabs h1.dashboard { font-size: 18px; color: #584425; }

.toptabs .ui-tabs-nav { padding:0 13px 0 0; }

.toptabs .rightcolumn { display: inline; float: right; width: 178px; }
.toptabs .leftcolumn { display: inline; float: left; width: 284px; }

.tabs h1 { font-size:12px; color:#000; margin:0; cursor:pointer; }
ul.units { display:none; padding-left:15px; }
ul.show { display:block; }

.returnToQuiz { font-weight:bold }
/* Glossary */

.glossaryItem { padding: 12px 16px; background-color: #FFFFFF; }
.glossaryAlt { padding: 12px 16px; background-color: #f6f6f6; }

.glossaryPaging { color: #e1e1e1; float: left; padding-left:10px; padding-top: 15px; }
.glossaryPaging a { padding: 0px 8px; text-decoration:none; }
.glossaryPaging a.selected { text-decoration:underline; }

.PagerControl { border-top:1px solid #E1E1E1; margin-top:20px; padding-top:16px; text-align:center; }
.PagerNumberArea { color: #E1E1E1; }
.PagerNumberArea a { text-decoration:none; }
.PagerNumberArea .SelectedPage { color:#000; }
.PagerNumberArea span { font-weight:bold; }

/* Tip of the Week Archive */
.archiveContent { padding-top: 0px; border-bottom:1px solid #E1E1E1; }

.archive { background-color: #ffffff; padding:10px 9px 4px; }
.archive_alt { background-color: #f6f6f6; padding:10px 9px 4px; }

    .archive h2, .archive_alt h2 { color: #83bc45; margin:3px 0 6px; font-size: 18px; }

.tipArchiveTop { float: right; }

.tiparchiveNav span { color: #000000; }
.tiparchiveNav .btnPaging { vertical-align: middle; margin-bottom: .25em; padding: 0px 5px; }

/* About Us/Partners */
.AboutUsCopyAlt, .partnerCopyAlt { background:#F6F6F6; margin-left:-11px; padding:2px 11px 12px 11px; }
.aboutContent h2, .partnerCopy h2 { margin:14px 0 6px 0; color: #0098BA; }

/***********************************/
/* Course Progress */
/***********************************/
.courseProgress { padding:15px 0 18px 11px; margin-bottom:10px; border-bottom:solid 1px #fff; }
.courseProgress h1 { font-size:14px; font-weight:bold; color:#959595; margin:0 0 5px 0; }

/***********************************/
/* Profile Photo */
/***********************************/
.profile-section { margin-left: .5em; }

    .profile-section #upload-button-section { margin: 20px 2px 40px 2px; }
    
        .profile-section #upload-button-section #upload_button { width: 100px; float:left; }
        
            .profile-section #upload-button-section #upload_button p { margin:0px; }
    
                .profile-section #upload-button-section #upload_button p a { display:block; padding: 2px 0px 2px 20px; text-decoration:none; }
                
                    .profile-section #upload-button-section #upload_button p a  span { margin-bottom:-3px; display:inline-block; }
                    
    .profile-section #loading { float:left; display: none; }
        
    .profile-section #upload-section {display: none; }
        .profile-section #upload-section #upload { width: 500px; float: left; }
        .profile-section #upload-section #preview { width:64px;height:64px;overflow:hidden; }
        
    .profile-section .profilePhoto { margin: .5em 0px 0px 0px; float: left; }

    .profile-section .profilePreview { margin: .5em; float: left; }
    
    .profile-section .profileButton { margin: .5em 0px 0px 0px; }
    
    .profile-section #upload-error { display: none; }
        .profile-section #upload-error .error-msg { color: red; }
    
/*.currentProfile { float: right; margin: -20px 50px 0px 0px; display:inline; border: 1px solid #7F7F7F; }*/
.currentProfile { margin: 0 8px 0 10px; display:inline; border: 1px solid #e4e4e4; background-color: #ffffff; padding: 3px; }

/***********************************/
/* Blogs */
/***********************************/
#BlogShareThisTop { margin:0 0 .5em 8px; }
#BlogShareThisBottom { float:left; margin-left:8px; }

.BlogBreadCrumbs { margin:0 0 15px 5px; }
.BlogBreadCrumbs a { color:#0098BA; }

.BlogPTitle { margin-bottom:5px; margin-right:9px; margin-left:8px; }
.BlogPTitle a { font-size:18px; color:#0098BA; text-decoration:none; }
.BlogPTitle a:hover { text-decoration:underline; }
.BlogPBody { color:#000; }
.BlogPBody .teaser, .BlogPBodyDetail .teaser { float:left; padding:5px 12px 10px 0; }
.BlogPBodyDetail, .BlogPBody { line-height:19px; margin-right:9px; margin-left:8px; }
.BlogPDateWhole { background-color:#eef6f7; border-top:dashed 1px #ddd; border-bottom:dashed 1px #ddd; color:#707070; margin-right:8px; margin-left:8px; padding:5px; }

.BlogTagsWhole { font-family:Verdana; font-size:10px; margin:15px 8px 0 8px; }
.BlogTagsWhole a { font-family:Verdana;  font-size:10px; color:#0098BA; }
.BlogTagsWhole a:hover { color:#584425; }

.blogContentRating { float:right; margin:10px 0 0 14px; width:250px; }

.BlogSocialBookmark { margin:15px 8px 0 8px; padding:5px; border-top:dashed 1px #ddd; border-bottom:dashed 1px #ddd; }
.BlogSocialBookmark span { display:block; margin-bottom:3px; font-weight:bold; }

.blogComments { clear:both; margin:0 8px 0 8px; padding-top:20px; color:#000; }
.TrackbackLabel { display:block; font-size:11px; font-weight:bold; margin-right:8px; margin-left:8px; }
.TrackbackURL { font-size:11px; margin-right:8px; margin-left:8px; }

.BlogCommentsTitle  {
    display:block; height:27px; padding-left:30px; padding-bottom:5px;
    font-size:18px; font-weight:bold; line-height:27px;
    /*border-bottom:solid 1px #efefef;*/
    background:transparent url(images/common/iconComment.gif) no-repeat; }
    
.blogComments .InfoLabel { display:block; margin:5px; font-size:12px; color:#83BC45; }
.BlogLeaveComment { font-weight:bold; }
.blogComments .TextBoxField, .blogComments .TextAreaField { width:425px; }

.CommentDetail { background-color:#F1F7F8; border-top:solid 1px #efefef; border-bottom:solid 1px #efefef; }
a.CommentUserName { font-weight:bold; text-decoration:underline; }
span.CommentUserName { font-weight:bold; text-decoration:none; }
.CommentDate { font-family:Verdana; font-size:10px; }
a.InlineAbuseLink { color:#C60000; font-size:11px; }

.blogRightList a, a.viewAllBlogs { text-decoration:none; }
.blogRightList a:hover, a.viewAllBlogs:hover { text-decoration:underline; }

.blogCommentPreview { margin-bottom:10px; }
.blogCommentPreview a { font-size:13px; }

#main-section p.BlogDisclaimer { color:#707070; font-size:.9em; line-height:1.2em; margin-bottom:3em; }
#BlogPagination .PagerNumberArea { visibility:hidden; }
#BlogPagination .SelectedPage, #BlogPagination .UnselectedPage { display:none; }
#BlogPagination .SelectedPrev, #BlogPagination .UnselectedPrev,
#BlogPagination .SelectedNext, #BlogPagination .UnselectedNext { background:transparent url("images/common/ButtonSprite.gif") no-repeat 0px -1007px; display:inline-block; height:27px; text-indent:-10000px; width:95px; }
#BlogPagination .SelectedNext { background-position:0px -1034px; }
#BlogPagination .UnselectedNext { background-position:0px -1007px; }
#BlogPagination .UnselectedNext:hover { background-position:0px -1061px; }
#BlogPagination .SelectedPrev, #BlogPagination .UnselectedPrev { width:101px; } 
#BlogPagination .SelectedPrev { background-position:0px -1115px; }
#BlogPagination .UnselectedPrev { background-position:0px -1088px; }
#BlogPagination .UnselectedPrev:hover { background-position:0px -1142px; }

/* Content rating */
.ratingStar { font-size:0pt; width:13px; height:12px; margin:0px; padding:0px; cursor:pointer; display:block; background-repeat:no-repeat; }
.filledRatingStar { background-image:url("images/common/FilledStar.png"); }
.emptyRatingStar { background-image:url("images/common/EmptyStar.png"); }
.savedRatingStar { background-image:url("images/common/SavedStar.png"); }
.UploaderUploaders div { margin-bottom:5px; padding-left:5px; padding-top:3px; }
.UploaderAddLink { padding:5px; }
.RatingControlCell { width:204px; }
.Gecko3 .RatingControlCell { width:200px; }
.DefaultAvatarSelector { border:solid 1px #cccccc; margin-bottom:5px; }
.DefaultAvatarSelector div { height:140px; }
.DefaultAvatarSelectorTable { width:100%; text-align:left; }

/* Comments Modal 
.modalBackground { background-color:Gray; opacity:0.7; }
.ModalPanel { background-color:#ffffff; padding:10px; }
.ModalBackground { z-index:10000 !important; background-color:#888888; filter:alpha(opacity=70); opacity:0.7; }*/
.ReportComment { width:200px; }
.AbuseBody .ReportComment { width:300px; height:200px; }
.ModalPanel { text-align:left; width:400px; }
.DialogAbuseBody .ReportComment { width:397px; height:215px; font-size:12px; }
.DialogAbuseBody .Messages { padding:10px 0px 10px 0px; }
.DialogAbuseBody .Buttons { padding-top:10px; }
.DialogAbuseBody .ErrorLabel { padding:0px !important; }
.PageHeader .PageTitle, .TabBody .PageTitle { color:black; font-size:20px; font-weight:bold; vertical-align:middle; }
.ModalPanel .PageTitle { vertical-align:top; }

/***********************************/
/* Groups */
/***********************************/
.InfoLabel { margin-top:10px; font-weight:bold; }
.BoardPanel { /*width:100%; margin-top:15px; border-top:dashed 1px #ddd;*/ }
.BoardLeaveMessage { font-weight:bold; }
.MessageEdit table { width:500px; }
.MessageEdit .TextboxField { width:200px; }
.MessageEdit .label { width:70px; }
.exportToExcel { margin:10px 0px 10px 0px; }
/*.PageHeaderLine, .Actions, .PageHeaderLinks, .PollsHeaderLinks { padding:10px 0; }*/
.reportHeader { margin-bottom:12px; }
.reportGrid { border:solid 1px #ededed; margin-top:10px; }
.gridHeader { background-color:#83BC45; color:#ffffff; text-align:center; }
.gridItem  { background-color:#F6F6F6; } 
.gridItem td, .gridItemAlt td { padding-bottom:8px; }
.gridItemAlt { /*background-color:#BBE0E8;*/  }
.center { text-align:center; }
#GroupBoxes { display:table; }
body.IE7 #GroupBoxes, body.IE6 #GroupBoxes { display:block; }
#GroupBoxes .row { display:table-row; }
body.IE7 #GroupBoxes .row, body.IE6 #GroupBoxes .row { display:block; }
#GroupBoxes .cell { display:table-cell; vertical-align:top; }
body.IE7 #GroupBoxes .cell, body.IE6 #GroupBoxes .cell { display:block; min-height:290px; }
body.IE6 #GroupBoxes .cell { height:290px; }
#GroupBoxesSpacer { margin:0; padding:0; width:10px; }
body.IE7 #GroupBoxesSpacer, body.IE6 #GroupBoxesSpacer { display:none; height:0 !important; margin-left:-1px; position:absolute; overflow:hidden; width:0; }
#joinGroupRequest { width:280px; padding:10px; border:solid 1px #ededed;  }
body.IE7 #joinGroupRequest, body.IE6 #joinGroupRequest { float:left; }
#joinGroupRequest h2 { margin:0px 0px 10px 0px; padding: 0 0 5px 0; border-bottom:solid 1px #ededed;   }
#joinGroupRequest .groupCodeBox { width:130px; height:20px; line-height:20px; margin:0 5px 0 0; padding: 2px 5px 2px 5px; vertical-align:middle;  }
#joinGroupRequest .groupRequestButton { vertical-align:middle;  }
#joinGroupRequest .groupRequestResult { color:red; display:block; margin:5px 0 5px 0; }
#facilitatorApplicationCallout { border:solid 1px #ededed; margin-left:10px; padding:10px; width:280px; }
body.IE7 #facilitatorApplicationCallout, body.IE6 #facilitatorApplicationCallout { float:left; display:inline; }
#facilitatorApplicationCallout h2 { margin:0px 0px 10px 0px; padding: 0 0 5px 0; border-bottom:solid 1px #ededed;   }
/*#facilitatorApplicationCallout p { height:50px; height:auto!important; min-height:50px; }*/
#GroupBoxes td { line-height:19px; }

#inactiveGroups h3 { cursor:pointer; font-size:0.833em; font-weight:bold; color:#584425; margin-bottom:7px; }
#inactiveGroups ul { display:none; margin-left:11px; }

a.ReturnToGroupsHome { color:#584425; display:block; font-size:.833em; font-weight:bold; margin:-.75em 0 1em; text-decoration:none; }
a.ReturnToGroupsHome:hover { text-decoration:underline; }

.currentGroups { }
.currentGroups h2 { border-top:6px solid #584425; padding:10px 8px; }

.currentGroups .groupNameTitle,
.currentGroups .groupCodeTitle { color:#584425; font-weight:bold; }

.currentGroups ul.currentGroupList { float:left; margin:5px 0 0 0; padding:5px 0 0 0; list-style:none; border-top:1px solid #EDEDED; }
.currentGroups .currentGroupList li { padding:8px 0 8px 0px; float:left; width:622px; }
.currentGroups .currentGroupList li.alt{ background-color:#F1F7F8; } 

.currentGroups .groupNameTitle,
.currentGroups .groupCodeTitle,
.currentGroupList .groupName, 
.currentGroupList .groupCode 
{ 
    display:block; float:left; width:45%;
}
.currentGroupList .groupName, 
.currentGroups .groupNameTitle 
{ padding-left:10px; }
/** Group Profile  **/
.groupAvatar { float:left; margin:0px 10px 10px 0px;  }
.groupInfo { float:left; }
.groupInfo .EditingFormControlNestedControl { display:inline; }

/** Polls **/
.poll { width:40%; float:left; }
ul.pollList { list-style:none; padding:0; margin:0; width:40%; float:left;  }

/** Forum Manager **/
#groupForumManagerContainer { width:100%; height:100%; min-height:700px; height:700px; background-color:#fff; }
#groupForumManagerContainer #groupForumManager { padding:20px; }
#ForumSearch { margin-left:8px; padding-bottom:10px; }

/** Quiz Manager **/
.editQuiz, .editAnswer { background:transparent url(../Default/Images/Design/Controls/UniGrid/Actions/Edit.png) no-repeat; width:16px; height:16px; margin-right:3px; display:inline-block; text-indent:-9000px; }
.deleteQuiz, .deleteAnswer { background:transparent url(../Default/Images/Design/Controls/UniGrid/Actions/Delete.png) no-repeat; width:16px; height:16px; margin-right:3px; display:inline-block; text-indent:-9000px; }

.published, .correct { font:Verdana; font-size:11px; color:#57a616; }
.notpublished { font:Verdana; font-size:11px; color:#f10000; }

#quizzes, .answers { list-style:none; padding:5px 0 0 0; border-top:1px solid #F0F0F0; }
#quizzes li, .answers li { border-bottom:1px solid #F0F0F0; padding:0 0 5px 4px; margin-bottom:5px; }

#quizForm ol, #questionForm ol, #answerForm ol { list-style:none; padding:0; }
#quizForm ol li, #questionForm ol li, #answerForm ol li { margin-bottom:4px; }
#quizForm ol li label, #questionForm ol li label, #answerForm ol li label { display:block; margin-left:3px; }
#quizForm ol li label.error, #questionForm ol li label.error, #answerForm ol li label.error { display:inline; }
#quizForm ol li input, #questionForm ol li input, #answerForm ol li input { width:200px; }
#questionForm ol li textarea, #answerForm ol li textarea { width:240px; height:60px; }

#questionForm .clearStyle, #answerForm .clearStyle { display:inline; width:auto; }

#questions .questionText { font-weight:bold; font-size:14px; margin-top:10px; }

.quizList { list-style:none; padding:5px 0 0 0; border-top:1px solid #F0F0F0; }
.quizList li { border-bottom:1px solid #F0F0F0; padding:0 0 5px 25px; margin-bottom:5px; background:transparent url(images/common/notebook-pencil.png) no-repeat 3px 0; }
.quizList li span { font:Verdana; font-size:11px; }

/***********************************/
/* Rewards                         */
/***********************************/
.productDetail { }
.productDetail .description { }
.productDetail .description .image { float:left; margin:0px 15px 15px 0px;}
.productDetail .price { font-weight:bold; margin: 10px 0 10px 0; }
.productDetail .addToCart { } 

.UnitsTextBox { width: 30px; }
.cartContentContainer { border:solid 1px #E1E1E1; }
.cartContentContainer .ErrorLabel { padding:10px 0 10px 10px; }


#verifyUser { margin:5px 0 0 0px; padding:15px; border:solid 1px #E1E1E1;  float:left; clear:both; } 
#verifyUser ul { list-style:none; margin:0; padding:0; float:left;  }
#verifyUser li { width:320px; clear: both; float:left; margin:2px 0 2px 0; }
#verifyUser li .ContentLabel { display:block; float:left; } 
#verifyUser li .TextBoxField { float:right; width:234px;  } 
#verifyUser li .countrySelector { float:right;  }
#verifyUser li.long { width:500px; }

#confirmPurchase { margin:5px 0 0 0px; padding:15px; border:solid 1px #E1E1E1; }
#confirmPurchase ul { list-style:none; margin:0; padding:0; }
#confirmPurchase li { }

.AddressPreview { margin: 5px 0px 15px 0px; }

.previewHeader { text-align:center;}
.previewItem { text-align:center; }
.previewHeaderLeft { text-align:left; }
.previewItemLeft { text-align:left; } 

.TextRight { text-align:right; }
.TextLeft { text-align:left; }

#totalPrice { float:right; padding:15px 20px 10px 0; }

.RewardPreview { margin:0px 10px 10px 0px; text-align:center; }
.errorLabel,.ErrorLabel { color:Red; font-weight:bold; display:block; clear:both; margin-bottom:5px; } 

#cartSummary { font-weight:bold; } 

ul#cartSummary { margin:0; padding:0; float:left; list-style:none; } 
ul#cartSummary li { float:left; width:169px; border-bottom:solid 1px #dedede; position:relative; padding:8px 0px 12px 0px; margin-left:5px; color:#000000; }
#cartSummary .title { display:block; float:left; width:60px; margin-left:14px; text-align:right;   } 
#cartSummary .value{ display:block; float:right; width:88px; text-align:right; margin-right:10px; position:absolute; bottom:12px; right:0; }
#cartSummary .overbalance { color:Red; }

.aboutContent .rewardCallout { display:none; }

ul.certificateList { margin:0; padding:0; }
ul.certificateList li { background:#F6F6F6; list-style:none outside none; margin:0 0 1px 0; padding:10px; }
ul.certificateList li a { display:block; float:right; }


/*********************************** /
/* Clear Fix */
/***********************************/
#header:after,
#main:after,
#main-section .section:after,
.sectionHeader:after {
    content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }
	
#header,
#main,
#main-section .section,
.sectionHeader { zoom: 1; }

.clearfix:after {
    content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
.clear { clear:both; }
/***********************************/
/* Form Section */
/***********************************/
.sectionTitle,.sectionTitleNoFav{ border-bottom: #EDEDED 1px solid; padding: 5px 0 5px 6px; margin: 0px 0px 10px 0px;}
    .sectionTitle a.profile_upload_link { color:#0098BA; text-decoration: none; }
    .sectionTitle div.profile_upload_link { font-size: 12px; vertical-align: bottom; padding: 0px 0px 0px 5px; display: inline; float:left; /*line-height: 40px; float: right;*/ }

div.FormSubmit {float: left; margin-top: 10px; padding-top:10px; border-top: #EDEDED 1px solid; width:622px;}
    div.FormSubmit .FormButton { float:right; margin-right: 15px;}
    
div.EducationCentsForm{width: 622px; float:left;}
ol.EducationCentsForm {list-style: none; width: 450px; margin-left:25px; padding:15px 26px 0 15px; float: left; display: block; background-color:#E8F7D8;  /*height: 100%; min-height: 200px;*/ }

.EducationCentsForm > li {/*line-height: 20px; min-height:20px; padding-bottom: 10px;*/ padding: 5px;}
.EducationCentsForm .hide { display: none; }

.EducationCentsForm .FormTextbox /*, .FormDropDown*/ { margin-left: 8px; width:132px;}
.EducationCentsForm .FormDropDown { margin-left: 8px; }

.EducationCentsForm .FormLabel {display: block;}

.EducationCentsForm label, .EducationCentsForm span { font-weight: bold;}

.EducationCentsForm input, .EducationCentsForm select{ color: #707070;}

.EducationCentsForm table tr td label { font-weight: normal;}

.EducationCentsForm .asmSelect { display: block !important; margin-left: 8px; }
.EducationCentsForm .asmList { margin-left: 8px; width:100%; }
.EducationCentsForm .asmListItem { background-color: #EFF0F4;}
.EducationCentsForm .asmListItemLabel {padding: 7px 5px 7px 5px;}

.EducationCentsForm input.short { width: 40px;}
.EducationCentsForm input.medium { width: 55px; }
.EducationCentsForm input.long, .EducationCentsForm select.long { width: 300px;}

.EducationCentsForm li.long input { width: 300px;}

.EducationCentsForm .threecolumn { float: left; display:inline; width: 168px;}
/*.EducationCentsForm .threecolumn input, .EducationCentsForm .threecolumn select { margin-left: 10px;}*/
    .EducationCentsForm .threecolumn.middle {width: 77px;}

.EducationCentsForm .twocolumn { float: left; display:inline; width: 168px;}

/*.EducationCentsForm .twocolumn input { margin-left: 10px;}*/

.EducationCentsForm .onecolumn { clear: both; float:left; width: 100%; display: inline;}
/*.EducationCentsForm .onecolumn input { margin-left: 10px;}*/

.EducationCentsForm .FormButton { margin: 0px;}

.EducationCentsForm .FormCell { width: 113px;}

.EducationCentsForm .last { padding-bottom: 10px; }

.EducationCentsForm .reg-info-msg, .pretest-info-msg { border: 1px solid #BFBFBF; background-color: #FFFFFF; padding: 5px; width: 300px; }

.RegistrationForm .TextboxField, .RegistrationForm .LogonTextBox, .LogonTextBox { width: 150px; }

.RegistrationForm .EditingFormErrorLabel, .EditingFormErrorLabel { color: Red; }

.RegisterLabel { font-weight: bold; }

.reg-form .ErrorLabel,
.reg-error-msg { color: red; font-weight: bold; }
.reg-msg { /*color: #5BA81C; font-weight: bold;*/ }

.pt_control { padding-bottom: 5px; }

.ConfirmationSeparatorlabel { height: 12px; }
.ConfirmationSeparator { height: 5px; }

/**************************************\
/ *                                  * \
/ *  Welcome Center Section          * \ 
/ *                                  * \
/**************************************\
*/
#welcome-center { margin-top: 16px; padding-bottom:9px; border-bottom: solid 1px #FFFFFF; }
    #welcome-center h4 { color: #584425; margin: 0 0 4px; font-size: 14px; }
    #welcome-center a { color: #0098BA; text-decoration: none; }
	#welcome-center a:hover { color:#584425; }
    
/**************************************\
/ *                                  * \
/ *  Dashboard Section               * \ 
/ *                                  * \
/**************************************\
*/

.dashboard_block { margin-bottom: 5px; border-bottom:1px solid #E4E4E4; margin-right: 22px; }

    .dashboard_block h2, #tab-favorites h2 { margin: 0px 0px 3px; color: #83BC45; }
    .dashboard_block .favorites { height:24px; padding:5px 0 0 35px; background:transparent url("images/common/dashboard_star.gif") no-repeat; }
    .dashboard_block .calendar { height:24px; padding:0px 0 5px 35px; background:transparent url("images/common/dashboard_cal.gif") no-repeat 0 0px; }
    .dashboard_block .rewards { height:26px; padding:5px 0 0 35px; background:transparent url("images/common/dashboard_reward.gif") no-repeat; }
	#tab-favorites div.favorite { line-height:2em; padding:0 0 0 5px; }
		#tab-favorites div.favorites { padding:5px 0 0 35px; background:transparent url("images/common/dashboard_star.gif") no-repeat; }
		#tab-favorites div.favorite a { color:#0098BA; }
		#tab-favorites div.favorite a:hover { color:#584425; }

    .dashboard_block .top {  padding-bottom:5px; float: left; display: inline;  }
        .dashboard_block .top img { margin-right: 7px; }
        .dashboard_block .top span { font-size: 18px; font-weight: bold; }

    .dashboard_block .bottom { float: right; margin-top: 16px; display: inline; }
        .dashboard_block .bottom a { color:#0098BA; text-decoration:none; padding-left:10px; background:transparent url("images/common/dashboard_arrow.gif") no-repeat 0 3px; }
        .dashboard_block .bottom a:hover { color:#584425; background-position:0 -15px; }

#current_courses { margin-top: 16px; padding-bottom:9px; border-bottom: solid 1px #FFFFFF; }
    #current_courses h2 { margin:0 0 6px; padding-left: 13px; color: #959595; font-size:14px;} 
    #current_courses .course { padding-left: 11px; padding-bottom:10px; } 
        #current_courses .course p { color: Black; padding-left: 2px; margin-bottom: 3px }
        #current_courses .course a { color:#0098BA; text-decoration:none; line-height:21px; padding-left: 2px; }
        #current_courses .course a:hover { color:#584425; }
            #current_courses .course a  img{ margin-right: 5px; margin-top: 3px; }
#current_courses p.completedInfo { margin:5px; text-align:center; }
#current_courses a.completionCertificate {  }


.get-started { margin-bottom:10px; }
    .get-started .subhead{ margin: 0px; color: #83BC45; font-size: 18px; display: inline; padding-right: 20px; }
    .get-started a.left{ margin-right: 10px; }

.CourseNavButton { background:transparent url("images/common/ButtonSprite.gif") no-repeat 0px 0px; display:inline-block; height:27px; position:relative; text-indent:-10000px; vertical-align:bottom; z-index:1; }
.CourseNavButton span { position:absolute; z-index:0; }

#Button_RegisterNow { background-position:0px -378px; width:109px; }
#Button_RegisterNow:hover { background-position:0px -405px; }
#RegisterNowContainer { padding:2em 0; text-align:center; }
body.IE7 #RegisterNowContainer .CourseNavButton, body.IE6 #RegisterNowContainer .CourseNavButton { display:block; }

#Button_GetStarted { background-position:0px -216px; width:94px; }
#Button_GetStarted:hover { background-position:0px -243px; }

.Button_GetStarted { background-position:0px -216px; width:94px; }
.Button_GetStarted:hover { background-position:0px -243px; }

.Button_Back { background-position:0px 0px; width:65px; }
.Button_Back:hover { background-position:0px -27px; }

.Button_Next { background-position:0px -270px; width:65px; }
.Button_Next:hover { background-position:0px -297px; }

.Button_ReturnToDashboard { background-position:0px -737px; vertical-align:top; width:138px; }
.Button_ReturnToDashboard:hover { background-position:0px -764px; }

.Button_Certificate { background-position:0px -791px; vertical-align:top; width:122px; }
.Button_Certificate:hover { background-position:0px -818px; }

.Button_Rewards { background-position:0px -845px; vertical-align:top; width:224px; }
.Button_Rewards:hover { background-position:0px -872px; }

.Button_FacilitatorApplication { background-position:0px -899px; vertical-align:top; width:145px; }
.Button_FacilitatorApplication:hover { background-position:0px -926px; }

    
span.tooltip { border-bottom: 1px dotted #0098BA;  color:#000000; cursor: pointer; }/* color: #0098BA; */

#tab-calendar .Calendar { width: 100%; }
#tab-calendar .Calendar table { border-width:1px 0 0 1px !important; border-style:solid !important; border-color:#C0D8A7 !important;font-weight: bold; width: 100%; table-layout: fixed; }

#tab-calendar .Calendar table td { background-color: #e8f7d7 !important; border-width:0 1px 1px 0 !important; border-style:solid !important; border-color:#C0D8A7 !important; color: #000000; }
#tab-calendar .Calendar table th { border-width:0 1px 1px 0 !important; border-style:solid !important; border-color:#C0D8A7 !important; }

#tab-calendar .Calendar .Day, #tab-calendar .Calendar .DayHeader, #tab-calendar .Calendar .OtherMonth { background-color: #FFFFFF !important; font-weight: normal; vertical-align: top; }
#tab-calendar .Calendar .Today { font-weight: normal; vertical-align: top; }

#tab-calendar .Calendar .Day, #tab-calendar .Calendar .Today, #tab-calendar .Calendar .OtherMonth 
{
    width: 70px;
    height: 70px;
    word-wrap:break-word;
}

#tab-calendar .Calendar table.Title { border: none !important; }
#tab-calendar .Calendar table.Title td, #tab-calendar .Calendar table.Title th { border: none !important; }
#tab-calendar .Calendar table.Title td { color:#584425; padding:2px 0; }
#tab-calendar .Calendar td.Navigation a { background:#C0D8A7; color:#E8F7D7 !important; display:block; font-size:1.5em; font-weight:normal; margin:0 2px; padding:0 5px; text-decoration:none; }
#tab-calendar .Calendar td.Navigation a:hover { background:#9CC86F; }

.CalendarEvent { position:relative; }
body.IE7 .CalendarEvent, body.IE6 .CalendarEvent { z-index:100; }
.EducationCentsEventLink { display:block; font-size:10px; line-height:11px; margin-bottom:1px; padding:2px; text-align:left; text-decoration: none; }
.EducationCentsEventLink:hover, .CalendarEvent:hover .EducationCentsEventLink { background-color:#CFEAF0; -moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px; color:#000; }
.EducationCentsEvent { position:absolute; top:-10px; left:110px; visibility:hidden; }
.EducationCentsEventPopup { background-color:#CFEAF0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color:#000; font-family:Arial; font-size:11px; line-height:12px; padding:10px; text-align:left; visibility:visible; width:300px; z-index:100; }
.EducationCentsEventPopup h4 { font-size:13px; line-height:13px; margin:0 0 4px 0; }
.EducationCentsEventPopup p, .EducationCentsEventPopup span, .EducationCentsEventPopup div, .EducationCentsEventPopup font { display:block !important; font-family:Arial !important; font-size:11px !important; line-height:12px !important; margin:0 0 4px 0 !important; }
.EducationCentsEventReadMore { background:#0098BA; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#FFF; display:inline; font-size:11px; line-height:12px; margin-top:3px; padding:2px; text-decoration:none; }
.EducationCentsEventReadMore:hover { background:#00a9cf; color:#FFF; }

#tab-calendar .Calendar .Day { color: #000000; vertical-align: top; }
#tab-calendar .Calendar .Day .Content { color: #555555; }

#tab-calendar .Calendar .OtherMonth { color: #CCCCCC; }

table.EventInformation td { padding:0 0 1em 0; vertical-align:top; }
table.EventInformation h4 { font-size:12px; margin:0 1em 0 0; text-align:right; }
.ReturnToCalendar { background:transparent url("images/common/ButtonSprite.gif") no-repeat 0px 0px; display:block; margin:1em auto; height:27px; text-indent:-10000px; width:65px; }
.ReturnToCalendar:hover { background-position:0px -27px; }

.print { float: right; padding-right: 10px; padding-top: 2px; }

#tab-rewards .dashboard_block { border:none; }
#tab-rewards .rewards { color:#000; }
#tab-rewards .description { margin-right:15px; color:#000000; }
#tab-rewards .orders { float:left }

.points-plus { margin:0 0 3px 35px; padding-left:16px; background:transparent url(images/common/iconPlus.gif) no-repeat 0 1px; }
.points-minus { margin-left:35px; padding-left:16px; background:transparent url(images/common/iconMinus.gif) no-repeat 0 1px; }

/***************************************/
/* Modal */
/***************************************/
.jqmWindow {
    display: none;
    position: fixed; top: 17%; left: 50%;
    width: 544px; margin-left: -300px;
    padding: 12px;
    border: 1px solid black;
    background-color: #FFFFFF;
}

.jqmOverlay { background-color: #000000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/***************************************/
/* Notification */
/***************************************/
#notification { display:none; position:fixed; top:0; left:0; width:100%; height:60px; background-color:#fff; border-bottom:solid 1px #575757; opacity:0.85; filter:alpha(opacity=85); z-index:100; }
#notification .message { margin:10px auto; width:900px; font-size:17px; font-weight:bold; }
#notification .reward { height:26px; padding:5px 0 0 35px; background:transparent url(images/common/dashboard_reward.gif) no-repeat; }


/***************************************/
/* Video */
/***************************************/
#videoContainer { }
#videoContainer { clear:both; padding:15px 0 10px; 0}
#videoContainer .viewTranscript { display:block; text-decoration:none; }
#videoContainer .viewTranscript:hover { text-decoration:underline; }
#videoContainer .dialogue { display:none; padding:15px 0 10px 0; } 

/***************************************/
/* Dialogue */
/***************************************/

.dialogue .character { clear:both; margin-bottom:3px; }
.dialogue .picture { float:left; width:46px; height:46px; border:solid 1px #e4e4e4; background-color:#f6f6f6; }

.professor .picture { background:#f6f6f6 url(images/dialogue/Professor.jpg) no-repeat 2px 2px; }
.erin .picture      { background:#f6f6f6 url(images/dialogue/Erin.jpg) no-repeat 2px 2px; }
.henry .picture     { background:#f6f6f6 url(images/dialogue/Henry.jpg) no-repeat 2px 2px; }
.insurance .picture { background:#f6f6f6 url(images/dialogue/InsurancePolicy.jpg) no-repeat 2px 2px; }

.dialogue .text { float:left; margin-left:5px; padding:11px 7px; width:486px; min-height:26px; height:auto !important; height:26px; background-color:#f6f6f6; display:inline; }
.dialogue .alt { background-color:#dedede; }



/***************************************/
/* Session and Blog Modal */
/***************************************/
.ModalBlock { background:#DFDFFF; height:100%; left:0; top:0; opacity:0.1; position:fixed; width:100%; z-index:10000; }
body.IE8 .ModalBlock, body.IE7 .ModalBlock { background:transparent url("images/common/IEModalBkg.png") repeat 50% 50%; }
body.IE6 .ModalBlock { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/App_Themes/EducationCents/images/common/IEModalBkg.png"); }
.ModalContainer { background-color:#CFEAF0; border:10px solid #FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); font-size:1.25em; left:50%; margin:-6.4em 0 0 -10em; padding:5px; position:fixed; text-align:center; top:50%; width:20em; z-index:100000; }
.ModalContainer h2 { margin:0 0 15px 0; }
.ModalBackground { padding:20px; }
.ModalButtons { text-align:center; }
.ModalButtons input { cursor:pointer; }
.ModalButtonLeft { margin-right:40px; }


/***************************************\
/ *                                   * \
/ *  IE 6 special css                 * \
/ *                                   * \
/***************************************\
*/

#ie6 .t2 .first { margin-right: 0; }

#ie6 .t2 .sub-right { float:right; width: 280px; }

#ie6 #header,#ie6 #main,#ie6 #footer,#ie6 #copyright {
margin:auto;
width:991px;
}

ul.units { margin-left: 0px; }


/************************************** Login **************************************/
.LogonForm p.UserName label, .LogonForm p.Password label { display:inline-block; padding-right:5px; text-align:right; width:70px; }
.LogonForm p.UserName input, .LogonForm p.Password input { display:inline-block; }
.LogonForm p.RememberMe { padding-left:52px; }
.LogonForm p.RememberMe input { margin-right:10px; }
.LogonForm p.LoginButton { padding-left:77px; }
.LogonForm p.LoginButton input { background:transparent url("images/common/ButtonSprite.gif") no-repeat 0px -486px; border:none; cursor:pointer; display:block; height:27px; text-indent:-10000px; width:81px; }
.LogonForm p.LoginButton input:hover { background-position:0px -513px; }
p.PasswdRetrieval { padding-top:20px; padding-left:77px; }
#plc_lt_zoneMain_PagePlaceholder_PagePlaceholder_lt_zoneContent_LoginForm_lblResult, #plc_lt_zoneMain_PagePlaceholder_PagePlaceholder_lt_zoneContent_LoginForm_rqValue { clear:both; color:#b30008 !important; display:block; }
.LoginPanelPasswordRetrieval { padding-left:77px; }
.PasswdRetrievalButton { background:transparent url("images/common/ButtonSprite.gif") no-repeat 0px -953px; border:none; cursor:pointer; display:block; height:27px; margin-top:5px; text-indent:-10000px; width:120px; }
.PasswdRetrievalButton:hover { background-position:0px -980px; }


/************************************** Change Password **************************************/
#plc_lt_zoneMain_PagePlaceholder_PagePlaceholder_lt_zoneContent_changePassword_pnlWebPart .InfoLabel { color:#b30008 !important; }

/************************************** Irrational vs. Rational Beliefs **************************************/
div.IrrationalVSRationalBeliefs { border-top:1px solid #CFE8B2; color:#32733F; margin:15px 0; padding:0; width:600px; }
div.IrrationalVSRationalBeliefs div.li { background:transparent url("images/common/BeliefsBkg.png") repeat-x bottom left; border-bottom:1px solid #CFE8B2; clear:both; font-size:18px; font-weight:bold; list-style-position:outside; margin:0; padding:20px 0 20px 10px; }
div.IrrationalVSRationalBeliefs p.li { float:left; }
.BeliefsWrapper { margin-left:30px; width:540px; }
div.IrrationalVSRationalBeliefs .Clear { clear:both; font-size:0; height:0; margin:0; padding:0; }
div.IrrationalVSRationalBeliefs dl { font-weight:normal; margin:0; padding:0; }
div.IrrationalVSRationalBeliefs dt { font-size:15px; margin:0; padding:0 0 0 13px; }
div.IrrationalVSRationalBeliefs dd { background:transparent url("images/common/BlockQuoteSmall.gif") no-repeat 0px 5px; font-size:13px; font-style:italic; color:#333; margin:0; padding:0 0 0 13px; }
div.IrrationalVSRationalBeliefs span.tooltip { border-bottom:1px dotted #32733F; }

dl.IrrationalBelief, p.vs, dl.RationalBelief { float:left; }
dl.IrrationalBelief { width:235px; }
p.vs { font-size:18px; margin:-1px 0 0 0; padding:0 0 0 10px; text-align:left; width:60px; }
body.IE6 p.vs { width:50px; }
dl.RationalBelief { width:235px; }
div.IrrationalVSRationalBeliefs dl.IrrationalFinancialBelief { clear:both; margin-left:30px; padding-top:20px; width:540px; }
div.IrrationalVSRationalBeliefs dl.IrrationalFinancialBelief dt { font-weight:bold; }


/************************************** Form Notifications **************************************/
p.FormSubmissionNote { background:#F6F6F6; font-size:.9em; margin:10px 0; padding:5px 10px; }

