/*********** Body & Wrapper ***********/

body {
	background: white url(/resources/images/motobackground.gif) repeat-x;
	font: 8pt verdana, arial, helvetica, sans-serif;
}

#Wrapper {
	background: url(/resources/images/logosection.gif) no-repeat;
	padding: ;
	width: 990px;
	margin: 0 auto;
}

/********** Fonts & General Element Styles **********/

a:link, a:visited {
  text-decoration: underline;
}

a:hover, a:active {
  text-decoration: underline;
}

a:link {
  color: #FF9900;
}

a:visited {
  color: #FF9900;
}

a:hover {
  color: #FF9900;
}

a:active {
  color: #FF9900;
}

#Error {
  color: #900;
}

.State {
  color: #c00;
  font-weight: bold;
}
#Error p {
  font-weight: bold;
}

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

.graphic .caption, .illustration .caption {
	font-size: .9em;
	font-weight: bold;
}

h1 {font-size: 12pt;}

h2 {


background: #cde1eb;
font-size:10pt;
font-weight:bold;
padding: 5px;
}

h3 {
font-size:8pt;
font-weight:bold;
}


#SystemMessage {
  color: #900;
  font-weight: bold;
  margin: 10px 0px 10px 0px;
  background: #e9cccc;
  padding:10px;
  border: 1px solid #900000;
}

p{
line-height: 16px;
}

ul li {
margin-left:10px;
}

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

#GlobalNavWrapper {
	color: #000000;
	margin: 0  ;
	padding: ;
	padding-top: 5px;
	width: 990px;
	height:111px;
	text-align: right;
}

#GlobalNavWrapper ul {
	float: right;
	margin-bottom: 0;
	text-align: right;
}

#GlobalNavWrapper ul li {
	border-left: 1px solid #808080;
	display: inline;
	font-size: .8em;
	padding: 0 6px 0 10px;
	margin:0px;
}

#GlobalNavWrapper ul .First {
	background: none;
	border-left: none;
	padding-left: 0;
}

#GlobalNavWrapper a {
	color: #666666;
}

/********** Breadcrumbs **********/

#Breadcrumb {
	margin: 0 0 0 0;
	padding: ;
	width: 990px;
	color: #FF9900;
}

#Breadcrumb ul {
	float: right;
	margin-bottom: 0;
	text-align: right;
}

#Breadcrumb ul li {
  background: url(/resources/images/bullet-right_angle_quote_O.gif) no-repeat;
	display: inline;
	font-size: .8em;
	padding: 0 4px 0 14px;
	margin:0px;
}

#Breadcrumb ul .First {
	background: none;
	border-left: none;
	padding-left: 0;
}

#Breadcrumb ul .Last {
	font-weight:bold;
}

/********** Client Branding **********/

#ParentLogo {}

#SiteLogo {}

/********** Print Link **********/

#PrintThis {
	font-size: .9em;
}

#PrintThis a:link {
	color: #FF9900;
}

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

#Graphic {}

#Graphic img {}

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

#ContentWrapper {
        background:white;
		width:100%;

}  /* background image goes here, useful for faux columns */

#ContentWrapper2 {
		float: right;
		margin: 0   0;
		width: 790px;
		background:white;
		padding: 0;
}

body#Home .Chunk {
	float: left;
	margin-top:20px;
	margin-left:20px;
	width: 360px;
}

body#Campus .Course {
	border-bottom: 1px solid orange;
	padding:  0;
	width: 790px;
}

body#Campus .Course img {
	float: left;
	margin: 0  0 0;
}

body#Campus .Course .Chunk {
	float: left;
}

body#Campus .Course h3 {
	margin-bottom: 0px;
}

body#Campus .Briefs {
	clear: both;
	margin-top: ;
}

body#Campus .Briefs h2 {
	font-size: 1.1em;
}

body#Campus .Briefs .BriefsLink {
	font-weight: bold;
}

body#Campus .OnDemand {
	color: #000000;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
}

#RelatedCourses ul {
	clear: both;
	margin: 0;
	padding: 0;
}

#RelatedCourses ul li {
	background: url(/resources/images/bullet-right_angle_quote.gif) no-repeat top left;
	font-weight: bold;
	list-style: none;
	padding: 0px 0px 0px 15px;
}

#WhatYoullLearn ul li {
background: url(/resources/images/bullet-right_angle_quote.gif) no-repeat top left;
list-style: none;
padding: 0px 0px 0px 15px;
}

#FAQ #ContentWrapper a {
color: #000;
}

#FAQ .ColumnLeft ul li,#FAQ .ColumnRight ul li {
background: url(/resources/images/bullet-right_angle_quote.gif) no-repeat top left;
list-style: none;
padding: 0px 0px 0px 15px;
}

#FAQ ol {
margin-left:20px;
}

#Lessons ol li, #Assignments ol li {
margin-left:20px;
}

#Register .Label2 {
font-weight:bold;
}

#RelatedCourses h2, #Instructors h2 {
background: #cde1eb;
padding: 5px;
}

#Lessons .Lesson, #Lessons .CurrentLesson {

}

#Lessons .Lesson ul li, #Lessons .CurrentLesson ul li {
display:inline;
font-weight:bold;
}

#Lessons .Lesson ul, #Lessons .CurrentLesson ul {
padding: 0px;
margin: 0px;
}

.ContainerMargin {
margin-bottom:10px;
}

.ProductImage {
width: 160px;
float: left;
display:inline;
}

.ProductDesc {
width: 220px;
float: left;
display:inline;
}

.Even {
float:left;
}
.Odd {
float:right;
}


/********** Sidebar **********/

#Sidebar {
  float: left;
  width: 175px;
}

#Sidebar #Error {
	margin-bottom: ;
}

#Sidebar h2 {
  color: #000000;
}

#Sidebar ul,#Controls ul {
	clear: both;
	padding: 5px;
	padding-top:0px;
}

#Sidebar h3 {
  background: #ffcc33;
  border-bottom:1px dotted #ff9900;
  font-weight:bold;
  font-size: 9pt;
  padding-top: 5px;
  padding-left: 3px;
}

/* Proprietary IE property to break up long names in Controls div */
#Controls h3 {
  word-wrap: break-word;
}

#Sidebar .First ul li, #Controls ul li {
  list-style-type: none;
  border-bottom:1px dotted #ff9900;
  padding: 5px;
  padding-left:15px;
  margin:0px;
}

#Sidebar .First a, #Controls a {
color:#000000;
}

.LoginHeader {
background: #fed65c url(/resources/images/loginback.gif) no-repeat top right;
padding:0px;
padding-top: 3px;
height:17px;
border-bottom:1px dotted #ff9900;
}

#Controls form {
	border-bottom:1px dotted #ff9900;
	padding:5px;
	padding-left:20px;
	margin:0px;

}

#Controls form #emailAddress, #Controls form #password  {
	margin-bottom: .5em;
}

#Controls .ButtonInput {
width:100%;
text-align:right;
}

#Controls #autologin {

}

#Controls #autologin_label {

}

#Promo {

}

#Promo img {

}
#LessonPage {

}

#LessonPage ul li {
line-height: 16px;
}

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

#Merch{
width:200px;
float:right;
padding:5px;
background: #fff5d6;
margin-left: 10px;
text-align:center;
}

#Merch p {
text-align: left;
}

#Merch h2 {
padding: 0px 0px 5px 0px;
background: none;
border-bottom:1px dotted #ff9900;
}

#Merch .placement img {
	margin: 0px 15px 6px 0px;
}

/********** Buttons **********/

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

.FormRow {
padding: 0px 0px 10px 0px;
text-align:right;
width: 400px;
}

label {
margin: 10px 0px;
}

.FormRow label {
font-weight: bold;
}

.FormRow .ContactInfoName {
width:190px;
float:left;
text-align:right;
font-weight:bold;
}

.FormRow .ContactInfo {
width:200px;
float:left;
text-align:left;
padding-left:5px;
}

#Controls .FormRow {
padding: 0px 0px 0px 0px;
text-align:left;
width: 155px;
}

#ContentWrapper2 p.Label2 {

}

#ContentWrapper2 textarea {width: 380px;}

#ContentWrapper2 .FormRowAlt {
padding: 0px 0px 10px 0px;
}

#ContentWrapper2 .FormRow input
{
width:150px;
}

#ContentWrapper2 .FormRow p
{
display:inline;
}

#ContentWrapper2 .Post {
clear: both;
font-weight: bold;
margin-top: 1em;
text-align: left;
width: 500px;
}

#ContentWrapper2 .Post label {
float: left;
margin: 0;
}

#ContentWrapper2 .Post input, #ContentWrapper2 .Post textarea {
float: right;
width: 430px;
}

#ContentWrapper2 .Post textarea {
margin-top:-1em;
}


#ContentWrapper2 .EmailPrefs input {
	width: 20px;
	margin-left: 229px;
	*margin-left: 222px;
}

#ContentWrapper2 .FormRowSubmit {

}

#Controls .FormRowSubmit {


}

.FormRowSubmit {

}

.FormRowSubmit div.ButtonInput, .FormRowSubmit div.Button {
  /* May need an IE override for top margin - use browser detector */

}

body#Refer #ContentWrapper2 .FormRow {
    width: 700px;
    margin-bottom: ;
}

body#Refer #ContentWrapper2 .FormRow label {
    width: 235px;
    float: left;
    margin: 2px 10px 0 0;
}

body#Refer #ContentWrapper2 .FormRow input {
    width: 380px;
}

body#Refer #ContentWrapper2 .FormRow input, body#Refer #ContentWrapper2 .FormRow textarea {
    float: left;
}

body#Refer #ContentWrapper2 .OrangeLinkOuterWBack {
    margin-left: 245px;
}

#create_profile {
	width: 10em !important;
}

#loginForm2 #password {

}

#loginForm2 #Forgot {
	clear: both;
	margin-left: 232px;
}

.FauxLabel {
	clear: both;
	font-weight: bold;
	width: 220px;
}

.Survey h4 {
	clear: both;
	padding-top: 16px;
}

.Quiz h3 {
	clear: both;
	margin-top:0;
	padding-top: .5em;
}

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

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

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

/******* =Registration-Specific Form Formatting ********/
#Register .FormRowAlt {
margin-left: 240px;
clear: left;
padding: 0px 0px 10px 0px;

}

#Register .FormRow, #Register .Label2 {
padding-top: 1em;
}

#Register .FormRowExtendedLabel {
	float: left;
	margin: 1em 12px 1em 0;
	font-weight: bold;
}

#Register h3 {
  background: #cde1eb;
  clear: both;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  margin-top: 1em;
  padding: 4px 0 0 4px;
}

/********** Site Info / Footer **********/

#SiteInfoWrapper {
    clear: both;
    color: #FF9900;
    font-size: .8em;
    margin: 0 auto;
    margin-top: 25px;
    text-align: center;
    border-top: 1px solid #cde1eb ;
    width:990px;
    padding-top:10px;
}

#SiteInfoWrapper li {
	border-left: 1px solid #FF9900;
  display: inline;
	padding: 0 6px 0 10px;
}

#SiteInfoWrapper li.First {
	border-left: none;
}

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

#Instructors img {
	float: left;
	margin: 3px 8px 8px 0;
}

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

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

.tip {
	background-color: beige;
  padding: ;
	width: ;
}

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

#Paginator {
	font-size: .9em;
	font-weight: bold;
	margin-bottom: 18px;
	margin-top: 18px;
	text-align: center;
}

#Paginator a {
	text-decoration: none;
}

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

#Paginator #Or {
	background: none;
	border: 0;
	margin: 0 6px;
}

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

#CourseNav {
}

#ContentWrapper2 #CourseNav div.First {
	float: left;

}

#ContentWrapper2 #CourseNav div.Last {
	float: right;
}

#EnrollButton {
	float: right;
	margin-top: ;
}

/********** 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: 100%;
}

dl.SessionStatus {}

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

/********** Briefs **********/

#BriefAddOns {
	background-color: #d0e0e2;
	border-left: 12px solid #cde1eb;
	float: right;
	margin: 0 0 12px 0;
	padding: 8px;
	width: 180px;
}

/********** Message Board **********/

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

.MessageBoard th, .MessageBoard td {
	padding: 2px 4px;
	text-align: left;
}

.MessageBoard th {
	background-color: white;
	font-weight: bold;
}

.MessageBoard .even {
  background-color: #cde1eb;
}

.MessageBoard .odd {
  background-color: white;
}

.MessageBoard .odd a, .MessageBoard .even a {
 font-weight: bold;
}

.MessageBoard .topic {
  width: 38%;
}

.MessageBoard .ico {
  width: 5px;
}

.MessageBoardNav {
  clear: both;
}

.MessageBoardNav td {
  width: 232px;
}

.MessageBoardNav .page {
  padding-right: 130px; /* May need an IE override - use browser detector */
}

.MessageBoardNav .go {
  text-align: right;
  width: 90px;
  font-weight: bold;
}

.MessageBoardNav .go .Button {
  float: right;
}

.MessageBoardNav .go input {
  float: right;
  margin-right: 4px;
  width: 25px;
}

.MessageBoardControls {
  margin-left: 55px;
}

.Disclaimer {
  margin:10px 10px 5px 65px;
  width:430px;
}

.MessageBoardControls div {

}

.PreviewBody {
background:#e9f4fa;
padding-bottom: 10px;
margin-bottom: 10px;
}

.PreviewBody p, .PreviewBody ul {
padding-left:5px;
}

/* MOTOCONTENT */

.MotoWelcomeDiv {
width:100%;
padding-top: 60px;
background: url(/resources/images/welcometop.jpg) no-repeat;
}

.MotoWelcomeLeft {
display:inline;
float:left;
width:284px;
padding:10px;
}

.MotoWelcomeLeft p{
line-height: 16px;
}

.MotoWelcomeRight {
float:right;
display:inline;
width:310px;
}

#MotoWelcomeImg { margin-bottom: 16px;}

.MotoWelcomeMiddle {
display:inline;
float:right;
height:196px;
width:176px;
}

.MotoContent {
background: #f0f4f5;
border-left: 1px #b2c1c7 solid;
border-right: 1px #b2c1c7 solid;
padding-bottom:15px;
}

.MotoCourseHeader {
background: url(/resources/images/coursestop.jpg) no-repeat top left;
width: 100%;
height: 36px;
}

.MotoCourseBottom {
background: url(/resources/images/motoContentBottom.gif) no-repeat top left;
width: 100%;
height: 8px;
margin-bottom: 10px;
clear:left;
}

.FutureCoursesMainDiv {
padding-top: 10px;
padding-bottom:10px;
background: #f0f4f5;
border-left: 1px #b2c1c7 solid;
border-right: 1px #b2c1c7 solid;
}

.FutureCoursesPic {
width:95px;
height:95px;
float:left;
margin-left: -750px;
margin-bottom:0px;
background: url(/resources/images/futurecourses.gif);
}

.FutureCoursesText{
width:650px;
float:left;
padding-top: 2px;
margin-top: 10px;
padding-left: 50px;
margin-left: 68px;
border:1px #c1dae6 solid;
background: white url(/resources/images/futurecoursesback.gif) repeat-x 0px 0px;
}

/*
.FutureCoursesText h3, .CourseRight h3, .First h3, .SessionText h3,
.SessionText h2, #Instructors h3, #Lessons h3, #Quiz h3, #YourCourses h3, #LessonPage h2 {
padding:0px;
background:none;
}
*/

.SessionText h2 {
padding:0px;
background:none;
}

.SessionText h3{
padding-top: 4px;
}

.CourseLeft {
width:110px;
float:left;
display:inline;
padding-top:5px;
}

.CourseRight {
width:250px;
float:left;
display:inline;
font-size:8pt;
}

.SessionPic {
width:150px;
height:150px;
float:left;
margin-left: -790px;
margin-top: 0px;
margin-bottom:0px;
}

.SessionText{
width: 618px;
float:left;
padding-left: 85px;
padding-right:10px;
margin-left: 75px;
margin-top: 15px;
border: 1px #9cc4d7 solid;
background: #cde1eb url(/resources/images/futurecoursesback.gif) repeat-x 0px 0px;
}

.OrangeLinkCircle {
}

div.OrangeLink {
  background:url(/resources/images/ButtonOrangeRight.gif) no-repeat top right;
	float: left;
	height: 26px !important;
	margin: 0;
	padding: 0;
}

div.OrangeLinkWBack {
  background:url(/resources/images/ButtonOrangeWBackRight.gif) no-repeat top right;
	float: left;
	height: 26px !important;
	margin: 0;
	padding: 0 10px 0 0 !important;
}

div.OrangePrintThisLink {
  background: url(/resources/images/ButtonOrangeWBackRight.gif) no-repeat top right;
  float: right;
  height: 25px !important;
  margin:8px 0 0 0;
  padding: 0 10px 0 0 !important;
}

.OrangeLinkOuter{
display:inline;
margin-right: 20px;
float:left;
margin-bottom:10px;
}

div.OrangeLink a:link,
div.OrangeLink a:visited,
div.OrangeLink input {
  background:url(/resources/images/ButtonOrangeLeft.gif) no-repeat top left;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
  font-weight:bold;
	height: 26px !important;
	text-decoration: none;
}

div.OrangeLinkWBack a:link,
div.OrangeLinkWBack a:visited,
div.OrangeLinkWBack input {
  background:url(/resources/images/ButtonOrangeWBackLeft.gif) no-repeat top left;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
  font-weight:bold;
	height: 26px !important;
	text-decoration: none;
}

div.OrangePrintThisLink a:link,
div.OrangePrintThisLink a:visited {
  background:url(/resources/images/PrintButtonOrangeLeft.gif) no-repeat top left;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
  font-weight:bold;
	height: 26px !important;
	text-decoration: none;
	padding-left: 30px;
	padding-top: 4px;
}

div.OrangeLinkWBack a:link,
div.OrangeLinkWBack a:visited,
div.OrangeLink a:link,
div.OrangeLink a:visited  {
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 5px;
}

div.OrangeLink input,
div.OrangeLinkWBack input {
	font: bold 11px Verdana, sans-serif;
	padding-bottom: 8px;
	*padding-bottom: 4px;   /*IE nudge up*/
	padding-left: 30px;
	*padding-left: 20px;    /*IE nudge left*/
}

.OrangeLinkOuterWBack {
margin: 10px 0px 0px 10px;
float:left;
display:inline;
margin-top:10px;
margin-bottom:10px;
}

/* Points arrow the other way */
div.NavPrev {
    float: left;
    background:url(/resources/images/ButtonOrangeWBackRight.gif) no-repeat top right;
	height: 26px !important;
	margin: 0;
	padding: 0 10px 0 0 !important;
}

div.NavPrev a:link,
div.NavPrev a:visited {
  background:url(/resources/images/ButtonOrangeWBackLeftPrev.gif) no-repeat top left;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
  font-weight:bold;
	height: 26px !important;
	text-decoration: none;
	padding-top: 3px;
	padding-left: 30px;
}

.OrangeLinkWBack a:link,.OrangeLinkWBack a:hover,.OrangeLinkWBack a:visited,.OrangeLinkWBack a:active {
color: #FFFFFF;
font-weight:bold;
}

.FutureCoursesLeft {
width:310px;
float:left;
margin-top:10px;
margin-right: 10px;
}

.FutureCoursesRight {
width:310px;
float:left;
margin-top:10px;
}

.FutureCoursesLeft ul li, .FutureCoursesRight ul li {
	background: url(/resources/images/bullet-right_angle_quote_O.gif) no-repeat top left;
	font-weight: bold;
	list-style: none;
	padding: 0px 0px 0px 12px;
}

.NavNext {
    float: right;
	height: 26px !important;
	margin: 0;
	padding: 0 10px 0 0 !important;
}

.ColumnLeft {
width: 385px;
float:left;
clear:left;
margin-bottom: 10px;
}

.ColumnRight {
width: 385px;
float:right;
margin-bottom: 10px;
}

#Login, #Notify, body#Home #Flag {
    margin-top: 12px;
}

/* Notify Me */
.Notify div.OrangeLinkOuter {
  padding-left: 245px;
}

.Notify div.OrangeLink {
  padding: 0 10px 0 0;
}

.Notify div.OrangeLink input {
  
      padding-bottom: 4px;
    
}