/*  This style shees contains tools useful on every site */

/* Ensure content within containers clears properly */
        hr.ClearAll {
                clear: both;
                display: block;
                height: 1px;
                margin: 0 0 -2px 0;
                padding: 0;
                visibility: hidden;
        }

        .ClearFix:after {
                clear: both;
                content: ".";
                display: block;
                height: 0;
                visibility: hidden;
        }

        

        /* Hide from IE-mac \*/
        * html .ClearFix {
                height: 1%;
        }
        /* End hide from IE-mac */

        .FormRow:after, .FormRowAlt:after {
                clear: both;
                content: ".";
                display: block;
                height: 0;
                visibility: hidden;
        }

        

        /* Hide from IE-mac \*/
        * html .FormRow, * html .FormRowAlt{
                height: 1%;
        }
        /* End hide from IE-mac */

/*  Styling  */
    .bold, strong {
                font-weight: bold;
        }

    .italic, em {
                font-style: italic;
        }

        p {margin-top: 0px;}


/*This style sheet contains rules for content
   unique to the HP Learning Center. The majority
   of styles are to be pulled directly from HP.
*/

/*	List styles, not officially in OOV standards
		bu requested and approved by HP on 04/28/06.
		See bug 24634
*/

.button, .Button, .inputButton, .ButtonInput input {
	display: block;
    background-color:#333;
    border-color: #999 #000 #000 #999;
    border-style:solid;
    border-width:2px;
    color:white;
    cursor:pointer;
    font-family:Arial,Verdana,Helvetica,Sans-serif;
    font-size:11px;
    font-weight:bold;
    margin-right:0px;
    padding: 1px 0px;
    text-align:center;
}

.btnEnroll {width: 90px;}
.btnPlay {width: 55px;}
.btnRegister {width: 195px;}
.btnUploadFile {width: 90px;}

.inputButton {
        padding: 1px 6px 0;
}

.btnPrevious {
    float: left;
    background-color:#666666;
    border-color:#999999 #333333 #333333 #999999;
}
.btnNext, .btnNextSteps, .btnTakeSurvey {float: right;}
.btnTakeSurvey {float: right;}

.listAnchorBullet {
    color: #003366;
}
#optLinks .listAnchorBullet {color: #fff; padding-left: 10px;}

.theme .listAnchorBullet {
display:block;
float:left;
font-size:14px;
font-weight:bold;
margin-top:-2px;
}

.Button a:link, .Button a:visited, .Button a:active, .Button a:hover,
.button a:link, .button a:visited, .button a:active, .button a:hover,
.Button input {
	 color: #FFF;
	 text-decoration: none;
	 padding:0px 10px;
	 }

.caption {
	/*text-align: center;*/ /*	Cannot implement OOV centering of caption as some
															in-lesson images are not is contained within
															div.graphic or div.illustration. */
    margin-bottom: 10px;															
}

.themeheader {overflow: hidden; padding: 1px 0px;}

p.tip, p.tipbox {
	background-color: #e7e7e7;
	padding: 10px;
	margin-bottom: 15px;
}

span.tipheader {
	font-weight: bold;
}

td.warningseparator {
	background-color: #cc0000;
}

td.optIn img  { float: right; margin: 0 0 .5em .5em }

span.warningheader {
	font-weight: bold;
	color: #cc0000;
}
.italic {
	font-style: italic;
}

p.warning {
	background-color: #ffcccc;
	padding: 10px;
}

p.note,
div.note {
	padding: 10px;
	background-color: #ffffcc;
}

p.quote {
	font-style: italic;
}

div.graphic,
div.illustration {
	clear: both;
	margin-top: 15px;
	/*text-align: center;*/ /*	Cannot implement OOV centering of caption as some
															in-lesson images are not is contained within
															div.graphic or div.illustration. */
}

.newRow {clear: both;}

.illustrationname {
	font-weight: bold;
}

td.copyright p {font-size: 12px; color: #000; margin-top: 0px;}



td.lessonPageMain h1 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 2em;
}

.lessonPageMain h2 {
	font-size: 1em;
	font-weight: bold;
	margin-top: .3em;
}

td.lessonPageSidebar {
    width: 170px;
    padding-right: 4px;
    padding-left: 5px;
}

.lessonPageSidebar h2,
.sidebarheader {
	font-weight: bold;
	font-size: 9pt;
}

.lessonTitle {float: left; width: 80%;}
.lessonPageNum {float:right;margin:0px 10px 0px 15px;}

ul.overviewList {
	margin-top: 0;
	padding-top: 0;
}

.webActionError {
    color: red;
}
.Error {
  color: #c00;
}

.Error ul {padding-left: 10px;}
.Error li {margin-bottom: 5px;}
#SignIn .error ul {padding-left: 20px;}

#SystemMessage {
    font-weight: bold;
    color: #c00;
    padding: 12px;
    border: 1px solid #c00;
    margin-bottom: 12px;
}
#SystemMessage p {margin-bottom: 0px;}

td.enrollTitleLeft{
	border-left: solid 1px #CDCDCD;
}

td.enrollTitleRight{
	border-right: solid 1px #CDCDCD;
}

table.enrollBody{
	border-right: solid 1px #CDCDCD;
	border-left: solid 1px #CDCDCD;
	border-bottom: solid 1px #CDCDCD;
	background-color: #F0F0F0;
}

td.cellSpacer {padding-bottom: 10px;}

a.placement:link, div.placement td a:link, a.placement:visited, div.placement td a:visited {
    text-decoration: none !important;
}

a.placement:hover, div.placement td a:hover {
    text-decoration: underline !important;
}

a.placement:visited, div.placement td a:visited {
		color: #660066 !important;
}

/*	First and third levels use a solid disc */
.lessonPageMain ul {
	margin-left: .5em;
	padding-left: .5em;
}

.lessonPageMain ul li,
.contentlists li,
.lessonPageMain ul li ul li ul,
.contentlists li ul li ul {
	list-style-type: none !important;
	/*list-style-image: url(/resources/images/bullet_disc.gif);*/
	background: url(/resources/images/bullet_disc.gif) no-repeat 0 .45em;
	padding-left:10pt;
}

/*	Second and fourth levels use a hollow circle */
.lessonPageMain ul li ul,
.contentlists li ul,
.lessonPageMain ul li ul li ul li ul,
.contentlists li ul li ul li ul {
	list-style-type: circle !important;
}

ul.unpostedLesson {
	margin-left: 34px;
	padding-left: 0;
}

/* ***********  HEADER  *************** */

/*  most of the styles for the new stretch header are found on the hp stylesheet hpweb_eeeep_ov2.css - linked to the header */

  #stretchLogoWithPageTitleBlack #sectionTitle {padding: 17px 0px;}
  #stretchLogoWithPageTitleBlack #optLinks {padding: 10px;}


/********** Message Boards **********/

#Discussions h2 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
}

#Discussions #sectionalNav h2 {
    font-size: 12px;
    font-weight: normal;
}

#Discussions .MessageBoardSearch {
    width: auto;
    float: right;
    padding-bottom: 10px;
}

#Discussions .MessageBoardSearch label {
    float: left;
    margin: 3px 4px 0 0;
}

#Discussions .MessageBoardSearch input {
    float: left;
    margin-right: 4px;
}

#Discussions .MessageBoardSearch .Button {
    float: left;
    line-height: normal;
    margin-top: 2px;
}

.MessageBoard {
	border: 1px solid #ccc;
	margin-bottom: 12px;
	width: 100%;
	clear: both;
}

#Discussions .ForumView {border-right: 0;}

#Discussions #post.MessageBoard {border-width: 0 1px 1px 1px;}

#Discussions .MessageBoard td,
#AbusiveReviews .MessageBoard td {
	padding: 7px 4px;
}
#Discussions .MessageBoard .Even td.Spacer,
#Discussions .MessageBoard .Odd td.Spacer {border-right: none;}

#Discussions .MessageBoard td h4,
#AbusiveReviews .MessageBoard td h4 {
  font-weight: bold;
}
#Discussions .MessageBoard th {
	background-color: #003366;
	font-weight: bold;
	padding: 2px 4px;
  color: #fff;
}
#AbusiveReviews .MessageBoard th {
	background-color: #666;
	font-weight: bold;
	padding: 2px 4px;
  color: #fff;
}
#Discussions .MessageBoard .Even td, #Discussions .MessageBoard .Odd td,
#AbusiveReviews .MessageBoard .Even td, #AbusiveReviews .MessageBoard .Odd td {
    border-width: 1px 1px 0 0;
	border-style: solid;
    border-color: #ccc;
}
#Discussions .MessageBoard .Even,
#AbusiveReviews .MessageBoard .Even {
  background-color: #fff;
}

#Discussions .MessageBoard .Odd,
#AbusiveReviews .MessageBoard .Odd {
  background-color: #E7E7E7;
}

#Discussions .MessageBoard .Author,
#AbusiveReviews .MessageBoard .Author {
    text-align: center;
}

#Discussions .MessageBoard .Post,
#AbusiveReviews .MessageBoard .Post {
    text-align: left;
}

#Discussions .MessageBoard p.Disclaimer {
    font-size: .85em;
    margin: 0px 115px;
    clear: both;
}

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

#Discussions #PostNav.MessageBoardNav {
    margin-left: 113px;
    margin-bottom: 0px;
}

#Discussions .MessageBoardNav .Button {
    margin: -4px 10px 0 0;
    font-size: 1.2em;
    float: left;
}

#Discussions .MessageBoardNav .Button a {
    float: none;
    border: 0;
    padding:1px 5px;
    margin: 0;
}

#Discussions .MessageBoardNav a {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin: 3px 10px 0 0;
    float: left;
    
}

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

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

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

#Discussions .MessageBoardNav div.topDateRange,
#Discussions .MessageBoardNav div.bottomDateRange {
    float: left;
    
    
}

#Discussions .MessageBoardNav div.DateRange select {
    width: 95px;
    
    vertical-align:middle;
}

#Discussions .MessageBoardNav .listAnchorBullet {float: left;}

#Discussions .MessageBoardControls {
  clear: both;
}

#Discussions .MessageBoardControls div {
  margin-right: 12px;
}

#Discussions .MessageBoard .Ratings div {
  float: left;
  margin-left: 5px;
}
#Discussions .MessageBoard .ReportAbuse {
  text-align: right;
}
#Discussions .MessageBoard .ManageAbuse {
  clear: both;
}
body#Discussions .MessagePost .FormRow label {
  width: 120px;
}

.MessageBoard #FormattingHints {
    border:1px solid gray;
    display:block;
    float:right;
    margin-right:25px;
    margin-top:-210px;
    padding:8px;
    width:130px;
    
    
}

.MessageBoard #FormattingHints ul.Characters {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

body#Discussions h3 span {
    font-weight:bold;
    font-size:1.1em;
    }

#Discussions #replyEntry .MessageBoard {
    border: 1px solid #CCC;
}

#Discussions .Paginator {margin-bottom: 10px;}

#Discussions #BackToDiscussions {float:right;}
#Discussions #NotifyMe { margin-left: 113px; overflow: hidden;}
#Discussions #NotifyMe #NotifyMeInput {margin-right: 20px;}
#Discussions #NotifyMe #NotifyMeInput,
#Discussions #NotifyMe #NotifyMeSettings {float: left; }
#Discussions #NotifyMe #NotifyMeSettings div.Button { float: left; margin-right: 10px;}

/*	Instructor / Helpdesk Session Overview */

td.sessionTableCell0 {
  border: solid 1px #999;
	border-top: 0;
}
td.sessionTableCell {
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
}

.tableDecoration {
    background-color:#CCC;
}

.lessonPageMain a:link,
.lessonPageMain a:visited,
.lessonPageSidebar a:link,
.lessonPageSidebar a:visited,
.enlargeImage,
.enlargeImage:link,
.enlargeImage:visited,
.enlargeimage:link,
.enlargeimage:visited{
	text-decoration: underline !important;
}

#SiteMap ul {
  margin: 0px;
  padding: 0px;
}

#SiteMap li {
  display: inline;
  padding: 0 10px 0 0;
}

#SiteMap li.First {
  padding-left: 0;
}

#SiteMap li.Last {
  clear: left;
  display: block;
  padding-left: 0;
}

/********** Tool Tips **********/
div.tooltip {
  font-size: 8pt;
  color: #151f1f;
  text-align: left;
  width: 270px;
}

div.tooltip h4 {
  background: url( /resources/images/bg-tool-tip.gif ) top left no-repeat;
  color: #151f1f;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 13px 10px 5px 10px;
  text-shadow: 2px 2px 1px #222;
}

div.tooltip p {
  background: url( /resources/images/bg-tool-tip.gif ) bottom left no-repeat !important;
  font-size: 1em !important;
  margin: 0;
  padding: 0 10px 15px 10px;
  text-shadow: 2px 2px 1px #222;
}

div#rssLink a.udrlinebold {
  background: url( /resources/images/rss.gif ) bottom left no-repeat;
  display: block;
  padding-left:33px;
}



/**************** HOW-TO in 2 ******************/
#Transcript {
  height: 250px;
  width: 764px;
  overflow: auto;
  border: 2px inset #ccc;
  padding: 3px;
}
#Transcript h1, #Transcript h2 { font-size: 1.2em; }
.Howto_Product p { margin-top: 0; }


/* Formrows */
.FormRow,
.FormRowAlt,
.FormRowSubmit {
	clear: both;
	margin: 0 0 .5em 0;
	padding: 2px;
}

body#Discussions .MessageBoard div.FormRow label
{

	width:100px;
}

body#Profile .FormRow,
body#Profile .FormRowSubmit {
	margin: 0;
	padding: 0;
	height: 35px;
}

body#Profile .Bio .FormRow {height: auto;}
body#Profile .FormRowAlt {
	margin: 0;
	padding: 0;
	height: 25px;
}

.FormRow label,
.FormRowAlt label,
p.Label {
	float: left;
	font-weight: bold;
	margin: 0 12px 4px 0; /* May need an IE override - use browser detector */
	padding: 3px 0;
	text-align: right;
	width: 220px;

}

body#Profile .FormRow label {
    width: 130px;
    font-weight: normal;
    text-align: left;
}

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

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

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

.FormRow input[type="text"],
.FormRowAlt input[type="text"],
.FormRow input[type="password"],
.FormRowAlt input[type="password"],
.FormRow textarea,
.FormRow select {

}

.FormRow textarea.largeTextarea { width: 400px; }

.FormRowAlt input {
	margin-left: 200px;
	width: 20px;
}

body#Profile .FormRowAlt input {margin-left: 140px;}
body#Profile .FormRowExtendedLabel {margin-bottom: 5px;}
body#Discussions #replyEntry .FormRow input,
body#Discussions #post .FormRow input,
body#Discussions #replyEntry .FormRow textarea {width: 450px;}
body#Discussions #post .FormRow textarea {width: 450px;}

body#Discussions .FormRow .Button {margin-left: 113px;}

body#Profile .FormRow #bioLong {height: 150px;}

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

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

div.FormRowSubmit {
	padding-left: 230px;
}

#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 */
}

.FormRowSubmit div.ButtonInput, .FormRowSubmit div.Button {
  /* May need an IE override for top margin - use browser detector */
  margin-top: 17px;
  float: left;
}

/* Profile */
#Profile h1#Profile_Headline span {
  background-color: #336633;
  padding: 2px 10px;
  display: block;
  font-weight: bold;
  font-size: 12px;
  margin-top: 0px;
  color: #fff;
  
}
body#Profile h1 span {
}
body#Profile .MessageBoard {
  width: 100%;
  border-width: 0px 1px 0px 1px;
}
#InstructorProfile .MessageBoard th, #Profile .MessageBoard th {
  background-color: #336633;
  font-weight: bold;
  padding: 2px 8px;
  color: #fff;
  
}
#Profile dd {
	clear: right;
	display: block;
	margin-bottom: .5em;
	margin-left: 13em;
}

#Profile dl {
	clear: both;
	display: block;
	margin-bottom: 1.5em;
	margin-left: 1em;
	padding: 10px;
	margin-top: 3px;
	width: 93%;
  border: 1px solid #ccc;
}

#Profile dl.SessionStatus {}

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

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

#InstructorProfile div.fiveStarRating {
  width: 280px;
}
#InstructorProfile #EnrolledCourses .Odd, #InstructorProfile #PreviouslyEnrolled .Odd {
  background-color: #fff;
}
div#UserInfo {
  padding: 12px 0;
}

#tabbedNavEnhanced {margin-bottom: 0px;}
#tabbedNavEnhanced .tab {
    margin:2px 0 0;
    padding:5px;
    background-image: url( /resources/images/bg_homepage_tab.gif);
    background-position: top right;
    background-repeat: no-repeat !important;
    text-align: left;
    }
#tabbedNavEnhanced .tabSelected {
    padding: 7px 5px 3px;
    background-image: url( /resources/images/bg_homepage_tab.gif);
    background-position: top right;
    background-repeat: no-repeat !important;
    margin: 0px;
    
    }
#tabbedNavEnhanced .tab span {display: block; float: left; margin-left: 20px;}
#tabbedNavEnhanced .tabSelected span {margin-left: 20px;}
#tabbedNavEnhanced .tab span a {padding: 0px;}
body#Home div.innerTabs ul li a:hover {text-decoration: underline;}
body#Home div.innerTabs ul li.tabLink .listAnchorBullet {color: #fff}
div.innerTabs ul {
  margin:0;
  padding:0;
}

div.innerTabs {
  /*border:0px;*/
  /*clear: both;*/
  /*position:relative;*/
  /*width:100%;*/
  /*padding: 5px 0px;*/
}

div.innerTabs ul li  {
    display:block;
    float:left;
    font-weight:bold;
    list-style-type:none;
    padding:5px 10px 2px;
    width:100px;
}

div.innerTabs ul li.selectedTab {
    background-color: #336633;
	background-image: url( /resources/images/bg_homepage_tab.gif);
    background-position: top right;
    background-repeat: no-repeat !important;
    color: #fff;
    
}

div.innerTabs ul li a {}

div.innerTabs ul li.selectedTab a {
    
	margin-top:0;
	cursor:default;
	text-decoration:none;
	font-weight:bold;
	
    
    
    color: #fff;
    
}

body#Home div.innerTabs ul li {width: 180px; border-right: 1px solid #fff;}
body#Home div.innerTabs ul a {
    width: 100%;
    
    float: none;
    text-align: left;
    color: #fff;
    font-weight: bold;
    padding: 0px 0px;
    margin: 0px;
    display: block;
}
body#Home div.innerTabs #tabBottomBorder {clear: both; height: 3px;}

.innerTabContent {
  border-top:3px solid #fc0;
  clear:both;
  padding: 15px 0;
  position:static;
}

body#Home .innerTabContent {border-top: none;}

.innerTabContent table {
  margin-bottom: 10px;
}
.innerTabContent table tbody tr td {
  border-bottom: 1px solid #ccc;
  padding: 4px 8px;
}
.innerTabContent h3 {
  font-size: 11px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 2px 8px;
  margin-bottom: 0px;
}

body#Profile .innerTabContent {border-top: 3px solid #336633}

body#Profile .innerTabContent p {margin-top: 0px; margin-bottom: 3px;}
body#Profile .innerTabContent #Public p {margin-bottom: 10px;}
body#Profile .innerTabContent #Profile h3 {margin-bottom: 10px;}
body#Profile .innerTabContent dl {margin-top: 15px;}

/********************  HOME PAGE  *************************/


.pageLayoutWide #sectionalNav h2 {font-size: 12px;}
.pageLayoutWide #sectionalNav h3 {margin-bottom: 8px;}
.pageLayoutWide #sectionalNavLinks {border: 0;}
.pageLayoutWide #sectionalNav .linksUnit .linksUnit {margin-bottom: 10px;}
.pageLayoutWide #sectionalNav .linksUnit {padding-left: 0px; text-indent: 0px;}

.linksUnit h2 {color: #000;}
.linksUnit li {overflow: hidden;}
.linksUnit li li {padding-left: 12px;}
.linksUnit li li span {margin-left: -13px;}

.HangingIndent {margin-left: 10px; padding-left: 10px;}
.HangingIndent span {margin-left: -10px;}
#HTQLCourses .HangingIndent {padding-left: 0px; display: inline; }
#HTQLCourses .HangingIndent span {}

h2.theme {padding: 2px 10px;font-weight: bold; margin: 0px 0px 10px 0px;}

#atHomeWorkTabTopContent {margin-bottom: 15px;}
#atHomeWorkTabTopContent .LeftColumn {float:left;}
#atHomeWorkTabTopContent .LeftColumn div.Button {display: block; width:130px;}
#atHomeWorkTabTopContent .LeftColumn div.Button a {padding: 0px 7px;}
#atHomeWorkTabNotLoggedIn, #atHomeWorkTabLoggedIn {background-color: #DCDCDC; width: 190px; overflow: hidden;}
#atHomeWorkTabNotLoggedIn ul {list-style-type:none; margin: 20px; padding: 0px;}
#atHomeWorkTabNotLoggedIn li {margin-bottom: 4px; }
#atHomeWorkTabNotLoggedIn span {font-weight: bold;}

#atHomeWorkTabNotLoggedInRegister {margin: 10px 15px; float: none; }
#atHomeWorkTabNotLoggedInSignIn {margin: 10px 15px; clear: left;}
#atHomeWorkTabNotLoggedInSignIn input#emailAddress,
#atHomeWorkTabNotLoggedInSignIn input#password {width:144px;}
#atHomeWorkTabTopContent #atHomeWorkTabNotLoggedInSignIn div.Button a {padding: 2px 41px;}
#atHomeWorkTabNotLoggedInSignIn form {margin-top: 0px;}
#atHomeWorkTabNotLoggedInSignIn .buttonPrimary {float: left; margin-bottom: 10px;}

#atHomeWorkTabLoggedIn {height: 140px;}
#atHomeWorkTabLoggedIn div {margin: 10px 20px;}
#atHomeWorkTabLoggedIn #loggedInWelcome {font-weight: bold;}
#atHomeWorkTabTopContent #atHomeWorkTabLoggedIn div.Button {width: 115px; }

#featuredCoursePlacement {float:left;margin-left:10px;width:564px;}
body#SignIn div.theme,
.lessonPageSidebar div.theme,
#seeAlsoList div.theme {height: 3px; margin-bottom: 5px; }
#FeaturedCourse .allClassesLink {clear: left;}
#FeaturedCourseImage {float: left; margin-right: 15px;}
#FeaturedCourseOverview {margin-left: 195px;}
#FeaturedCourseOverview .HangingIndent {margin-left: 0px;}
#FeaturedCourseDescription {overflow: hidden;}
#FeaturedCourseDescription p {margin: 3px 0px;}
#FeaturedCourseDescription div.fiveStarRating {float:left; margin-top:5px; width:200px; font-size: 11px;}
#FeaturedCourseDescription div.Button {float: right; margin-top: 5px;}
#FeaturedCourseDescription ul {list-style-type: none; margin: 0px; padding: 0px;}

body#Campus #FeaturedCourse {float: left;}

#atHomeWorkTabBottomContent .campusSection {overflow: hidden; margin-bottom: 10px;}
#atHomeWorkTabBottomContent .CampusBlock {float:left; margin:10px 10px 10px 0; overflow:hidden; width:244px;}
#atHomeWorkTabBottomContent .CampusBlock .LeftColumn {margin-right:10px; width:64px; float: left;}
#atHomeWorkTabBottomContent .CampusBlock .RightColumn {float: left; width: 170px;}
#atHomeWorkTabBottomContent .CampusBlock h3 {background: #fff; margin-top:0; padding-left:11px; padding-top:0; font-size: 12px;}
#atHomeWorkTabBottomContent .CampusBlock h3 span {margin-left:-11px;}
#atHomeWorkTabBottomContent .CampusBlock p {margin: 0px;}
#atHomeWorkTabBottomContent .CampusBlock img {border: 0;}
#atHomeWorkTabBottomContent #seeAlsoList ul {list-style-type: none; margin: 0px; padding: 0px;}
#atHomeWorkTabBottomContent #seeAlsoList {}
#atHomeWorkTabBottomContent #quickContentPreviews {margin-bottom: 20px; overflow: hidden;}
#atHomeWorkTabBottomContent #quickContentPreviews h2.theme {margin-bottom: 20px;}
#atHomeWorkTabBottomContent #quickContentPreviews .HangingIndent {margin: 0px 0px 3px 0px;}
#atHomeWorkTabBottomContent #quickContentPreviews .HangingIndent {width: 48%; float: left;}
#atHomeWorkTabBottomContent #quickContentPreviews .HangingIndent span {margin: 0px 0px 10px 0px;}

body#Campus #quickContentPreviews {margin-bottom: 15px;}
body#Campus #quickContentPreviews span,
body#Home #quickContentPreviews span {display: block;}
body#Home #quickContentPreviews span.listAnchorBullet,
body#Campus #quickContentPreviews span.listAnchorBullet{display: inline;}

body#Home #top3Classes,
body#Home #featuredInstructor {width: 248px; float: left; margin-right: 10px;}
body#Home #top3Classes .topClass {overflow: hidden; clear: left; padding-left: 11px;}
body#Home #top3Classes span {display: block; float: left; margin-left: -11px;}

body#Home #featuredInstructorHeader {margin: 10px 0px;}
body#Home #featuredInstructorHeader #featuredInstructorImage {width: 70px; float: left;}
body#Home #featuredInstructorHeader #featuredInstructorTitle {width: 175px; float: left; font-weight: bold;}
body#Home #featuredInstructor img {border: 0px none}

#homepagePoll {width: 248px; float: left;}
#homepagePoll h2.theme,
#homepagePoll div.theme {margin-bottom: 0px;}
#homepagePoll .Survey {background: #DCDCDC; overflow: hidden; }
#homepagePoll,
#homepagePoll .Survey form,
#homepagePoll .Survey form div {overflow: hidden;}
#homepagePoll .SurveyQuestionError,
#homepagePoll .SurveyQuestion {font-weight: bold; margin: 10px; color: #000; }
#homepagePoll .SurveyQuestion a {text-decoration: underline;}
#homepagePoll .SurveyAnswers {margin: 10px 10px 5px 10px; overflow: hidden;}
#homepagePoll .SurveyAnswers div {overflow: hidden; margin-bottom: 10px;}
#homepagePoll .SurveyAnswers .FormRowAlt {margin-bottom: 2px;}
#homepagePoll .SurveyAnswers input {margin-left: 0px;}
#homepagePoll .SurveyAnswers label {width: 190px; margin: 0px;}
#homepagePoll .SurveyAnswers span {float: left; width: auto;}
#homepagePoll .SurveyAnswers object,  /* for IE */
#homepagePoll .SurveyAnswers object embed /* for FF */ {clear:left; width:100%;}
#homepagePoll .listAnchorBullet {margin-left: 10px;}
#homepagePoll .Button {float: right; margin: 0px 10px 10px;}
#homepagePoll .SurveyViewResults {margin-bottom: 10px;}
.Survey .text {margin: 10px;}
#homepagePoll .Error {padding: 10px 0px 0px 20px; margin: 0px;}
#homepagePoll form {margin: 0px;}

body#Campus #homepagePoll {margin-left: 10px;}

body#AllClasses h2.campusTitle,
body#Home #allClassesContent h2 {font-weight: bold; margin-bottom: -2px; font-size: 12px;}
body#Home div.headerThemeBorder,
body#AllClasses #headerThemeBorder,
body#Home #allClassesContent #headerThemeBorder {height: 3px; }

body#Home #allClassesContent .newmarker {margin-left: 0px;}
body#Home #allClassesContent p.bold {margin-bottom: 0px;}

#allClassesTabContentCourseList { margin-bottom: 20px; }
#allClassesTabContentCourseList p {
    margin-top: 0px;
    margin-bottom: 0px;
}


body#Home #allClassesTabContentCourseList h2 {
    margin: 10px 0px;
}
body#Home #allClassesTabContentCourseList h2.campusTitle {
    margin: 10px 0px -2px 0px;
}

body#Home #myClassesContent h2.theme {
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
}
body#Home #myClassesContent p {margin-top: 10px;}

body#Home #myClassesContent table {margin-top: 10px; margin-bottom: 0px;}
body#Home #myClassesContent table tbody {width: 100%;}
body#Home #myClassesContent table tbody tr td {border-bottom: none; padding: 0px;}
body#Home #myClassesContent table tbody tr td.theme {height: 3px; font-size: 3px;}
body#Home #myClassesContent table tbody tr td.theme a {}
body#Home #myClassesContent table span.listAnchorBullet {float: none; display: inline; margin-left: -5px;}
body#Home #myClassesContent table table {margin-top: 0px; margin-bottom: 0px;}
body#Home #myClassesContent table table tbody tr td {border:1px solid #DEDEDE; padding:3px 10px;}
body#Home #myClassesContent table table tbody tr td.small {padding-left: 15px;}

/* these styles are for the tables on the sessions/index.jsp page*/
.ClassGrid table td.small {border:1px solid #DEDEDE; padding:3px 10px}
.ClassGrid table table {margin-bottom: 10px;}
table.transcript {margin-top: 10px;}
                                                                                               k, 
body#Home #gettingStartedContent h2 {font-size:15px; font-weight:bold;}
body#Home #gettingStartedContent h3 {font-size:12px; font-weight:bold; background-color: #FFF; color: #000; padding: 0px; margin-bottom: 10px;}
body#Home #gettingStartedContent div.theme {font-size: 3px; margin-top: -2px; height: 3px;}

body#Home #gettingStartedContent ul {list-style-type: none; margin: 0px; padding: 0px;}
body#Home #gettingStartedContent ul li ul {margin:0px 0px 10px 10px; padding-left: 10px; list-style-type: disc;}

body#Register .FormRowAlt {margin: 0px; padding: 0px;}
body#Register .FormRowAlt label {margin: 0 12px 0 0; padding: 3px 0 0; width: auto}
body#Register .FormRowAlt input {margin-left: 100px; clear: left;}
body#Register .FormRowExtendedLabel {margin-bottom: 10px;}
body#Register .FormRow .FormRowExtendedLabel label {width: 600px;}
body#Register span.required {float: left; margin-right: 3px;}

body#SignIn div.note {overflow: hidden; margin-top: 10px; border: 1px solid #CCC;}
body#SignIn div.note div.Button {float: right; margin-top: 10px;}

body#Register .FormRow label,
body#ResetPassword .FormRow label {font-weight: normal; width: 150px; text-align: left;margin: 0 12px 0px 0; padding: 5px 0;}
body#ContactUs .FormRow label {font-weight: normal; width: 100px; text-align: left;margin: 0 12px 0px 0; padding: 5px 0;}
#resetPassword {width: 405px; margin-top: 10px;}
.buttonPrimary {float: right;}

/************************************************************/

#EnrolledCourses, #PreviouslyEnrolled {
  margin-bottom:12px;
}
#EnrolledCourses a, #PreviouslyEnrolled a {
  font-weight: bold;
}
#EnrolledCourses .Odd, #PreviouslyEnrolled .Odd {
  background-color: #e0e0e0;
}
#EnrolledCourses .Even, #PreviouslyEnrolled .Even {
}
#EnrolledCourses .MessageBoard td {width: 50%;}
#EnrolledCourses .MessageBoard td p {margin-left: 10px;}
#StudentCourses .First p {margin-bottom: 0;}
#StudentCourses .Last p {margin-bottom: 4px;}
#StudentCourses hr {clear: both;}
#StudentCourses ul.UserActions {clear: left; margin-left:-39px;}
#StudentCourses ul.UserActions li {
    list-style-type:none;
    padding-left:0px;
    
}


img#InstructorAvatar  {
	float: left;
	/*margin: 0 8px 16px 0;*/
}

.Avatar img {border: none;}

.ratingText {
display:inline;
line-height:21px;
margin-left:4px;
font-size: 11px;
font-weight: normal;
}

div#Public, div#Private, div#Email, div#Password {
  border: 1px solid #e8e8e8;
  padding: 1.5em;
  margin-bottom: 1em;
}

body#Profile .Display {margin-bottom: 5px;}

th.ProfileRating {
  width: 200px;
}

#HomepageSurvey div.Button {
  background: url(/resources/images/btn/submit.gif) no-repeat left;
  height: 20px;
  width: 60px;
  float: right;
  text-indent: -9999px;
  padding: 0;
  border: none;
}
#HomepageSurvey div.Button a {
  display: block;
  height: 20px;
  width: 60px;
}
#HomepageSurvey .SurveyQuestion {
  font-weight: bold;
  margin-bottom: 1em;
  margin-top:-3px;
}
#HomepageSurvey .SurveyAnswers {
  list-style: none;
  list-style-image: none;
  padding: 0;
  margin: 0 0 10px 0;
}
#HomepageSurvey .SurveyAnswers li {
  margin-bottom: 5px;
}
#HomepageSurvey .SurveyAnswers span {
  margin: 0;
  display: block;
}
#HomepageSurvey .SurveyViewResults {
  float: none;
  clear: none;

}
#HomepageSurvey .SurveyAnswers .FormRow input, #HomepageSurvey .SurveyAnswers .FormRowAlt input {
  width: auto;
  margin-left: 0px;

}

#HomepageSurvey .SurveyAnswers .FormRowAlt label {
  width: 210px;
  font-weight: normal;
  padding: 2px 0;
  text-align: left;
  margin-left:-10px;

}

/*             styles for the star rater                */
	div.fiveStarRating {
	    margin-top: 3px;
	    width: 200px;
	    font-size: 11px;
	    font-weight: normal;
	    float: left;
	}

	.star-rating, body#InstructorProfile .star-rating {
	    list-style-type:none;
		margin: 0px;
		padding:0px;
        float: left;
        width: 75px;
		height: 16px;
		position: relative;
		overflow:hidden;
		background: url(/resources/images/rating/rating_star.gif ) top left repeat-x;
	}

    body#Profile #EnrolledCourses .MessageBoard .Odd .star-rating{
	    list-style-type:none;
		margin: 0px;
		padding:0px;
        float: left;
        width: 75px;
		height: 16px;
		position: relative;
		overflow:hidden;
		background: url(/resources/images/rating/rating_star_gray.gif) top left repeat-x;
	}

	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */

    }
	.star-rating li a{
		display:block;
		width:15px;
		height: 16px;
		line-height:16px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover, body#InstructorProfile .star-rating li a:hover{
		background: url(/resources/images/rating/rating_star.gif ) left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}

	body#Profile #EnrolledCourses .MessageBoard .Odd .star-rating li a:hover{
		background: url(/resources/images/rating/rating_star_gray.gif ) left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}

	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:15px;
	}
	.star-rating a.two-stars{
		left:15px;
	}
	.star-rating a.two-stars:hover{
		width: 30px;
	}
	.star-rating a.three-stars{
		left: 30px;
	}
	.star-rating a.three-stars:hover{
		width: 45px;
	}
	.star-rating a.four-stars{
		left: 45px;
	}
	.star-rating a.four-stars:hover{
		width: 60px;
	}
	.star-rating a.five-stars{
		left: 60px;
	}
	.star-rating a.five-stars:hover{
		width: 75px;
	}
	.star-rating li.current-rating, body#InstructorProfile .star-rating li.current-rating{
		background: url(/resources/images/rating/rating_star.gif ) left center;
		position: absolute;
		height: 16px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	 body#Profile #EnrolledCourses .MessageBoard .Odd .star-rating li.current-rating{
		background: url(/resources/images/rating/rating_star_gray.gif ) left center;
		position: absolute;
		height: 16px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
    /* remove halo effect in firefox   */
	a:active{
		outline: none;
	}


body#Discussions .AbuseForm .FormRowValue input {
    border:0px none;
    margin:1px -121px 0px -32px;
    
    
}

body#ReportAbuse .FormRowValue input  {
    border:0px none;
    /*margin:1px -121px 0px -125px;*/
    
    
}

body#Discussions .AbuseForm .FormRow label {
    line-height:22px;
    margin-bottom:15px;
    margin-top:-7px;
    margin-left:-22px;
    width:80px;
    font-weight:bold;
}



body#Discussions .AbuseForm #AbuseType label {
    width:100%;
    text-align:left;
    padding-left:37px;
    /*height:29px;*/
    margin-bottom:0px;

    }

 body#Discussions .AbuseForm #AbuseType input {
 margin-left:-10px;
 
  
}


    
    
    
    

    

 

    
    

    

body#Discussions .AbuseForm .PostContent {
    margin-left:92px;
    display:block;
    /*margin-top:-20px;*/

    }

body#Discussions .AbuseForm .FormRow textarea.dataTable-text-entry {
    width:90%;

    }

body#Discussions .SubscribeForm .FormRowAlt input {margin-left:110px;}
body#Discussions .SubscribeForm .FormRowAlt label {width:228px; margin-left:-10px; margin-top:-2px;}
body#Discussions .SubscribeForm .FauxLabel {font-weight:bold;}
body#Discussions .SubscribeForm .PostContent {padding-top:3px;}



/**** prevent wrapping of text under raquos in Profile ****/
body#Profile span.listAnchorBullet {margin-left: -10px;}
body#Profile th.First,
body#Profile td.First {padding-left:15px; width: 200px;}
body#Profile th.Subject,
body#Profile td.Subject {width: 444px;}
body#Profile th.Date,
body#Profile td.Date {width: 120px;}
body#Profile table.MessageBoard tr.Odd td.First h4 span, body#Profile table.MessageBoard tr.Even td.First h4 span  {
    float:left;
    margin-left:-8px;
    margin-top:-2px;

}

body#Profile ul.UserActions li span {
    float:left;
    margin-left:-8px;
    margin-top:-2px;
    margin-right:-4px;

}

body#Profile #tabDiv {clear: left;}

body#Profile #UserMoniker p {margin-bottom: 0px;}
body#Profile #UserMoniker p .label {font-weight: bold;}
body#Profile #UserInfoInstructions {margin-top: 10px;}

td.theme {height: 4px; font-size: 3px;}

#Overlay {position: absolute;top: 0px; background-color: #000; }

#FileUpload, .MBFileUpload {
   /*height:400px;*/
   background-color:#fff;
   /*padding: 0 45px 20px;*/
   /*border: 1px solid #8a8a8a;*/
}

#FileUpload h3 {
    background-color:#003366;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:2px 0 2px 10px;
    
}

#FileUpload #uploadForm {padding: 20px 25px;}

#FileUpload #FileUploadElement {}

#FileUpload input {
    margin-bottom: 10px;
}

#uploadSubmitButton {
    width: 70px;
    float: left;
     
}

#uploadForm a.Modal_focusable {
    margin-top: 3px;
    
    display: inline-block;
    font-size: 11px;
}

#ProgressBar {
  height: 40px;
}
#ProgressBar #progressBarBox {
  border: 1px solid #000;
}
#ProgressBar #progressBarBox #progressBarBoxContent {
  background-color: #ccc;
  height: 15px;
}

.Pictures .ThumbnailBox {margin-top: 5px;}
.Pictures .ThumbnailBox img {margin: 5px 10px 0px 0px; border: none;}

#uploadedMedia {margin-left: 80px;}
#uploadedMedia .ThumbnailBox {float:left; margin-right:15px;}

#ReportAbuseForm {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    padding:15px 0;
    position:absolute;
    width:558px;
}


#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 label {
    text-align: right;
    float: left;
    margin: 0 10px 0 0;
}

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

#AbuseType {
    margin-bottom: 15px;
}

#ReportAbuseForm .MessageBoardNav {
    padding: 0px 0px 0px 103px;
    margin: 0;
    width: 268px;
}

#ReportAbuseForm .MessageBoardNav .Button {
    margin-right: 10px;
    float: left;
    width: 90px;
}

#ReportAbuseForm #AbuseType .FormRowValue {
    margin-bottom: 4px;
    float: right;
    width: 80%;
    height: 18px;
}

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

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



/*  Styles added for Review   */
#ReviewQuickLinks {clear: left; margin: 0px; padding: 0px; list-style-type: none;}
#ReviewQuickLinks li {margin-right: 15px; float: left; width: auto;}
#ReviewQuickLinks li.First {
  margin-right:50px;
  
}
#ReviewQuickLinks li.rightLink {margin-right: 0px; float: right;}

#Reviews {margin-top: 10px;}

div.theme {height: 16px; font-size: 12px; margin-bottom: 10px; }
div.theme h2 {margin: 0px 0px 0px 10px;}
div.theme a {}

#Reviews .fiveStarRating {float: left;}
#Reviews .Avatar {width: 100px; margin-right: 10px; float: left;}
#Reviews .User {float: left;}
#Reviews .Text {float: left; width: 654px;}
#Reviews .Text p {margin-bottom: 5px;}
#Reviews .Review {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
#Reviews .Review:first-child {border-top: none;}
#Reviews .ReviewSpecs .Date {float:right; padding:4px 0 4px 4px; margin-top: 2px;}
#Reviews .ReviewSpecs .fiveStarRating {border-right:1px solid #CCCCCC; float:right; padding-right:5px; margin-left: 20px; width: auto;}
#Reviews .ReviewSpecs .star-rating {margin-top: -1px;}
#Reviews .Review h3 {font-weight: bold;}
#Reviews .Review .Abuse {float: right;}
#Reviews .Review .Abuse span {margin-left: 15px;}
#Reviews .overallRatings {margin: 10px 0px; overflow: hidden;}
#Reviews .overallRatings span {float: left; margin-right: 20px;}

#replyEntry { margin-top:12px; }
#replyEntry div.theme {margin-bottom: 10px;}
#replyEntry .User { width:85px; }
.PostPreview .postinfo,
#replyEntry .postinfo { width:435px; }
#replyEntry .postinfo,
#replyEntry .postbody .subject,
#replyEntry .postbody .postbody { margin-bottom:3px; }
#replyEntry #fileUpload, #replyEntry #uploadedMedia { margin-top:10px; }
#replyEntry #fileUpload .Button,
#replyEntry #uploadedMedia,
#replyEntry .MessageBoard p.Disclaimer,
#replyEntry #PostNav.MessageBoardNav { margin-left: 113px; }

#PostReview span.reqAsterisk {font-weight: bold; color: #CC0000; font-size: 17px;}
#PostReview .FormRow,
#PostReview .FormRowAlt,                                         coi
#PostReview .FormRowSubmit {margin: 0px 0px 3px; padding: 0px;}
#PostReview .User { width:100px; }

#PostReview .FormRow label,
#PostReview .FormRowAlt label {margin: 0px 12px 0px 0px; width: 115px; text-align: left;}
#PostReview input {width: 410px;}
#PostReview textarea {width: 412px;}
#PostReview textarea {height: 75px;}

.ReviewNav {width: 412px; margin: 10px 0px 0px 128px;}

.btnCancel, .btnPreview, .btnEdit {background-color: #666; float: left; margin-right: 10px; border-color:#999999 #333333 #333333 #999999;}
.btnSubmit {float: right;}

#WriteReviewLink {margin-bottom: 10px;}
.BackToLink {clear: left; margin-bottom: 10px;}

#Reviews #WriteReviewButton {margin-bottom: 10px;  width: 110px;}

#Reviews .Button .listAnchorBullet {color: #fff;font-size: 14px;}

body#Course #ContentWrapper2 #ReportAbuseForm .FormRow textarea {width: 400px;}
body#Course #ContentWrapper2 #ReportAbuseForm .MessageBoardNav {padding-left: 130px;}

body#Course .instructorInfo p,
body#Session .instructorInfo p {clear: left;}


body#AbusiveReviews div.theme {margin-bottom: 10px;}

body#Profile #Reviews .Course {width: 250px;}
body#Profile #Reviews .Subject {}
body#Profile #Reviews .Date {width: 110px;}

.User {
color:#666666;
/*font-size:11px;*/
/*text-align:center;*/
width: 70px;
margin-right: 10px;
/*float: left;*/
overflow: hidden;
}

#Discussions .MessageBoard td.User {float: none; margin-right: 0px;}

body#Profile .User {float: left; margin: 0px 10px 10px 0px;}
body#Profile .UserRole {clear: left;}

body#Course .UserName a,
body#Session .UserName a {text-decoration: underline;}

/*All courses page styles*/
.campusCourses {margin-bottom: 10px;}
.campusCourses a {display: block; float: left;}
.campusCourses h2 a {display: inline; float: none;}

.campusCourses .fiveStarRating {margin-left: 50px; clear: left;}

.Notifier {
  padding: 10px;
  border: 3px solid #999;
  background: url(/resources/images/hp_closing_icon.jpg) no-repeat 380px 5px;
  cursor: pointer;
  width: 380px;
  margin-bottom: 10px;
  font-weight: bold;
}

#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;
	   /*padding: 20px;*/
	}

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;
	overflow: hidden;
}

#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;
}


.EditReview {text-align: right;}

/*  *************** COURSE SURVEYS ******************  */

body#Survey #SurveyContent ul {
    padding-left: 0px;
    
}
body#Survey #SurveyContent ul ul{
    padding-left: 20px;
    
}
body#Survey #SurveyContent ul li {
    list-style-type: none;
    margin-bottom: 15px;
}
body#Survey #SurveyContent ul li li {
    list-style-type: none;
    margin-bottom: 0px;
}

body#Survey .number {float: left;}
body#Survey .question {
    margin: 0px 0px 10px 20px;
    
}
body#Survey .qaMatrix .columnValue {
    text-align: center;
    width: 52px;
}

body#Survey h3 {
    font-weight: bold;
    margin-bottom: 10px;
}

#SurveyContent .btnNotRightNow {
    width: 105px;
    margin-bottom: 10px;
    background-color:#666666;
    border-color:#999999 #333333 #333333 #999999;
}