﻿

.text-input 
{
    padding:0px 0px 2px 2px;
    margin-bottom:2px;
    color: #000000;
	border:solid 1px #969696;
}

.text-input-required
{
    padding:0px 0px 2px 2px;
    margin-bottom:2px;
    color: #000000;
	background-color:#FFFFCC;
	border:solid 1px #969696;
}

.text-input-disabled
{
    padding:0px 0px 2px 2px;
    margin-bottom:2px;
    color: #000000;
	background-color:#DEF2F2;
	border:solid 1px #969696;
}


/********************************************** GRID RELATED STYLES *************************************************/

.grid-header
{
	font-family: Arial, Verdana, sans-serif;
	font-size:  12px;
	font-weight: bold;
	color: #FFFFFF;
	/*background-color:#CCCCCC;*/
	background-color:#b2b2b2;
	height:24px;
	padding-left:2px;

	
}

.dg-alternate td 
{
	BACKGROUND-COLOR: #ECECEC;
	/*BACKGROUND-COLOR: #dfedf5;*/
	padding:5px;
	padding-bottom:0px;
}
.dg-item td  {
	BACKGROUND-COLOR: #FFFFFF;
	padding:5px;
	padding-bottom:0px;
}

.dg-alternate1 td 
{
	BACKGROUND-COLOR: #FFFFFF;
	padding:5px;
	padding-bottom:50px;
	padding-top:50px;
}
.dg-item1 td  {
	BACKGROUND-COLOR: #FFFFFF;
	padding:5px;
	padding-bottom:50px;
	padding-top:50px;
}

.dg-rowhighlight td  
{
	BACKGROUND-COLOR: #FFFFCC;
	padding:5px;
	padding-bottom:0px;
}


/************************************************ PAGING CONTROL EVENTS ************************************************/

.button-category 
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #493F35; FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none;
	BACKGROUND-COLOR: #CCCCCC;
	padding-top: 2;
	padding-bottom: 2;
	padding-left: 2;
	padding-right: 2;
	background:#CCCCCC;
    border-top:1px solid #969696;
    border-left:1px solid #969696;
    border-right:1px solid #969696; 
}
.button-category-selected
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #493F35; FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none;
	BACKGROUND-COLOR: #B5F08E;
	padding-top: 2;
	padding-bottom: 2;
	padding-left: 2;
	padding-right: 2;
	background:#B5F08E;
    border-top:1px solid #969696;
    border-left:1px solid #969696;
    border-right:1px solid #969696; 
}

.associate-titles-fieldset
{
    padding-top: 5;
	padding-bottom: 5;
	padding-left: 5;
	padding-right: 5;

}


/******************/

.page-dimmer 
{ 
	background-color:#FFFFFF; 
	text-align:center;
} 

.page-dimmer-content
{
	padding-top:25px;
	padding-bottom:25px;
	padding-right :25px;
	background-color:#FFFFFF;
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	width:100%;
}

.hidden
{
	display:none;
}

.table-row-section
{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#e2e2e2;
	padding-left:5px;
}


.month-link
{
    font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	text-decoration:none;
}
.month-link:hover
{
    font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	text-decoration:none;
}
.dashboard-month-link
{
    font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000; /* #0000FF; */
	text-decoration:none;
}
.dashboard-month-link:hover
{
    font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000; /* #0000FF; */
	text-decoration:none;
}

.month-number-table
{
	width:20px;
	background-color: #eeeeee; 
	font-family: Arial; font-size: 11; color: #666666; 
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
	padding-left:1px;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}
.month-activity
{
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
	padding-left:1px;
	border-bottom:solid 1px #e2e2e2;
	text-align:left;
}
.dashboard-month-activity
{
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
	padding-left:1px;
	border-bottom:solid 1px #e2e2e2;
	text-align:left;
}
.calendar-day-header
{
    font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration:none;
	/*background-color:#CCCCCC;*/
	background-color:#b9e9fa;
}
.calendar-today
{
 	background-color: #d1dad9; 	
}
.calendar-weekday
{
 	background-color: #d1dad9;
}

.calendar-title
{
    font-family: Arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #000000;
	text-decoration:none;
	/*background-color:#e2e2e2;*/
	background-color:#b2b2b2;
}
.calendar-next-prev
{
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
}
.month-calendar
{
    border-top:solid 1px #969696;
	border-bottom:solid 1px #969696;
	border-left:solid 1px #969696;
	border-right:solid 1px #969696;   
    font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
	width:100%;
}
.month-day
{
    background-color:#FFFFFF;
    height:100px;
    border:solid 1px #e2e2e2;    
    padding:2px;
   
}
.announcement-control-title-td
{
	padding-top:5px;
	font-weight:bold;
	font-size:11px;
}
.announcement-control-description-td
{
	color:#969696;
	font-size:11px;
}
.announcement-control-more-td
{
	padding-bottom:5px;
	border-bottom:solid 1px #e2e2e2;
}
.announcement-more-link
{
	font-size:10px;
}
.announcement-details-title-td
{
	font-weight:bold;
}
.schedule-month-activity
{
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
	padding-left:1px;
	border:solid 1px #000000;
	text-align:left;
}
.day-calendar-page-td1
{
	width:115px;
	
}
.day-calendar-page-td2
{
	padding-left:10px;
}
.day-calendar-day-style
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration:none;
}
.days-to-view-td
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #969696; 
	FONT-FAMILY: verdana, arial, helvetica; 
	TEXT-DECORATION: none;
	width:200px;
	padding-left:100px;
	white-space:nowrap;
}
.display-view-td
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #969696; 
	FONT-FAMILY: verdana, arial, helvetica; 
	TEXT-DECORATION: none;
	white-space:nowrap;
}
.day-event
{
	font-weight:bold;
}

.dayview-text
{
	font-size:11px;
}

.general-info-iframe
{
	width:100%;
	height:600px;
}
.course-info-div
{
	padding:7px;
	border:solid 1px #e2e2e2;		
	padding-top:4px;
	padding-left:10px;
	margin-bottom:10px;		
    color:#888888;     
    background:transparent url(images/dialog-top.png) repeat-x;
}
.label
{
	font-weight:bold;
}
.header
{
	background-color:#FCFCFC;
	font-weight:bold;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	border:solid 1px #e2e2e2;
	color:#00aadd;
}
.upload-file-header
{
	background-color:#FCFCFC;
	font-weight:bold;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	border:solid 1px #e2e2e2;
}
.course-tree-links
{
    cursor:pointer;
}
.course-element-title-div
{
	padding-left: 4px;
    padding-bottom: 10px;
}
.course-element-title-font
{
	font-size: 18px; 
	font-weight: bold; 
	color: #444444; 
}
.no-course-content
{
	font-size:11px;
	color:#969696;
}
.courseinfo-control-course-name-td
{
	color:#666666;
	font-weight:bold;
	padding-bottom:10px;
}
.tree-node-bold
{
	color:#666666;
	font-weight:bold;
	font-size: 12px; 
	cursor:pointer;
}
.tree-node-normal
{
	color:#666666;
	font-weight:normal;
	font-size: 12px; 
	cursor:pointer;
}
.selected-tree-node
{
	background-color:#EEEEEE;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:5px;
}
.course-element-control-title-td
{
	color:#666666;
	font-weight:bold;
	font-size: 12px; 
	padding-bottom:15px;
	border-bottom:dotted 1px #CCCCCC;
}
.course-quiz-date-title-label
{
	color:#666666;
	font-weight:bold;
	font-size: 11px; 
}
.course-quiz-date-label
{
	color:#777777;
	font-weight:normal;
	font-size: 11px; 
}
.course-assignment-date-title-label
{
	color:#666666;
	font-weight:bold;
	font-size: 11px; 
}
.course-assignment-date-label
{
	color:#777777;
	font-weight:normal;
	font-size: 11px; 
}
.portal-quizassignment-name-td
{
	padding-top:5px;
	font-weight:bold;
	font-size:12px;
}
.portal-quizassignment-date-td
{
	padding-left:10px;
	font-weight:normal;
	font-size:11px;
}
.error-message-div
{
	background-color:#FFF4F8;
	border:solid 1px #FFDFEB;
	padding:10px;
}
.course-material-left-title
{
	background-color:#EEEEFF;
	border:solid 1px #e2e2e2;
	width:250px;
	padding:2px;
}
.course-material-left-title-text
{
	
}
.course-material-tree-td
{
	width:250px;
	border:dotted 1px #CCCCCC;
	padding:4px;
}
.user-group-default-title
{
	padding:3px;
	border:solid 1px #e2e2e2;
	background-color:#FCFCFC;
}
.user-group-sub-title
{
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-weight:bold;
}
.success-message-div
{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#F5FEF1;
	border:solid 1px #E1FDE6;
}

.search-button
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #493F35; 
	FONT-FAMILY: verdana, arial, helvetica; 
	BACKGROUND-COLOR: #F2F2F2;
	border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC; 
    border-bottom:1px solid #CCCCCC; 
    border-left:1px solid #CCCCCC;
}

.search-input 
{
    color: #000000;
	border:solid 1px #CCCCCC;
	FONT-SIZE: 12px;
	width:100%;
}
.search-div
{
	padding:5px 0px 5px 5px;	
	background: url('images/bk_action_header.gif'); 
	background-repeat:repeat-x;
	border:solid 1px #CCCCCC;
	border-top:none;
}
.catalog-left-td
{
	width:190px;
	padding:4px;
}
.subject-tree a
{
	color:#777777;
}
.Import-users-header
{
	background-color:#FCFCFC;
	font-weight:bold;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	border:solid 1px #e2e2e2;
}

.topyx-internal-login-content
{
	padding: 6px;
}
.login-div
{
	width: 200px;
	border: solid 1px #CCCCCC;
	padding: 8px;
	margin: 20px;
}
.catalog-left-td-main-table
{ 
	table-layout:fixed;
	overflow:hidden;
	border:solid 1px #e2e2e2;
}

.review-user-details
{
 width:100px;
 padding-bottom:10px; /* spacing between users */
}
.user-review
{
    width:800px;
}
.review-title-date
{
    float: left;
}
.review-title 
{
    color:#000;
}
.review-date
{
    padding-left:20px;
}
.review-rating
{
    float: right;
}
.review-description
{
    padding-top:5px;
}
.grid-documents-url-div
{
	font-size:10px;
	color:#969696;
}
#PlayerStatus.seen
{
	background-color:#FFF4F8;
	border:solid 1px #FFDFEB;
	padding:9px;
	width: 100%;
	 text-transform:uppercase;
	 font-weight:bold;
	 text-align: center;
}
#PlayerStatus.unseen
{
	padding:10px;
	width: 100%;
}

.grid-sort-image 
{
    padding-left:5px
}

.report-registration-filter-header-cell 
{ 
    width:12%;
    font-weight:bold;
    padding-right:5px;
}
.report-registration-filter-value-cell 
{ 
    padding-bottom:5px 
}

.manageuser-group-filter
{
	padding:7px;
	border:solid 1px #CCCCCC;
	background-color:  #FFFFBB;
	text-align:center;
}

.cutechat-icon { 
} 

.cutechat-icon-hover { 
cursor: pointer;
} 

.action-button-default,
.login-button { 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(images/login.gif) repeat-x scroll 0 0;
border:1px solid #CFCFCF;
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;

} 
.action-button-default-hover,
.login-button-hover { 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(images/login.gif) repeat-x scroll 0 0;
border:1px solid #CFCFCF;
color:#111111;
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;
} 
.file-upload-control 
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
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:left;
text-decoration:none;
}

.action-button-green,
.launch-button,
.course-home-page,
.course-material,
.community,
.moderate-communities,
.report-generate-button,
.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;

} 
.action-button-green-hover,
.launch-button-hover,
.course-home-page-hover,
.course-material-hover,
.community-hover,
.moderate-communities-hover,
.report-generate-button-hover,
.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;
} 

.action-button-blue,
.free-button,
.subscribe-button,
.add-to-favourites-button,
.remove-from-favourites-button,
.register-button,
.enter-community,
.join-community,
.add-to-cart-button,
.remove-from-cart-button,
.use-coupon-button { 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(images/blue_gradient.gif) repeat-x scroll 0 0;
border:1px solid #53C7E9;
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;

} 
.action-button-blue-hover,
.free-button-hover,
.subscribe-button-hover,
.add-to-favourites-button-hover,
.remove-from-favourites-button-hover,
.register-button-hover,
.enter-community-hover,
.join-community-hover,
.add-to-cart-button-hover,
.remove-from-cart-button-hover,
.use-coupon-button-hover { 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(images/blue_gradient.gif) repeat-x scroll 0 0;
border:1px solid #53C7E9;
color:#000066;
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;
} 






