/* Overall Brand */
html, body, form { margin: 0; padding: 0; height: 100%; /* needed for container min-height */ background: #fff; font-family: Verdana, Arial, sans-serif; color: #333; }
.clear { clear: both; }
#PrintHeader { display: none; }

/*
a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #9fd5ca; text-decoration: none; }
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #888; text-decoration: none; }
*/

sup { font-size: 0.5em; }
.nowrap { white-space: nowrap; }

/*li { list-style-type: disc; line-height: 2em; }*/

/* =Structure */
#container { margin: 0px auto -73px auto; /* center, not in IE5 */ width: 100%; background: #8e8e8e url(../../images/interface/body_bg.jpg) repeat-x left top; height: auto !important; /* real browsers */ height: 100%; /* IE6: treaded as min-height*/ min-height: 100%; /* real browsers */ }
.wrapper { min-width: 960px; width: 100%; }
#push { height: 73px; }

/* =Header */
#headerwrapper { margin: 0px; padding: 0px; background: #fff url(../../images/interface/header_expand.jpg) repeat-x; height: 170px; border: dashed 0px blue;}
#logo { float: left; margin: 0px; padding: 0px; }
                 
#headerBG { margin: 0px; padding-left: 270px; min-width: 700px; *float:left;*margin-left:-270px;}
#headerGraphic { background: url(../../images/interface/header_center.jpg) no-repeat; height: 170px; margin: 0px; padding: 0px; }

#navbar { float: left; width: 100%; background: url(../../images/interface/grey_nav.jpg) no-repeat right 66px; }
#navbarMiddle { float: right; z-index: 1; margin-top: 66px; text-align: right; color: #fff; height: 45px; width: 90%; }
#navbarContent { position: relative; z-index: 2; padding-top: 10px; margin-right: -27px; }

#navbarContent ul { margin: 0px; padding: 0px; list-style: none; }
#navbarContent li { float: left; margin: 0em; padding: 0em 0.5em; color: #9fd5ca; list-style: none; font-weight: bold; vertical-align: middle; font-size: 14px; }
#navbarContent a { color: #555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; }
#navbarContent a:hover { color: #9fd5ca; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; }

#navbarContent .SearchButton { position: relative; z-index: 3; }
.SearchButton { background: #000; font-size: 14px; color: #fff; border: solid 1px #fff; padding: 0px 10px; }
.SearchTextBox { width: 200px; font-size: 14px; }

#navbarEnd { float: right; z-index: 1; height: 170px; width: 65px; background: url(../../images/interface//header_end.jpg) no-repeat right center; }

#TopLinks { float: right; text-align: right; z-index: 5; top:-52px; right:5px; position:relative; color: #fff; border: dashed 0px orange;}
#TopLinks a { font-size: 10px; color: #f5f5f5; }
#TopLinks a:hover { font-size: 10px; color: #9fd5ca; }


#WelcomeBox { float: right; text-align: right; z-index: 6; position: relative; right: 5px; top:10px; color: #f5f5f5; font-weight: bold; font-size: 12px; border: dashed 0px red; margin: 0px; padding: 0px; }

#CurrentLearningPath {float:right; display:block; text-align: right; z-index: 7; position: relative; top: -10px; right: 70px;  border: dashed 0px green; margin: 0px; padding: 0px; }

#PortalSelector {  float:right; z-index: 8; position: relative; height:20px; top:-269px; right:5px; font-family: Verdana, Arial, helvetica; font-size: 8px; border: dashed 0px red; margin: 0px; padding: 0px; }




#CurrentStatus {float:right; text-align: right; position: relative; z-index:9; width:100px; top:5px; right: -10px; color: #6b6b6b; font-size:9px; font-weight: normal; border: dashed 0px #cccccc; }

.Badge { border:solid 0px yellow; font-family: Verdana, Arial, helvetica;  width:200px; min-height:170px; 
			  position: relative; color: #f5f5f5; /*padding:58px 0px 0px 16px;*/ text-decoration: none; margin: 0px; 
			background: url(../../images/interface/badge_thrive2025.gif); background-repeat:no-repeat;  top:0px;left:16px; }

.Percentage {top:70px;left:-5px;letter-spacing:-4px;
             font-size: 52px;font-weight: bold;display: inline;position: relative;

}

    .Percentage sup {
    font-size:25px;top:-1em;
    }

.Progress { font-family: Verdana, Arial, helvetica; border:solid 0px green; font-size: 12px; display:block; position: relative;z-index: 20; top:0px; margin:0px; }





a.buttonCoursesLeft { font-family: Verdana, Arial, helvetica; text-align:center; font-size: 11px; font-weight: bold; display: block; color: #f5f5f5; padding:5 5 5 5; text-decoration: none;  background: url(../../images/interface/green_bg.jpg); background-repeat:no-repeat; background-position: 0 -80; border-top: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; border-bottom: 1px solid #636466; border-right: 1px solid #636466; }
a.buttonCoursesLeft:hover { font-family: Verdana, Arial, helvetica; font-size: 11px; font-weight: bold; display: block; color: #fff; text-decoration: none; margin: 0px; background-position: 0 -70; }



/* =CONTENT */
.CalendarView { OVERFLOW-Y: scroll; width: 98%; height: 200px; }

#contentwrapper { float: left; width: 100%; }
#leftwrapper { float: left; width: 190px; padding-left: 15px; }
#centerwrapper { margin: 0px 400px 0px 390px; }

.TDPadding td { padding: .15em !important; }
.TDPadding5 td { padding: 5px 2px !important; }

#CENTER .Headline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #fff; letter-spacing: 1px; padding: 0.5em 0.2em 0.5em 0.2em; text-transform: uppercase; }
#CENTER .GridHeader { padding: 0.8em 0.3em; background: #9fd5ca; }
#CENTER .GridListItem { background: #fff; padding: 0.7em 0em 0.7em 0.8em; }
#CENTER .GridListItem a { text-decoration: none; }
#CENTER .GridListAltItem { background: #e5e5e5; padding: 0.7em 0em 0.7em 0.8em; }
#CENTER .GridListAltItem a { text-decoration: none; }

.GridBorder { border-bottom: solid 1px #d5d5d5; border-right: solid 1px #d5d5d5; border-left: solid 1px #e5e5e5; }

#rightwrapper { float: left; border: dashed 0px green; }

a.BreadcrumbLink { color: #9fd5ca; font-size: 0.8em; }
a.BreadcrumbLink:hover { color: #888; font-size: 0.8em; }

/* =CONTENT BORDER */
.xsnazzy h1, .xsnazzy h2, .xsnazzy { margin: 0 10px; }
.xsnazzy p { padding-bottom: 0.5em; color: #000; }
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 { display: block; overflow: hidden; font-size: 0; }
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 { height: 1px; }
.xb4, .xb5, .xb6, .xb7 { background: #636466; border-left: 1px solid #636466; border-right: 1px solid #636466; }
.xb1 { margin: 0 8px; background: #636466; }
.xb2 { margin: 0 6px; background: #636466; }
.xb3 { margin: 0 4px; background: #636466; }
.xb4 { margin: 0 3px; background: #fff; border-width: 0 5px; }
.xb5 { margin: 0 2px; background: #fff; border-width: 0 4px; }
.xb6 { margin: 0 2px; background: #fff; border-width: 0 3px; }
.xb7 { margin: 0 1px; background: #fff; border-width: 0 3px; height: 2px; }
.xboxcontent { display: block; background: #fff; border: 3px solid #636466; border-width: 0px 3px; padding: 0.5em 1em; }

/* =CONTENT GRID LIST ITEMS */
.GridItem { color: #000; background: #9fd5ca; text-align: left; }
.GridItem a { color: #000; text-align: left; }
.GridItem a:hover { color: #fff; text-align: left; }

.GridItemAlternate { color: #000; background: #bce2da; text-align: left; }
.GridItemAlternate a { color: #000; text-align: left; }
.GridItemAlternate a:hover { color: #fff; text-align: left; }

/* =LEFT SIDE */
.msnazzy h1, .msnazzy h2, .msnazzy p { margin: 0 10px; }
.msnazzy p { padding-bottom: 0.5em; color: #fff; }
.mb1, .mb2, .mb3, .mb4, .mb5, .mb6, .mb7 { display: block; overflow: hidden; font-size: 0; }
.mb1, .mb2, .mb3, .mb4, .mb5, .mb6 { height: 1px; }
.mb4, .mb5, .mb6, .mb7 { background: #c7c8ca; border-left: 1px solid #c7c8ca; border-right: 1px solid #c7c8ca; }
.mb1 { margin: 0 8px; background: #c7c8ca; }
.mb2 { margin: 0 6px; background: #c7c8ca; }
.mb3 { margin: 0 4px; background: #c7c8ca; }
.mb4 { margin: 0 3px; background: #636466; border-width: 0 5px; }
.mb5 { margin: 0 2px; background: #636466; border-width: 0 4px; }
.mb6 { margin: 0 2px; background: #636466; border-width: 0 3px; }
.mb7 { margin: 0 1px; background: #636466; border-width: 0 3px; height: 2px; }
.mboxcontent { display: block; background: #636466; border: 3px solid #c7c8ca; border-width: 0px 3px; width: 190px; }


/* =RIGHT SIDE */
.rsnazzy h1, .rsnazzy h2, .rsnazzy p { margin: 0 100px; }
.rsnazzy p { padding-bottom: 0.5em; color: #fff; }
.rb1, .rb2, .rb3, .rb4, .rb5, .rb6, .rb7 { display: block; overflow: hidden; font-size: 0; }
.rb1, .rb2, .rb3, .rb4, .rb5, .rb6 { height: 1px; }
.rb4, .rb5, .rb6, .rb7 { background: #636466; border-left: 1px solid #636466; border-right: 1px solid #636466; }
.rb1 { margin: 0 8px; background: #636466; }
.rb2 { margin: 0 6px; background: #636466; }
.rb3 { margin: 0 4px; background: #636466; }
.rb4 { margin: 0 3px; background: #9fd5ca; border-width: 0 5px; }
.rb5 { margin: 0 2px; background: #9fd5ca; border-width: 0 4px; }
.rb6 { margin: 0 2px; background: #9fd5ca; border-width: 0 3px; }
.rb7 { margin: 0 1px; background: #9fd5ca; border-width: 0 3px; height: 2px; }
.rboxcontent { display: block; width: 215; background: #9fd5ca; border: 3px solid #636466; border-width: 0px 3px; }


/* =STATS AREA */
.stats_snazzy h1, .stats_snazzy h2, .stats_snazzy p { margin: 0 10px; }
.stats_snazzy p { padding-bottom: 0.5em; color: #fff; }
.stats_b1, .stats_b2, .stats_b3, .stats_b4, .stats_b5, .stats_b6, .stats_b7 { display: block; overflow: hidden; font-size: 0; }
.stats_b1, .stats_b2, .stats_b3, .stats_b4, .stats_b5, .stats_b6 { height: 1px; }
.stats_b4, .stats_b5, .stats_b6, .stats_b7 { background: #636466; border-left: 1px solid #636466; border-right: 1px solid #636466; }
.stats_b1 { margin: 0 8px; background: #636466; }
.stats_b2 { margin: 0 6px; background: #636466; }
.stats_b3 { margin: 0 4px; background: #636466; }
.stats_b4 { margin: 0 3px; background: #CDCDCD; border-width: 0 5px; }
.stats_b5 { margin: 0 2px; background: #CDCDCD; border-width: 0 4px; }
.stats_b6 { margin: 0 2px; background: #CDCDCD; border-width: 0 3px; }
.stats_b7 { margin: 0 1px; background: #CDCDCD; border-width: 0 3px; height: 2px; }
.stats_boxcontent { text-align:center; font-size:14px; display: block; line-height:17px; color:#000; background: #c7c8ca; border: 3px solid #636466; border-width: 0px 3px; height:100%; background: url(../../images/interface/stats_grey.jpg); background-repeat:no-repeat; background-position: 0 -20; }
.stats_header { text-align:center; font-size:16px; font-weight:normal; color:#000; background: #CDCDCD; display:block; padding: 0 0 3 0; border-bottom: solid 1px #c7c8ca;}

a.buttonCallToAction { font-family: Verdana, Arial, helvetica; white-space:nowrap; text-align:center; font-size: 11px; font-weight: bold; display: block; color: #f5f5f5; padding:5 5 5 5; text-decoration: none;  background: url(../../images/interface/green_bg.jpg); background-repeat:no-repeat; background-position: 0 -80; border-top: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; border-bottom: 1px solid #636466; border-right: 1px solid #636466; }
a.buttonCallToAction:hover { font-family: Verdana, Arial, helvetica; font-size: 11px; font-weight: bold; display: block; color: #fff; text-decoration: none; margin: 0px; background-position: 0 -70; }

/* =FOOTER */
#FOOTER { width: 100%; height: 73px; min-height: 73px; min-width: 960px; }
#footerwrapper { margin-right: 310px; }
#disclaimer { text-align: right; font-size: 10px; color: #fff; padding: 1em 0.7em 1em; }
#footerBG { float: right; width: 100%; margin-left: -100%; background: url(../../images/interface//footer_bg.jpg) repeat-x left center; height: 27px; text-align: right; }
#footermenu { float: right; padding: 0.7em 2em 0em; font-size: 10px; }
#footerend { float: right; }

#QuickCourses {float:right; position: relative; top: -50px; left: 600px; font-size: 10px; color: #ccc;}

/* =SCORMPlayer */
.SCORMPlayerHeader { background-color: #000; width: 100%; height: 30px; }
.SCORMPlayerPortalLabel { float: left; padding-left: 10px; padding-top: 10px; color: #FFF; font-weight: bold; }
.SCORMPlayerCourseLabel { float: right; padding-right: 10px;  padding-top: 10px; color: #FFF; font-weight: bold; }


/* Lesson Navigation */
#LessonNav { border:0px dotted red; float:right; text-align:right; }	
#LessonNav a{ font-family: Verdana, Arial, helvetica; font-size:1em;}

#LessonNav ul {border:0px dotted blue;}
#LessonNav ul li {list-style-type:none; border:0px dotted yellow; text-align:center; float:left; margin:0px 0px 0px 0px;}

/*#LessonNav ul li .PageLink{ display:block; width:40px; height:40px; background-image: url(../../images/interface/page_OFF.gif); background-repeat: no-repeat; padding:4px 4px 0px 0px;}
#LessonNav ul li .PageLink:hover{ background-image: url(../../images/interface/page_ON.gif);}*/

#LessonNav ul li .PageLink{ display:block; width:20px; height:20px; background-repeat: no-repeat; padding:4px 4px 4px 4px;}
#LessonNav ul li .PageLink:hover{}

/*#LessonNav ul li .Progress{ display:block; width:40px; height:40px; background-image: url(../../images/interface/page_ON.gif); background-repeat: no-repeat; padding:4px 4px 0px 0px; color:#777;}
#LessonNav ul li .Selected{ display:block; width:40px; height:40px; background-image: url(../../images/interface/page_ON.gif); background-repeat: no-repeat; color:#000000; padding:4px 4px 0px 0px; font-weight:bold;}*/

#LessonNav ul li .Progress{ display:block; width:20px; height:20px; background-repeat: no-repeat; padding:4px 4px 4px 4px; color:#777;}
#LessonNav ul li .Selected{ display:block; width:20px; height:20px; background-repeat: no-repeat; color:#000000; padding:4px 4px 4px 4px; font-weight:bold;}


.nav-list > li > .submenu li > .submenu > li a{
    background-color:#f5f5f5;
}