hr.ClearAll {
  clear: both;
  display: block;
  height: 1px;
  margin: 0 0 -2px 0;
  padding: 0;
  visibility: hidden;
}

.ClearFix:after, .FormRow:after, .FormRowAlt:after, div.tabContent:after, .fiveStarRating:after, .modal:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}



#stretchLogoWithPageTitle a, #stretchLogoWithPageTitle a:visited {
  color: #fff;
}
#stretchLogoWithPageTitle #title {
  width: 475px;
}
#stretchLogoWithPageTitle span {
  display: block;
}
.titleArea1 {
  border-left:1px solid #fff;
  float: left;
  font-size: 90%;
  height: 30px;
  margin: 10px 0 0;
  padding:0 0 0 7px;
  width: 85px;
}
.titleArea2 {
  border-left:1px solid #fff;
  float: left;
  font-size: 90%;
  height: 30px;
  margin: 10px 0 0;
  padding: 0 0 0 7px;
  width: 100px;
}


#enhancedContentArea {
  width: 540px;
  
}
#enhancedPageBody {margin-bottom: 20px; overflow: visible;}
#enhancedContentArea h1 {
 margin: 10px 0;
}
#enhancedContentArea p a {text-decoration: underline;}
#tabbedNavEnhanced {
  margin-bottom: 0;
  clear: both;
}
div.tabContent { min-height: 200px; }
.State { 
	color: #900;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
}

h1 .State {font-size: .5em;}
#Error, .Error, .webActionError, .error {
  color: #900;
}
#Error p, .error p {
  font-weight: bold;
}
.error ul {
  font-weight: normal;
}
h2 span.More {
  float: right;
  font-size: .85em;
}

h3, .LessonPage h1, .LessonPage h2 {font-size: 1em; border-bottom: 0; font-weight: bold; margin-bottom: .5em;}

#SystemMessage {
  color: #900;
  font-weight: bold;
}
#SystemMessage p { margin: 0; }

ol {
  margin-left: 1.6em;
  
  
  padding: 0;
}

ol li {
  margin: 0;
  padding: 0;
}

li span.linkColor a {
  margin-left: 10px;
  text-indent: -10px;
}

img {border: none;}
hr.ClearAll {
  clear:both;
  display:block;
  height:1px;
  margin:0pt 0pt -2px;
  padding:0pt;
  visibility:hidden;
}
#footer {margin: 0;}
#Wrapper {width: 100%;clear: both; padding-top: 10px;}
ul.footerTools {
    clear:both;
    float:left;
    margin:0 10px 0 0;
    padding:20px 0 0;
    width:540px;
}
ul.footerTools li {float: left;list-style: none;margin: 10px;}
ul.footerTools li div.social_menuShare_style {margin-left: 0px; text-indent: 0px;}
ul.footerTools li div#social_menu1 { top:0px; }
ul.footerTools li > img {float: left; margin-top: 1px;}
ul.footerTools a {}
div#siteSponsor {
    float:left;
    font-size:0.85em;
    width:180px;
}
div#siteSponsor img { margin-top: 20px;}

/********** sectionalNav *********/
#sectionalNav {
  clear: right;
  float: right !important;
  width: 180px;
  text-align: center;
}
#sectionalNavLinks {text-align: left;}
#sectionalNav h3 {
  font-weight: bold;
  margin:15px 0pt 0px;
  padding:1px 10px 2px;
}
#sectionalNav a.ProfileLink img {
  padding:1px 5px 2px 10px;
}
#sectionalNav .userReputation img {padding: 0; margin-right: 3px;}
#sectionalNav form {padding:1px 10px 2px;}
#sectionalNav .linksUnit {clear: both;}
#sectionalNav div.Survey {
  border: 1px solid #ccc;
  text-align: left;
  padding: 10px;
  margin: 0 0 10px;
}
#sectionalNav div.Survey form {margin: 0;padding: 0;}
#sectionalNav div.Survey label {width: 130px !important; display: inline-block;vertical-align: top;padding-top: 2px;}
#sectionalNav div.Survey ul {
  margin: 8px 0;
  padding: 0;
  list-style: none;
}
#sectionalNav div.Survey div.SurveyAnswers { margin-bottom: 10px; }
#sectionalNav div.Survey div.SurveyAnswers .FormRowAlt {margin: 5px 0;}
#sectionalNav div.Survey div.SurveyQuestion { font-weight: bold; }
#sectionalNav div.Survey div.SurveyNumberResults { display:none; }
#sectionalNav div.Survey .graph {
  position: relative; /* IE is dumb */
  background-color: #ccc;
  margin-bottom: .5em;
}
#sectionalNav div.Survey .graph .bar {
  display: block;
  position: relative;
  text-align: center;
  color: #ddd;
  height: 1em;
  line-height: 1em;
}
#sectionalNav div.Survey .graph .bar span { position: absolute; left: 70px; font-size: .8em; } /* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */


#sectionalNav div.FormRow input { width: 150px; }

.Button, .ButtonInput {float:left; margin-right: 10px;}
.Button a, .Button a:active, .Button a:visited, .ButtonInput input {
  color:#FFFFFF;
  background-color: #4FAF00; background-image: url(http://welcome.hp-ww.com/img/button_secondary.gif);
  line-height: 20px;
  font-weight:bold;
  height:15px;
  margin-bottom:10px;
  padding:2px 7px 3px;
  text-align:center;
  white-space:nowrap;
}
.Button a:hover, .ButtonInput input:hover {background-image: url(http://welcome.hp-ww.com/img/button_secondary_over.gif);}
.ButtonInput input {
  height: 20px;
  border: 0;
  
}
/********** Breadcrumbs **********/

#breadcrumbs {
	padding: 0 10px 0px;
  position: relative;
  margin: 0;
  width: 700px;
}

#breadcrumbs div.Back {
  float: left;
  margin: -2px 2px 0 0;
	font-size: .85em;
}

#breadcrumbs ul {
	margin: -3px 0 0 !important;
  float: left;
  padding: 0 5px 0 0;
	overflow: hidden;
}

#breadcrumbs ul li {
	border-left: 1px solid #c0c0c0;
	display: inline;
	border-left: none;
	margin: 0;
}

#breadcrumbs ul .First {
	padding-left: 0;
}

/********** Flag **********/

#Flag {
  width: 540px;
  margin-bottom: 10px;
}

body#Home #Flag {
  width: 540px;
  padding: 0;
  margin: 0 0 20px 0;
  overflow: hidden;
  
}
#Flag h1 {
  margin-bottom: 10px;
}
#Flag .Graphic, .Content .Graphic {
  float: left;
  margin: 0 10px 10px 0;
}

#EnrollButton {
	float: right;
}
#Flag .Text {
  float: left;
}
#Flag .Text p {
  margin-top: 0;
  width: 350px;
}
#Flag .Button {float: right;}

/******************* Home Page **********************/

body#Home #mainPageMessageBoardWidget {
  margin: 0;
}
body#Home .Campus {
/*clear: left;*/
  margin-bottom: 10px;
}
body#Home .Campus img.CampusImage {
  float: left;
}
body#Home .Campus div.Description {
  float: left;
  width: 340px;
  margin-left: 10px;
}

body#Home div.First {width: 340px;clear: none;float: left;}
body#Home #Campuses, body#Home #QuickStart {
  width: 258px;
  float: left;
}
body#Home #QuickStart {
  margin-right: 10px;
}
body#Home #QuickStart h3.headerDelta {color: #000; clear: left;}

body#Home #Campuses p, body#Home #QuickStart p {margin: 10px 0;}
body#Home #Campuses .Content {
    border-bottom:1px solid #CCCCCC;
    margin-bottom:10px;
    overflow:hidden;
    
}
body#Home #Campuses .Content .fiveStarRating {float: left;width: 180px;}
body#Home #QuickStart .Content {margin: 10px 0;}
body#Home #QuickStart .Graphic {
  float: left;
  margin-right: 10px;
}
body#Home #Campuses .Content .star-rating {
  margin-left: 10px;
}
body#Home #QuickStart .linksUnit, body#Home #Campuses .Content .linksUnit {
  float: left;
  width: 174px;
}
body#Home #Campuses .Content .linksUnit {
  font-weight: bold;
}
body#Home #QuickStart .QuickStarts {
  margin: 10px 0;
}
body#Home #QuickStart .linksUnit li {
  margin-bottom: 10px;
}

body#Home p.contentCount {
  clear: both;
  /*margin-left: 190px;*/
  padding: 10px 0;
}
body#Home p.contentCount a {
  text-decoration: none;
}
body#Home h3.headerBetaBevel {margin: 0;}
body#Home #breadcrumbs {display: none;}
body#Home #tabWelcomeText {margin-bottom: 10px;}
body#Home #homePagePromo {width: 529px; height: 133px; background-color: #ccc; text-align: center;}

/******************* Campus Page ************************/
body#Campus #mainPageMessageBoardWidget {overflow: hidden;}
body#Campus #topLevel {margin-top: 10px;}
body div.ForumsList, body div.LatestForumPost {
  width: 258px;
  float: left;
}
body div.ForumsList .linksUnit li {margin-bottom: 10px;}
body div.ForumsList {margin-right: 10px;}
body div.LatestForumPost h3.headerDelta {color: #000;}
body div.LatestForumPost span.smallerMeta,
 body div.LatestForumPost span.smallerAuthor{
  display: block;
  font-size: 11px;
  color: #666;
}
body div.LatestForumPost span.smallerAuthor {margin-bottom: 5px;}
body div.LatestForumPost span.smallerMeta a,
body div.LatestForumPost span.smallerAuthor a {text-decoration: underline;}
body div.LatestForumPost span.smallerMeta {margin: 0 0 10px 10px;}
body div.LatestForumPost .User .Avatar {margin-bottom: 5px;}

body div.LatestForumPost div.Text {
  font-weight: bold;
}
body div.LatestForumPost div.User {
  text-align: center;
  width: 75px;
  margin-right: 10px;
}
body div.LatestForumPost div.User div.UserName {
  display: none;
}
body#Campus #topLevel .Content {
  width: 258px;
  float: left;
  margin-bottom: 20px;
}
body#Campus #subCampus .Content {
  clear: both;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
body#Campus #subCampus .Last {
  border: none;
}
body#Campus #topLevel h3.headerDelta {margin-bottom: 10px;}
body#Campus #topLevel h3.headerDelta a, body#Campus #topLevel span.linkColor { color: #4faf00; }
body#Campus #topLevel li.courseLink {margin: 10px 20px 10px 0;padding-left: 10px;}
body#Campus #topLevel li.courseLink h4 {text-indent: -10px;}
body#Campus #subCampus .fiveStarRating { margin-left: 84px; }
body#Campus .Odd {
  clear: left;
  margin-right: 10px;
}
body#Campus .Content ul {
  margin: 0;
  padding: 0;
}
body#Campus .Content li {
  clear: left;
  list-style-type: none;
}
body#Campus #subCampus .Content h3.headerEpsilon {float: left;width:450px;}
body#Campus .Content p {
 float:left;
margin:0;
width:180px;
 }
body#Campus #subCampus .Content p { margin-left: 10px; width: 440px; }

body#Campus #subCampus #CampusTools .Content p { margin-left: 10px; clear: left;}

body#SearchDetails h2 span {
  font-weight: bold;
  float: none;
}

body#Campus #topLevel h2 {
  width: 450px;
  height: 14px;
  overflow: hidden;
  margin: -30px 15px 0 0;
  border-bottom: 0;
  text-align: right;
  font-size: 1em;
  color: #fff;
}

body#Campus .Paginator {
  clear: both;
  background-color: #fff;
  padding: 12px 10px;
  font-weight: bold;
  margin-bottom: 0;
  width: 668px;
  border-bottom: 1px solid #000;
}

body#Campus .Paginator.Last {
  border-top: 1px solid #000;
  text-align: left;
  position: relative;
  top: -1px;
  clear: left;
  margin-bottom: -1px;
}

body#Search #SearchBox, body#SearchDetails #SearchBox { margin-bottom: 20px; }

body#Campus #Featured .Graphic {
  width: 180px;
  margin-right: 10px;
  float: left;
}

body#Campus #Featured .Text {
  width: 350px;
  float: left;
}
body#Campus #Featured div.Button {float: right;}
body#Campus #Featured .Text .Title {font-weight: bold;}
body#Campus #Featured .Text p {margin: 2px;}

body#Campus #Featured .Extras { width: 185px;}

body#Campus #Featured .Extras p {
  padding-top: 10px;
  clear: left;
  text-align: center;
}

body#Campus #Featured .Extras p span {
  font-weight: bold;
  clear: left;
}

body#Campus .ContentUnit {
	width: 191px;
	padding: 10px 24px;
	margin: 0;
	border-bottom: 1px solid #000;
	text-align: center;
	height: 175px;
	min-height: 175px;
	max-height: 175px;
	
}

body#Campus .ContentUnit img {
  width: 150px;
  height: 75px;
}

body#Campus .ContentUnit .Title { margin-bottom: 6px; }

body#Campus .ContentUnit .fiveStarRating  {
  margin-left: 14px;
  text-align: left;
}



body#Campus .ContentSpecs {
  width: 150px;
  text-align: left;
  font-size: .85em;
  margin: -2px auto 12px;
}

.ContentSpecs .Type {
  text-transform: uppercase;
  padding-right: 5px;
  border-right: 1px solid #999;
  margin-right: 3px;
}

.ContentSpecs.Article .Type {color: #6b00cf;}
.ContentSpecs.Course .Type {color: #00a4e8;}
.ContentSpecs.Tutorial .Type {color: #169f00;}
.ContentSpecs.Video .Type {color: #e77200;}

.ContentSpecs .Duration {color: #999;}

body#Campus .Articles {
	width: 209px;
	height: 451px;
	min-height: 451px;
	max-height: 451px;
	
	border-bottom: 1px solid #000;
	padding: 0 15px;
	clear: right;
	overflow: hidden;
}


  body#Campus hr {display: none;}


body#Campus .Articles h2 {
	margin: 0 -15px 14px;
	background-color: #ccc;
	padding: 10px 15px;
	border: 0;
	font-weight: bold;
	text-align: left;
	width: auto;
	color: #000;
}

body#Campus .Articles h2 span {
  font-size: .85em;
  font-weight: normal;
  margin-top: -14px;
}

.Articles li {
  background-image: url(/resources/images/bullet-red_arrow.gif);
  margin-bottom: 8px;
}

/********** Tutorials **********/

.TutorialHeader h1, #LessonPreview h1 {
  border-bottom: 1px solid #677e9b;
  margin-bottom: 35px;
}

.TutorialHeader .fiveStarRating {
  float: right;
  margin-top: -60px;
}

body#Tutorial #enhancedContentArea .Flash {
  text-align: center;
  margin-bottom: 50px;
}

body#Tutorial #enhancedContentArea .Flash .Media {
  margin: 0 auto;
}

#TranscriptText {
  height: 250px;
  width: 532px;
  overflow: auto;
  border: 1px inset #ccc;
  padding: 3px;
}
#TranscriptText h1, #TranscriptText h2, #TranscriptText h3 {
  border-bottom: 0;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 4px;
}

body#Tutorial #TranscriptText h1 {margin-bottom: 1em;}

/********** Articles **********/
body#Article table td {
  padding: 5px;
}
/********** Lesson Pages **********/

.LessonPage {
  width: 540px;
  margin: 10px 10px 10px 0;
  clear: both;
}

body#Lesson .PrintThisPage, body#Lesson .PrintThisLesson {
  width: 157px;
  font-size: .85em;
  text-align: center;
  margin-bottom: 25px;
}

body#Lesson .PrintThisLesson {
  margin-top: -35px;
}

/********** Merchandising **********/

#enhancedContentArea div.LessonPage .Merch {
  border: 1px solid #cccccc;
  padding: 10px;
  width: 147px;
  float: right;
  margin-left: 10px;
  background-color: #fff;
}

.Merch h2, .Merch h3 {
  font-weight: bold;
  font-size: 1em;
  border: 0;
  margin-bottom: .5em;
}

.Merch .placement {
  font-weight: bold;
  text-align: center;
}

.Merch .placement img {
	margin-bottom: 6px;
}


/****/

#sectionalNav .Merch {
  border-left: 1px solid #ccc;
  text-align: center;
  background-color: #fff;
}

#sectionalNav .Merch h3 {
  text-align: left;
}

#sectionalNav .Merch p {
  margin: 0;
  padding: 0 10px;
  margin-bottom: 25px;
}


/********** Forms **********/

body#Form #enhancedPageBody { overflow: visible; }

body#Form #enhancedContentArea {
  width: 740px;
}

body#Form h1 {
  margin-bottom: 15px;
}

body#Form .Column {
  width: 340px;
  margin-right: 10px;
  float: left;
}

body#Form .Column.Last {
  margin: 0;
}

fieldset {
  margin: 10px 0;
  /*width: 520px;*/
  border: 1px solid #e7e7e7;
  
}
body#Form fieldset {width: 600px;}
body#Form table td fieldset {width: 340px; padding: 10px;}

legend {
  padding: 0.2em 0.5em;
  
  color: #4FAF00;
  font-size: 1.2em;
  font-weight: bold;
  text-align: right;
}

#enhancedContentArea .FormRow,
#enhancedContentArea .FormRowAlt,
#enhancedContentArea .FormRowSubmit {
	clear: both;
	margin: 0 0 4px 0;
	padding: 0;
	overflow: hidden;
}

#enhancedContentArea .FormRowSubmit {
  margin-left: 147px;
  
}


#enhancedContentArea .FormRow label,
#enhancedContentArea .FormRowAlt label,
#enhancedContentArea p.Label {
	float: left;
	font-weight: bold;
	margin: 2px 12px 2px 0; /* May need an IE override - use browser detector */
	text-align: right;
	width: 135px;
}
#enhancedContentArea .FormRow p.Label {width: auto; margin-top: 10px;}
#enhancedContentArea .FormRow.Required label,
#enhancedContentArea .FormRowAlt.Required label,
#enhancedContentArea p.Label.Required {
  background: url(/resources/images/bg-required.gif) right top no-repeat;
  padding-right: 8px;
}

#enhancedContentArea p.Label2 {
	clear: both;
	margin-top: 12px;
}

#enhancedContentArea .Column.Last p.Label2 {
  margin-top: 0;
}

#Agree {
  margin-top: 35px;
}

#enhancedContentArea .FormRowAlt label {
	font-weight: normal;
	text-align: left;
}

#enhancedContentArea .FormRow input,
#enhancedContentArea .FormRowAlt input,
#enhancedContentArea .FormRow textarea,
#enhancedContentArea .FormRow select {
	float: left;
	margin-right: 12px;
}

body#Form #enhancedContentArea .FormRow input,
body#Form #enhancedContentArea .FormRow textarea,
body#Form #enhancedContentArea .FormRow select {
	margin-right: 0px;
}
body#Form #enhancedContentArea .FormRow input {width: 140px;}

#enhancedContentArea .FormRowAlt input {
	margin-left: 114px;
	width: 20px;
}



body#Discussions #enhancedContentArea .FormRow label,
body#forumPostTopic #enhancedContentArea .FormRow label {
  width: 70px;
}

body#Discussions #enhancedContentArea .FormRow input,
body#Discussions #enhancedContentArea .FormRow textarea {
  margin-right: 0;
  /*width: 320px;*/
}

body#Discussions #enhancedContentArea .FormRow select {width: 324px; }

body#Discussions #enhancedContentArea .FormRow .PostContent {
  margin-right: 0;
  float: left;
}

body#Discussions #enhancedContentArea .AbuseForm .FormRow label, body#Discussions #enhancedContentArea .AbuseForm p.Label {
  width: 90px;
}
body#Form #howisthisused {margin-left: 147px;}
body#Discussions #enhancedContentArea h3 {margin-bottom: 0;}
body#Discussions #enhancedContentArea h4.DatePosted {font-size: .85em;}

body#Discussions .AbuseForm .FormRow input,
body#Discussions .AbuseForm .FormRow select,
body#Discussions .AbuseForm .FormRow textarea,
body#Discussions .AbuseForm .FormRow  .PostContent {
  margin-right: 4px;
}
body .AbuseForm #AbuseType input {width: 25px;}
body .AbuseForm .FormRowValue,
body #reportAbuseForm .FormRowValue {
  float: left;
}

body#Discussions .AbuseForm p.Label {margin: 10px 0; text-align: right; font-weight: bold;}

body#Discussions .AbuseForm .FormRowAlt input {
  margin-left: 70px;
}

body#Discussions #enhancedContentArea .SubscribeForm .FormRow label {
  width: 120px;
}

body#Discussions #enhancedContentArea .SubscribeForm .FormRow input,
body#Discussions #enhancedContentArea .SubscribeForm .FormRow select,
body#Discussions #enhancedContentArea .SubscribeForm .FormRow textarea,
body#Discussions #enhancedContentArea .SubscribeForm .FormRow  .PostContent {
  margin-right: 0;
}

body#Discussions #enhancedContentArea .SubscribeForm .FauxLabel {
	width: 120px;
}

body#Discussions #enhancedContentArea .SubscribeForm .FormRowAlt input {
  margin-left: 108px;
}

body#Discussions #enhancedContentArea .SubscribeForm .FormRowAlt label {
  width: 360px;
}

#FormattingHints {
  width: 100px;
  float: right;
  padding: 5px;
  font-size: .85em;
  background-color: #e6e6e6;
}
body#forumPostTopic #FormattingHints {
  margin-top:-209px;  
}
#FormattingHints p {padding-left: 0px;}
#FormattingHints .Characters {
  list-style-type: none;
  padding: 0px;
  text-align: center;
  margin: 0;
  width: 100%;
}

#Quiz #enhancedContentArea .FormRowAlt input {
  padding: 0px; margin: 0px;
  margin-left: 20px;
}

#Quiz #enhancedContentArea .FormRowAlt label {
  width: 456px;
}

#Controls .FormRowSubmit {
	clear: both;
	margin-bottom: 25px; /* May need an IE override - use browser detector */
	padding-bottom: 0;
	padding-top: 0;
	width: 137px;
}

.FormRowSubmit {
	padding-top: 12px; /* May need an IE override - use browser detector */
}

#create_profile {
	width: 10em !important;
}

#loginForm2 #Forgot {
	clear: both;
	margin-left: 148px;
	margin-top: 0px;
}
#enhancedContentArea #loginForm2 .FormRowAlt input {
    /*margin-left: 122px;*/
}
#enhancedContentArea #loginForm2 .FauxLabel {
    width: 197px;
    margin-bottom: 0px;
}
.FauxLabel {
	clear: both;
	font-weight: bold;
	text-align: right;
	width: 220px;
}

.Quiz h3 {
	clear: both;
	padding-top: 16px;
}

.Survey ol {
  margin-top: 16px;
}
.Survey li {
  font-weight: bold;
  clear: both;
}

.Score {
	border-top: 1px dashed #ccc;
	padding-top: 10px;
}

.Survey h4 {
	margin-bottom: 12px;
}

.Survey .FormRowAlt label {
	width: 275px !important;
}

body#ContactUs #enhancedContentArea select {
  width: 294px;
}

body#ContactUs #enhancedContentArea textarea {
  width: 290px;
}

/********** Course & Session Overview **********/

#CurrentSession {
  clear: both;
  margin: 10px 0;
}

#CurrentSession p {
  margin: 0;
}

#CurrentSession #EndDate .Error {
  font-weight: bold;
  padding-left: 10px;
}
#CurrentSession .linksUnit {
  margin-top: 10px;
}

#WhatYoullLearn h2 {font-weight: bold;}

#Lessons {
  width: 540px;
  padding-top: 1px;
}

#Lessons h2 {
  margin-bottom: 0px;
}
#Lessons .headerBetaBevel, #Lessons .headerAlpha {
  margin: 0;
  cursor: pointer;
  font-size: 12px;
}

#Lessons .Header img {
  margin-right: 6px;
  width: 9px;
}

#Lessons .Header .Name {
  width: 435px;
}

#Lessons .Header.Completed {
  background: url(/resources/images/bg-completed_lesson.gif) right no-repeat;
}

#Lessons .Text {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  margin: 0;
}
div.SurveyLink {margin: 10px 0;}

#Instructors img {
	border: 1px solid #bbb;
	margin-bottom: 5px;
}

#Instructors .Graphic {
  width: 66px;
  margin: 0 15px 8px 0;
  text-align: center;
  float: left;
}

body#Course #Instructors .Text, body#Session #Instructors .Text {
  float: left;
  width: 459px;
}

body#Course #Instructors .Text p, body#Session #Instructors .Text p {
  clear: left;
  margin-top: 5px;
}

body#Campus #Courses {
	border-bottom: 18px #000 solid;
	margin-bottom: -16px;
	padding-bottom: 0;
}

#RelatedCourses h3 {
	background: url(/resources/images/hdr-related_courses.gif) top left no-repeat;
}

.tip, .note {
	background-color: #e6e6e6;
  padding: 10px;
  border: 1px solid #677e9b;
  margin-bottom: 1.5em;
}

.warning {
  padding: 10px;
  border: 1px solid #900;
  margin-bottom: 1.5em;
}

.quote {
	font-style: italic;
}

.graphic, .illustration {
	text-align: center;
	margin-bottom: 2em;
}

.graphic .caption, .illustration .caption {
	font-size: .9em;
	font-weight: bold;
}
#ReviewsContainer h2, #Instructors h2 {
  font-weight: bold;
  margin-bottom: 10px;
}
#ReviewsContainer, #Instructors {margin-top: 20px;}

#ReportAbuseForm {
    text-align: left;
    width: 408px;
    
}

#ReportAbuseForm .FormRowAlt input {
    margin-left: 70px;
}

#ReportAbuseForm textarea {
    width: 404px;
    margin: 0 0 15px;
}

#ReportAbuseForm #AbuseType label, #ReportAbuseForm .FormRow label, #ReportAbuseForm p.Label {
    font-weight: bold;
    width: 90px;
    display: block;
    margin-bottom: 8px;
}

#ReportAbuseForm #AbuseType label {
    float: left;
    margin: 0;
}

#ReportAbuseForm #AbuseType .FormRowValue {
    margin-bottom: 4px;
    float: right;
    width: 308px;
    height: 18px;
    padding-bottom: 2px;
}

#ReportAbuseForm .FormRow label, body#Discussions #ContentWrapper2 #ReportAbuseForm .FormRow label {
    width: 90px;
    text-align: left;
}

#ReportAbuseForm #AbuseType .FormRowValue input {
    width: 15px;
    float: left;
    margin-right: 6px;
}

#ReportAbuseForm #AbuseType .FormRowValue .PostContent {
    float: left;
    width: 200px;
    
}

#ReportAbuseForm .FormRow textarea, body#Discussions #ContentWrapper2 #ReportAbuseForm .FormRow textarea {
    width: 408px;
}

#ReportAbuseForm .MessageBoardNav {
    padding-left: 140px;
    
    margin: 0;
    width: 268px;
}



#ReportAbuseForm .FormRowSubmit .Button {
    margin-left: 15px;
}



#ReportAbuseForm.FileUpload {
    border-top: 1px solid #8a8a8a;
    padding-top: 20px;
}

.FileUpload, .MBFileUpload {
    background-color:#FFFFFF;
    border-color:-moz-use-text-color #8A8A8A rgb(138, 138, 138);
    border-style:none solid solid;
    border-width:medium 1px 1px;
    margin:10px;
    padding:0pt 45px 20px;
    position:absolute;
    text-align:center;
    width:408px;
    z-index:100;
}


/********** Paginator **********/

.Paginator {
	font-size: .85em;
	font-weight: bold;
	margin-bottom: 18px;
	text-align: left;
  width: 540px;
  padding: 0;
  
}


.Paginator a {
	text-decoration: none;
}

.Paginator span {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 0 4px;
	padding: 2px 4px;
}

.Paginator span.Label {
  border: none;
  padding: 0;
  margin: 0;
}

.Paginator span:hover, .CurrentPage {
	background-color: #e6e6e6;
}

#CourseNav {
	margin-bottom: 20px;
  width: 540px;
}

#enhancedContentArea #CourseNav div.First {
	width: auto;
}

#enhancedContentArea #CourseNav div.Last {
	width: auto;
	float: right;
}

.Paginator .Last {
  text-align: center;
  
  margin-top: -6px;
  
}

body#Reviews .Paginator .Last {
  margin-top: 0;
}

/********** My Courses / Transcript **********/


dd {
	clear: right;
	display: block;
	margin-bottom: .5em;
}

dl {
	clear: both;
	display: block;
	margin-bottom: 1.5em;
	margin-left: 1em;
	margin-top: 3px;
	width: 95%;
}

dl.SessionStatus {}

dt {
	clear: left;
	display: block;
	float: left;
	font-weight: bold;
	margin-bottom: .5em;
	margin-right: .5em;
	width: 9em;
}

body#Profile #profileTabContent dd {margin-left:123px;}
body#Profile #profileTabContent dt {text-align:right;}


/********** Site Search Pages **********/

.mainSearchPageForm {
  margin-bottom: 0;
}

#contactSearchArea {overflow: hidden;}

#searchBox {margin-right: 1em;}

#searchScope {float:right;margin-bottom:5px;margin-top:-5px;}
#searchScope input {float: left;}
#searchScope label {float: left; margin-top: 3px;}

body#Search #SearchBox, body#SearchDetails #SearchBox {
  border-top: 0;
  padding: 10px;
  margin-bottom: 0;
}

#SearchBox label, #SearchBox input, #SearchBox .ButtonInput {
  float: left;
  margin-right: 6px;
}

#SearchBox label {
  font-weight: bold;
}

#SearchBox #objectType {
  float: left;
  margin: 2px 6px 0 0;
  
}

#SearchBox #keywords {
  width: 250px;
}

#SearchBox .ButtonInput {
  margin-top: 2px;
}

#SearchBox .ButtonInput input {
  margin: 0 !important;
	padding: 0 6px 1px;
	
}

body#SearchDetails h2 {
  margin: 15px 10px 0;
}

.SearchResults h2 {
    border-bottom:2px solid #4FAF00;
    margin-bottom:10px;
    margin-top:1px;
    padding-bottom:2px;
}

.SearchResults {
  clear: left;
  padding-bottom: 10px;
  margin-bottom: 10px !important;
}

body#SearchDetails .SearchResults {
  padding: 10px;
}

#ContentWrapper2 .SearchResults .Chunk {
  border-bottom: 1px solid #ccc;
  width: auto;
  margin-right: 0 !important;
  float: none;
}

body#SearchPreview #enhancedContentArea h2 {
  font-size: 16px;
  font-weight: bold;
}
#ContentWrapper2 .SearchResults .Chunk .Child {
  margin: 0 0 15px 90px;
  clear: left;
}

.FlagJr {
  margin-bottom: 25px;
}

.SearchResults .Graphic, .FlagJr .Graphic {
  float: left;
  width: 64px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.FlagJr .Graphic {margin-top: 15px;}

.SearchResults .Chunk .Info, .FlagJr .Text {
  float: left;
  width: 440px;
}

.SearchResults .Chunk .Child .Info {
  float: left;
  width: 410px;
}

.SearchResults .Post .Info {
  float: left;
  width: 395px;
}

.SearchResults p {
  margin-bottom: 20px;
  clear: left;
}

.SearchResults p.More { 
  font-weight: bold;
  margin-top: 0;
}

.SearchResults .Results {
  clear: left;
  margin-left: 20px;
}

.SearchResults .Results p.More { 
  background: url(/resources/images/bullet-red_arrow.gif) top left no-repeat;
  padding: 0 0 0 6px;
  font-weight: normal;
}

/********** Message Boards **********/
body#Discussions #enhancedContentArea h1 {
}
.MessageBoardSearch {
  float: right;
  font-size: 0.85em;
  padding: 13px 25px 3px;
  width: 260px;
  line-height: 1em;
  height: 4em;
}
.MessageBoardSearch input {
  font-size:0.85em;
  line-height:1em;
  width:130px;
  
  margin-top: -3px;
}
.MessageBoardSearch form {
  margin-bottom: 0;
}
.MessageBoardSearch label, .MessageBoardSearch input, .MessageBoardSearch .Button {
  float: left;
  margin-right: 5px;
}
#DiscussionsSearch .FormRowSubmit .Button {float: right; margin-right: 127px; }
table.MessageBoard, table.Reviews {
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
	clear: both;
	/*width: 100%*/
}
div#Reviews table.MessageBoard {
  width: 100%;
}
.MessageBoard td {
  border-bottom: 1px solid #CCCCCC;
  vertical-align: top;
  padding-top: 10px;
  table-layout: fixed;
}

.MessageBoard td h4 {
  text-indent: -10px;
  margin-left: 10px;
}

#Discussions .MessageBoard th.First, #Discussions .MessageBoard td.First {
 /*width: 10px;*/
 border-right: none;
 padding-right:8px;
}
#Discussions .MessageBoard td.UnreadStatus { padding-top:12px; }
#Discussions .MessageBoard td.discussionTopic img { vertical-align:middle; margin-right:4px; }
#Discussions .MessageBoard td.User { }
#Discussions .MessageBoard td.PostPreview { width:82%; }
#Discussions .MessageBoard td.Preview { width: 90%; }
#Discussions .MessageBoard td.author { width: 120px; }
#Discussions .MessageBoard td.forumName { width: 280px; }


.MessageBoard.TopicsList th, .MessageBoard.TopicsList td {
  border-right: none;
}

.MessageBoard th {
	font-weight: bold;
	border-right: 1px solid #fff;;
	color:#FFFFFF;
	background: #4FAF00 url(http://welcome.hp-ww.com/img/header_4FAF00.gif) repeat-x 0 bottom;
	height: 24px;
	vertical-align: middle;
	padding: 0px 5px;
}

.MessageBoard th.Forum,
.MessageBoard td.Forum {width:100px;}
.MessageBoard th.Subject,
.MessageBoard td.Subject {width:100px;}
.MessageBoard td p {padding-left: 10px;}
.MessageBoard th.Subhead {
	background-color: #4FAF00;
	font-weight: bold;
	text-align: left;
}

.MessageBoard .Author {
  text-align: center;
  border-right: 1px solid #ccc;
  width: auto !important;
  font-size: 0.85em;
}

.MessageBoard th.Post {
  text-align: left;
  padding: 0 10px;
}

.MessageBoard td.Post {
  text-align: left;
  padding-bottom: 10px;
  
}

.MessageBoard .Post p {
  width: 440px;
  
  overflow: hidden;
}
.MessageBoard p.Disclaimer {
  font-size: .85em;
  margin: 0 142px 15px 83px;
  padding: 0;
}

.MessageBoard td.Disclaimer {
  border: 0;
  padding-top: 0;
}

.DisplayMessage {
  margin: 0 10px 20px;

}

.MessageBoardNav {
  clear: left;
  margin-bottom: 10px;
  padding-top: 4px;
  font-size: .8em;
}

#PostNav.MessageBoardNav {
  margin-left: 82px;
}

.Abuse #PostNav.MessageBoardNav {
  margin-left: 102px;
}

.MessageBoardNav .Button {
  margin: 0 5px 0 0;
  float: left;
}

.MessageBoardNav a {
  margin: 3px 11px 0 0;
  float: left;
}

.MessageBoardNav .Button a {
  float: none;
  font-size: 1.2em;
}

.MessageBoardNav a.Last {
  border-right: 0;
  padding-right: 0;
}

a.Subscribe {
  background: url(http://welcome.hp-ww.com/img/hpweb_enh_email.gif) no-repeat left;
  padding-left: 24px;
}

.MessageBoardNav a.Back {
  background: url(/resources/images/icons/simple/arrow_left.gif) no-repeat left;
  padding-left: 14px;
}

.MessageBoardNav div.DateRange {
  margin-top: 3px;
  font-size: 1.2em;
  float: right;
  width: 140px;
  text-align: right;
  
}

.MessageBoardNav div.DateRange select {
  width: 100px;
  font-size: .8em;
}

.MessageBoardControls {
  clear: both;
}

.MessageBoardControls div {
  margin-right: 10px;
}

#Discussions .Ratings {
  float: left;
  margin-bottom: 4px;
}

#Discussions .Ratings .Label {
  float: none;
  margin-right: 10px;
}

#Discussions .Ratings .Button {
  margin-right: 10px;
}

#Discussions  .Ratings div {
  float: left;
}

#Discussions .ReportAbuse {
  float: right;
}

#Discussions .ReportAbuse .Report {
  background: url(/resources/images/icons//simple/flag.gif) no-repeat left;
  padding-left: 10px;
  font-size: .8em;
}

.MessageBoard .ManageAbuse {
  clear: both;
  margin-bottom: 4px;
}

.MessageBoard .ManageAbuse .Button {
  margin-right: 10px;
}

body#Discussions #enhancedContentArea .ForumsSearch {
  padding: 0 10px;
  margin-bottom: 15px;
}

body#Discussions #enhancedContentArea .ForumsSearch .FormRow {
  width: 280px;
  float: left;
  margin-right: 10px;
  padding: 0;
  clear: none;
}

body#Discussions #enhancedContentArea .ForumsSearch .FormRow label {
  width: auto;
  margin-right: 4px;
}

body#Discussions #enhancedContentArea .ForumsSearch .FormRow input, body#Discussions #enhancedContentArea .ForumsSearch .FormRow select {
  width: 235px !important;
}

body#Discussions #enhancedContentArea .ForumsSearch .FormRowSubmit {
  float: left;
  clear: none;
  width: 57px;
  padding-top: 2px;
}

body#Discussions p.SearchError {
  padding: 0 10px;
}
#progressBarBox { width: 350px; height: 15px; border: 1px inset; background: #eee;}

#progressBarBoxContent { width: 0; height: 15px; border-right: 1px solid #444; background: #9ACB34; }

.FileInfo {
   padding:5px;
   margin:5px;
   float:left;
   display:block;
}

.Selected {
  border: 3px solid #FFFF66;
  margin: 3px;
}

.SelectedThumb {
  border: 2px solid #FFFF66;
  margin:1px;
}

.Confirmation {
   position:absolute;
   z-index:100;
   width:500px;
   height:100px;
   background-color:#fff;
   border:1px solid #464f5a;
   margin:10px;
}

.MBFileUpload {
   width: 500px;
   position: absolute;
   z-index: 10000;
   margin: 10px;
   background-color: #fff;
   border:1px solid #000;
   padding:10px;
   text-align:left;
}

.CopyToMenu {
   position:absolute;
   z-index:100;
}
body#Discussions #enhancedPageBody {overflow: visible;}
.Confirmation .Text,  .CopyToMenu  .Text {
   padding:10px;
   font: 15pt arial, helvetica, sans-serif;
}

.Confirmation .Button, .CopyToMenu  .Button{
   padding:5px;
   margin:5px;
}

#Overlay {
  padding-top: 5px;
  position: absolute;
  left: 0px;
  top: 0px;
  width:100%;
  height: 500px;
  z-index: 1;
  background:#ccc;
  opacity: .5;
}






#SearchResults p {
  margin-bottom: 4px;
}

#SearchResults .Stats {
  font-size: .85em;
  margin-bottom: 15px;
}

#SearchResults h3 {
  margin-bottom: 0;
}

.bold {
  font-weight: bold;
}

div.field {
  clear: both;
  margin-bottom: 10px;
}

/* Quiz */
p.question {
  clear: both;
  font-weight: bold;
}

div.correctAnswers {
  clear: both;
  border: solid 1px #677e9b;
  margin-bottom: 10px;
  padding: 5px 15px;
  
}

.alreadyTakenQuiz {
  padding: 5px 5px 5px 0px;
  font-weight: bold;
  color: #900;
}

#MessagePreview {
  background: #677e9b;
}
#tabbedNavEnhanced .tabLink { min-width: 17%; }

body#topRatedUsers #tabbedNavEnhanced .tabLink {}
#tabbedNavEnhanced .tabLink:hover {cursor: pointer;}
#tabbedNavEnhanced .selectedTab {color:#FFFFFF; background-color: #4FAF00; background-image: url(http://welcome.hp-ww.com/img/tab_4FAF00.gif);
font-size: 15px;
margin-top: 0;
padding-top: 6px;
width: auto;}
#tabbedNavEnhanced .selectedTab a {text-decoration: none;}
.innerTabContent {padding: 10px 10px 10px 0;border-right: 3px solid #4FAF00;background-color: #fff;}

div.Ratings div {
float:left;
line-height:1.8em;
margin-right:5px;
}

div.Ratings div {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.8em;
}



/* Ratings */
	/*             styles for the star rater                */
	.star-rating{
  	    list-style:none;
		margin: 0 5px 0 0;
		padding:0px;
		width: 70px;
		height: 14px;
		position: relative;
		overflow:hidden;
		float: left;
		background: url(/resources/images/rating_star-14px.gif) top left repeat-x;
	}

	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
  }
	.star-rating li a{
		display:block;
		width:14px;
		height: 14px;
		line-height:14px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url(/resources/images/rating_star-14px.gif) left 28px;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:14px;
	}
	.star-rating a.two-stars{
		left:14px;
	}
	.star-rating a.two-stars:hover{
		width: 28px;
	}
	.star-rating a.three-stars{
		left: 28px;
	}
	.star-rating a.three-stars:hover{
		width: 42px;
	}
	.star-rating a.four-stars{
		left: 42px;
	}
	.star-rating a.four-stars:hover{
		width: 56px;
	}
	.star-rating a.five-stars{
		left: 56px;
	}
	.star-rating a.five-stars:hover{
		width: 70px;
	}
	.star-rating li.current-rating, body#Session #Instructors .star-rating li.current-rating {
		background: url(/resources/images/rating_star-14px.gif) left 14px;
		position: absolute;
		height: 14px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
  .ratingText {
    float: left;
    font-size: .9em;
    padding-top: 1px;
    padding-left: 4px;
  }

  /* remove halo effect in firefox   */
	a:active{
		outline: none;
	}


/********** Avatars **********/

.Avatar, .Review.Preview .Avatar {
  float: left;
  width: 75px;
  text-align: center;
  overflow: hidden;
  font-size: .85em;
}
.Review .Avatar, .SearchResults .Avatar {margin-right: 10px;}

#Avatars {
  margin-bottom: 10px;
}

#Avatars .Avatar {
  cursor: pointer;
  border: 2px solid #fff;
  width: 75px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  text-align: center;
}

#Avatars .Avatar.Current {
  border: 2px solid #96B8DB;
}

#Avatars .Avatar:hover {
  border: 2px solid #BBD634;
}

#avatarFile_label {
  float: left;
  text-align: left;
  margin-right: 15px;

}
.AvatarMGMTLink {clear: left;font-size: .85em;}
#AvatarUpload  {
  float: left;
  position: relative;
  margin-bottom: 10px;
}
.userReputation {margin-top: 10px;}
.userReputation a {}
.userReputation a:hover {text-decoration: none;}
.userReputation img {border: none;margin-right: 3px;}
.userReputation span {display: none;}
#sectionalNavLinks .userReputation {margin-left: 10px;}

body#Profile .UserRole {
    text-align: left;
}

.UserName, .UserRole {
    margin-bottom:4px;
    margin-top:2px;
    /*text-align:left;*/
    clear: left;
}

.UserRole span {
    text-transform: uppercase;
    font-size: 10px;
    padding: 1px 3px;
    background-color: #4FAF00;
    color: #fff;
}
.User {text-align: center;}

body#Profile #UserInfo .UserRole span {
    background-color: #4FAF00;
    color: #FFFFFF;
}

table.MessageBoard .User.First .UserRole, table.MessageBoard .User.First .UserName {text-align: center;}

/********** Reviews **********/

.ReviewHeader h2 {
  font-size: 2em;
  
}

.ReviewHeader .fiveStarRating {
  float: right;
}

body#Reviews #viewReviewForm {
  float: right;
  width: 250px;
  text-align: right;
}

body#Reviews .Paginator {
  margin-bottom: 50px;
}
body#Reviews #Flag h2 {
	font-weight: bold;
	border-right: 1px solid #fff;;
	color:#FFFFFF; background-color: #4FAF00; background-image: url(http://welcome.hp-ww.com/img/header_4FAF00.gif);
	vertical-align: middle;
	padding: 4px 10px 5px;
	margin-bottom: 10px;
}
body#Reviews #Flag h2 a, body#Reviews #Flag h2 a:visited, body#Reviews #Flag h2 span.linkColor {
  color: #fff;
}
.Review {
  margin-bottom: 35px;
  width: 540px;
  padding: 0 !important;
}

.Review.Preview {
  margin-bottom: 10px;
}

.Review .ReviewSpecs {
  float: right;
}

.Review .ReviewSpecs .dateEdited {
  text-align: right;
  clear: both;
  font-size: 11px;
  margin-top: 5px;  
}

body#Reviews .Review {
  clear: left;
  width: 100%;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #ddd;
}

.ReviewSpecs .fiveStarRating {
float: right;
}
.Review .Date {
  padding-left: 5px;
  border-left: 1px solid #ccc !important;
  float: right;
  text-align: right;
}

.Review .Text {
  float: left;
  width: 450px;
  
}

.Review .Ratings .Label {
  float: none; 
}

.Review .Abuse {
  float: right;
  width: 90px;
  text-align: left;
  font-size: .85em;
  margin: -20px -25px 0 0;
  padding-left: 9px;
  background: url(/resources/images/icons/simple/flag.gif) no-repeat left;
}

#PostReview .FormRow label {
  width: 100px;
}

#PostReview .FormRow input, #PostReview .FormRow textarea {
  width: 361px;
  
  margin-right: 0;
}

body#Reviews #PostReview .FormRow input, body#Reviews #PostReview .FormRow textarea {
  
}

#PostReview .FormRow textarea {
  height: 200px;
}

#PostReview .ReviewNav {
  padding-left: 120px;
  margin-top: 10px;
}

#PostReview .ReviewNav.Preview {
  padding-left: 79px;
  margin-bottom: 35px;
}

body#Reviews #reportAbuseForm p.Label {
  margin-bottom: 10px;
}

body#Reviews #reportAbuseForm textarea {
  /*width: 520px;*/
  margin: 0 0 15px;
}

body#Reviews #reportAbuseForm .FormRowSubmit .Button {
  margin-left: 15px;
}

.User {
    width: 82px;
    float: left;
    width: 82px;
}

td.User {
    float: none;
}

body#Profile #UserInfo {
  padding: 10px;
  background-color: #e7e7e7;
  width: 80%;
}
body#Profile span.label {font-weight: bold; clear: left;}
body#Profile #Avatar {float: left; margin-right: 10px; margin-bottom:5px;}
body#Profile #UserMoniker {float: left;}
body#Profile #UserMoniker p {margin: 0;}
body#Profile #UserInfo p {margin-bottom: 0;}
body#Profile #tabDiv {
  clear:both;
  margin-top: 10px;
}

#sectionalNav div#DiscussionsWidget, #sectionalNav div#RelatedTopics {
  margin-bottom: 0;
}

#DiscussionsWidgetH span, #RelatedTopicsH span {
  margin-top: -1px;
}

#sectionalNav #DiscussionsWidgetD div, #sectionalNav #RelatedTopicsL ul {
  margin-bottom: 15px;
  padding-bottom: 0;
  line-height: 1.1em;
}

#DiscussionsWidgetD h5 {
  margin-bottom: 3px;
}

#DiscussionsWidgetD p.Header {
  font-weight: bold;
}

#DiscussionsWidgetD span.Topics {
  padding-right: 4px;
  border-right: 1px solid #ccc;
  margin-right: 4px;
  float: left;
}

body#Lesson #DiscussionsWidgetD span.Topics {
  border-right: none;
}

#DiscussionsWidgetD span.Replies {
  float: left;
}

#DiscussionsWidgetD span.LastPosted {
  float: right;
}

body#Bookmark, body#Transcript {
  padding: 0;
  margin: 0;
}

.BookmarkText, body#Transcript #Transcript {
  background-color: #fff;
  margin: 10px 15px;
  padding: 15px;
  text-align: left;
}

body#Media {
  margin: 0;
  padding: 15px;
}
body#Media .Flash {
  margin-bottom: 20px;
}

/********** Site Search Pages **********/

.mainSearchPageForm {
  margin-bottom: 0;
}

body#Search #SearchBox, body#SearchDetails #SearchBox {
  border-top: 0;
  margin-bottom: 0;
}

#SearchBox label, #SearchBox input, #SearchBox .ButtonInput {
  float: left;
  margin-right: 6px;
}

#SearchBox label {
  font-weight: bold;
}

#SearchBox #objectType {
  float: left;
}

#SearchBox #keywords {
  width: 250px;
}

#SearchBox .ButtonInput {
  margin-top: 2px;
}

body#SearchDetails h2 {
  margin: 15px 10px 0;
}

.SearchResults {
  clear: left;
  padding-bottom: 10px;
  margin-bottom: 10px !important;
}

body#SearchDetails .SearchResults {
  padding: 10px;
}

#enhancedContentArea .SearchResults .Chunk {
  border-bottom: 1px solid #ccc;
  width: auto;
  margin-bottom: 10px;
}

#enhancedContentArea .SearchResults .Chunk .Child {
  margin: 0 0 15px 90px;
  clear: left;
}

.FlagJr {
  margin-bottom: 25px;
}

.SearchResults p.More { 
  font-weight: bold;
}

.SearchResults .Results {
  clear: left;
}

.SearchResults .Results p.More { 
  background: url(/resources/images/bullet-red_arrow.gif) top left no-repeat;
  padding: 0 0 0 6px;
  font-weight: normal;
}
body#Search p.Excerpt {
  margin: 0 0 0 10px;
}
/********** Profiles **********/
body#Profile div#tabContent h3 {
   
  padding: 5px 10px;
  margin: 0 -10px 15px;
  font-weight: normal;
  font-size: 1.3em;
}

body#Profile  #enhancedContentArea .Chunk {
  width: auto;
  margin: 0 0 10px;
  float: none;
}

#enhancedContentArea #editProfile .Section .FormRow label,
#enhancedContentArea #editProfile .Section .FormRowAlt label,
#enhancedContentArea #editProfile .Section p.label {
  width: 76px;
}

#enhancedContentArea #editProfile .Section .FormRowAlt label {
	font-weight: normal;
	text-align: left;
	width: 192px;
}

#enhancedContentArea #editProfile .Section .FormRow input,
#enhancedContentArea #editProfile .Section .FormRowAlt input,
#enhancedContentArea #editProfile .Section .FormRow select {
	float: left;
	margin-right: 0;
	width: 190px;
	
}

#enhancedContentArea #editProfile .Section .FormRow select {
  width: 190px;
}

#enhancedContentArea #editProfile .Section .FormRowAlt input {
	margin: 2px 8px 0 74px;
	width: 20px;
	
}

#enhancedContentArea #editProfile .Section .Bio .FormRow textarea {
  width: 190px;
  
  height: 250px;
}

#enhancedContentArea #editProfile .Section#Password .FormRow label {width: 135px;}

#enhancedContentArea #editProfile .Section#Password .FormRow input {width: 145px;}

#enhancedContentArea #editProfile .FormRowSubmit,
body#Avatar #enhancedContentArea .FormRowSubmit {
  margin-left: 0px;
  
  
}

#enhancedContentArea #editProfile .FormRowSubmit {
  margin: 0;
}


body#Avatar #enhancedContentArea .FormRowSubmit .Button,
body#Avatar #enhancedContentArea .FormRowSubmit .ButtonInput {
  
  
}

body#Avatar h2 {
  margin: 18px 10px;
}

#selectAvatar p {
  clear: both;
  font-size: .85em;
}

#enhancedContentArea #editProfile .FormRowSubmit .Button {
  margin-left: 15px;
}

#StudentCourses th, #InstructorCourses th {
  border-top: none;
}

#CourseRatings table .Last, #InstructorRatings table .Last {
  width: 175px;
  text-align: left;
}

#StudentCourses table .Last, #InstructorCourses table .Last {
  text-align: left;
}

#StudentCourses .fiveStarRating {float: right;}

body#Profile div#tabContent #CourseRatings h3, body#Profile div#tabContent #InstructorRatings h3, body#Profile div#tabContent #Topics h3, body#Profile div#tabContent #Posts h3, body#Profile div#tabContent #Reviews h3 {
  background-color: #fff;
  color: #000;
  padding: 0 10px;
  margin: 0 0 15px;
  font-weight: bold;
  font-size: 1em;
}

body#Profile #Reviews table td.Subject div {
  padding:10px;
  /*text-indent:-10px;*/
}

body#Profile #Topics td.Forum, body#Profile #Posts td.Forum, body#Profile #Reviews td.Course {
  padding:10px;
  text-indent:-10px;
  margin-left: 10px;
}
body#Profile #Topics td.Subject, body#Profile #Posts td.Subject, body#Profile #Reviews td.Subject { text-indent:-10px; margin-left: 10px; }
body#Profile #Topics td.Date, body#Profile #Posts td.Date, body#Profile #Reviews td.Date, body#Profile th.Date {width: 120px;}
body#Profile td.Ratings, body#Profile th.Ratings, body#Profile th.ProfileRating, body#Profile td.ProfileRating {width: 108px;}
body#Profile th.Name, body#Profile td.Name {}
body#Profile .MessageBoard td {
	padding: 10px;
	border-right: 1px solid #ccc;
}
body#Profile .MessageBoard .Ratings {float: none;}
body#Profile .MessageBoard th.ProfileRating {width: 130px;}
body#Profile .MessageBoard td.Last {border-right: none;}
#StudentCourses .First p {margin-bottom: 0;}
#StudentCourses .First h4 { margin-left: 1em; text-indent: -1em; }
#StudentCourses .Last p {margin-bottom: 4px;}
#StudentCourses hr {margin-bottom: 6px;}
#StudentCourses ul.UserActions {clear: left;list-style: none;padding: 0; margin-top: 10px; text-indent: -1em; margin-left: 1em;}
#StudentCourses ul.UserActions li {}

#InstructorCourses table .Last.ProfileRating {width: 175px;}

#ratingsTabContent .MessageBoard th, #postsTabContent .MessageBoard th, #reviewsTabContent .MessageBoard th {
	font-weight: bold;
	color:#333;background:#E7E7E7 url(http://welcome.hp-ww.com/img/beta_header-grey.gif) repeat-x scroll center bottom;;
	height: 24px;
}
#ratingsTabContent td {padding: 10px 0;}
#ratingsTabContent .MessageBoard th.First {width: 380px;}
#ratingsTabContent .MessageBoard th.ProfileRating {width: 80px; border-right: none;}

.Files, .Pictures {
  background-color: #e7e7e7;
  padding: 10px;
}
.Files div.Label, .Pictures div.Label{
  font-weight: bold;
  margin-right: 10px;
}
.Pictures .ThumbnailBox {
  float: left;
  width: 96px;
  padding: 0 2px 8px 2px;
  overflow: hidden;
  text-align: center;
}
.Pictures .ThumbnailBox .downloadLink {display: block;font-size: 11px;}
body#topRatedUsers div#tabDiv {margin-top: 10px;}
body#topRatedUsers div.tabContent ul {margin: 0; padding: 0; list-style: none;}
body#topRatedUsers div.tabContent li {
  float: left;
  width: 25%;
}
body#Profile div#forumsTabContent table.MessageBoard td span {margin-left: 1em; }

/* FAQ */

body#FAQ h3 { margin-top: 1em; }

/**** Forum Topics / Discussions ****/
body#Discussions div#Moderator {
  width: 230px;
  margin-bottom: 20px;
}
body#Discussions div#Moderator .Avatar {
  margin-right: 10px;
}
body#Discussions div#Moderator p {
  margin-top: 4px;
  font-size: 11px;
}
body#Discussions #discussionForum {
    padding-bottom:10px;
    overflow: hidden;
}

body#forumPostTopic #discussionForum,
body#discussionSubscribe #discussionForum {
    padding-bottom:0px;
}



body#Discussions #enhancedContentArea div.MessageBoardNav {
}
body#Discussions #forumSearch,
body#Discussions #forumSearch,
body#forumPostTopic #forumSearch,
body#discussionSubscribe #forumSearch {
    float:right;
    width:225px;
    margin-top: 1px;
}


body#forumPostTopic #forumSearch,
body#discussionSubscribe #forumSearch {padding-bottom:6px;}

body#forumPostTopic .forumTitle,
body#discussionSubscribe .forumTitle {
    float:left;
    padding:10px;
    font-weight:bold;
    }


body#Discussions #forumSearch label, body#forumPostTopic #forumSearch label, body#discussionSubscribe #forumSearch label  {
    display:none;
}

body#Discussions #forumSearch input.postInput, body#forumPostTopic #forumSearch input.postInput, body#discussionSubscribe #forumSearch input.postInput {
    margin:0;
    padding:0;
    border:1px solid #7f9db9;
      
}
body#Discussions #forumSearch input.forumSearchSubmit, body#forumPostTopic #forumSearch input.forumSearchSubmit, body#discussionSubscribe #forumSearch input.forumSearchSubmit {
    cursor: pointer;
}

body#Discussions #forumTopicNav {
    background-color:#ccc;
    border-top: 3px solid #4faf00;
    clear:both;
    text-align: center;
}
body#Discussions .Paginator {
  width: auto;
  text-align: center;
  font-weight: normal;
  margin: 0;
  padding: 5px 0; 
}
body#Discussions .Paginator span {
  border: none;
}
body#Discussions #forumTopicNav table {
  width: 100%;
}

td.Previous_Topic {
  width: 20%;
  text-align: left;
}
body#Discussions #forumTopicNav table td.Next_Topic {
  width: 20%;
  text-align: right;
}

body#Discussions #forumTopicNav p {margin:0px 0px 0px 10px; border-bottom:0px; float:left; color:#fff; font-size:.9em;}

body#Discussions .topicMetaData div
/*body#Profile .topicMetaData .topicLastPostDate,*/
/*body#Profile .topicMetaData .topicReplies,*/
/*body#Profile .topicMetaData .topicAuthor*/

 {
    float:left;
    text-align:left;
    background:none;
    margin-right: 10px;
    padding:0px;
    font-size: 11px;
    width: 140px;
    /*border-bottom: 1px solid red;*/
}
body#Discussions .topicMetaData .topicForum {
  width: 200px;
}
body#Discussions .topicMetaData .topicLastPostDate {
  text-align: right;
  width: 100px;
  margin-right: 0;
}
body#Discussions .topicMetaData .topicReplies {
  width: 60px;
}
body#Discussions .topicMetaData .topicForum a {
  text-decoration: underline;
}

body#Discussions #forumTopics, body#Discussions .topicReplies {
    padding-bottom:10px;
}

body#Discussions div.forumTopics{
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
    }

body#Discussions div.forumTopics a, body#Profile div.forumTopics a  {
    margin-bottom:10px;
    }


body#Discussions div.topicReplies a {
}

body#Discussions .topicMetaData {
  margin-top: 5px;
  padding-left: 10px;
}

body#Discussions .topicMetaData span {
 }

body#Discussions div.topicSort {
    width:auto;
  padding: 10px 0;
  font-weight: bold;
  clear: both;
    }

body#Discussions div.topicSort select {
 margin-right:11px;
 font-size:.8em;
}
body#Discussions div.topicSort select#forumName {
  width: auto;
  max-width: 325px;
  
}
body#Discussions div.topicSort form {
    margin:0px 0px 0px;
}


/**** Discussions Replies Page *****/
body#Discussions h2.topicTitle {
  clear: left;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0;
}
body#Discussions div.topicReplies {
    
    }

body#Discussions div.topicReplies td.Post p {
    overflow:hidden;
    width:100%;
}

body#Discussions div.topicReplies p.Error {padding-left: 0px; color: #900; font-weight: bold;}

body#Discussions .NavigationBar{
    /*float:right;*/
    font-size: .85em;
}

body#Discussions .pageIndex {
    border-bottom:1px solid #4faf00;
    margin-bottom:20px;
    clear:both;
}

body#Discussions .pageIndex p {
    margin:0px 0px 10px 0px;
    padding-left: 7px;
    text-align:right;
    font-size:.9em;
}

body#Discussions .pageIndex p span {font-weight:bold;}

body#Discussions .replySpacer  {
    border-top:1px solid #4faf00;
    margin:10px 0;
    height:3px;
    }
body#Discussions .ReportAbuse a.Report {
}





body#Discussions div.topicReplies a.backToTop {float:right; font-weight:normal;border:0px;width:80px;}
body#Discussions div.topicReplies a.backToForum {font-weight:normal;}





body#Discussions .MessageBoardNav {
    /*margin:0px;*/
}

body#Discussions .forumDatePosted {
    float:right;
    font-size:0.9em;
    margin-top:3px;
}


body#discussionSubscribe table.MessageBoard #PostNav {
    background:none;
    margin-left:132px;
    }


body#forumPostTopic #discussionForum .MessageBoard div.FormRow textarea,
body#forumPostTopic #discussionForum .MessageBoard div.FormRow input
 {
    width:330px;
    }
body#forumPostTopic #discussionForum .MessageBoard div.FormRow select {width:333px;}
body#Discussions div#replyEntry textarea { width: 305px; }
body#discussionSubscribe table.MessageBoard td,
body#forumPostTopic table.MessageBoard td,
body#Discussions div#replyEntry table.MessageBoard td

 { border: none;}
body#discussionSubscribe table.MessageBoard,
body#forumPostTopic table.MessageBoard,
body#Discussions div#replyEntry table.MessageBoard
 { border: none;}

/*** end discussions replies page ***/

#Overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#Overlay[id] { position: fixed; }

.modal {
	   position:absolute;
	   z-index:1000000;
	   background-color:#fff;
	}

body#Blogs .modal {z-index:1000000;}

#Modal_window {
	position: absolute;
	top: 200px;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#Modal_window[id] { position: fixed!important; }

#Modal_frame {
	position: relative;
	height: 100%;
}

#Modal_header {
	margin: 0;
	padding: 0;
}

#Modal_content {
	padding: 6px .75em;
}

#Modal_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#Modal_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#Modal_close:hover {
	background: transparent;
}

#Modal_loading {
	padding: 1.5em;
	text-indent: -10000px;
	/*background: transparent url(spinner.gif) 50% 0 no-repeat;*/
}

/* Color scheme */
.modal {
	padding-bottom: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#Modal_window {
	background-color: #EFEFEF;
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000;
	-moz-box-shadow: 0 0 64px #000;
	box-shadow: 0 0 64px #000;

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#Modal_content { border-top: 1px solid #F9F9F9; }
#Modal_header {
  border-bottom: 1px solid #CCC;
}
#Modal_caption { color: #000 }
#Modal_close { color: #777 }
#Modal_close:hover { color: #000 }


/* Alert message */
.Modal_alert {
	margin: 10px 0;
	text-align: center;
}

.sponsorLogo {margin: 10px; float: left;}
#Flag .Text .sponsorLogo {margin-left: 0px;}
.headerDelta .sponsorLogo,
body#Campus h1 .sponsorLogo {display: inline; margin-left: 20px; float: none;}
body#Campus .Content .sponsorLogo {margin-left: 0px;}
body#Campus #subCampus .Content .sponsorLogo {margin-left: 84px;}
.sponsorLink {color: #999;font-size: 11px; margin-left: 20px;}
body#Campus .sponsorLink {margin-left: 0px;}