/* GLOBAL STYLES
================================================ */

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

.rad_nav {
	padding:0;
	margin: 0; 
}

.filebutton {
        width:auto;
        height:24px;
}

.linkStyle,
/*a { color:#0098BD; text-decoration:underline;}*/
a { color:#0098BD; 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:#666;
}*/

.linkNoStyle
{
	font-size: 10pt;
	font-family: arial;
	color: #0098BD;
}

body
{
	font-size: 10pt;
	font-family: Arial;
	color: #666;
}

body
{
	background: url('headerGraphic.gif') repeat-x top left;
	background-color: #fff;
	text-align: center; /*ie*/
}

/* 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;
}
table
{
	font-size: 10pt;
	font-family: Arial;
	color: #666;
}
.msg, .name, .help, .login, .status
{
	font-size: 10pt;
	font-family: Arial;
}


#languageSelector
{
	font-size: 10pt;
	font-family: Arial;
	color: #666;
}
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;
}

#languageSelector
{
	float: right;
	position: relative;
	top: 44px;
}
#divSwitchUser
{
	font-size: 120%;
	top: 44px;
}

.pageTitle
{
	margin-bottom: 2em;
}
.pageTitle span
{
	font-size: 2em;
	color: #999;
}
.pageSubTitle
{
	color: #888888;
	font-size: 12pt;
	font-weight: bold;
}
.subHeader
{
	color: #888888;
	font-size: 10pt;
	font-weight: bold;
}
.subtitle
{
	color: #888888;
	font-weight: bold;
}



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

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

#header .logo
{
	background: transparent url(images/interactyx-logo.gif) no-repeat;
	display: block;
	width: 165px;
	height: 29px;
	float: left;
	margin-top: 0px;
	margin-left: -15px;
}

.status { text-align:right; position: relative; top: 44px; margin-right:2px; width:auto;}
.status a {	font-weight: bold; text-decoration:none;}
.status a:hover {text-decoration:underline;}
.status .welcomeMsg .msg,
.status .welcomeMsg .name { color: #0098BD; font-weight: bold;}
.status .icon { margin-left:5px;}

.headericons { float:right; }

.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;
	margin-right: auto;
	margin-left: auto;
}

.master-page-copyright, .master-page-copyright a
{
	text-align: center;
	color: #666666;
	font-size: 8pt;
	clear: both;
}

.master-page-copyright .master-page-poweredby
{
	padding-right: 10px;
	visibility: visible;
}
#imgLogo
{
	visibility: visible;
}

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

#footer .copyright, #footer .copyright a
{
	text-align: center;
	color: #666666;
	font-size: 8pt;
}

#footer .poweredby
{
	padding-right: 10px;
	visibility: visible;
}

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



.detailPanelHidden
{
	display: none;
}
.detailPanelShown
{
	display: block;
	background-color: #FFE;
	border: 1px solid #EE9;
	padding: 5px;
}





/* Global padding 
=============================================== */
.padding-2
{
	padding: 2px;
}
.padding-5
{
	padding: 5px;
}
.padding-8
{
	padding: 8px;
}
.padding-10
{
	padding: 10px;
}
.padding-15
{
	padding: 15px;
}
.padding-20
{
	padding: 20px;
}
.padding-30
{
	padding: 30px;
}

.padding-t5
{
	padding-top: 5px;
}
.padding-t10
{
	padding-top: 10px;
}
.padding-t15
{
	padding-top: 15px;
}
.padding-t20
{
	padding-top: 20px;
}
.padding-t25
{
	padding-top: 25px;
}
.padding-t100
{
	padding-top: 100px;
}

.padding-b5
{
	padding-bottom: 5px;
}
.padding-b8
{
	padding-bottom: 8px;
}
.padding-b10
{
	padding-bottom: 10px;
}
.padding-b15
{
	padding-bottom: 15px;
}

.padding-l5
{
	padding-left: 5px;
}
.padding-l10
{
	padding-left: 10px;
}
.padding-l15
{
	padding-left: 15px;
}
.padding-l20
{
	padding-left: 20px;
}
.padding-l40
{
	padding-left: 40px;
}

.padding-r5
{
	padding-right: 5px;
}
.padding-r10
{
	padding-right: 10px;
}
.padding-r20
{
	padding-right: 20px;
}


.padding-5-b20
{
	padding: 5px;
	padding-bottom: 20px;
}
.padding-10-b25
{
	padding: 10px;
	padding-bottom: 25px;
}
.padding-10-t5
{
	padding: 10px;
	padding-top: 5px;
}

.padding-t5-r5
{
	padding-top: 5px;
	padding-right: 5px;
}
.padding-t5-r10
{
	padding-top: 5px;
	padding-right: 10px;
}
.padding-t5-l10
{
	padding-top: 5px;
	padding-left: 10px;
}
.padding-t5-l20
{
	padding-top: 5px;
	padding-left: 20px;
}
.padding-t10-b10
{
	padding-top: 10px;
	padding-bottom: 10px;
}
.padding-t10-r20
{
	padding-top: 10px;
	padding-right: 20px;
}
.padding-t10-b30
{
	padding-top: 10px;
	padding-bottom: 30px;
}
.padding-t10-l25
{
	padding-top: 10px;
	padding-left: 25px;
}
.padding-t15-ll0
{
	padding-top: 15px;
	padding-left: 10px;
}
.padding-t15-b15
{
	padding-top: 15px;
	padding-bottom: 15px;
}
.padding-t20-b20
{
	padding-top: 20px;
	padding-bottom: 20px;
}
.padding-t25-b10
{
	padding-top: 25px;
	padding-bottom: 10px;
}
.padding-l5-r5
{
	padding-left: 5px;
	padding-right: 5px;
}
.padding-l5-t5
{
	padding-left: 5px;
	padding-top: 5px;
}

.padding-l5-t10-r10
{
	padding-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
}
.padding-t5-b10-r10
{
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.padding-t10-b10-r10
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.margin-l5
{
	margin-left: 5px;
}
.margin-l10
{
	margin-left: 10px;
}

.margin-r10
{
	margin-right: 10px;
}
.margin-r20
{
	margin-right: 20px;
}

.margin-t10
{
	margin-top: 10px;
}
.margin-t20
{
	margin-top: 20px;
}

.margin-b10
{
	margin-bottom: 10px;
}
.margin-b30
{
	margin-bottom: 30px;
}
.margin-b5em
{
	margin-bottom: .5em;
}

.margin-t2em-b5em
{
	margin-top: 2em;
	margin-bottom: .5em;
}

.margin-l2-t10
{
	margin-left: 2px;
	margin-top: 10px;
}
.margin-b30-padding-20
{
	margin-bottom: 30px;
	padding: 20px;
}
.margin-b30-padding-40
{
	margin-bottom: 30px;
	padding: 40px;
}
.margin-t5-b5-pr10
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
}

/* Global Navigation Used for Menu
==================================*/
.globalnav
{
	height: 30px;
	z-index: 2000;
	margin-bottom: 10px; /*background: #999999 url(images/menubg.gif) repeat-x;*/
	background: url(images/menu_repeater.png) top left repeat-x;
    
}
.globalnav ul
{
	display: inline;
	position: relative;
	top: 6px; /*top:-13px; */
}
.globalnav ul li
{
	padding: 6px 12px 8px 12px; /* background: url(images/menuedge.gif) top right no-repeat; */
	/*background: url(images/Menu-Separator.png) top right no-repeat; */
	width: auto;
	list-style: none;
	display: inline;
}
.globalnav ul li a
{
	font-size: 10pt;
	text-decoration: none;
	color: #454545;
	font-family: Verdana;
}
.globalnav ul li a:hover
{
	text-decoration: none;
	color: #00aadd;
}
.globalnav ul li.cls-menu-selected
{
	background-image: url(images/menuselected.gif);
}
.globalnav ul li.cls-menu-selected a
{
	/* color: #ffffff;	 */
	color: #00aadd;
}

/* Trial version display */

.trial-div
{
	padding: 5px;
	background-color: white;
	padding-right: 30px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
}
.trial-inner-div
{
	position: absolute;
	top: 0px;
	left: -400px;
}
.trial-image-div
{
	position: absolute;
	left: 0px;
	padding-left: 10px;
	width: 500px;
}


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


/* 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;*/
	color: #ffffff;
}
.datatable .rowData td
{
	padding: 2px;
	padding-left: 6px;
	margin: 0px;
}
.datatable .rowData *
{
	vertical-align: middle;
}
.datatable .odd
{
	/*background-color:#F6F6F6;*/
	background-color: #dfedf5;
}
.datatable tbody th
{
	/*background-color:#DCDFE6;*/
	background-color: #b2b2b2;
	font-weight: bold;
	text-decoration: none;
}

.datatable.site-usage tfooter th
{
	background-color: #DCDFE6;
	font-weight: bold;
	text-decoration: none;
}
.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
{
}

.datatable.site-usage .rowData .col-0
{
}
.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
{
}

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



.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%;
}


/* General grid pagination */
.pagination
{
	font-size: 11px;
	background-color: #EEE;
	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;
}


/* DIALOG BOX STYLING (DEFAULT)
============================================== */

/* Structure */


.dialog
{
	position: relative;
	margin-bottom: 15px;
	padding: 5px 15px 10px 15px;
	z-index: 1;
}
.dialog1
{
	margin-bottom: 15px;
	padding: 5px 15px 10px 15px;
}
.dialog .content
{
	position: relative;
	zoom: 1;
	_overflow-y: hidden;
}
.dialog .hd, .dialog .bd, .dialog .ft
{
	position: relative;
}

.dialog .bd .bd-div
{
	text-align: center;
	padding: 20px 0px;
}

/* 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: #777777;
	font-size: 11pt;
	font-weight: bold;
}
/*.dialog .hd span { color: #888888; 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;
	color: #888888;
}

.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 */



/* 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: #888888;
	text-decoration: underline;
}

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



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


#mainContent
{
	margin-bottom: 20px;
}



/* 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 #888888;
	background-color: white;
	text-decoration: none;
}
.contentPagination .pageNumber a.firstPage:link
{
	padding: 1px 6px 1px 6px;
	text-decoration: none;
	color: #888888;
}
.datatable .pagination span, /* general datatables */ .contentPagination .currentPageNumber /* catalog */
{
	padding: 1px 6px 1px 6px;
	background-color: #888888;
	border: 1px solid #888888;
	color: #FFF;
}
.contentPagination .itemsPerPage, .contentPagination .sortBy
{
	float: right;
	color: #666;
}
.contentPagination .sortBy
{
	padding-left: 15px;
}
.contentPagination .ddlPageSize
{
	width: 50px;
}

/*			LOGIN MODULE
====================================================== */


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

#loginPageWrapper
{
	position: relative;
	width: 850px;
	left: 50%;
	margin-left: -425px;
}
#loginPageWrapper .signUpImg
{
}


#loginPageWrapper .page-gray-row-header
{
	font-size: 15px;
	padding-top: 4px;
	padding-left: 10px;
	height: 24px;
	font-weight: bold;
	color: #888888;
	border: 1px solid #e5e5e5;
	background: transparent url(images/dialog-top.png) repeat-x;
}

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

.loginControls
{
}
.loginControls .login-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.loginControls .login-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}


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



/* MY PROFILE MODULE 
====================================*/

/* PROFILE TEMPLATE */
/* Structure */

.profile
{
}
.profile .subHeader
{
	color: #888888;
	font-size: 10pt;
	font-weight: bold;
}


.profile .action-button-default
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.profile .action-button-default-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.profile .action-button-green, .profile .launch-button, .profile .course-home-page, .profile .course-material, .profile .community, .profile .moderate-communities, .profile .report-generate-button, .profile .launch-material-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF url(images/green_gradient.gif) repeat-x scroll 0 0;
	border: 1px solid #8EDA92;
	color: #FFFFFF;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.profile .action-button-green-hover, .profile .launch-button-hover, .profile .course-home-page-hover, .profile .course-material-hover, .profile .community-hover, .profile .moderate-communities-hover, .profile .report-generate-button-hover, .profile .launch-material-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF url(images/green_gradient.gif) repeat-x scroll 0 0;
	border: 1px solid #8EDA92;
	color: #006600;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.profile .action-button-blue, .profile .free-button, .profile .subscribe-button, .profile .add-to-favourites-button, .profile .remove-from-favourites-button, .profile .register-button, .profile .enter-community, .profile .join-community, .profile .add-to-cart-button, .profile .remove-from-cart-button, .profile .use-coupon-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.profile .action-button-blue-hover, .profile .free-button-hover, .profile .subscribe-button-hover, .profile .add-to-favourites-button-hover, .profile .remove-from-favourites-button-hover, .profile .register-button-hover, .profile .enter-community-hover, .profile .join-community-hover, .profile .add-to-cart-button-hover, .profile .remove-from-cart-button-hover, .profile .use-coupon-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}


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

.upload-photo-div
{
	padding: 10px;
	border: 1px solid #E2E2E2;
}


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

/* 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;
}
#profile-nav td.col-2
{
	background: url(images/comm_nav_bg_right.gif) no-repeat top left;
}

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


/*Style for the Personal Details control */

#editAddUserWrapper .dialog
{
	position: relative;
	margin-bottom: 15px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
}
#editAddUserWrapper .dialog .content
{
	position: relative;
	zoom: 1;
	_overflow-y: hidden;
}
#editAddUserWrapper .dialog .hd, .dialog .bd, .dialog .ft
{
	position: relative;
}
#editAddUserWrapper .dialog .bd .bd-div
{
	text-align: center;
	padding: 20px 0px;
}

/* Style */
#editAddUserWrapper .dialog
{
	border: 1px solid #e5e5e5;
	background: transparent url(dialog-top.png) repeat-x top left;
}

#editAddUserWrapper .dialog .hd, #editAddUserWrapper .dialog .hd div, /*.dialog .hd span { color: #777; font-size: 11pt; font-weight:bold;}*/ #editAddUserWrapper .dialog .hd span
{
	color: White;
	font-size: 11pt;
	font-weight: bold;
}
#editAddUserWrapper .dialog .hd
{
	padding: 5px 15px 5px 15px;
	margin-bottom: 15px;
	background-color: #b2b2b2;
	background-repeat: repeat-x;
}

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

#editAddUserWrapper .dialog .section
{
	border-top: 1px solid #CCC;
	padding: 5px 15px 5px 15px;
	margin-top: 40px;
	border: 1px solid #e5e5e5;
	background: transparent url(images/dialog-top.png) repeat-x;
}
#editAddUserWrapper .dialog .section span
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 8pt;
	border: none 0px;
	color: #888888;
}

#editAddUserWrapper .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 */
#editAddUserWrapper .dialog .sub-hd2 a
{
	text-decoration: none;
	white-space: nowrap;
}
#editAddUserWrapper .dialog .sub-hd2 a:hover
{
	text-decoration: underline;
}
#editAddUserWrapper .dialog .sub-content2
{
	padding: 10px 10px 10px 20px;
}
#editAddUserWrapper .dialog .sub-content2 .empty-data-message
{
	padding-left: 10px;
}
/* exception handling to .empty-data-message in this case */


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


/*  CATALOG MODULE
=============================================*/

.catalog
{
}
.catalog .subHeader
{
	color: #888888;
	font-size: 10pt;
	font-weight: bold;
}

.catalog .action-button-default
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.catalog .action-button-default-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.catalog .action-button-green, .catalog .launch-button, .catalog .course-home-page, .catalog .course-material, .catalog .community, .catalog .moderate-communities, .catalog .report-generate-button, .catalog .launch-material-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF url(images/green_gradient.gif) repeat-x scroll 0 0;
	border: 1px solid #8EDA92;
	color: #FFFFFF;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.catalog .action-button-green-hover, .catalog .launch-button-hover, .catalog .course-home-page-hover, .catalog .course-material-hover, .catalog .community-hover, .catalog .moderate-communities-hover, .catalog .report-generate-button-hover, .catalog .launch-material-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF url(images/green_gradient.gif) repeat-x scroll 0 0;
	border: 1px solid #8EDA92;
	color: #006600;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.catalog .action-button-blue, .catalog .free-button, .catalog .subscribe-button, .catalog .add-to-favourites-button, .catalog .remove-from-favourites-button, .catalog .register-button, .catalog .enter-community, .catalog .join-community, .catalog .add-to-cart-button, .catalog .remove-from-cart-button, .catalog .use-coupon-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/blue_gradient.gif) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.catalog .action-button-blue-hover, .catalog .free-button-hover, .catalog .subscribe-button-hover, .catalog .add-to-favourites-button-hover, .catalog .remove-from-favourites-button-hover, .catalog .register-button-hover, .catalog .enter-community-hover, .catalog .join-community-hover, .catalog .add-to-cart-button-hover, .catalog .remove-from-cart-button-hover, .catalog .use-coupon-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/blue_gradient) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.search-table
{
}
.search-table td.search-input-td
{
	padding-right: 5px;
	padding-top: 3px;
}
.search-table td.search-button-td
{
	padding-top: 1px;
	width: 60px;
	text-align: right;
}
.search-table td.search-tinysearch-td
{
	width: 25px;
	padding-left: 5px;
	padding-top: 2px;
}


.courseGrid
{
	width: 100%;
}
.courseGrid-hr
{
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: solid 1pt #EEE;
}
.courseGrid .courseName
{
	padding-bottom: 10px;
}
.CatalogNonLinkedCourseName
{
	padding-bottom: 10px;
	color: #888888;
	font-size: 1.3em;
}
.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: #888888;
}
.courseGrid .addToCart
{
	margin-top: 6px;
}
.courseGrid .buttons
{
	padding: 5px 0px 0px 20px;
}
.courseGrid .detailsSummary1 div, .courseGrid .detailsSummary2 div, .courseGrid .buttons div
{
	margin-bottom: 6px;
}




/* 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 .dropdown
{
	background-color: #E4ECF7;
	color: #445893;
	border: 1px solid #7AA6D7;
}
/*.tab-button-container .button { background-color:#888888; border:1px solid #7AA6D7; float:right; height:22px; line-height:22px;}*/
.tab-button-container .button a
{
	color: #445893;
	padding: 0 10px;
	text-decoration: none;
}
/*.tab-button-container .button a { color:#ffffff; 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
{
	padding: 0px;
	text-decoration: none;
}
.datatable.manage .col-0
{
	text-align: right;
	width: 1%;
	white-space: nowrap;
}
.datatable.manage .rowData td
{
}
.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*/

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

#dialogCourseDetails .dialog .hd .title
{
	float: left;
}
#dialogCourseDetails .dialog .hd .title-div
{
	position: relative;
	top: -15px;
	left: 0px;
}

#dialogCourseDetails .dialog .hd .link
{
	float: right;
}
#dialogCourseDetails .dialog .hd .link a, #dialogCourseDetails .dialog .bd a
{
	color: #0098BD;
}
#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: #888888;
}
#dialogCourseDetails .dialog .addToCart
{
	float: right;
}
#dialogCourseDetails .dialog .subhead
{
	background-color: #EEE;
	padding: 5px 0px 5px 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #888888;
}
/* 
   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: #888888;
	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;
}


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

/* Quiz Details Control */


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

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


/*   REPORT MODULE
========================================*/


/* all reports */
.report-div
{
}
.report-div .subHeader
{
	color: #888888;
	font-size: 10pt;
	font-weight: bold;
}
.report-div .subtitle
{
	color: #888888;
	font-weight: bold;
}


.report-grid-label
{
	font-weight: bold;
}
.report-grid-value
{
	color: #224f7b;
}
.report-grid-genvalue
{
	padding-left: 20px;
	color: #224f7b;
}

.report-dategen
{
	font-style: italic;
	font-size: small;
}
.export-excel
{
	font-style: italic;
	font-size: smaller;
}
.show-coupon
{
	float: right;
	padding: 5px;
}

.progress-wheel
{
	background-color: #CF4342;
	color: #fff;
	top: 0px;
	right: 0px;
	position: relative;
}


.marks-gdiv
{
	background-color: green;
	height: 10px;
	width: 10px;
	position: relative;
	top: 3px;
	font-size: 1pt;
}
.marks-rdiv
{
	background-color: red;
	height: 10px;
	width: 10px;
	position: relative;
	top: 3px;
	font-size: 1pt;
}
.avgmarks-bdiv
{
	background-color: blue;
	height: 10px;
	width: 10px;
	position: relative;
	top: 3px;
	font-size: 1pt;
}
.percent-div
{
	position: relative;
	top: 3px;
	width: 100px;
	background-color: #efefef;
	font-size: 1px;
}



.grid-avgmarks-div
{
	width: 100px;
	background-color: #efefef;
	font-size: 1pt;
	margin-bottom: 2px;
	margin-top: 4px;
}
.grid-medmarks-div
{
	width: 100px;
	background-color: #efefef;
	font-size: 1pt;
}


.report-div .action-button-default
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.report-div .action-button-default-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.report-div .action-button-green, .report-div .launch-button, .report-div .course-home-page, .report-div .course-material, .report-div .community, .report-div .moderate-communities, .report-div .report-generate-button, .report-div .launch-material-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.report-div .action-button-green-hover, .report-div .launch-button-hover, .report-div .course-home-page-hover, .report-div .course-material-hover, .report-div .community-hover, .report-div .moderate-communities-hover, .report-div .report-generate-button-hover, .report-div .launch-material-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.report-div .action-button-blue, .report-div .free-button, .report-div .subscribe-button, .report-div .add-to-favourites-button, .report-div .remove-from-favourites-button, .report-div .register-button, .report-div .enter-community, .report-div .join-community, .report-div .add-to-cart-button, .report-div .remove-from-cart-button, .report-div .use-coupon-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.report-div .action-button-blue-hover, .report-div .free-button-hover, .report-div .subscribe-button-hover, .report-div .add-to-favourites-button-hover, .report-div .remove-from-favourites-button-hover, .report-div .register-button-hover, .report-div .enter-community-hover, .report-div .join-community-hover, .report-div .add-to-cart-button-hover, .report-div .remove-from-cart-button-hover, .report-div .use-coupon-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}



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


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

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


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



/* CART MODULE 
============================================*/

.cart-div
{
}
.cart-div .subHeader
{
	color: #888888;
	font-size: 10pt;
	font-weight: bold;
}

.cart-div .action-button-default
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.cart-div .action-button-default-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.cart-div .action-button-green, .cart-div .launch-button, .cart-div .course-home-page, .cart-div .course-material, .cart-div .community, .cart-div .moderate-communities, .cart-div .report-generate-button, .cart-div .launch-material-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.cart-div .action-button-green-hover, .cart-div .launch-button-hover, .cart-div .course-home-page-hover, .cart-div .course-material-hover, .cart-div .community-hover, .cart-div .moderate-communities-hover, .cart-div .report-generate-button-hover, .cart-div .launch-material-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.cart-div .action-button-blue, .cart-div .free-button, .cart-div .subscribe-button, .cart-div .add-to-favourites-button, .cart-div .remove-from-favourites-button, .cart-div .register-button, .cart-div .enter-community, .cart-div .join-community, .cart-div .add-to-cart-button, .cart-div .remove-from-cart-button, .cart-div .use-coupon-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.cart-div .action-button-blue-hover, .cart-div .free-button-hover, .cart-div .subscribe-button-hover, .cart-div .add-to-favourites-button-hover, .cart-div .remove-from-favourites-button-hover, .cart-div .register-button-hover, .cart-div .enter-community-hover, .cart-div .join-community-hover, .cart-div .add-to-cart-button-hover, .cart-div .remove-from-cart-button-hover, .cart-div .use-coupon-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}


.cart-title
{
	font-size: 14pt;
	font-weight: bold;
	padding-bottom: 15px;
}
.page-title
{
	font-size: 14pt;
	font-weight: bold;
	padding-bottom: 15px;
}
.page-title-div
{
	padding-top: 10px;
	padding-bottom: 20px;
}


#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: #888888;
}
#cartPageWrapper .cartAddCoupon
{
}
#cartPageWrapper .cartCouponInput
{
	border: 1px solid gray;
}
#cartPageWrapper .cartCouponVerifyBtn
{
}

#cartPageWrapper .pricelabel
{
	font-size: 110%;
}
#cartPageWrapper .price
{
	font-size: 140%;
	color: #888888;
}
#cartPageWrapper .courseName
{
	font-size: 120%;
	color: #888888;
}

#cartPageWrapper .subscriptionPlan
{
	border-top: 1px solid rgb(238, 238, 238);
	margin-top: 20px;
	padding-top: 10px;
	padding-left: 0px;
}
#cartPageWrapper .subscriptionPlanDiv
{
	border-top: 1px solid #eeeeee;
	margin-top: 5px;
	padding-top: 0px;
	padding-left: 0px;
}
#cartPageWrapper .subscriptionPlanTable
{
	background-color: #eeeeee;
	padding: 5px;
	padding-left: 0px;
}


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


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



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




#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:300px; padding:0px 5px 0px 5px;}


/* Time Table Module
============================*/

.timetable
{
}
.timetable .subHeader
{
	color: #888888;
	font-size: 10pt;
	font-weight: bold;
}
.timetable .action-button-default
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.timetable .action-button-default-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}



/* ADMIN MODULE 
============================================================*/

.lecturer-div
{
}
.lecturer-div .subHeader
{
	color: #888888;
	font-size: 10pt;
	font-weight: bold;
}
.lecturer-div .subtitle
{
	color: #888888;
	font-weight: bold;
}

.lecturer-div iframe
{
	min-height: 800px;
	height: auto;
	_height: 800px;
}

.manageuser-tr
{
	white-space: nowrap;
	margin-bottom: 10px;
	margin-top: 10px;
}
.manageuser-td
{
	white-space: nowrap;
}
.manageLearner-div
{
	border: solid 1px #F1F1F1;
	padding: 10px;
	background-color: #FCFCFC;
}
.manageLearner-innerdiv
{
	font-size: smaller;
	font-style: italic;
	padding-left: 25px;
}
.learnerGroup-table
{
	border: solid 1px #e2e2e2;
	background-color: #F9F9F9;
	padding: 10px;
}
.learnerGroup-td
{
	border: solid 1px #e2e2e2;
	background-color: #FFFFFF;
	padding: 10px;
}


.group-help
{
	border: solid 1px #F4F4F4;
	padding: 10px;
}

.replaceSco-div
{
	border-top: solid 1px #CCCCCC;
	padding-top: 50px;
}

.deletecourse-div
{
	border: dotted 1px #CCCCCC;
	border-top: none;
	padding: 10px;
}
.deletecourse-warmsg
{
	background-color: #FBF0F2;
	border: solid 1px #F8E4E8;
	padding: 3px;
	font-weight: bold;
}
.delsummaryvalue
{
	border: solid 1px #F8E4E8;
	border-top: none;
	padding: 10px;
	background-color: #FBF0F2;
}
.delbutton-div
{
	text-align: right;
	width: 100%;
	margin-top: 20px;
}
.progress-div
{
	border: solid 1px #999999;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.subscriptionRowOption
{
	height: 32px;
	vertical-align: middle;
}


.lecturer-div .action-button-default
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.lecturer-div .action-button-default-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.lecturer-div .action-button-green, .lecturer-div .launch-button, .lecturer-div .course-home-page, .lecturer-div .course-material, .lecturer-div .community, .lecturer-div .moderate-communities, .lecturer-div .report-generate-button, .lecturer-div .launch-material-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.lecturer-div .action-button-green-hover, .lecturer-div .launch-button-hover, .lecturer-div .course-home-page-hover, .lecturer-div .course-material-hover, .lecturer-div .community-hover, .lecturer-div .moderate-communities-hover, .lecturer-div .report-generate-button-hover, .lecturer-div .launch-material-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.lecturer-div .action-button-blue, .lecturer-div .free-button, .lecturer-div .subscribe-button, .lecturer-div .add-to-favourites-button, .lecturer-div .remove-from-favourites-button, .lecturer-div .register-button, .lecturer-div .enter-community, .lecturer-div .join-community, .lecturer-div .add-to-cart-button, .lecturer-div .remove-from-cart-button, .lecturer-div .use-coupon-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.lecturer-div .action-button-blue-hover, .lecturer-div .free-button-hover, .lecturer-div .subscribe-button-hover, .lecturer-div .add-to-favourites-button-hover, .lecturer-div .remove-from-favourites-button-hover, .lecturer-div .register-button-hover, .lecturer-div .enter-community-hover, .lecturer-div .join-community-hover, .lecturer-div .add-to-cart-button-hover, .lecturer-div .remove-from-cart-button-hover, .lecturer-div .use-coupon-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}


.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 #888888;
}
.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 #888888;
}
#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;
}
#divPageWrapperLecturerCreateQuiz .modelable
{
	float: left;
	font-weight: bold;
	color: Blue;
}
#divPageWrapperLecturerCreateQuiz .link-div
{
	padding-bottom: 10px;
	text-align: right;
}
#divPageWrapperLecturerCreateQuiz .hide
{
	display: none;
}


#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 MODULE
=======================================*/

.communities
{
}
.communities .subHeader
{
	color: #888888;
	font-size: 10pt;
	font-weight: bold;
}
.communities .subtitle
{
	color: #888888;
	font-weight: bold;
}


.communities .action-button-default
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.communities .action-button-default-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.communities .action-button-green, .communities .launch-button, .communities .course-home-page, .communities .course-material, .communities .community, .communities .moderate-communities, .communities .report-generate-button, .communities .launch-material-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.communities .action-button-green-hover, .communities .launch-button-hover, .communities .course-home-page-hover, .communities .course-material-hover, .communities .community-hover, .communities .moderate-communities-hover, .communities .report-generate-button-hover, .communities .launch-material-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.communities .action-button-blue, .communities .free-button, .communities .subscribe-button, .communities .add-to-favourites-button, .communities .remove-from-favourites-button, .communities .register-button, .communities .enter-community, .communities .join-community, .communities .add-to-cart-button, .communities .remove-from-cart-button, .communities .use-coupon-button
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #444444;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}
.communities .action-button-blue-hover, .communities .free-button-hover, .communities .subscribe-button-hover, .communities .add-to-favourites-button-hover, .communities .remove-from-favourites-button-hover, .communities .register-button-hover, .communities .enter-community-hover, .communities .join-community-hover, .communities .add-to-cart-button-hover, .communities .remove-from-cart-button-hover, .communities .use-coupon-button-hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/gray_repeater.png) repeat-x scroll 0 0;
	border: 1px solid #888888;
	color: #888888;
	cursor: pointer;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
}

.communities-td
{
	padding: 15px;
	border-bottom: solid 1px #e2e2e2;
}
.communities-lnkback
{
	border-top: 1px solid #EEE;
	margin: 10px 0px 5px 0px;
}
.button-div
{
	padding-bottom: 10px;
	text-align: right;
}
.boxiframe-div
{
	border-bottom: solid 1px #969696;
	height: 330px;
}
.view-community
{
	color: #777;
	font-size: 11pt;
	font-weight: bold;
}
.community-iframe
{
	height: 300px;
	width: 224px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.community-literal
{
	font-weight: bold;
	padding-bottom: 10px;
	color: #888888;
}

/* 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;
}
#communities-nav td.col-3
{
	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;
	width: 192px;
}
.community-box td.button
{
	width: 192px;
}
/* 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: #888888;
}



/* MY MATERIAL MODULE
=======================================*/

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

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

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


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



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





/* 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: #888888;
}
.box-community-info .bd
{
	margin-top: 10px;
}

/* 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 */
.boonex-iframe-small .iframecommunity
{
	overflow: auto;
}

/* 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 !!!
**
*/

.continue-checkout-div
{
	border: 1px solid #CCCCCC;
	background-color: #FFFF99;
	font-size: 14px;
	padding: 6px;
	width: auto;
}

.pricelabel
{
	font-size: 18px;
	font-weight: bold;
	color: #888888;
}

.price
{
	font-size: 18px;
	font-weight: bold;
	color: #444444;
}

.page-gray-row-header
{
	font-size: 15px;
	padding-top: 4px;
	padding-left: 10px;
	height: 28px;
	font-weight: bold;
	color: #888888;
	border: 0px solid #e5e5e5;
	background: transparent url(images/dialog-top.png) repeat-x;
}
.page-table-main
{
	border: 1px solid #e5e5e5;
}

.reportDiv
{
	margin: 15px 5px 15px 5px;
	border: 1px solid #E2E2E2;
	padding: 7px;
}
.reportAttemptsList li
{
	padding-left: 10px;
	list-style: none;
}
.reportAttemptsListNoAttempts li
{
	padding-left: 10px;
	list-style: none;
	font-style: italic;
}
.reportName
{
	padding: 5px;
}


.friendSummary-table
{
	width: 100%;
	padding: 2px;
	border-width: thin;
	border: 1px solid #E0E0E0;
}
.friendSummary-displayname
{
	font-weight: bold;
	font-size: larger;
	padding-left: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCCCCC;
}
.friendSummary-thumbnail
{
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
.friendSummary-message
{
	font-size: smaller;
}
.friendSummary-details
{
	padding: none;
}
.friendSummary-networks
{
	margin-bottom: 5px;
}
.friendgrid-item td
{
	background-color: #FFFFFF;
	padding: 5px;
	padding-bottom: 2px;
}
.friendSummary-actions
{
}
.friendSummary-aboutme
{
	padding: 5px;
	border: 1px solid #E0E0E0;
}
.friendSummary-topmessage
{
	background-color: #FFE;
	border: 1px solid #FD0;
	padding: 5px;
}
.friendSummary-RequestDate
{
	font-size: smaller;
}
.profile-cute-chat
{
	width: 100%;
	height: 460px;
}
.cutechat-pending-messages
{
	background-color: #FF0000;
	color: #FFFFFF;
	cursor: Pointer;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.friendrequests-show-ignored
{
	float: right;
	color: #888888;
}
.cutechat-notification-popup
{
	z-index: 1001;
	position: absolute;
	background-color: #AAFFFF;
	border-style: solid;
	border-color: #44AAAA;
	border-width: .5px;
	width: 200px;
}
.cutechat-notification-popup-hide
{
	float: right;
	padding-top: 2px;
	margin-right: 5px;
}
.cutechat-notification-popup-msg
{
	margin: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
	width: 80%;
}

.CuteChat_MessengerLayout
{
	background: url(Images/IM_Main.png) repeat-x;
}
.CuteChat_MessangerToolbarItemHover
{
	background: url(Images/IM_ToolBtnHover.png);
}
.CuteChat_MessengerLineButtonHover
{
	background: url(Images/IM_BtnHover.png);
}
.course-material-help-text
{
	display: inherit;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	font-size: 10px;
	color: #969696;
	border-bottom: dotted 1px #CCCCCC;
}


.content-profile
{
	overflow: auto;
	width: 400px;
}

.wordwrap-profile
{
	word-wrap: break-word;
}

.MyTabStyle .ajax__tab_header
{
	font-family: "Helvetica Neue" , Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	border-bottom: solid 1px #d7d7d7;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
{
	border-color: #222;
	color: #222;
	padding-left: 10px;
	margin-right: 3px;
	border: solid 1px #d7d7d7;
}
.MyTabStyle .ajax__tab_header .ajax__tab_inner
{
	border-color: #666;
	color: #666;
	padding: 3px 10px 2px 0px;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_outer
{
	background-color: #9c3;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_inner
{
	color: #fff;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer
{
	border-bottom-color: #ffffff;
	background-color: #d7d7d7;
}
.MyTabStyle .ajax__tab_active .ajax__tab_inner
{
	color: #000;
	border-color: #333;
}
.MyTabStyle .ajax__tab_body
{
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	background-color: #fff;
	border-top-width: 0;
	border: solid 1px #d7d7d7;
	border-top-color: #ffffff;
	padding: 5px;
}
#progressBackgroundFilter
        {
            position: fixed;
            top: 0px;
            bottom: 0px;
            left: 0px;
            right: 0px;
            overflow: hidden;
            padding: 0;
            margin: 0;
           background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
            z-index: 1000;
        }
        
        #processMessage
        {
            position: absolute;
            top: 40%;
            left: 43%;
            padding: 10px;
            width: 20%;
            z-index: 1001;
            background-color: #fff;
        }