/* Main Tags
--------------------------------------
*/

.clear { clear:both; }
.clearLeft { clear:left; }
.emptyClear { clear:both; height:0; font-size:0px; }


.page_content_border-t {
   background:url("../../graphics/site/boxes/page-t.png") top left no-repeat;
   padding-top: 16px;
   *padding-top: 24px;
   clear: both;
   margin: -3px 10px 0 30px;
   z-index:2;
   position: relative;
   /*display: inline-block;*/
}

.page_content-bg {
   background:url("../../graphics/site/boxes/page-bg.png") repeat-y;
   /*display: inline-block;*/
   width: 889px;
}

.page_content_border-b {
   background:url("../../graphics/site/boxes/page-b.png") bottom left no-repeat;
   /*display: inline-block;*/
   width: 889px;
   min-height: 400px;
   height: auto !important;
   height: 400px;
   margin-bottom:0px;
}

.page_content_border-b2 {
   background:url("../../graphics/site/boxes/page-b2.png") bottom left no-repeat;
   font-size: 1px;
   height: 12px;
}

.page_content {
   margin: 0 18px;
}

.sbContent {
   background: #fff;
   border:solid 3px #222;
   padding:14px;
}

.linkButton {
    color: #1ab;
    font-size: 0.8em;
    font-weight: 600;
    text-decoration: none;
}

.linkButton img {    
    border: none;
}

.popup {
    background: none;
}

.popup .close{
    text-align: center;
    margin-bottom: 10px;
}

.errorText {    
    color: #d00;
    font-weight: 600;
    font-size: 0.9em;
}

.orange {
   color: #e80;
}
.posChg {
   color: #0a0;
}
.negChg {
   color: #d00;
}


/* @printview
-------------------------------------------
*/

.printView {
    background: none;
    color: #000;
}

.printView .printFooter {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 4px;
    display: block;
    width: 100%;
}
    
@media print {    
    .screenHeader  { display: none; }
    .screenFooter  { display: none; }
    .printMessage { display: none; }
    .printMessageSpacer { display: none; }
    .siteMapPath { display: none; }
    .printView .printFooter { position:fixed; bottom: -2em; }
}

@media screen {
   .printView { margin: 20px; }
}

.printMessage {
    font-weight: 600;
    position:absolute;
    top:0;
    left:0;
    background-color:#ffd;
    width: 100%;
    padding:5px;
    border-bottom: solid 1px #aaa;
    z-index:100;
}

.printMessageSpacer {
    height:60px;
}


/* @headers
------------------------------------------------------------------------------------
*/
h1, h2 {
    font-family: Arial, Helvetica, sans-serif;
}


.tabHeading {
   background:url("../../graphics/site/boxes/page-tab-l.png") top left no-repeat;
   position: absolute;
   top: -18px;
   left: 42px;
   padding: 0 0 0 22px;   
}


.tabHeading h1 {
   background:url("../../graphics/site/boxes/page-tab-r.png") top right no-repeat;
   padding: 3px 13px 0 0;
}


.tabHeading2 {
    background:url("../../graphics/site/boxes/page-tab-l-Lg.png") top left no-repeat;
    position: relative;
    top: 19px;
    left: 15px;
    float: left;
    z-index: 2;
}

.tabHeading2 h1, .tabHeading2inactive h1 {
   background:url("../../graphics/site/boxes/page-tab-r-Lg.png") top right no-repeat;
   padding: 5px 13px 13px 3px;
   font-size: 20px;
   margin-left:20px;
}

.tabHeading2 h1 a, .tabHeading2inactive h1 a {
   text-decoration:none;
   color: #555;
}

.tabHeading2inactive {
   background:url("../../graphics/site/boxes/page-tab-l-Lg.png") top left no-repeat;
   position: relative;
   top: 19px;
   left: 15px;
   float: left;
}

.tabHeading2inactive:hover {
    cursor: pointer;
}

/* @two_col
/* Used on pages that require one large column on left and smaller column on right
------------------------------------------------------------------------------------
*/
.two_col_left {
   position:relative;
    float: left;
    width: 490px;
    margin: 0 15px 0 4px;
    display: inline;
}

.two_col_right {
   float: left;
   position:relative;
    width: 344px;
   background:url("../../graphics/site/boxes/side_grey.png") top left no-repeat;
   padding-top: 6px;
}

.two_col_right h3, .two_col_right h4 {
   color: #1AB;
   margin-bottom:4px;
}

.contentBlock {
   padding: 2px 12px 30px;
   margin: 8px 5px;
}


.innerContent {
   padding: 10px;
}

.contentBox {
   background:url("../../graphics/site/boxes/light/l.png") top left no-repeat;
   padding-left:12px;
}

.contentBox .bg {   
   background:url("../../graphics/site/boxes/light/r.png") top right no-repeat;
}

.contentBoxEnd {   
   background:url("../../graphics/site/boxes/light/bl.png") top left no-repeat;
   padding-left:12px;
   height: 8px;
   font-size: 1px;
   margin-bottom: 10px;
}

.contentBoxEnd div {
   background:url("../../graphics/site/boxes/light/br.png") top right no-repeat;
   height: 8px;
}

.contentBoxWrapped {
   background:url("../../graphics/site/boxes/light/wrapped/l.png") top left no-repeat;
   padding-left:12px;
}

.contentBoxWrapped .bg {   
   background:url("../../graphics/site/boxes/light/wrapped/r.png") top right no-repeat;
}

.one_col .contentBox .bg, .one_col .contentBoxEnd div {
   width:846px;
}

.two_col_left .contentBox .bg, .two_col_left .contentBoxEnd div {
   width:480px;
}

.two_col_right .contentBox, .two_col_right .contentBlock {   
   width: 317px;
   margin: 0 0 0 16px;
   padding: 0;
 }
 
.two_col_right .contentBlock {
   margin: 10px 16px;
 }
 
.two_col_right .contentBox {   
   background:url("../../graphics/site/boxes/dark/t.png") top left no-repeat;
   padding-top: 8px;   
}

.two_col_right .contentBox .bg {
   background:url("../../graphics/site/boxes/dark/bg.png") repeat-y; 
   width: 294px;
   padding: 4px 14px 8px 14px;
}

.two_col_right .contentBoxEnd {   
   background:url("../../graphics/site/boxes/dark/b.png") bottom left no-repeat;
   height: 5px;
   font-size: 1px;
   width: 317px;
   margin-left: 16px;
}



/* @three_col
/* Used on pages that require three evenly spaced columns
----------------------------------------------------------
*/

.three_col {
    clear: both;
    margin: auto;
}

.three_col_left, .three_col_center, .three_col_right {
    float: left;
    width: 250px;
    height: 17.5em;
    display: inline;
    margin: 20px 20px 0 0px;
}

.three_col_left {
    margin-left: 30px;
}

.three_col h3 {
   padding: 5px 0 0 3px;
}


/* Menus
---------------------
*/

.topicMenu .topic {
   width: 220px;
   height: 105px;
   float: left;
   font-size: 13px;
   margin: 2px 6px 0;
}

.topicMenu .topic img {
   width: 64px;
   height: 69px;
   float: left;
   border: none;
}

.topicMenu .topic .desc {
   margin-left: 70px;
   font-size: 0.9em;
}

.topicMenu .topic h3 {
   padding-top: 2px;
   color: #444;
   font-size: 1.1em;
}

.topicMenu .topic h3 a {
   text-decoration: none;
}

.topicMenu .topic h3 a:hover {
   text-decoration: underline;
}


/* @Dynamic Content
/* Formatting for dynamic html content (lessons, articles, etc.)
---------------------------------------------------------------------
*/
.dynamic_content p { margin-top: 1em; margin-left: 1em;}

.dynamic_content blockquote { margin: 20px 40px; }

.dynamic_content h1, .dynamic_content h2, .dynamic_content h3, .dynamic_content h4, .dynamic_content h5 {
    background: transparent;
    margin: 1.1em 0 .5em 0;
    padding: 0;
    float: none;
}

.dynamic_content h3 {
   font-size: 1.3em;
   margin-bottom: -.5em;
}

.dynamic_content h5 {
   margin-bottom: -.5em;
}

.dynamic_content .listImage {
	margin-left:2.5em;	
	
}

.dynamic_content .imageBorder {
	border: thin solid gray; 
	padding: 2px;
}
.dynamic_content .imageCaption {
	display: block;
	clear: both;
	padding-left: 8px;
	padding-top: 4px; 
	font-size: 0.8em; 
	font-style: italic; 
	font-weight: bold;
}
.dynamic_content .centerImage {
	text-align:center;
	margin-top:.75em;
	margin-bottom:.75em;

}
.dynamic_content .hasFloat {
	overflow:auto;
}
.dynamic_content .floatLeft {
	float: left; 
	padding-right: 15px;
	margin-bottom: 1em;
}
.dynamic_content .floatRight {
	float: right; 
	padding-left: 15px;
}

.dynamic_content .quickTip {
	background-image: url("/graphics/site/checkmark.gif");
	background-repeat: no-repeat;
	height: auto;
	padding-top: 2px;
	padding-left: 22px;
	margin-bottom:1.5em;
}

.dynamic_content .moreInfo {
	background-image: url("/graphics/site/star.png");
	background-repeat: no-repeat;
	height: auto;
	padding-top: 1px;
	padding-left: 22px;
}
.dynamic_content .videoLink {
	background-image: url("/graphics/site/video_icon.gif");
	background-repeat: no-repeat;
	height: auto;
	padding-top: 1px;
	padding-left: 62px;
}
.dynamic_content .downloadLink {
	background-image: url("/graphics/site/arrows.png");
	background-repeat: no-repeat;
	height: auto;
	padding-top: 1px;
	padding-left: 62px;
}
.dynamic_content .imageBorder {
	border: thin solid gray; 
	padding: 2px;
}
.dynamic_content .imageCaption {
	display: block; 
	clear: both; 
	padding-left: 8px; 
	padding-top: 4px; 
	font-size: 0.8em; 
	font-style: italic; 
	font-weight: bold;
}
.byline {
		font-size: .8em;
		font-style: italic;
	}
.illustration {
		float:right; 
		padding-left: 20px; 
		padding-bottom: 2px;
	}
.credit {
		padding-left: 2px;
		font-size: .75em;
		font-style: italic;
	}
#lesson .challengeList {
	background: url("../../graphics/site/challenge.jpg") no-repeat left;
	height: auto;
	padding-top: 1px;
	padding-left: 188px;
}

/*inset formatting for new computer basics*/
.inset {
	width: 600px;
	margin: 1em auto 1em auto;
	border: 1px dashed #cfcfcf;
	padding: 0px 6px 14px 0px;
	background: #ecfbfe;
}
.sideBar {
	float: right;
	width: 260px;
}
.sideBarText{
	margin: 1.25em 0px 1em 8px;
	border: 1px dashed #cfcfcf;
	padding: 0px 6px 14px 0px;
	background: #ecfbfe;
	
}
.moreInfo {
	background-image: url("/graphics/site/star.png");
	background-repeat: no-repeat;
	height: auto;
	padding-top: 1px;
	padding-left: 22px;
}
/* @Tables
--------------------------------------
*/

.gcfTable {
    border:solid 1px #444;
    background:#fff;
    font-size:0.9em;
    margin: 4px 0;
    border-collapse: collapse;
}
.gcfTable th {
    border:solid 1px #444;
    background:#eef2f2;
    padding: 2px 5px;
}
.gcfTable tr {
    height: 22px;
    border-bottom: solid 1px #ccc;
}
.gcfTable td {
    padding: 2px 14px 3px;
}

.formattedTable {
    border: solid 1px #aaa;
    margin: auto;
    font-size: 0.9em;
}

.formattedTable td {
    padding: 10px;
    border-bottom: solid 1px #ccc;
    border-collapse: collapse;
}

.formattedTable.lessPadding td {
   padding: 5px;
}

.formattedTable th {
    background-color: #ddd;
    border-bottom: solid 1px #aaa;
    padding: 7px;
}

.formattedTable .row {
    background-color: #fafafa;
}

.formattedTable .altRow {
    background-color: #e8e8e8;
}

.sortHead {
   cursor: pointer;
}

.linkRows tr {
   border-top: solid 1px #ccc;
}

.linkRows tr a {
   display: block;
   width: 100%;
   height: 100%;
   color: inherit;
   text-decoration: none;
}

.linkRows.separated tr {
   border-top: solid 1px #aaa;
}
.linkRows.separated td {
    border-right: solid 1px #bbb;
    padding: 2px 4px 2px 10px;
}

.linkRows.separated td:last-child { border: none; }

.highlightedRow {
   background-color: #ffd;
}


/* @Tabs
--------------------------------------
*/
.tabs {
    margin: 30px 10px 0 40px;
}

.tabs a {
    color: #555;
    text-decoration: none;
    font-weight: 600;
}

.tabs a:visited {
    color: #555;
}

.tab {
    margin-left: 12px;
    padding: 6px;
    background-color: #ccc;
    border: solid 1px #bbb;
}

.activeTab {
    margin-left: 11px;
    margin-right: 1px;
    padding: 6px;
    padding-bottom: 7px;
    background-color: #e1e1e1;
    border: solid 1px #ccc;
    border-bottom: none;
    cursor: default;
    position: relative;
    z-index: 1;
}

.tabContent {
    background: #fff url("../../graphics/site/text_bg.png") repeat-x;
    padding: 15px 20px 15px 20px;
    margin:6px 40px 10px 40px;
    border: solid 1px #ccc;
    position: relative;
}


/****************************************
/*      Computer and Math Training
*****************************************/


/* Computer Index
/*   @computer
----------------------------------
*/



.topicCategory .links {
    line-height: 1.5em;
    margin-left:20px;
    height: 200px;
    padding: 10px;
}

.topicCategory .links a {
    text-decoration: none;
}

.topicCategory .links a:hover {
    background: #e9ffff;
    border: solid 1px #777;
    padding: 2px;
    position: relative;
    left: -3px;
}

.topicCategory .versionHeading {
    color: #444;
    width: 80px;
}

.topicCategory .versionHeadingHover {
    color: #444;
    width: 128px;
    background: #e9ffff;
    position: relative;
    left: -2px;
    padding-left: 5px;
    font-weight: 600;
    z-index: 100;
    border: solid 1px #999;    
    border-right: none;
    margin: -1px;
    cursor: default;
}

.versionMenus a {
    text-decoration: none;
    line-height: 1.8em;
    padding: 7px;
}

.versionMenus a:hover {
    background: #fff;
    border: solid 1px #777;
    padding: 6px;
}

.windowsMenu {top: 305px; left: 220px; position: absolute; background: #e9ffff; padding: 10px; display: none; border: solid 1px #999;}
.wordMenu {top: 283px; left: 490px; position: absolute; background: #e9ffff; padding: 10px; display: none; border: solid 1px #999;}
.excelMenu {top: 305px; left: 490px; position: absolute; background: #e9ffff; padding: 10px; display: none; border: solid 1px #999;}
.powerpointMenu {top: 326px; left: 490px; position: absolute; background: #e9ffff; padding: 10px; display: none; border: solid 1px #999;}
.accessMenu {top: 348px; left: 490px; position: absolute; background: #e9ffff; padding: 10px; display: none; border: solid 1px #999;}
.msOfficeMenu {top: 371px; left: 490px; position: absolute; background: #e9ffff; padding: 10px; display: none; border: solid 1px #999;}
.openOfficeMenu {top: 393px; left: 490px; position: absolute; background: #e9ffff; padding: 10px; display: none; border: solid 1px #999;}


/* Article.aspx
---------------------------------
*/

.relatedArticles a
{
    line-height:1.5em;
    margin-left:50px;
}


/* Lesson.aspx
---------------------------------
*/

.topicTitle {
    font-size: 1.5em;
    font-weight: 600;
}

.lessonTitle {
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 20px;
}

.printView .pageHeading {
    font-size: 1.1em;
    font-weight: 600;
    margin-top: 40px;
    padding-left: 5px;
}

.printView .newPage {
    page-break-before: always;
}


/* Quiz.aspx
-------------------------------------
*/

.quiz {
    margin-left:50px;
    margin-right: 50px;
    padding-top:20px;
}

.quiz .questionsBlock {
    width:600px;
    margin: 20px auto;
    border:solid 1px #aaa;
    position: relative;
    background: #fff;
}

.questionHeading {
    font-size:1.0em;
    font-weight: 600;
    padding: 5px;
    background: #ddd;
    border-bottom: solid 1px #aaa;
}

.quiz .question {
    font-size:1.0em;
    font-weight: 600;
    padding-left: 15px;
    padding-top: 10px;
}

.quiz .resultsList {
    margin: 20px 0 20px 150px;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5em;
    position: relative;
}

.quiz .resultDate {
    text-align: right;
    float: left;
    margin-right: 30px;
    width: 150px;
}

.quiz .beginLink {
    margin-left: 210px;
}

.answers {
    margin-bottom: 7px;
}

.answers a {
    line-height:1.5em;
    margin: 4px 2px 2px 50px;
    padding: 3px;
    padding-top: 1px;
}

.answers a:hover{
    background: #ddfaff;
    border: solid 1px #777;
    margin: 3px 0 1px 49px;
}

.quiz .resultsBlock {
    position:relative;
}

.quiz .score {
    margin-bottom: 15px;
}

.resultQuestion {
    font-weight: 600;
    margin-bottom: 10px;
}

.resultAnswer {
    margin-left: 30px;
}

.answerLabel {
    clear:left;
    float:left;
    width: 110px;
    text-align:right;
    margin-bottom: 3px;
}

.answer {    
    float:left;
    margin-left: 5px;
    display:inline;
}

.correctResult {
    color: Green;
    font-weight: 600;
    margin-left: 10px;
    display: inline;
}

.incorrectResult {
    color:Red;
    font-weight: 600;
    margin-left: 10px;
    display: inline;
}

.reviewLink {
    clear: left;
    margin-left: 30px;
    margin-bottom: 20px;
    width: 110px;
    text-align:right;
}


/* Topic.aspx
---------------------------------
*/
.topic_img {
    width:125px;
    height: 125px;
    clear: left;
    float: left;
    margin: 4px 26px 10px 2px;
}

.topic_infos {
    width: 390px;
}

.topic_description {
    padding: 10px 3px 5px 20px;
}

.topic .links
{
    line-height:1.3em;
}

.tutorialLinks {
    margin-left:20px;
    line-height:1.4em;
    margin-bottom:20px;
    position: relative;
    z-index: 10;
}

.tutorialLinks .unitHeadings {
    clear: left;
    margin: 20px 0 0 0;
    font-weight:600;
}

.tutorialLinks .unitHeadings a {
    text-decoration: none;
}

.tutorialLinks .lessons {
    margin-left:10px;
}

.tutorialLinks .lessonLink img {
    border: solid 1px #fff;
    position: relative;
    top: 3px;
    margin-top: -3px;
}

.tutorialLinks .lessonCheck {
    position: relative;
    clear: left;
    float: left;
    width: 20px;
    height: 20px;
}

.testLink {
    margin: 0 0 20px 110px;
    font-weight: 600;
    color: #444;
}

.testLink a {
    color: #f90;
}

.testLink2 {
    margin: 10px 0 10px 10px;
    font-weight: 600;
    color: #444;
}

.testLink2 a {
    color: #f90;
}

.arrows_img {
    position: relative;
    top: 7px;
    left: -5px;
}

.articleLinks {
    margin: 10px -10px 0 3px;
}

.articleLinks a {
    padding: 1px 0;
    display: block;    
}

.assignmentLinks .singleLink {
    height:1.3em;
    position: relative;
    right: -50px;
    text-align:right;
    font-size:1em;
    width: 800px;
    right: -5px;
}

.videoLinkDiv {
    cursor: pointer;
    padding:10px;
    height:60px;
}
.videoLink a {
    text-decoration: none;
}
/*
.videoLink a img {
    border:none;
}
*/

.videoLink a:hover .videoLinkDiv {
    background-color: #BDD8DE;
}

.videoLink .videoThumb {
    border:1px solid #069;
    width:80px;
    height:60px;
}

/********************************
/*       Classes
*********************************/


.course_img {
    width: 98px;
    height: 101px;
    clear: left;
    float: left;
    margin: 0px 26px 10px 0;
}

.classMenuItem {
   width: 260px;
   height: 105px;
   float: left;
   font-size: 13px;
   margin: 10px 4px 10px;
}

.classMenuItem img {
   width: 64px;
   height: 69px;
   float: left;
}

.classMenuItem .classMenuText {
   margin-left: 70px;
}

.classMenuItem h3 {
   padding-top: 2px;
   color: #444;
}

#register {
    padding: 18px 14px 1px;
}

#register .stepNum {
    float: left;
    font-size: 1.2em;
    margin: 0 15px 0 25px;
}

#register .formSpacer {
    clear: left;
    height: 10px;
}


/* My Class
*/

.classTasks {
   padding:20px 10px 15px 40px;
   font-size:10.5pt;
   line-height:18px;   
}

.classTasks a {
   text-decoration: none;
}

.classTasks a:hover {
   text-decoration: underline;
}



/* class survey
*/

.surveyPageNum {
   font-size: 0.8em;
   font-weight: 600;
   margin-left: 20px;
}


/* message center
*/

#mcMessage {
   margin-bottom: 10px;
}

#mcMessage .postedBy {
   font-weight: 600;
}

#mcMessage .messageText {
   margin: 2px 0 2px 14px;
}

#mcMessage .timestamp {
   font-size: 7pt;
   font-style: italic;  
   margin-left: 18px;
   padding-bottom: 8px;
}


/* Assignment.aspx
----------------------------------
*/

#assignment .spacer {
    height: 15px;
}

#assignment .indent {
    margin-left: 30px;
}

#assignment .errorText {
    margin: 10px 20px 0 20px;
    border: solid 1px #777;
    color: #c00;
    background-color: #ffd;
    padding: 10px;
}

#assignment .label {
    float: left;
    margin-left: 100px;
    display: inline;
    width: 80px;
    text-align: right;
    font-weight: 600;
}

#assignment .object {
    margin-left: 10px;
}

#assignment .validationErrors {
    margin-top: 7px;
    margin-left: 210px;
    font-weight: 600;
    font-size: 0.9em;
}


/********************************
/*       My Class OLD
*********************************/

/* Default.aspx
----------------------------------
*/

.myClass .classInfo {
    margin: 10px 0 5px 20px;
    line-height: 1.3em;
}
    
.myClass .instructorImage {
    float:right;
    position: relative;
    margin: 3px 10px 3px 3px;
}

.myClass .classTitle {
    margin-left: 10px;
    margin-bottom: 30px;
}

.myClass .weekHeadings {
    margin: 0 10px 0 25px;
}

.myClass .weekHeadings a {
    color: #555;
    text-decoration: none;
    font-weight: 600;
}

.myClass .weeklyContent {
    background: url("../../graphics/site/text_bg.png") repeat-x;
    padding: 15px 20px 15px 30px;
    margin:10px;
    margin-top: 6px;
    border: solid 1px #ccc;
    position: relative;
}

.myClass .contentItem { 
    clear: left;
}

.myClass .contentLabel {
    float: left;
    width: 120px;
    margin-right: 10px;
    text-align: right;
    font-size: 1.1em;
    font-weight: 600;    
}

.myClass .contentLink {
    float: left;
    display: inline;
    margin-bottom: 20px;
    width: 350px;
    position: relative;
}

.myClass .contentLink p {
    margin:0;
    float: left;
}

.myClass .contentLink .small {
    font-size: 0.8em;
}


/* Discussion.aspx
----------------------------------
*/

#discussion .heading {
    margin: 15px;
    text-align: center;
}

#discussion .postLink {
    float: right;
    margin-right: 20px;    
    display: inline;
    padding: 3px 10px;
    border: solid 1px #888;
    background: #beeeff;
    position: relative;
}
    
.newLabel {
    font-size: 0.8em;
    font-style: italic;
    padding-right: 3px;
    display: inline;
    color: #f90;    
}

#discussion .postLink a {
    color: #444;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.8em;
}

#discussion .newPost {
    font-weight: 600;
}

#discussion .stickyLabel {
    float: left;
    margin-left: -8px;
    margin-right: 5px;
    width: 25px;
    display: inline;
    color: #069;
}

#discussion .pinImg {
   margin-left: 5px;
   margin-top: -3px;
   margin-bottom: -4px;
}

#discussion .pageNumbers {
    text-align: center;
    padding: 5px 15px;
}

#discussion .pageNumbers .currPage {
    padding: 2px 4px;
    border: solid 1px #aaa;
    background: #beeeff;
}

#discussion .pageNumbers a {
    color: #666;
    text-decoration: none;
}

#discussion table {
    margin: 0 auto;
    margin-top: 7px;
    width: 790px;
}

#discussion table .subjectCell a {
    color: #555;
    text-decoration: none;
    font-weight: 600;
}

#discussion table .postedByCell {
    text-align: center;
    width: 100px;
}

#discussion table .lastPostCell {
    text-align: center;
    width: 150px;
}

#discussion table .repliesCell {
    text-align: center;
    width: 80px;
}

#discussion table .editCell {
    text-align: center;
    width: 80px;
}


/* Discussion  Post.aspx
----------------------------------
*/

#edit .heading, #post .heading, #reply .heading {
    margin: 15px;
    text-align: center;
}

#edit .form, #post .form, #reply .form {
    margin-top: 25px;
}

#edit .label, #post .label, #reply .label {
    width: 5em;
    float: left;
    margin-left: 100px;
    margin-right: 5px;
    display: inline;
    text-align: right;
}

#reply .questionBlock {
    margin: 0 50px;   
}

#reply .repliesBlock {
    margin: 15px 60px 20px 80px;
    
}

#edit .spacer, #post .spacer { 
    height: 5px;
}    

#edit .subjectTextBox, #post .subjectTextBox {
    width: 20em;
}

#edit .questionTextBox, #post .questionTextBox {
    width: 35em;
    height: 12em;
}

#edit .replyTextBox, #reply .replyTextBox {
    width: 35em;
    height: 12em;
}


/* Survey.aspx
----------------------------------
*/

.survey .key {
    float: right;
    width: 105px;
}

.survey .category {
    clear: both;
    font-weight: 600;
    float: left;
    width: 635px;
}

.survey .comments {
    clear: both;
}

.survey .comments .textBox {
    width: 100%;
    height: 80px;
}

.survey .contents {
    width: 750px;
    margin-left: 20px;
}

.survey .errorText {
    color: Red;
    padding: 30px 0 0 20px;
}

.survey .question {
    clear: both;
    float: left;
    margin-left: 10px;
    display: inline;
    width: 625px;
}

.survey .questions {
    line-height: 1.3em;
}

.survey .scale {
    float: right;
    width: 110px;
}

.survey .rb {
    float: left;
    width: 20px;
    padding-top: 3px;
}

.survey .spacer {
    clear: both;
    height: 20px;
}

.survey .submitButton {
    clear: both;
    margin-left: 150px;
}

.survey .time .question {
    width: 400px;
}

.survey .time .textBox {
    width: 50px;    
    margin-left: 20px;
    
}



/********************************
/*     My Learning History
*********************************/

/* Default.aspx
----------------------------------
*/

#learningHistory .tableHeading {
    margin: 25px 0 5px;
    line-height: 1.7em;
}

#learningHistory th {
    padding: 5px 50px 0 15px;
    text-align: left;
}

#learningHistory td {
    padding: 5px 50px 0 0;
}


.pdfBlurb {
    font-size: 0.8em;
}


/* Transcript.aspx
----------------------------------
*/
#transcript {
    width: 700px;
}

#transcript .logo {
    float: left;
    width: 200px;
    height: 100px;
}

#transcript .heading {
    text-align: center;
    padding: 20px;
}

#transcript .addressBar {
    clear: left;
    font-size: 1.2em;
    text-align: center;
    border-bottom: solid 1px #222;
    padding: 10px;
}

#transcript .info {
    font-size: 1.1em;
    border-bottom: solid 1px #222;
    padding: 10px;    
}

#transcript .content {
    margin: 20px 10px 0 10px;
}

#transcript td {
    padding: 5px 40px 0 0;
}

#transcript table {
    margin-top: 20px;
}

#transcript .IACET img{
    float:right;
}

/* /OurStory/Team.aspx
----------------------------------
*/

#Team .images {
    clear: left;
    margin: 10px 32px;
}

#Team .teamMember {
    position: relative;
    float: left;
    display: inline;
    font-weight: 600;
    margin: 5px;
    border: solid 1px #ccc;
    padding: 5px;
    background: #dee;
}


/* /OurStory/Testimonials.aspx
----------------------------------
*/

#testimonialsPages .testimonialBlock {
    margin: 20px 0;
}

#testimonialsPage .testimonial {
    padding: 15px 0;
    border-top: dotted 2px #777;
}

#testimonialsPage .signature {
    margin-top: 10px;
}

#testimonialsPage .pageNumbers {
    text-align: center;
    margin-bottom: 10px;
}


/* /OurStory/Link.aspx
----------------------------------
*/

#linkPage table {
    margin: 20px 10px;
    border: solid 1px #666;
    border-collapse: collapse;
}

#linkPage table td {
    padding: 20px 10px;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    border-right: solid 1px #ccc;
}

/* /EverydayLife/Default.aspx
----------------------------------
*/

#everydayLife .lessons {
    clear: left;
    margin: 0 6px;
}

#everydayLife .lesson, #everydayLife .lessonHover,
#edl_lesson .lesson, #edl_lesson .lessonHover,
.relatedTopics .topic, .relatedTopics .topicHover,
#edl_lesson .linksBlock .buttonLink, #edl_lesson .linksBlock .buttonLink:hover {
    position: relative;
    float: left;
    display: inline;
    font-weight: 600;
    font-size: 0.9em;
    margin: 10px 5px 0 5px;
    border: solid 1px #ccc;
    padding: 5px;
    background: #dee;
    text-align: center;
    cursor: pointer;
}


.relatedTopics .topic {
   margin: 4px 4px 0;
   width: 250px;
}

#everydayLife .lessonHover, .relatedTopics .topicHover,
#edl_lesson .lessonHover, #edl_lesson .linksBlock .buttonLink:hover {
    border: solid 2px #899;
    background: #adf;
    margin: 9px 4px -1px 4px;
    color: #444;
}

.relatedTopics .topicHover {
   margin: 3px 3px -1px;
   width: 250px;
}

#everydayLife .lesson img, #everydayLife .lessonHover img,
#edl_lesson .lesson img, #edl_lesson .lessonHover img {
    border: none;
}

#everydayLife .tutorial .lesson, #everydayLife .tutorial .lessonHover,
#edl_lesson .tutorial .lesson, #edl_lesson .tutorial .lessonHover {
    width: 220px;
    height: 80px;
    margin: 15px;
    float: none;
    display: block;
}

#everydayLife .tutorial .lessonHover, #edl_lesson .tutorial .lessonHover {
    margin: 14px;
}

#everydayLife .lessons .lessonsContainer {
   width: 810px;
}

#everydayLife .lessons img{ 
    width: 80px;
    height: 80px;
    padding-bottom: 6px;
}

#everydayLife .lessons .edlStatus {
	width: 30px; 
	height: 30px;
	z-index:10; 
	position: absolute; 
	left:60px; 
	top:0px;
}
#everydayLife .lessons fieldset{ 
	border: 1px solid #899;
	background: #f4f4f4;
	padding: 0 5px 10px 5px;
	display:inline;
	clear:both;
}
#everydayLife .lessons legend{ 
	font-size: 1.1em;
	background: #dee;
	font-weight:bold;
	padding: 1px 4px 1px 2px;
	border: 1px solid #899;
	margin-left: 10px;
}


/* /EverydayLife/Lesson.aspx
----------------------------------
*/


#edl_lesson .edl_lesson_info {
   height: 240px;
}

#edl_lesson .edl_lesson_img {
    width:115px;
    height: 115px;
    margin: 4px 30px 10px 5px;
    clear: left;
    float: left;
}

#edl_lesson .edl_lesson_description {
    padding: 10px;
    font-size: 12pt;
    line-height: 15pt;
}

#edl_lesson .edl_lesson_description p {
   padding-top: 0;
   margin-top: 0;
   margin-bottom: 10px;
}

#edl_lesson .linksBlock {
   text-align: center;
   margin: 5px -10px 0 10px;
   display: inline-block;
   width: 495px;
   height: 200px;
   padding: 0;
}

#edl_lesson .linksBlock .buttonLink {
   clear: left;
   float: none;
   width: 221px;
   height: 91px;
   margin: 1px 10px 1px 1px;
   display: inline-block;
}

#edl_lesson .linksBlock .buttonLink:hover {
   float: none;
   margin: 0 9px 0 0;
   display: inline-block;
}

#edl_lesson .linksBlock p {
   font-size:9pt;
   line-height: 15pt;
}

.relatedTopics .lesson {
   clear: left;
   margin: 3px 8px;
   width: 230px;
}

.relatedTopics .lessonHover {
   margin: 2px 7px;
   width: 230px;
 }

.relatedTopics img {
   width: 65px;
   height: 65px;
   float: left;
   margin-right: 5px;
   font-size: 7pt;
}

.relatedTopics h5 {
   text-align: left;
   font-size: 9pt;
   background: none;
   padding: 0 0 2px;
}

.relatedTopics h5 a {
   color: #555;
   text-decoration: none;
}

.relatedTopics .desc {
   text-align: left;
   font-size: 8pt;
   font-weight: 400; 
}



/* /Tools/Default.aspx
----------------------------------
*/

#tools #toolsBlock .newLabel, #roster .newLabel {
   margin-left: -2.5em;
}


/* /Tools/Learner.aspx
----------------------------------
*/


.completeComment {
   list-style-type: none;   
   font-size:13px;
   margin-left: -14px;
   padding: 0 0 0 14px;
   background: url("../../graphics/site/check_orange.png") no-repeat 0px 2px;
}

.incompleteComment {
   list-style-type: none;
   margin-bottom: 10px;
   font-size:13px;
   line-height: 15px;
   margin-left: -17px;
   padding: 0 0 0 17px;
   background: url("../../graphics/site/xmark_sm.gif") no-repeat 0px 1px;
}

.waitTime {
   font-size:7pt;
   text-align:left;
   width:100%;
   margin-left:4px;
}

/* visual indicator next to assignment review comments 
    to show whether the assignment will be marked complete or incomplete */
.completeIndicatorDiv {
    height:12px; 
    width:12px; 
    float:left;
    margin-top:12px;
   background: url("../../graphics/site/check_orange.png") no-repeat 0px 2px;
}
.incompleteIndicatorDiv {
    height:12px; 
    width:12px; 
    float:left;
    margin-top:12px;
   background: url("../../graphics/site/xmark_sm.gif") no-repeat 0px 1px;
}
.noIndicatorDiv {
    height:12px; 
    width:12px; 
    float:left;
    margin-top:12px;
}




/* /Tools/FindUsers.aspx
----------------------------------
*/

#findUsers .resultsBlock {
    margin: 0 20px;
    clear: left;
    text-align: center;
}

#findUsers table td{
    text-align: center;
    vertical-align: top;
}

#findUsers .noResults {
    margin: 30px;
    text-align: center;
}


/* /Tools/Stats
-----------------------------------
*/

#stats table .classCell {
    width: 7em;
}

#stats table .comment {
    font-style: italic;
    margin-bottom: 4px;
}

#stats table .commentAuthor {
    font-weight: 600;
}

#stats table .commentDate {
    font-size: 0.8em;
}

.statControl {
   margin: 20px 0 10px 10px;
}

.statControl .question {
   float: left;
}

.statControl .results {
   margin: 5px 0 5px 350px;
   width: 100px;
   text-align: right;
}

/* /Tools/classes.aspx
---------------------------------------
*/
#ScheduleClasses .instructors {
   float: left;
   margin-left: 150px;
   display: inline;
}

#ScheduleClasses .classOrder {
   float: left;
   margin-left: 400px;
   display: inline;
}

#ScheduleClasses .controls {
   margin-left: 100px;
   width: 300px;
   text-align: center;
}


/* /Tools/Topic.aspx
-  @Editing tools
---------------------------------------
*/

#top_menu {
    text-align: center;
    background: #eee;
    padding: 10px 0;
    border: solid 1px #bbb;
    color: #333;
    position:absolute;
    top:-137px;
    left: -30px;
    width: 948px;
}

#top_menu .options {
    border-top: solid 1px #ccc;
    margin-top: 10px;
    padding-top: 10px;
}

#top_menu .instructions {
    color: #f90;
    font-weight: 600;
    padding: 5px 0 10px 0;
}

h1 .editText, h2 .editText{
    font-family: Gill Sans MT, Arial, Helvetica, sans-serif;
}

.editable, .editable_area {
    border: dashed 1px #f90;
    border-collapse: collapse;
    cursor: default;
}

.editLessonLinks {
   position: relative;
   z-index:12;
}

#pageNumbers { 
	padding:0px 5px;
}
li.sortablePageNum, li.notSortablePageNum {
	cursor: pointer;
	list-style: none;
	padding:0px 5px;
	display:inline;
}
li.sortablePageNum:hover {
    background-color:#ceeeff;
}

#waitOverlay {
    position: absolute;
    background: #000 url('../../graphics/site/loader2.gif') no-repeat fixed center;
    top: 0;
    left: 0;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;    
    z-index: 100;
    filter:alpha(opacity=40);
    -moz-opacity: .4;
    opacity: .4;
}

.opacity60 {
    filter:alpha(opacity=60);
    -moz-opacity: .60;
    opacity: .60;
}

.noJavascript .bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
	filter:alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}

.noJavascript .message {
    position: relative;
    top: 15%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: 600;
    padding: 30px;
    width: 440px;
    height: 50px;
    background: #ffd;
    border: solid 1px #000;
    text-align:center;
	filter:alpha(opacity=80);
}


.editable:hover, .editable_area:hover {
    background: #ceeeff;
}

.editArea, .editText {
    border: none; 
    background: #ceeeff;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

.topic_description {
    min-height: 100px;
}

#lesson .editArea {
    min-height: 400px;
}


/* Message Center
-----------------------------
*/

.messageCenter {
   font-size: 13px;
   background: #fff;
}

.messageCenter .mcHeadingBox {
   background: #f2f3f4 url('../../graphics/site/boxes/message_center/heading-l.png') no-repeat top left;
   font-weight: 600;
   height: 60px;
   padding-left: 3px;
   color: #333;
   font-size:14px;
}

.messageCenter .mcHeadingBox .subNote {
   background: #d2e7ec;
   border: solid 1px #eee;
   margin: -4px -8px -1px -14px;
   padding: 2px 20px;
   height: 18px;
}

.messageCenter .mcHeadingBox .rightbg {
   background: url('../../graphics/site/boxes/message_center/heading-r.png') repeat-x top right;
   height: 43px;
   padding: 8px;
}

.messageCenter .messageWindow {
   clear: left;
   background: url('../../graphics/site/boxes/message_center/main-l.png') repeat-y top left;
   padding-left: 4px;
   border-right: solid 1px #ddd;
}

.messageCenter .messageWindow .bg {
   background: url('../../graphics/site/boxes/message_center/main-bg.png');
   overflow: auto;
   padding:10px 10px 0;
}

.messageCenter .messageWindow .uncheckedMessages {
   margin: -7px -10px -10px;
   padding: 10px 10px 0;
   border-top: solid 2px #dddd99;
   background: #ffffaa;
}

.messageCenter .messageWindow .markAsRead {
   background: #ffffaa;
   padding: 3px 8px;
   font-size: 11px;
   font-weight: 600;
   display: none;
}

.messageCenter .messageWindow .delete {
   padding: 3px 8px;
   font-size: 11px;
   font-weight: 600;
   display: none;
}

.messageCenter .mcSendBox {
   background: url('../../graphics/site/boxes/message_center/textbox-l.png') no-repeat top left;
   padding-left: 4px;
   height: 60px;
}

.messageCenter .newMessageBox {
   background: #F5F5F5 url('../../graphics/site/boxes/message_center/textbox-gradient.png') repeat-x top left;
   overflow: auto;
   border: none;
   border-bottom: solid 2px #ddd;
   height:52px;
   font-family: Arial, Helvetica, sans-serif;
   float: left;
   width: 247px;
   padding: 6px 0 0px 3px;
}

.messageCenter .sendButtonBox {
   background: url('../../graphics/site/boxes/message_center/send-box.png') no-repeat top left;
   border-left: solid 2px #ddd;
   width: 94px;
   height: 60px;
   float: right;
}

.messageCenter .sendButton {
   margin: 16px 6px;
   padding-bottom: 4px;
   border: none;
   background: url("../../graphics/site/buttons/btn_1.png") no-repeat;
   width: 79px;
   height: 28px;
   color: #333;
   font-weight: 700;
   font-size: 10pt;
   line-height: 26px;
   vertical-align: middle;
   font-family: Arial;
}

.messageCenter .sendButton:hover {
   background: url("../../graphics/site/buttons/btn_1_over.png") no-repeat;
}

.messageCenter .sendButton:active {
   background: url("../../graphics/site/buttons/btn_1_down.png") no-repeat;
}

.messageCenter .mcSendBoxInstructor {
   background: url('../../graphics/site/boxes/message_center/textbox-l_100.png') no-repeat top left;
   padding-left: 4px;
   height:100px;
}

.messageCenter .mcSendBoxInstructor .sendButtonBox {
   background: url('../../graphics/site/boxes/message_center/send-box_100.png') no-repeat top left;
   height:100px;
}

.messageCenter .mcSendBoxInstructor .newMessageBox {
    height:92px;
}

.messageCenter .mcSendBoxInstructor .sendButton {
   margin: 36px 6px;
}

#mcMessage {
   margin-bottom: 10px;
}

#mcMessage .postedBy {
   font-weight: 600;
}

#mcMessage .messageText {
   margin: 2px 0 2px 14px;
}

#mcMessage .timestamp {
   font-size: 7pt;
   font-style: italic;  
   margin-left: 18px;
   padding-bottom: 8px;
}

#navWallContainer{
   border: solid 2px #555;
   background: #222;
   padding: 14px 5px 0;
   width: 865px;
   height: 460px;
   overflow: hidden;
   position: relative;
   left: -13px;
   top:-18px;
   margin-bottom: -26px;
}

#navWall {
   height: 500px;
   position: relative;
   text-align: center;
   visibility: hidden;
}

#navWall .navWallItem {
   display: inline-block;
   margin: 3px;
   border:none;
   position: relative;
}

#navWall .reflected {
   margin-bottom: 0;
}


/*   Rating Control */
.ratingControl .divTop, .divLeft, .divRight, .divBottom {
    cursor:arrow; 
}
.ratingControl .defaultTable {
    margin-left:3px;
}
.ratingControl .defaultTable .starsTd{
    width:80px;
}
.ratingControl .defaultTable .label{
    font-style: italic;
    font-size: .75em;
    color: #a3a5a7;
    padding-top:2px;
    padding-right:2px;
    width:33px;
}
.ratingControl .defaultTable .divTop {
    height:2px;
    width:80px;
    /*background:orange;*/
}
.ratingControl .defaultTable .divLeft {
    width:2px;
    height:18px;
    float:left;
    /*background:red;*/
}
.ratingControl .defaultTable .divRight {
    width:2px;
    height:18px;
    float:right;
    /*background:green;*/
}
.ratingControl .defaultTable .divBottom {
    height:2px;
    width:80px;
    /*background:blue;*/
}
.ratingControl .defaultTable .starsDiv {
    width:76px;
    float:left;
    /*background:yellow;*/
}
.ratingControl .shadowboxTable{
    width:165px;
    padding:0px 0px 0px 6px;
    background: url("../../graphics/site/rating/background_Grey_Bar.png") no-repeat;
}
.ratingControl .shadowboxTable .label {
    font-style: italic;
    color:#6e7073;
    padding-right:6px;
    *width:43px;
}
.ratingControl .shadowboxTable .divTop {
    height:2px;
    width:98px;
    /*background:orange;*/
    *position:relative;
    *left:-3px;
}
.ratingControl .shadowboxTable .divLeft {
    width:2px;
    height:23px;
    *height:21px;
    float:left;
    /*background:green;*/
    
}
.ratingControl .shadowboxTable .divRight {
    width:2px;
    height:23px;
    *height:21px;
    float:left;
    /*background:green;*/
}
.ratingControl .shadowboxTable .divBottom {
    margin-top:4px;
    height:2px;
    width:98px;
    /*background:red;*/
    *position:relative;
    *left:-3px;
}
.ratingControl .shadowboxTable .starsDiv {
    padding-top:2px;
    width:94px;
    height:19px;
    float:left;
    /*background:yellow;*/
}
.ratingControl .shadowboxTable .starsDiv .star{
    height:17px;
    width:17px;
    padding:0px;
    /*background:yellow;*/
}
.chunkClose a {
    color:#1B99AD;
    font-weight:bold;
    float:right;
    cursor:pointer;
}