/*
	This file is to override the default site settings specific to the customer.
	Duplicate styles defined here WILL overwrite any styles defined anywhere else.
*/

.course-material-help-text
{
	display:none;
}
.login-custom-image
{
    display:inline;
}

/*
	This file is to override the default site settings specific to the customer.
	Duplicate styles defined here WILL overwrite any styles defined anywhere else.
*/

.course-material-help-text
{
	display:none;
}




/* Zero down margin and padding on all elements */
* { margin: 0; padding: 0;}

.linkStyle,
/*a { color:#002E62; text-decoration:underline;}*/
a { color:#000099; text-decoration:none;}
a:hover {text-decoration:underline;}

h1 { font-size: 2.4em; font-weight: normal;}
h2 { font-size: 2.0em; font-weight: normal;}
p, li { font-size: 1 em;}
h1, h2, p { margin: 1em 0;}
img { border:0px;}
td { vertical-align:top;}

/* default for all profile images */
.profileImage {/*width:80px; height:80px;*/}

.titleImage {/*width:100px; height:100px;*/}

.left { float:left;}
.right { float:right;}
.clear { clear:both; margin:0px; padding:0px;}

/* default table */
table.default { width:100%;} 
table.default td { padding-right:.3em; padding-bottom:.3em;} 
table.default td.label { text-align:right;} 
table.default td.required { width:10px; text-align:center;} 

/* Structure
================================= */


/* Universal setting */
.linkNoStyle, /* link looks like std text (shopping cart) */
* {
 font-size:10pt;
 font-family:arial;
 color:#999999;
}

body {
    background: url('headerGraphic.gif') repeat-x top left; 
	background-color: #fff;
}

/* be specific, more than one "wrapper" is being used */
body #wrapper {
    position:relative;
    margin-right:auto;
    margin-left:auto; 
	text-align:left;
	width: 955px; 
}
.master-page-body #wrapper {
    position:relative;
    margin-right:auto;
    margin-left:auto; 
	text-align:left;
	width: 955px; 
	}

hr{
    border: none 0;
    border-top: 1px solid #CCC;/* the actual horizontal rule */
    height: 1px;
}

div.hr {border-top: 1px solid #CCC;}
div.hr {_padding-bottom:10px;}




/* Header
================================== */

#header {
 height: 150px;
 width:955px;
}

#header .logo {
    background:transparent url(images/interactyx-logo.gif) no-repeat;
    display:block;
	width:250px;
	height:100px;
	float: left;
	margin-top:30px;
	margin-left:5px;
}

.status { float: right; font-size:120%; float: right; position: relative; top: 44px; margin-right:2px;}
.status a {	font-weight: bold; text-decoration:none;}
.status a:hover {text-decoration:underline;}
.status .welcomeMsg .msg,
.status .welcomeMsg .name { color: #000099; font-weight: bold;}
.status .icon { margin-left:5px;}

.cls-errorMessageText
{
	color: red;
	font-size: x-small;
}
.cls-informationMessageText
{
	color: green;
	font-size: x-small;
}

.required{
 color:Red;
 font-weight:normal;
}
.requiredMsg{
 color:#666;
 font-weight:normal;
}


/* Footer
================================== */

#master-page-footer {
	text-align: center;
	padding:2em 0px 3em 0px;
	margin-top:5em;
	border-top:1px solid #F6F6F6;
	
    position:relative;
	width: 955px; 
    left:50%;
    margin-left:-477px; 
	
	
} 

.master-page-copyright,
.master-page-copyright a  {
	color: #666666;
    font-size: 8pt;
} 



/* Global classes for showing/hiding stuff
=============================================== */
.isNotRendered { display: none;}
.isRendered { display: block;}
.isVisible { visibility: visible;}
.isHidden { visibility: hidden;}




/* Search & Cart
================================== */

#searchandcart { width:100%; margin-bottom:15px;}
#searchandcart .col1 { width:200px;}

#newSearchBar { }
#newSearchBar table { width:100%; height:48px;}
#newSearchBar table tbody { width:100%;}
#newSearchBar .col0 { background:url(images/searchbg_left.jpg) no-repeat top left; width:60px; padding-top:14px; text-align:right; padding-right:5px;}
#newSearchBar .col1 { background:url(images/searchbg_center.jpg) repeat-x top left; width:auto; padding-top:12px;}
#newSearchBar .col2 { background:url(images/searchbg_center.jpg) repeat-x top left; width:5px; }
#newSearchBar .col3 { background:url(images/searchbg_center.jpg) repeat-x top left; width:225px;padding-top:12px; }
#newSearchBar .col4 { background:url(images/searchbg_right.jpg) no-repeat top right; width:50px; padding-top:4px; text-align:right;}

#newSearchBar .txtSearch { width:100%; padding:1px;}
#newSearchBar .ddlCategories { width:100%;}
#newSearchBar .btnSearch { margin:auto 4px auto auto;}

#searchandcart .cart { cursor:pointer; padding-left:10px;}
#searchandcart .cart div { position:relative; width:190px; margin-top:-52px; margin-left:50px; text-align:center;}
#searchandcart .cart div .checkoutLink { color:#002E62; text-decoration:underline;}

/* IE only */
#newSearchBar .col1 { _padding-top:11px;}
#searchandcart .cart div { _margin-top:-55px;}



/* Content
================================== */


#mainContent { 
    margin-bottom:20px;
}


 

/* Catalog page, Breadcrumb
================================== */
#breadcrumb { margin-bottom:10px; margin-top:-5px; padding-left:10px;}

#breadcrumb table tbody a.breadcrumb:link { text-decoration:none; font-weight:bold;}
#breadcrumb table tbody a.breadcrumb:hover { text-decoration:none; font-weight:bold;}
#breadcrumb table tbody a.breadcrumb:visited { text-decoration:none; font-weight:bold;}

/* Catalog page, Current Breadcrumb at end
====================================================== */
#breadcrumb table tbody { color:#002E62;}
#breadcrumb table tbody .arrow { font-size:1.1em; padding:0px 0.3em;}
#breadcrumb table tbody a.currentbreadcrumb:link { color:gray; text-decoration:none;}
#breadcrumb table tbody a.currentbreadcrumb:hover { color:gray; text-decoration:none;}
#breadcrumb table tbody a.currentbreadcrumb:visited { color:gray; text-decoration:none;}

/* Catalog page, results table, header 
=========================================================== */
.dlCatalogHeader  
{
    width: 100%;
}
.dlCatalog
{
    border-bottom:solid 1pt #EEE;
}

/* Catalog page, results table, header number items per page 
=========================================================== */

/* Catalog page, results table, header pagination - currentpage
====================================================================== */
.contentPagination {
 background-color:#EEE;
 padding:5px 7px;
}
.contentPagination .pageNumber {
 /* padding for IE6/7 compatibility */
 padding-top:3px;
 padding-bottom:3px;
 float:left;
}
.datatable .pagination a, /* general datatables */
.contentPagination .pageNumber a /* catalog */
{
    padding: 1px 6px 1px 6px;
    border: 1px solid #002E62;
    background-color: white;
    text-decoration: none;
}
.contentPagination .pageNumber a.firstPage:link
{
    padding: 1px 6px 1px 6px;
    text-decoration: none;
    color: #002E62;
}
.datatable .pagination span, /* general datatables */
.contentPagination .currentPageNumber /* catalog */
{
    padding: 1px 6px 1px 6px;
    background-color: #002E62;
    border: 1px solid #002E62;
    color:#FFF;
}
.contentPagination .itemsPerPage,
.contentPagination .sortBy {
 float:right;
 color:#666;
}
.contentPagination .sortBy {
 padding-left:15px;
}
.contentPagination .ddlPageSize {
    width: 50px;
}



.courseGrid { width:100%;}
.courseGrid-hr { margin-top:10px; margin-bottom:10px; border-top:solid 1pt #EEE;}
.courseGrid .courseName { padding-bottom:10px;}
.courseGrid .courseName a { font-size:1.3em;}
.courseGrid td.titleImage { width:15%;}
.courseGrid .detailsSummary1,
.courseGrid .detailsSummary2 { padding-left:20px; width:30%;}
.courseGrid .detailsSummary2 .value img { margin-bottom:-3px;} /* stars */
.courseGrid .label { font-weight:bold;}
.courseGrid .value { }
.courseGrid .coursePrice { text-align:right; width:25%;}
.courseGrid .coursePrice .price { white-space:nowrap; }
.courseGrid .coursePrice .value { font-size:140%; color:#002E62;}
.courseGrid .addToCart { margin-top:6px;}
.courseGrid .buttons { padding:5px 0px 0px 20px;}
.courseGrid .detailsSummary1 div,
.courseGrid .detailsSummary2 div,
.courseGrid .buttons div { margin-bottom:6px;}



/* All pages, hint boxes
================================== */
#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	text-align: left;
	background-color: #FFFFCC;
	width: 150px; /*Default width of hint.*/ 
	padding: 5px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
	font-weight: bold;
	color: navy;
	margin: 3px 8px;
}



/* control on registration page and edit user pages
====================================================== */

#edit.dialog .content table.aboutMeFields { /* table in first section. styling the general text */
    color: gray; 
    font-family: arial; 
    font-size: 1.4em; 
    margin-top: 20px; 
    margin-bottom: 20px;
}
#edit.dialog .content table.aboutMeFields tr td.profilePhoto
{
    padding-bottom: 5px;
}
#edit.dialog .content table.aboutMeFields tr td.aboutMeText
{
    padding-left: 20px; padding-bottom: 5px;
}
#editAddUserWrapper { /* wrapper for edit and add user details */
    position:relative;
	width: 600px; 
    left:50%;
    margin-left:-300px; 
} 
#editAddUserWrapper .checkBox input {
    padding:0px;
    _margin:0px; /* IE: remove all spacing around the input box */
    _width:13px; /* IE */
    _height:13px; /* IE */
    _overflow:hidden; /* IE */
    margin-bottom:2px;
} 
#editAddUserWrapper .messages {
    padding:5px;
} 
#editAddUserWrapper .messages .publicProfile {
    float:left;
} 
#editAddUserWrapper .messages .requiredFields {
    float:right;
}


#editAddUserWrapper #editPhoto { margin-top:15px;} 
#editAddUserWrapper #editPhoto #divImageMessage { margin:15px 0px 0px 30px; font-size:8pt;} 

/* headers for each section */
#editAddUserWrapper table { width:100%; margin-bottom:15px;} 
#editAddUserWrapper table tr td { padding:5px 0px;} 
#editAddUserWrapper table td.label { width:200px; text-align:right;} 
#editAddUserWrapper table td.required { width:10px; text-align:center;} 
#editAddUserWrapper table td.checkbox { width:20px; text-align:center;} 
#editAddUserWrapper .submitButtons { padding:30px 0px; text-align:center;} 
#editAddUserWrapper .txtAboutMe { width:100%; height:200;} 
.lockedUsername
{
    color: #aabbff;   
    font-size: 1.2em;
}
.securityCheck
{
    border: 1px solid #aaaaaa; 
    position:relative;
    width:280px;
    left:50%;
    margin-left:-155px; /* 280/2=140 + 15 for dialog's internal padding */
    margin-top:30px;
    padding:15px;
}
.securityCheck span.casemsg
{
    font-size: 8pt;
}
.securityCheck .title
{
    font-size: 14pt;
    font-weight:bold;
}

/* Login.aspx page, login control
====================================================== */

#loginPageWrapper
{   
 position:relative;
 width:850px;
 left:50%;
 margin-left:-425px;
}          
#loginPageWrapper .signUpImg
{   
}          
#goRegister 
{ 
    float:left;
    width: 590px;
}
#login
{ 
    float:right;
    width:230px;
}

#goRegister .content span *
{ 
    text-align:center; 
}
.lblPassword, .btnForgotPassword
{       
    font-size: 15px; 
}
.lblLogin
{       
    font-size: 15px; 
}
.chkRemember label 
{
    font-size:8pt;
}   
.btnsLogins
{
 margin-top:10px;
}   
.chkRemember{
 float:left;
}
.btnLogin{
 float:right;
}

 
/* Forgot Password Popup Window
================================= */
span.forgotPasswordMsgs
{
    color: Red;
    padding-left: 20px;
    text-align: left;
}
span.sendAccountInformation
{
    color: Gray;
} 
 
/* Global Navigation
==================================*/ 

#globalnav {
 	height: 30px;
	width:955px;
	z-index: 2000;
	background: #999999 url(images/menubg.gif) repeat-x;
    margin-bottom:10px;
}
#globalnav ul {
  display: inline;
  position:relative;
  top:6px;
}
#globalnav ul li {
   	padding:5px 12px 8px 12px;
	background: url(images/menuedge.gif) top right no-repeat;
 	width: auto;
 	list-style: none;
   	display: inline;
 }
#globalnav ul li a { 
    font-size:10pt;
	text-decoration: none;
  	color: #454545;
}   
#globalnav ul li a:hover {
	text-decoration: none;
	color: #ffffff;
}   
#globalnav ul li.cls-menu-selected { 
	background: url(images/menuselected.gif) top right no-repeat;
}
#globalnav ul li.cls-menu-selected a{ 
	color: #ffffff;
}  

/* default code-generated tables 
=====================================*/

.datatable { width:100%;}
.datatable a { text-decoration:none;}
.datatable a:hover { text-decoration:underline;}

/* area surrounding pagination elements */
.datatable .pagination { background-color:#EEE; margin:5px 0px;}
.datatable .pagination table { margin:0px 5px;}
/* pagination elements (first, prev, 1, 2, 3, next, last) */
.datatable .pagination table td { padding:5px 0px;}

.datatable .rowHeader th,
.datatable .rowHeader td { padding:5px; margin:0px;}
.datatable .rowHeader img { padding-left:5px; padding-bottom:2px;} /* sort icon */
.datatable .rowHeader * { font-weight:bold; text-decoration:none; color:#666;}
.datatable .rowData td { padding:5px; margin:0px;}
.datatable .rowData * { text-align:left;}
.datatable .odd { background-color:#F6F6F6;}
.datatable tbody th { background-color:#DCDFE6; font-weight: bold; text-decoration:none; text-align:left;}

.datatable.site-usage tfooter th { background-color:#DCDFE6; font-weight: bold; text-decoration:none; text-align:left;}
.datatable.site-usage { text-align:right;  padding-left:5px; padding-bottom: 5px; padding-top: 5px;  text-decoration:none;}

.datatable.site-usage .empty-data-message{ text-align: left;}

.datatable.site-usage .rowHeader th {text-align:right;     }
.datatable.site-usage .rowHeader td { text-align:right;   }

.datatable.site-usage .rowHeader .col-0 { text-align:left;}

.datatable.site-usage .rowData .col-0 {  text-align:left;}
.datatable.site-usage .rowData .col-0Center {  text-align:center;}
.datatable.site-usage .rowData td {  text-align:right;}
.datatable.site-usage .rowFooter td { text-align:right;  padding:5px;  background-color:#DCDFE6; font-weight: bold; text-decoration:none;}
.datatable.site-usage .rowFooter .col-0 {  text-align:left; }

.datatable.sponsors .rowHeader th { text-align:center;   }
.datatable.sponsors .rowHeader td { text-align:right;   }
.datatable.sponsors .rowData .col-0 {  text-align:center;}


/* typically used to replace section content */
.empty-data-message,
.empty-data-message td { color:#999; padding:5px 10px 10px 5px;}

.empty-data-message-report,
.empty-data-message-report td { border:1px dotted #999; padding:10px;}

.tablesiteusagesupeadmin{ width: 60%;}
.tablesiteusagesupeadmin .col-1 {  text-align:right; }
/* Assigments page */
/*
#asgmtPageWrapper div {
 padding:2px;
 border:solid 1pt #000;
}
*/
#asgmtPageWrapper {
 position:relative;
 width:800px;
 left:50%;
 margin-left:-400px;
}
#asgmtPageWrapper * {
 color:#666;
}
#asgmtPageWrapper input, 
#asgmtPageWrapper textarea {
 color:#000;
}
/* because a <div> in a <p> wrecks it */
#asgmtExitButtonSpan {
 text-align:right;
 display:block;
}
#asgmtPageWrapper textarea {
 margin-bottom:10px;
}
#asgmtPageWrapper span.largeText {
 font-size:12pt;
 line-height:18pt;
 color:#6799CA;
}
#asgmtPageWrapper span.smallText {
 font-size:8pt;
}

#asgmtPageWrapper #overview {
 background-color:#EEE;
 margin-top:10px;
 padding:10px;
}
#asgmtPageWrapper #overview .asgmtSectionHeader {
 float:left;
 text-align:left;
 line-height:18pt;
}
#asgmtPageWrapper #overview *.asgmtSectionHeader {
 font-size:12pt;
}
#asgmtPageWrapper #overview .asgmtSectionContent {
 float:right;
}
#asgmtPageWrapper #overview .asgmtSectionContent .tdLabel {
 text-align:right;
}
#asgmtPageWrapper span.idLblDueDateValue {
 color:Red;
}
#asgmtPageWrapper #files table {
 margin-bottom:10px;
}
#asgmtPageWrapper #files input {
 margin-bottom:-4px;
 padding-right:6px;
}
.asgmtSection {
 border:1px solid #CCC;
 margin-top:10px;
 padding:10px;
}
.asgmtSectionHeader,
.asgmtSectionHeader span {
 font-size:12pt;
 margin-bottom:10px;
}
.asgmtSectionContent {
 padding:0px 10px;
}

#quizPageWrapper {
 position:relative;
 width:800px;
 left:50%;
 margin-left:-400px;
}
#quizPageWrapper * {
 color:#666;
}
#quizPageWrapper input, 
#quizPageWrapper textarea {
 color:#000;
}
/* because a <div> in a <p> wrecks it */
#quizExitButtonSpan {
 text-align:right;
 display:block;
}
#quizPageWrapper textarea {
 margin-bottom:10px;
}
#quizPageWrapper span.largeText {
 font-size:12pt;
 line-height:18pt;
 color:#6799CA;
}
#quizPageWrapper span.smallText {
 font-size:8pt;
}
#quizPageWrapper #overview {
 background-color:#EEE;
 margin-top:10px;
 padding:10px;
}
#quizPageWrapper #overview .quizSectionHeader {
 float:left;
 text-align:left;
 line-height:18pt;
}
#quizPageWrapper #overview *.quizSectionHeader {
 font-size:12pt;
}
#quizPageWrapper #overview .quizSectionContent {
 float:right;
}
#quizPageWrapper #overview .quizSectionContent .tdLabel {
 text-align:right;
}
#quizPageWrapper span.idLblDueDateValue {
 color:Red;
}
.quizSection {
 border:1px solid #CCC;
 margin-top:10px;
 padding:10px;
}
.quizSectionHeader,
.quizSectionHeader span {
 font-size:12pt;
 margin-bottom:10px;
}
.quizSectionContent {
 padding:0px 10px;
}

#quizPageWrapper #attempt {
 text-align:center; 
}
#quizPageWrapper #attempt .detail {
 font-size:14pt;
 display:block;
 margin-bottom:10px;
}
#quizPageWrapper #attempt .frmButton {
 margin:10px 0px;
}
#quizPageWrapper #attempt .dataTable {
 margin:10px 0px;
}
#quizPageWrapper #feedback .detail {
 font-size:12pt;
 display:block;
 margin-bottom:8px;
}



#dialogCourseDetails .dialog .hd .title {
 float: left; 
}
#dialogCourseDetails .dialog .hd .link {
 float: right;
}
#dialogCourseDetails .dialog .hd .link a,
#dialogCourseDetails .dialog .bd a {
 color:#002E62;
}
#dialogCourseDetails .dialog .detailsCategories {
 padding-left:20px;
}
#dialogCourseDetails .dialog .detailsSummary1, 
#dialogCourseDetails .dialog .detailsSummary2 {
 padding-left:20px;
 width:270px;
}
#dialogCourseDetails .dialog .detailsCategories div,
#dialogCourseDetails .dialog .detailsSummary1 div, 
#dialogCourseDetails .dialog .detailsSummary2 div {
 margin-bottom:8px;
}
#dialogCourseDetails .dialog .buttons {
 padding:5px 0px 0px 20px;
}
#dialogCourseDetails .dialog .buttons input {
 margin-right:5px;
}
#dialogCourseDetails .dialog .label {
 font-weight:bold;
}
#dialogCourseDetails .dialog .value {
 /*color:#000;*/
}
#dialogCourseDetails .dialog .value img { /* Paul: line up the stars rating */
 margin-bottom:-3px;
}
#dialogCourseDetails .dialog .coursePrice {
 text-align:right;
}
#dialogCourseDetails .dialog .price {
 white-space:nowrap;
 margin-bottom:10px;
}
#dialogCourseDetails .dialog .price .value {
 font-size:140%;
 color:#002E62;
}
#dialogCourseDetails .dialog .addToCart {
 float: right; 
}
#dialogCourseDetails .dialog .subhead {
 background-color:#EEE;
 padding:5px 0px 5px 10px;
 margin-top:20px;
 margin-bottom:10px;
}
/* 
   the "padding:1px" below stops "#dialogCourseDetails .dialog .subhead"{margin-bottom:10px;} (above) 
   from breaking the dialog box when this "... .subcontent"{} has no content 
*/
#dialogCourseDetails .dialog .subcontent {
 padding:1px 10px 0px 10px; 
}
#dialogCourseDetails .dialog .subcontent.descriptionValue {
 width:900px;
}
#dialogCourseDetails .dialog .frmTextArea {
 width:500px;
 padding:2px;
 color:#000;
}
#dialogCourseDetails .dialog .review {
 height:140px;
}
#dialogCourseDetails .dialog .frmDropDownList {
 color:#000;
}
#dialogCourseDetails .dialog .frmButton {
 color:#002E62;
 padding-right:10px;
}
#dialogCourseDetails .bd ul {
 list-style-type: none;
}
#dialogCourseDetails #reviewGrid table {
 _width:900px; /* In IE6/7 NOT hard coding breaks the dialog box (the parent .subcontent has left-right padding that breaks IE's box model */
}
#dialogCourseDetails #reviewGrid .userDetails{
 width:100px;
 padding-bottom:10px; /* spacing between users */
}
#dialogCourseDetails #reviewGrid .reviewTitleAndDate {
 float: left;
}
#dialogCourseDetails #reviewGrid .reviewTitle {
 color:#000;
}
#dialogCourseDetails #reviewGrid .reviewRating, 
#dialogCourseDetails #reviewGrid .reviewAction {
 float: right;
}
#dialogCourseDetails .paddingBottom {
 padding:5px;
}


.browseCategoryItems { list-style-type:none; line-height:2em; overflow:hidden; }
.browseCategoryItems a { cursor:pointer; color:#666; *overflow:hidden; *width:100%;}


#quizSectionWrapper{
 width:100%; 
 border:1px solid #EEE; 
 margin:5px;
}
#quizSectionWrapper .col0,
#quizSectionWrapper .col1{
 padding:0.5em;
}
#quizSectionWrapper .col0{
 width:100px; 
 /*background-color:#EEE; */
}
#quizSectionWrapper .questionNumber{
 display:block;
 font-weight:bold;
 font-size:140%;
 margin-bottom:5px;
}
#quizSectionWrapper .sectionAnswer{
 padding:20px 0px;
}
#quizSectionWrapper .lblAnswer{
 float:left;
 width:120px;
}
#quizSectionWrapper .answer{
 float:left;
 width:600px;
 padding:2px;
 background-color:#EEE;
}
#quizSectionWrapper .answer input{
 margin-right:0.5em;
}
#quizSectionWrapper .answer img{
 margin-left:0.5em;
}
#quizSectionWrapper .shortAnswerTable{
 float:left;
}
#quizSectionWrapper .shortAnswerImg{
 float:left;
}
#quizSectionWrapper .response{
 line-height:1.6em;
}
#quizSectionWrapper .score{
 font-size:8pt;
}
#quizSectionWrapper .frmButton{
 margin:5px 0px;
}

.lblQuizName, .lblReviewAttempt {
 font-weight:bold;
 font-size:140%;
}
.dgvReviewSummary td {
 border:solid 1px #EEE;
 padding:2px;
}
.dgvReviewSummary td.col0 {
 background-color:#EEE;
 font-weight:bold;
}





#exportCalendarPageWrapper
{   
 position:relative;
 width:600px;
 left:50%;
 margin-left:-300px;
}          
#exportCalendarPageWrapper .bd h3,
#exportCalendarPageWrapper .bd div,
#exportCalendarPageWrapper .bd ul
{   
 padding-bottom:1em;
}          
#exportCalendarPageWrapper .note
{
 color:#666;
 font-style:italic;
}          
#exportCalendarPageWrapper .steps
{
 list-style-type:decimal;
 margin-left:3em;
 margin-right:3em;
}          


/* all reports */
#reportTitle{
 text-align:center;
}
#reportTitle span{
 font-weight:bold;
 font-size:14pt;
}
.datePickerTable {
 margin:2em 0em;
}
.datePickerTable .col0{
 width:100px;
 text-align:right;
 padding-right:5px;
}
.datePickerTable input{
 cursor:default;
}
.reportDetails { width:600px; background-color:#F6F6F6; border:1px solid #CCC;}
.reportDetails tr td { padding:5px;}
.reportDetails .label{ font-weight:bold; white-space:nowrap; padding-right:5px;}
.reportDetails .value{ white-space:nowrap;}

/* specific reports */
#gvUserPermissions .col0{
 text-align:center;
 width:40px;
 padding:2px;
}




#cartPageWrapper .cartTitle
{
    font-size:14pt;
    font-weight:bold;
    padding-bottom: 15px;
}
#cartPageWrapper #cartNoDataTable
{
    border: 1px solid #DCDFE6;
    width: 100%;
    margin-bottom: 15px;
    text-align: center; 
}
#cartPageWrapper #cartNoDataTable tr td
{
    padding: 30px;
    font-size:14pt;
    font-weight:bold;
}
#cartPageWrapper .cartTableSummary 
{
    margin-top: 15px;
    width: 100%;
}
#cartPageWrapper .cartTableSummary .lnkCheckOut
{
    text-align: right;
}
#cartPageWrapper .cartTableSummary .price 
{
    text-align: right;
    white-space:normal;
    margin-bottom:10px;
}
#cartPageWrapper .cartTableSummary .price .value 
{
    font-size:140%;
    color:#002E62;
}
#cartPageWrapper .cartAddCoupon
{
}
#cartPageWrapper .cartCouponInput
{
    border: 1px solid gray;
}
#cartPageWrapper .cartCouponVerifyBtn
{
}




#dialogWebPartTaskListControl .eventSummary {
    padding:5px;
    cursor: pointer;
}

#dialogWebPartTaskListControl .eventDetails {
    display: none;
    padding: 0px 5px 15px 40px; /* 40px = line up with the rest of the text in the table */
    border-bottom:1px solid #CCC;

}

#dialogWebPartTaskListControl .eventLink {
    cursor: pointer;
}

#dialogWebPartTaskListControl .scheduleHeader {
    font-weight:bold;
    padding:5px;
}

#dialogWebPartTaskListControl #duetoday.scheduleHeader {
    background-color:#FFE4E9;
}
#dialogWebPartTaskListControl #duethisweek.scheduleHeader {
    background-color: #FCF0E4;
}
#dialogWebPartTaskListControl #duenextweek.scheduleHeader {
    background-color: #EEE;
}
#dialogWebPartTaskListControl #duetoday.scheduleHeader span {
    color:#F00;
}
#dialogWebPartTaskListControl #duethisweek.scheduleHeader span {
    color:#F60;
}
#dialogWebPartTaskListControl #duenextweek.scheduleHeader span {
}

#dialogWebPartTaskListControl .scheduleMessage {
    padding:5px 0px 5px 40px; /* 40px = line up with the rest of the text in the table */
}

#dialogWebPartTaskListControl .eventSummary .icons{
    float:left;
    width:35px;
}
#dialogWebPartTaskListControl .eventSummary .date{
    float:left;
    width:150px;
}
#dialogWebPartTaskListControl .eventSummary .divider{
    float:left;
    width:10px;
}
#dialogWebPartTaskListControl .eventSummary .info{
    float:left;
    /*width:234px;*/
}

/* CHECK OUT PAGES - ALL */

#checkOutHeader,
#checkOutFooter{
    text-align:center;
}
#checkOutHeader{
    margin-top:20px;
}
.checkoutHr{
    margin:20px 0px;
}
#checkOutHeader .checkoutSuccessStatusImage
{
    margin-bottom:35px;
}
#checkOutFooter{
    padding-top:35px;
}
#checkoutPage1 .label,
#checkoutPage2 .label,
#checkoutPage3 .label
{
    white-space:nowrap;
}
#checkoutPage1 .header,
#checkoutPage2 .header,
#checkoutPage3 .header
{
    padding:20px 0px;
}
#checkoutPage1 .header span,
#checkoutPage2 .header span,
#checkoutPage3 .header span
{
    font-weight:bold;
    font-size: 12pt;
}
#checkoutPage1 table.details tr td,
#checkoutPage2 table.details tr td,
#checkoutPage3 table.details tr td
{
    padding:5px 0px;
}

/* CHECK OUT PAGES - PAGE 1 ONLY */

#checkoutPage1
{
    position: relative;
    width: 700px;
    left: 50%;
    margin-left: -350px;
}
#checkoutPage1 .requiredFields
{
    text-align: right;
}
#checkoutPage1 .header
{
    text-align: right;
}
#checkoutPage2 table.details tr td
{
    padding:7px 0px;
}
#checkoutPage1 table tr td.label
{
    text-align:right;
    width: 230px;
}
#checkoutPage1 table tr td.required
{
    width: 10px;
    text-align:center;
}
#checkoutPage1 .formInputText
{
    color:#000;
    width:200px;
}
#checkoutPage1 .formInputCheckbox input
{
    _margin:0px; /* IE: remove all spacing around the input box */
    _width:13px; /* IE */
    _height:13px; /* IE */
    _overflow:hidden; /* IE */
    margin-right:5px;
    margin-bottom:2px;
}
#checkoutPage1 .formSelect
{
    color:#000;
    width:200px;
}
#checkoutPage1 select.ddlMonth,
#checkoutPage1 select.ddlYear
{
    width:98px;
}

/* CHECK OUT PAGES - PAGE 2 ONLY */

#checkoutPage2
{
    position: relative;
    width: 700px;
    left: 50%;
    margin-left: -350px;
}
#checkoutPage2 .header
{
    text-align: right;
}
#checkoutPage2 table tr td.label
{
    text-align:right;
    width: 230px;
}
#checkoutPage2 table tr td.value span
{
    color:#000;
    padding-left:5px;
}


/* CHECK OUT PAGES - PAGE 3 ONLY */

#checkoutPage3
{
    position: relative;
    width: 600px;
    left: 50%;
    margin-left: -300px;
}
#checkoutPage3 .checkoutBtnPrintReceipt
{
    float: right;
    position: relative;
}
#checkoutPage3 .value,
#checkoutPage3 .value span
{
    color:#000;
}
#checkoutPage3 table.billingAndShipping 
{
    width:100%;
}
#checkoutPage3 table.billingAndShipping .col0,
#checkoutPage3 table.billingAndShipping .col1
{
    width:50%;
}

#reportThisPageWrapper { 
    position:relative;
	width: 500px; 
    left:50%;
    margin-left:-250px; 
}
#reportThisPageWrapper .dialog .frmDropDownList {
    color:#000;
}
#reportThisPageWrapper .dialog .frmTextArea {
    width:460px;
    height:140px;
    padding:2px;
    color:#000;
}
#reportThisPageWrapper .dialog .frmButton {
    padding-right:10px;
}

#coverflowIcon {position:relative; float:right; margin-top:-35px;}
#coverFlow {margin-bottom:5px;}

#contentNavControl .header {font-weight:bold;}
#contentNavControl .new {margin-left:20px;}
#contentNavControl a {}
#contentNavControl a.linkNoStyle {color:#000;}

.launchPageDialog {width:955px;} /* In IE6/7 the dialog box comes up about 20px short unless hard-coded */

#otherUsersPageWrapper {position:relative; width:800px; left:50%; margin-left:-400px;}
#otherUsersPageWrapper table {width:100%;}
#otherUsersPageWrapper td { padding:10px 10px 10px 0px;}
#otherUsersPageWrapper tr td { border-top:dotted 1px #DDD;}
#otherUsersPageWrapper tr.firstRow td { border-top:none 0px; padding-top:0px;}
#otherUsersPageWrapper td.image { width:1%;}
#otherUsersPageWrapper td .name { font-weight:bold;}

#userProfilePageWrapper {position:relative; width:600px; left:50%; margin-left:-300px;}
.hr1 { border-top:solid 1px #999;}

.subNav { margin-bottom:1em;}

.categoryTree .nodeStyle {color:#666; padding:0px 5px 0px 2px;}
.categoryTree .selectedNodeStyle {color:#F6F6F6; background-color:#666;}

.categoryTreeHd,
.titlesHd { background-color:#EEE; border-bottom:solid 1px #CCC; padding:2px 5px; margin-bottom:2px; font-weight:bold;}
.editCategoryHd { background-color:#666; border-bottom:solid 1px #999; padding:2px 5px; font-weight:bold; color:#F6F6F6;}

#editCategoryInput { padding:0px; margin:0px;}
#editCategoryInput .label { width:100px; text-align:right;}
#editCategoryInput .required { width:10px; text-align:center;}
#editCategoryInput tr td { padding:5px 0px;} 
.saveAssociationsBtn { margin:5px;} 

.titlesFilters {margin:5px 0px;}

/*.bottomRightHandButtons { text-align:right; border-top:solid 1px #CCC; margin-top:10px; background-color:#FFF6F6;}*/
.bottomRightHandButtons { text-align:right; margin-top:10px; }
.bottomRightHandButtons img,
.bottomRightHandButtons input { margin:5px 5px 5px 0;}

.ddlForumsContainer { margin:5px 0px;}



/*

    NOTIFICATIONS PAGE

*/


#dialogWebPartEmailAlerts,
#dialogWebPartSubscriptionExpiry,
#dialogWebPartCartExpiry,
#dialogWebPartRecentlyPublishedCourses { position:relative; width:800px; left:50%; margin-left:-400px;}
#dialogWebPartNotificationsPreferences { position:relative; width:600px; left:50%; margin-left:-300px;}

#dialogWebPartEmailAlerts th.col0,
#dialogWebPartEmailAlerts td.col0,
#dialogWebPartEmailAlerts th.col1,
#dialogWebPartEmailAlerts td.col1 { white-space:nowrap;}
#dialogWebPartEmailAlerts .detail .detailsContent { display:none;} /* initial setting */
#dialogWebPartEmailAlerts .detailLink { cursor:pointer;}

#dialogWebPartSubscriptionExpiry th.col1,
#dialogWebPartSubscriptionExpiry td.col1,
#dialogWebPartCartExpiry th.col1, 
#dialogWebPartCartExpiry td.col1 {white-space:nowrap; text-align:right;} /* "expires on" columns */
#dialogWebPartNotificationsPreferences th { display:none;} /* remove unneeded headers */ 
#dialogWebPartNotificationsPreferences td.col0 { width:20px; text-align:center;} /* checkboxes */

#dialogWebPartUserReportDates,
#dialogWebPartSalesReportDates { position:relative; width:400px; left:50%; margin-left:-200px;}

#courseGrid .colReviews,
#courseGrid .colReports { white-space:nowrap;}


.pageTitle {margin-bottom:2em;}
.pageTitle span {font-size:2em; color:#999;}


#dialogWebPartUploadSco { position:relative; width:600px; left:50%; margin-left:-300px; padding-top:30px;}
#dialogWebPartUploadSco table .col0 { width:100px; text-align:right; white-space:nowrap;}
#dialogWebPartUploadSco table td.required { width:10px; text-align:center;}
#dialogWebPartUploadSco table .row2 input { margin-top:10px;}

#dialogWebPartNewPackage { position:relative; width:450px; left:50%; margin-left:-225px; padding-top:30px;}

.dialogWebPartImport { position:relative; width:600px; left:50%; margin-left:-300px;}
.table-bulk-properties { width:100%}
.table-bulk-properties .label,
.table-bulk-properties .required,
.table-bulk-properties .value { padding:5px;}
.table-bulk-properties .required { width:10px;}
.table-bulk-properties .value { width:300px;}
.side-note, 
.side-note * {font-size:8pt;}
.side-note .header { padding-top:2em; font-weight:bold;}
.side-note .header.first { padding:0px;}

.bulk-upload-file-list td.display-name {  width:300px;}
.bulk-upload-file-list .edit-label { border:1px dotted #CCC; width:100%; padding:0px 5px 0px 5px;}

.lecturer { padding:0px 1em;}
.lecturer table tr td { padding:5px;}
.lecturer .label { width:150px; text-align:right; font-weight:bold;}
.lecturer .input { width:400px;}
.lecturer .textarea { height:140px;}
.lecturer .title { font-size:1.2em; font-weight:bold; margin-top:2em;}
.lecturer .subtitle { font-size:1.1em; font-weight:bold; margin-top:1em;}
.lecturer p.first { margin-top:0px;}

.lecturer .lblMessage { font-size:12px; color:Red;} /* for testing */

/* Fix for MS Calendar, adopts padding of parent tables 
   note: has to appear after .lecturer settings above */
.ajax__calendar_days table tr td { padding:0px;}

#divPageWrapperLecturerHome .show { display: block;}
#divPageWrapperLecturerHome .hide { display: none;}
#divPageWrapperLecturerHome .btnHelp {margin-bottom:20px;}
#divPageWrapperLecturerHome .btnHelp a { font-weight:bold;}
#divPageWrapperLecturerHome #help {margin-bottom:40px;}
#divPageWrapperLecturerHome #nohelp {margin-bottom:10px;}

#divPageWrapperLecturerRequestCourse .lblMessage { font-size: 12px; color:Red;}
#divPageWrapperLecturerRequestCourse .title { margin-top:1em;}

#dialogWebPartLecturerRequestCourse {position:relative; width:600px; left:50%; margin-left:-300px;}

.divPageWrapperTwoListBoxes .lecturer table tr td { padding:0px;}
.divPageWrapperTwoListBoxes .label { font-weight:bold;}
.divPageWrapperTwoListBoxes .listBox { width:410px;}  
.divPageWrapperTwoListBoxes .col1 { width:110px; vertical-align:middle; text-align:center;}
.divPageWrapperTwoListBoxes .col1 a { font-size:3em; text-decoration:none; padding:0px 15px 10px 15px; border:solid 1px #002E62;}
.divPageWrapperTwoListBoxes .col1 a:hover { background-color:#EEE;}
.divPageWrapperTwoListBoxes .row0 { font-weight:bold;}
.divPageWrapperTwoListBoxes .courseName,
.divPageWrapperTwoListBoxes .courseName * { font-size:12pt;}

#divPageWrapperLecturerRequestTitles .lecturer table tr td { padding:0px;}
#divPageWrapperLecturerRequestTitles .label { font-weight:bold;}
#divPageWrapperLecturerRequestTitles .listBox { width:390px; height:400px;}
#divPageWrapperLecturerRequestTitles .col1 { width:110px; vertical-align:middle; text-align:center;}
#divPageWrapperLecturerRequestTitles .col1 a { font-size:3em; text-decoration:none; padding:0px 15px 10px 15px; border:solid 1px #002E62;}
#divPageWrapperLecturerRequestTitles .col1 a:hover { background-color:#EEE;}
#divPageWrapperLecturerRequestTitles .row0 { font-weight:bold;}
#divPageWrapperLecturerRequestTitles .courseName,
#divPageWrapperLecturerRequestTitles .courseName * { font-size:12pt;}

#divPageWrapperLecturerProcessTitleRequest .pageTitle { margin-top:3em;}

#divPageWrapperLecturerActionRequest table { width:100%;}
#divPageWrapperLecturerActionRequest table td { padding:5px 0px;}
#divPageWrapperLecturerActionRequest table .label { width:auto;}

#divPageWrapperLecturerAnnounceCourse .box { margin:2em 2em; padding:1em 2em; background-color:#EEE;}
#divPageWrapperLecturerAnnounceCourse .box * { font-size:12pt;}
#divPageWrapperLecturerAnnounceCourse .box ul { padding-left:30px;}

#divPageWrapperLecturerCreateAssignment .box1 { float:left; width:500px;}
#divPageWrapperLecturerCreateAssignment .box2 { float:right; width:400px;}
#divPageWrapperLecturerCreateAssignment .courseName,
#divPageWrapperLecturerCreateAssignment .courseName * { font-weight:bold;}
#divPageWrapperLecturerCreateAssignment .show { display: block;}
#divPageWrapperLecturerCreateAssignment .hide { display: none;}
#divPageWrapperLecturerCreateAssignment .btnHelp {margin-bottom:20px;}
#divPageWrapperLecturerCreateAssignment .btnHelp a { font-weight:bold;}
#divPageWrapperLecturerCreateAssignment #help {margin-bottom:40px;}
#divPageWrapperLecturerCreateAssignment #nohelp {margin-bottom:10px;}

#divPageWrapperProcessCourseRequest .show { display: block;}
#divPageWrapperProcessCourseRequest .hide { display: none;}
#divPageWrapperProcessCourseRequest .btnHelp {margin-bottom:20px;}
#divPageWrapperProcessCourseRequest .btnHelp a { font-weight:bold;}
#divPageWrapperProcessCourseRequest #help {margin-bottom:40px;}
#divPageWrapperProcessCourseRequest #nohelp {margin-bottom:10px;}

#dialogWebPartLecturerCreateQuiz {position:relative; width:500px; left:50%; margin-left:-250px;}
#dialogWebPartLecturerCreateQuiz .courseName,
#dialogWebPartLecturerCreateQuiz .courseName * { font-weight:bold;}
#divPageWrapperLecturerCreateQuiz ul { margin:auto auto 1em 2em;}

#divPageWrapperAdminHome .title * { font-size:1.2em;}
#divPageWrapperAdminHome .text { margin-bottom:2em; margin-left:1em; }

#divPageWrapperEditMetadata .requiredFields { text-align:right; margin-bottom:30px;}
#divPageWrapperEditMetadata table { width:100%;} 
#divPageWrapperEditMetadata table tr td { padding:5px 0px;} 
#divPageWrapperEditMetadata table td.label { width:200px; text-align:right;} 
#divPageWrapperEditMetadata table td.required { width:10px; text-align:center;} 

#dialogWebPartReviewTitleRequest,
#dialogWebPartReviewCourseRequest { position:relative; width:500px; left:50%; margin-left:-250px;}
#dialogWebPartProcessTitleRequest,
#dialogWebPartActionSummary,
#dialogWebPartProcessCourseRequest { position:relative; width:600px; left:50%; margin-left:-300px;}

#dialogWebPartProcessTitleRequest .check-box input {margin-right:5px; }
#dialogWebPartProcessTitleRequest .check-box-list {margin-left:15px; }
#dialogWebPartProcessTitleRequest .check-box-list input {margin-right:5px; }

/* defaults for all category trees, use local values to set height, width, etc. */
/* id + class to override any parent table settings */ 
#tree-container {
    margin-right:5px; 
    min-height:600px;
    height:100% !important; /* FF friendly */
    overflow:auto;
    _height:600px; /* IE will roll up tree to to same height of associated UI (manage cat > "add child" is only a single line) if not set to exact height. Sucks to be IE */
}
#tree-container .tree-categories table { width:auto;} 
#tree-container .tree-categories table tr td { padding:0px 0px;} 
#tree-container .tree-categories table tr td input { margin-right:5px;} 

#tableAddRss td,
#tableEditForum td,
#tableEditThread td,
#tableReplyThread td { padding:5px 0px;} 

.lectureListItem { margin-bottom:0.5em; padding-left:1em; background:transparent url(images/bullet_small.gif) no-repeat 5px 7px;}


/* COMMUNITIES TEMPLATE */
/* Structure */
.communities-content-div { padding:30px 0px;}
.communities-content-div iframe { width:100%;}
/* Style */
.communities-content-div iframe { border:0pt none; background-color:#EEE;}


/* COMMUNITIES NAVIGATION BAR */
/* Structure */
#communities-nav { width:100%; height:29px;}
#communities-nav a { height:29px; padding:6px 6px; margin-right:3px;}
#communities-nav td { vertical-align:middle;}
#communities-nav td.col-0 { width:130px;}
#communities-nav td.col-1 { width:16px;}
#communities-nav td.col-2 span.space { padding-left:21px;}
#communities-nav td.col-3 { width:16px;}
/* Style */
#communities-nav a { text-decoration:none; white-space:nowrap;}
#communities-nav a:hover { text-decoration:underline;}
#communities-nav a.bold { font-weight:bold;}
#communities-nav td.col-1 { background:url(images/comm_nav_bg_left.gif) no-repeat top right;}
#communities-nav td.col-2 { background:url(images/comm_nav_bg_center.gif) repeat-x top left; text-align:left;}
#communities-nav td.col-3 { background:url(images/comm_nav_bg_right.gif) no-repeat top left;}


/* PROFILE TEMPLATE */
/* Structure */
.profile-content-div { padding:30px 0px;}
.profile-content-div iframe { width:100%;}
/* Style */
.profile-content-div iframe { border:0pt none; background-color:#EEE;}


/* PROFILE NAVIGATION BAR */
/* Structure */
#profile-nav { width:100%; height:29px;}
#profile-nav a { height:29px; padding:6px 6px; margin-right:3px;}
#profile-nav a.mailIcon { padding-left:33px;}
#profile-nav td { vertical-align:middle;}
#profile-nav td.col-0 { width:16px;}
#profile-nav td.col-2 { width:16px;}
/* Style */
#profile-nav a { text-decoration:none; white-space:nowrap;}
#profile-nav a:hover { text-decoration:underline;}
#profile-nav a.mailIcon { background:url(images/profile_email_icon.gif) no-repeat 6px 4px;}
#profile-nav td.col-0 { background:url(images/comm_nav_bg_left.gif) no-repeat top right;}
#profile-nav td.col-1 { background:url(images/comm_nav_bg_center.gif) repeat-x top left; text-align:left;}
#profile-nav td.col-2 { background:url(images/comm_nav_bg_right.gif) no-repeat top left;}

/* COMMUNITY BOX */
/* Structure */
.community-box { width:192px; height:125px;}
.community-box td.label { height:85px;}
/* Style */
.community-box { background:url(images/community-box.gif) no-repeat top left; text-align:center;}
.community-box td.label { vertical-align:middle; overflow:hidden;}
.community-box td.label div { *overflow:hidden; *width:192px;}
.community-box td.label div a { text-decoration:none; font-weight:bold; font-size:1.2em;}

/* COMMUNITY BOX - LABEL ONLY */
/* Structure */
.community-box-label-only { width:224px; height:115px;}
.community-box-label-only td.label { height:115px;}
/* Style */
.community-box-label-only { background:url(images/community-box-2.gif) no-repeat top left; text-align:center;}
.community-box-label-only td.label { vertical-align:middle;}
.community-box-label-only td.label div { overflow:hidden;}
.community-box-label-only td.label div span { font-weight:bold; font-size:1.2em; color:#999999;}

/* DATATABLE FOR COURSES AND TITLES */
/* Structure */
.datatable-courses-titles { width:100%;}
.datatable-courses-titles tr.course td.col1 { font-weight:bold;}
.datatable-courses-titles tr.course td,
.datatable-courses-titles tr.title td { vertical-align:middle;}
.datatable-courses-titles tr.course td.col0 { padding:0px 5px;}
.datatable-courses-titles td.col1 { padding-left:5px;}
.datatable-courses-titles td.col3 { width:1%; padding:2px 2px 2px 30px;}
.datatable-courses-titles td.col4 { width:1%; padding:2px;}
/* Style */
.datatable-courses-titles th { background-color:#CCC; padding:5px;}
.datatable-courses-titles a { text-decoration:none;}
.datatable-courses-titles a:hover { text-decoration:underline;}
.datatable-courses-titles tr.course { background-color:#F6F6F6;}
.datatable-courses-titles tr.course.odd { background-color:#FFF;}
.datatable-courses-titles tr.course td.col0 { background-color:#FFF;}
.datatable-courses-titles tr.title { background-color:#F0F0F0;}
.datatable-courses-titles tr.title.odd { background-color:#FFF;}
.datatable-courses-titles tr.title td.col0 { background-color:#FFF;}
/* Style: text align */
.datatable-courses-titles th { text-align:right;}
.datatable-courses-titles th.col0 { text-align:left;} 
.datatable-courses-titles th.col1 { text-align:left;}
.datatable-courses-titles td.col2 { text-align:right; }
.datatable-courses-titles th.col3 { text-align:right; }
.datatable-courses-titles th.col4 { text-align:center;}
/* Style: box around title */
.datatable-courses-titles tr.title td.col1 { border-left:1px solid #DDD;}
.datatable-courses-titles tr.title td.col4 { border-right:1px solid #DDD;}
.datatable-courses-titles tr.title.first td { border-top:1px solid #DDD;}
.datatable-courses-titles tr.title.last td { border-bottom:1px solid #DDD;}
.datatable-courses-titles tr.title td.col0 { border:0px none;}

/* DATATABLE FOR TITLES FILTERED TO A SPECIFIC COURSE */
/* Structure */
.datatable-titles { width:100%;}
.datatable-titles td { vertical-align:middle; padding:4px 6px;}
.datatable-titles td.col1 { width:1%; padding-left:30px;}
.datatable-titles td.col2 { width:1%;}
/* Style */
.datatable-titles a { text-decoration:none;}
.datatable-titles a:hover { text-decoration:underline;}
.datatable-titles tr.title { background-color:#F0F0F0;}
.datatable-titles tr.title.odd { background-color:#FFF;}

.green-message { background-color:#EFE; border:1px solid #9F9; padding:0px 1em;} /* use <p> inside */
.yellow-message { background-color:#FFE; border:1px solid #FD0; padding:0px 1em;} /* use <p> inside */
.red-message { background-color:#FEE; border:1px solid #F99; padding:0px 1em;} /* use <p> inside */
.small-grey-note { color:#999; font-size:85%;}


/* TWITTER */
.twitterlabel
{
    font-size:10pt;
}
.twittertimestamp
{
    padding-top: 5px;
    color:#aaaaaa;
    font-size:7pt;
}
.twitterhr
{
    border-top :1px solid #EEEEEE; 
    margin:5px 0px 10px;
}


/* PROFILE NAVIGATION BAR */
/* Structure */
#user-profile-div td.image { width:1%; padding:0px 1em 1em 0px;}
#user-profile-div td.image,
#user-profile-div td.details { padding:0px 1em 1em 0px;}
#user-profile-div td.other-networks div { margin-bottom:5px;}
#user-profile-div div.about-me { padding-bottom:1em;}
#user-profile-div table.boonex-icons { padding-top:1em; margin-top:2em;}
#user-profile-div table.boonex-icons tr { height:29px;}
#user-profile-div table.boonex-icons a { height:29px; padding:6px 0px 6px 27px;}
/* Style */
#user-profile-div span.label { font-weight:bold;}
#user-profile-div table.boonex-icons { border-top:1px solid #EEE;}
#user-profile-div a.sendMail { background:url(images/icon-send-mail.gif) no-repeat 0px 5px;}
#user-profile-div a.sendEcard { background:url(images/icon-send-ecard.gif) no-repeat 0px 5px;}
#user-profile-div a.fave { background:url(images/icon-fave.gif) no-repeat 0px 5px;}
#user-profile-div a.addToFriends { background:url(images/icon-add-to-friends.gif) no-repeat 0px 5px;}
#user-profile-div a.startChat { background:url(images/icon-chat.gif) no-repeat 0px 5px;}
#user-profile-div a.greeting { background:url(images/icon-greeting.gif) no-repeat 0px 5px;}
#user-profile-div a.share { background:url(images/icon-share.gif) no-repeat 0px 5px;}
#user-profile-div a.report { background:url(images/icon-report.gif) no-repeat 0px 5px;}
#user-profile-div a.block { background:url(images/icon-block.gif) no-repeat 0px 5px;}


/* General grid pagination */
.pagination { font-size:11px; background-color:#EEE; padding:2px 2px 0px 2px; text-align:right;}
.pagination .browse { white-space:nowrap;}
/* .browse */
.pagination a { color:#0AD; padding:2px 7px; border:1px solid #0AD; background-color:#FFF;}
.pagination a:hover { text-decoration:none; color:#0AD; background-color:#FFF; border:1px solid #0AD;}
.pagination a:active { text-decoration:none; color:#FFF; background-color:#036; border:1px solid #036;}
.pagination a.disabled { color:#CCC; cursor:default; border:1px solid #CCC;}
.pagination a.disabled:hover { }
.pagination a.disabled:active { background-color:#FFF;}
.pagination a.current-page { color:#FFF; background-color:#0AD; cursor:default; border:1px solid #0AD; font-weight:bold;}
.pagination .ellipsis { color:#0AD; cursor:default; letter-spacing:3px;}
/* .select */
.pagination .select-page { font-size:11px; margin-bottom:2px; width:45px; border:1px solid #0AD; padding:1px; margin-left:20px;}

/* IE only */
.pagination { _padding-bottom:3px;}
.pagination a { _padding:1px 6px;}
.pagination .select-page { _font-size:11px; _margin:0px; _overflow:hidden; _margin-bottom:-1px; _margin-left:20px;}

.check-box-list td {padding:0px;}

.question-mark-icon { vertical-align:middle; margin-top:-5px; _margin-top:-7px;}

/*
** ".custom-sco-width-modifier" NOTES
** 
** For customers who need more space to view their files inline.
** This modifier sets the fixed-width of the title/toc/contents only.
** This applies to pages/course/LaunchCustomSco.aspx only
** Search for "custom-sco-width-modifier" to find how to use it
** 
** HOW TO USE
** 
** [desired width] = width in pixels the customer requires, 1200px for this example
** [parent's set width] = this is the default width of the page's content (search for "body #wrapper"), currently 955px
** "width": [desired width]
** "margin-left": ([desired width] - [parent's set width])/2 = (1200-955)/2 = 122.5
** 
*/
.custom-sco-width-modifier { position:relative; width: 1200px; margin-left:-122px;}

/* Begin V Reznikov*/

	.tab-container { display:block; font-size:12px; height:23px; margin:2em auto auto 1em;}
	.tab-container .tab { background-color:#E4ECF7; border-color:#7AA6D7; border-style:solid solid none; border-width:1px 1px 0; float:left; height:22px; line-height:22px; margin-right:4px;}
	.tab-container .selected { background-color:#FFF; border-bottom:1px solid #FFF; display:block; font-weight:bold; height:22px; margin-bottom:-1px; z-index:2;}
	.tab-container .tab a,
	.tab-container .tab span { color:#445893; padding:0 10px; text-decoration:none;}
	.tab_spacer{ border-top:1px solid #7AA6D7; margin-bottom:1em;}
	
	.tab-button-container { display:block; font-size:12px; height:23px; line-height:23px; padding-bottom:10px;}
	.tab-button-container .button { background-color:#E4ECF7; border:1px solid #7AA6D7; float:right; height:22px; line-height:22px;}
	.tab-button-container .button a { color:#445893; padding:0 10px; text-decoration:none;}

	.editgrid { background:url(images/UserEdit.gif) no-repeat 0px 5px;}
	.deletegrid { background:url(images/icon_delete.gif) no-repeat 0px 5px;}
	
	.requiredStar{ color:Red; font-weight:normal; width: 5px;}
	.labelRight {text-align:right;}
	.lstTitles {width: 370;}
					
.datatable.manage { text-align:left;  padding:0px; text-decoration:none;}
.datatable.manage  .col-0 {  text-align:right; width: 1%; white-space:nowrap; }
.datatable.manage .rowData td {  text-align:left;}				
.datatable.manage .rowData .col-6 {  text-align:right; }
.datatable.manage .rowData .col-6C {  text-align:center; }
.datatable.manage .rowData .col-6Margin {  text-align:right; margin-right: 25px; }
.datatable.manage .col-6H {  text-align:right; }

/* End V Reznikov*/

	
/*
**
**  UNTIL THIS STYLESHEET IS REVISED,
**  EVERYTHING BELOW THIS LINE MUST REMAIN AT THE _BOTTOM_ OF THIS PAGE
**
*/



/* 
    <div class="dialog"> <!-- top left PNG - req'd -->
        <div class="hd"></div> <!-- "header" - req'd -->
        <div class="bd"> <!-- "body" - req'd -->
            <div class="menu"> <!-- "menu" - req'd -->
                <div class="left"></div>
                <div class="right"></div>
                <div class="clear"></div>
                <div class="hr"></div>
            </div>
        </div>
    </div>
*/

/* DIALOG BOX STYLING (DEFAULT) */
/* Structure */
.dialog { position:relative; margin-bottom:15px; padding:5px 15px 10px 15px; z-index:1;}
.dialog .content { position:relative; zoom:1; _overflow-y:hidden;}
.dialog .hd, .dialog .bd, .dialog .ft { position:relative;}
/* Style */
.dialog { border:1px solid #e5e5e5; background:transparent url(dialog-top.png) repeat-x top left;}

.dialog .hd,
.dialog .hd div,
.dialog .hd span { color: #777; font-size: 11pt; font-weight:bold;}
.dialog .hd { margin-bottom:15px;}

.dialog .menu a { text-decoration:none; white-space:nowrap;}
.dialog .menu a:hover { text-decoration:underline;}
.dialog .menu .left a { margin-right:1em;}
.dialog .menu .right a { margin-left:1em;}
.dialog .menu .hr { border-top:1px solid #EEE; padding:5px 0px 10px 0px;}

.dialog .section { border-top:1px solid #CCC; padding-top:5px; padding-bottom:10px; margin-top:40px; } 
.dialog .section span { text-transform:uppercase; font-weight:bold; font-size:8pt; border:none 0px;} 

.dialog .sub-hd2 { padding:5px 10px; background-color:#F6F6F6; _width:100%;} /* width is set for this div because IE decided to set hasLayout=-1 (!?!), "_width" works only in IE, see http://www.satzansatz.de/cssd/onhavinglayout.html */
.dialog .sub-hd2 a { text-decoration:none; white-space:nowrap;}
.dialog .sub-hd2 a:hover { text-decoration:underline;}
.dialog .sub-content2 { padding:10px 10px 10px 20px;}
.dialog .sub-content2 .empty-data-message { padding-left:10px;} /* exception handling to .empty-data-message in this case */

/* white box, light grey outline */
.box-community-info { padding:10px 12px; border:1px solid #DDD; background-color:#FFF; margin-bottom:20px;}
.box-community-info .hd span { font-size:1.5em; margin-bottom:10px;}
.box-community-info .hd span.value { color:#999999;}
.box-community-info .bd { margin-top:10px;}

.community-box-label-only td.label div span {
    color: #999999;
    font-size: 1.2em;
    font-weight: bold;
}

/* light grey box, medium grey outline */
.box-sidebar { padding:10px 10px 0px 10px; border:1px solid #CCC; background-color:#F6F6F6;}

/* white box, medium grey outline */
.box-sidebar-info { padding:5px 7px; border:1px solid #CCC; background-color:#FFF; margin-bottom:10px;}
.box-sidebar-info .hd { font-weight:bold; margin-bottom:5px;}
.box-sidebar-info a { text-decoration:none; white-space:nowrap;}
.box-sidebar-info a:hover { text-decoration:underline;}

/* no background or outline */
.box-sidebar-nostyle { padding:5px 7px; margin-bottom:10px;}
.box-sidebar-nostyle a { text-decoration:none; white-space:nowrap;}
.box-sidebar-nostyle a:hover { text-decoration:underline;}

/* medium grey outline (in IE7, no width allows iframe to break box-model) */
.box-iframe { background-color:#F6F6F6; margin-bottom:10px; width:100%;}
.box-iframe iframe { height:300px;}

.boonex-iframe-small { width:100%; height:200px;}
.boonex-iframe-large { width:100%; min-height:640px; height:auto; _height:640px;} /* whiteboard min height = 640px, videochat = 620px */


/* Profile page */
#dialogWebPartUserDetails { width: 465px;float: left;}
#dialogWebPartUserDetails .labelName,
#dialogWebPartUserDetails .label { font-weight:bold;}
#dialogWebPartUserDetails .profileImage { margin-right:25px; margin-bottom:15px;}
#dialogWebPartTaskListControl #exportCal { position:relative; float:right; margin-top:-32px; text-align:right; height:20px;}
#dialogWebPartTaskListControl #exportCal img { margin-right:7px; margin-bottom:-5px;}
#dialogWebPartTaskListControl #exportCal a { text-decoration:none;}
#dialogWebPartTaskListControl #exportCal a:hover {text-decoration:underline;}

/* Category page */
#dialogBrowseCategories ul { list-style: none; margin-top:-5px;}
#dialogBrowseCategories ul a { text-decoration:none; color:#666;}
#dialogBrowseCategories ul a:hover { text-decoration:underline;}
#dialogBrowseCategories table * { line-height:15pt;}

/*
**
**  DO _NOT_ ADD ANYTHING ABOVE OR BELOW THIS LINE !!!
**
*/