RESET */
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* reset for user-defined text */
/*.standard.clean-padding ul	{ padding: 0 0 0 16px !important;}
.standard.clean-padding ol	{ padding: 0 0 0 22px !important;}
.standard ul				{ list-style-type: square; padding: 10px 0 20px 16px; }
.standard ul ul				{ list-style-type: square; padding: 5px 0 5px 16px; }
.standard ol				{ list-style-type: decimal; padding: 10px 0 20px 22px; }
.standard ol ol				{ list-style-type: lower-alpha; padding: 5px 0 5px 22px; }
.standard dl				{ padding: 10px 0px 15px 0px; }
.standard dl dt				{ color: #333333; font-weight: bold; }
.standard dl dd				{ padding-bottom: 10px; }*/

.topbuts li a.blue			{ background: #0064AA; }
.topbuts li a.blue:hover	{ background: #00A5C4; }
.topbuts li a.grey			{ background: #BBBBBB; }
.topbuts li a.grey:hover	{ background: #CCC; }

/*.menu li 			{ float: left; margin-right: 3px; padding-bottom: 5px; position: relative; }*/
/*.menu li a		{ display: block; line-height: 16px; padding: 7px 15px 7px 15px; background: url('../images/button_glas1.png') center center repeat-x #555555; color: #FFFFFF; text-decoration: none; font-weight: bold; text-shadow: 1px 1px 1px #333333; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }*/
.menu li 			{ padding-bottom: 0px; }
.menu li a			{ padding: 4px 10px 4px 10px; }
.menu ul ul			{ top: 25px;}

/*.main-wrap						{ width: 100%; padding-top: 30px; }*/
.main-wrap							{ padding-top: 12px; }

.user-detail .name	{ padding:2px 0px 3px 0px; }
.user-detail .text	{ line-height:16px; }

/* iconbar */

.content-box.appbar						{ -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; }
.content-box.appbar .box-body			{ border: none; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; }

.content-box.appbar .iconbar			{ background-color: #CCC; height: 113px;}
.content-box.appbar .iconbar .box-wrap	{ padding-top: 5px; padding-bottom: 5px; height: 93px; }
.appbar .main-icons ul					{ min-width: 5000px !important; }
/*
.content-box .iconbar	{ background: #e9e9e9 url('../images/bck_iconbar.png') top center repeat-x; height: 143px; overflow: hidden; }
.content-box .iconbar .box-wrap	{ background: url('../images/bck_iconbar_bottom.png') center bottom repeat-x; padding-top: 15px; padding-bottom: 25px; padding-left: 42px; padding-right: 42px; position: relative; overflow: hidden; height: 103px; }

.iconbar .jcarousel-list            { height: 100px; overflow: hidden; }
.iconbar .jcarousel-prev            { background: #f9f9f9; display: block; width: 20px; height: 40px; text-indent: -9999px; border: 1px solid #FFFFFF; border-left-width: 0px; position: absolute; top: 29px; left: -42px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; -moz-box-shadow: 2px 1px 4px #dddddd; -webkit-box-shadow: 2px 1px 4px #dddddd; box-shadow: 2px 1px 4px #dddddd; *border-right: 1px solid #DDDDDD; *border-bottom: 1px solid #DDDDDD;}
.iconbar .jcarousel-prev-disabled   { background: url('../images/arrowleft_iconbar_off.png') center center no-repeat #f9f9f9 !important; cursor: auto !important; }
.iconbar .jcarousel-prev            { background: url('../images/arrowleft_iconbar_act.png') center center no-repeat #f9f9f9; cursor: pointer; }
.iconbar .jcarousel-prev:hover      { background: url('../images/arrowleft_iconbar_ovr.png') center center no-repeat #ffffff;}

.iconbar .jcarousel-next			{ background: #f9f9f9; display: block; width: 20px; height: 40px; text-indent: -9999px; border: 1px solid #FFFFFF; border-right-width: 0px; position: absolute; top: 29px; right: -42px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; -moz-box-shadow: -2px 1px 4px #dddddd; -webkit-box-shadow: -2px 1px 4px #dddddd; box-shadow: -2px 1px 4px #dddddd; *border-left: 1px solid #DDDDDD; *border-bottom: 1px solid #DDDDDD;}
.iconbar .jcarousel-next-disabled	{ background: url('../images/arrowright_iconbar_off.png') center center no-repeat #f9f9f9 !important; cursor: auto !important; }
.iconbar .jcarousel-next            { background: url('../images/arrowright_iconbar_act.png') center center no-repeat #f9f9f9; cursor: pointer; }
.iconbar .jcarousel-next:hover      { background: url('../images/arrowright_iconbar_ovr.png') center center no-repeat #ffffff;}

.main-icons			{ margin: 0px; padding: 0px; }
.main-icons ul			{ width: 100%; }
.main-icons li			{ width: 120px; float: left; text-align: center; margin: 0px 5px 0px 5px; padding: 1px 0px 5px 0px; }
.main-icons li.active,
.main-icons li:hover		{ background: url('../images/bck_iconbar_ovr.png') center -15px no-repeat ; width: 118px; padding: 0px 0px 5px 0px; border: 1px solid #f3f3f3; border-bottom-width: 0px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
.main-icons a			{ color: #333333; text-decoration: none; display: block; padding-top: 14px; text-shadow:0px 1px 2px rgba(0, 0, 0, .25); }
.main-icons a:hover		{ color: #00A5C4; text-decoration: none; padding-top: 13px; text-shadow:0px 1px 10px rgba(255, 255, 255, 1.0); border: 1px solid #FFFFFF; border-bottom-width: 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;  }
.main-icons li.active a		{ color: #47AB00; text-decoration: none; padding-top: 13px; text-shadow:0px 1px 1px rgba(71, 171, 0, .4); border: 1px solid #FFFFFF; border-bottom-width: 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;  }
.main-icons .icon		{ display: block; width: 64px; height: 64px; margin: 0px auto; }
.main-icons .text		{ display: block; padding: 5px 0px 0px 0px; }
*/
/* end iconbar */

.pointer						{ cursor: pointer; cursor: hand; }

.button.darkred					{ background-color: #900; }
.button.darkblue				{ background-color: #0064AA; }
.button.darkgreen				{ background-color: #060; }
.button.teal					{ background-color: #008080; }

span.glossary,
span.resource				{ float: left; display: block; text-indent: -9999px; width: 22px; height: 16px; cursor: pointer; position: relative; top: -1px; left: -5px; margin-right: 5px ; }
span.glossary				{ background: url('../../images/ico_info_16.png') center center no-repeat !important; }
span.resource				{ background: url('images/resource_22.png') center center no-repeat !important; }

.opaque25							{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity: 0.25; -webkit-opacity: 0.25; }
.opaque50							{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; }
.opaque75							{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; -webkit-opacity: 0.75; }

/*.box-header h2					{ color: #333333; line-height: 24px; margin-bottom: 0px; padding: 7px 20px 9px 20px; background: url('../images/rule.gif') bottom left repeat-x; }*/
.box-header h2.selected				{ color: #06C; }

/*.box-header .tabs li.active a		{ color: #FFFFFF; background: url('../images/button_glas1.png') center center repeat-x #4DB800; border: 0px solid #333333; }*/
.box-header .tabs li.active a		{ color: #FFFFFF; background: url('../../images/button_glas1.png') center center repeat-x #0064AA; border: 0px solid #333333; }
/*.box-header .tabs li a.selected	{ color: #FFFFFF; background: url('../images/button_glas1.png') center center repeat-x #4DB800; border: 0px solid #333333; }*/
.box-header .tabs li a.selected		{ color: #FFFFFF; background: url('../../images/button_glas1.png') center center repeat-x #0064AA; border: 0px solid #333333; }
.box-header .tabs					{ list-style: none; }

/* user boxes */
 
/*.online-user ul.links				{ float: right; }*/
.online-user ul.links				{ float: right; }

.online-user ul.links .last30		{ padding-right: 30px; }

.online-user ul.links .add			{ display: block; width: 24px; height: 24px; background: url('images/ico_add_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .add:hover	{ background: url('images/ico_add_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .alert		{ display: block; width: 24px; height: 24px; background: url('images/ico_exclamation_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .alert:hover	{ background: url('images/ico_exclamation_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .chart		{ display: block; width: 24px; height: 24px; background: url('images/ico_chart_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .chart:hover	{ background: url('images/ico_chart_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .check		{ display: block; width: 24px; height: 24px; background: url('images/ico_progress_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .check:hover	{ background: url('images/ico_progress_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .detail		{ display: block; width: 24px; height: 24px; background: url('images/ico_view_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .detail:hover	{ background: url('images/ico_view_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .edit			{ display: block; width: 24px; height: 24px; background: url('images/ico_edit_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .edit:hover	{ background: url('images/ico_edit_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .barbell		{ display: block; width: 24px; height: 24px; background: url('images/ico_exercise_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .barbell:hover	{ background: url('images/ico_exercise_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .exercise		{ display: block; width: 24px; height: 24px; background: url('images/ico_exercise_16_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .exercise:hover	{ background: url('images/ico_exercise_16_ovr.png') 0 0 no-repeat; }
.online-user ul.links .info			{ display: block; width: 24px; height: 24px; background: url('images/ico_info_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .info:hover	{ background: url('images/ico_info_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .mail			{ display: block; width: 24px; height: 24px; background: url('images/ico_mail_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .mail:hover	{ background: url('images/ico_mail_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .minus		{ display: block; width: 24px; height: 24px; background: url('images/ico_minus_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .minus:hover	{ background: url('images/ico_minus_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .plus			{ display: block; width: 24px; height: 24px; background: url('images/ico_plus_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .plus:hover	{ background: url('images/ico_plus_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .print		{ display: block; width: 24px; height: 24px; background: url('images/ico_print_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .print:hover	{ background: url('images/ico_print_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .script		{ display: block; width: 24px; height: 24px; background: url('images/ico_script_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .script:hover	{ background: url('images/ico_script_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .spreadsheet	{ display: block; width: 24px; height: 24px; background: url('images/ico_spreadsheet_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .spreadsheet:hover	{ background: url('images/ico_spreadsheet_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .stu			{ display: block; width: 24px; height: 24px; background: url('images/ico_stu_24_off.png') 0 0 no-repeat; text-indent: -9999px; }

.online-user ul.links .stu:hover	{ background: url('images/ico_stu_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .users		{ display: block; width: 24px; height: 24px; background: url('images/ico_users_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .users:hover	{ background: url('images/ico_users_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .view			{ display: block; width: 24px; height: 24px; background: url('images/ico_bulb_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .view:hover	{ background: url('images/ico_bulb_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .checklist	{ display: block; width: 16px; height: 16px; background: url('images/ico_check_16_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .checklist:hover	{ background: url('images/ico_check_16_ovr.png') 0 0 no-repeat; }

.online-user ul.links .reset_test_score    { display: block; width: 18px; height: 18px; background: url('images/ico_reset_test_12.png') 0 0 no-repeat; text-indent: -9999px; margin-top: 2px; }
.online-user ul.links .reset_pre	{ display: block; width: 18px; height: 18px; background: url('images/ico_reset_pre_18.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .reset_quiz	{ display: block; width: 18px; height: 18px; background: url('images/ico_reset_quiz_18.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .reset_post	{ display: block; width: 18px; height: 18px; background: url('images/ico_reset_post_18.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .reset_fina	{ display: block; width: 18px; height: 18px; background: url('images/ico_reset_fina_18.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .show_pre	{ display: block; width: 18px; height: 18px; background: url('images/ico_show_result_pre_18.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .show_quiz	{ display: block; width: 18px; height: 18px; background: url('images/ico_show_result_quiz_18.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .show_post	{ display: block; width: 18px; height: 18px; background: url('images/ico_show_result_post_18.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .show_fina	{ display: block; width: 18px; height: 18px; background: url('images/ico_show_result_fina_18.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .progress		{ display: block; width: 18px; height: 18px; background: url('images/ico_progress_16_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .help			{ display: block; width: 24px; height: 24px; background: url('images/help.png') 0 0 no-repeat; text-indent: -9999px; }

.online-user ul.links .active	{ display: block; width: 16px; height: 16px; background: url('images/ico_active_16.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .inactive	{ display: block; width: 16px; height: 16px; background: url('images/ico_error_16.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .pending	{ display: block; width: 16px; height: 16px; background: url('images/ico_attention_16.png') 0 0 no-repeat; text-indent: -9999px; }

.online-user ul.links li.lastitem	{ margin-right: 5px; }

.fl-space3							{ float: left; margin-right: 20px; }
.fr-space3							{ float: right; margin-left: 20px; }
.fl-space4							{ float: left; margin-right: 20px; }
.fr-space4							{ float: right; margin-left: 20px; }

/*.button:hover						{ color: #FFFFFF; text-decoration: none; }*/
.button:hover 						{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8;  -webkit-opacity: 0.8; }

/* nav tree */

ul.navtree									{ list-style-type: none; padding: 0px 0 20px 0px; }
ul.navtree ul								{ padding-left: 5px; }
ul.navtree li								{ line-height: 16px; padding: 0px 0px 4px 5px; list-style: none; }
ul.navtree li span.item						{ padding-left: 20px; background: url('../../images/ball_blue_13.png') 0px 0px no-repeat; display: block; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; cursor: pointer; }
ul.navtree li li span.item					{ background: url('../../images/ball_yellow_13.png') 2px 4px no-repeat; font-weight: normal; }
/*ul.navtree li li li span.item				{ background: url('../../images/ball_green_13.png') 2px 4px no-repeat; }
ul.navtree li li li li span.item			{ background: url('../../images/ball_purple_13.png') 2px 4px no-repeat; }
ul.navtree li li li li li span.item			{ background: url('../../images/ball_black_13.png') 2px 4px no-repeat; }
ul.navtree li li li li li li span.item		{ background: url('../../images/ball_red_13.png') 2px 4px no-repeat; }
ul.navtree li li li li li li li span.item	{ background: url('../../images/ball_grey_13.png') 2px 4px no-repeat; }*/
ul.navtree li li li span.item				{ background: none; padding-left: 5px !important; }
ul.navtree li li li span.item.selected		{ background: url('../../images/arrow_sm_black.gif') 6px 4px no-repeat !important; margin-left: -9px; padding-left: 14px !important; }
ul.navtree li li li li span.item			{ background: none; }
ul.navtree li li li li li span.item			{ background: none; }
ul.navtree li li li li li li span.item		{ background: none; }
ul.navtree li li li li li li li span.item	{ background: none; }
ul.navtree li li 							{ padding-left: 10px !important; }
ul.navtree li.tree-item-main				{ padding-left: 0px;}
ul.navtree li.tree-item						{ padding-left: 0px; list-style: none; }

ul.navtree ul								{ background: url('../images/tree_line.gif') 7px top no-repeat;}
ul.navtree ul ul							{ background: none; }
ul.navtree li.last ul						{ background: none; }

/*li.tree-item								{ background: url('../../images/tree_simple.png') 0px 0px no-repeat; }
li.tree-item.last							{ background: url('../../images/tree_simple_last.png') 0px 0px no-repeat; }
li.tree-item.parent							{ background: url('../../images/tree_point.png') 0px 0px no-repeat; }
li.tree-item.parent.last					{ background: url('../../images/tree_point_last.png') 0px 0px no-repeat; }*/

ul.navtree li span.item.exam				{ background: url('images/ball_black_13.png') 0px 0px no-repeat; }
ul.navtree li li span.item.clock			{ background: url('images/ico_history_16_off.png') 2px 0px no-repeat; font-weight: normal; }
li.tree-item-main span.selected				{ font-weight:bold !important; padding-left: 20px; background: url('../images/ico_check_16.png') 0px 0px no-repeat !important; }
li.tree-item span.selected					{ font-weight:bold !important; }

/**************
**** tables ***
**************/

table th .pass,
table td .pass						{ background: url(images/check.png) no-repeat !important; }
table th .fail,
table td .fail						{ background: url(images/help.png) no-repeat !important; }

table.plain							{ margin-bottom: 0px; border-spacing: 0px; border-collapse: separate; border-top: none; border-bottom: none; line-height: 16px; }
table.plain caption					{ background: none #bbbbbb; color: #FFFFFF; font-size: 14px; padding: 5px 11px 5px 11px; text-align: left;}
table.plain tr:hover				{ background: none !important; }
table.plain thead					{ color: #333333; }
table.plain th,
table.plain .title					{ border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; font-weight: bold; padding: 3px 6px 3px 0px; white-space: nowrap; text-align: left; }
table.plain tbody th				{ }
table.plain td						{ background: none !important; border-top: none; border-bottom: none; padding: 3px 8px 3px 0px !important; line-height: 16px !important; }
table.plain thead					{ border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; padding: 3px 6px 3px 0px; white-space: nowrap; }
table.plain td p					{ padding-bottom: 3px; padding-top: 3px; }

/*table.style1 .icon16				{ margin-top: 3px; margin-bottom: 3px; }*/
table.style1 .icon16				{ margin: 3px; vertical-align:middle; }

table caption						{ text-align: left !important;}
table .vtop							{ vertical-align: top; }
table .vbottom						{ vertical-align: bottom; }

/* sliding boxes and tabs */

.box-slide-head span.select-but,
.box-slide-head td.select-but span	{ display: block; text-indent: -9999px; width: 26px; height: 24px; background: url('images/check.png') center center no-repeat !important; cursor: pointer; }
.box-slide-head td.select-but		{ background: none; }
.box-header.box-slide-head .select-but	{ position: absolute; top: 4px; left: -1px; }

li span.view,
li span.test,
li span.resource					{ float: left; display: block; text-indent: -9999px; width: 22px; height: 22px; cursor: pointer; position: relative; top: -6px; left: -5px; margin-right: 5px ; }
li span.view						{ background: url('images/view_22.png') center center no-repeat !important; }
li span.test						{ background: url('images/ico_check_24_off.png') center center no-repeat !important; }
li span.resource					{ background: url('images/resource_22.png') center center no-repeat !important; }

.col10						{ width: 10%; float: left; margin-right: 12px; }
.col15						{ width: 15%; float: left; margin-right: 12px; }
.col25						{ width: 22%; float: left; margin-right: 12px; }
.col33						{ width: 31%; float: left; margin-right: 12px; }
.col40						{ width: 38%; float: left; margin-right: 12px; }
.col50						{ width: 48%; float: left; margin-right: 12px; }
.col60						{ width: 58%; float: left; margin-right: 12px; }
.col66						{ width: 65%; float: left; margin-right: 12px; }
.col75						{ width: 77%; float: left; margin-right: 12px; }

.tab-panel					{ background: #FFFFFF; margin-top:-30px; padding:8px 10px; border-width: 1px; border-style: solid; border-color: #DDDDDD #DDDDDD #C4C4C4 #DDDDDD;-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
/*.tab-panel .tab-content		{ background: url('../../images/bck_header.png') top center repeat-x; padding:10px; margin: 0 -10px; color:black; position: relative; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }*/
.tab-panel .tab-content		{ color:black; }

.size-12		{ width: 12px; }	
.size-16		{ width: 16px; }	
.size-24		{ width: 24px; }	
.size-32		{ width: 32px; }	
.size-48		{ width: 48px; }	
.size-64		{ width: 64px; }	
.size-100		{ width: 100px; }
.size-110		{ width: 110px; }

.size16			{ width: 16px; height: 16px; }
.size24			{ width: 24px; height: 24px; }
.size32			{ width: 32px; height: 32px; }
.size36			{ width: 36px; height: 36px; }

.size25			{ width: 25%; }
.size50			{ width: 50%; }
.size100		{ width: 100%; }

.bold			{ font-weight: bold; }
.capitalize		{ text-transform:capitalize; }
.inactive		{ text-decoration:line-through; }
.underline		{ text-decoration:underline; }
.upper			{ text-transform: uppercase; }
.lower			{ text-transform: lowercase; }
.small			{ font-size: small; }
.large			{ font-size: large; }
.smaller		{ font-size: smaller; }
.larger			{ font-size: larger; }

.white			{ color:white; }

.footer			{ padding: 10px 0px 2px 0px; }

.controlstyle		{ margin: 3px 10px; font-weight:bold; }
.controlstyle a		{ outline:none; padding: 0px 5px; }/*links inside DIV sizecontroldiv*/
.controlstyle a img	{ border-width:0; }/*image links inside DIV sizecontroldiv*/
.controlstyle a.selectedcontrol img	{ border-bottom:4px solid darkred; }/*selected control's image*/

.intro-number						{ float:left; color:#0064AA; font-size: 150%; font-weight: bolder; position: relative; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; -webkit-opacity: 0.4; }
h1 .intro-number					{ top: -15px; left: -10px; padding-right: 2px; }
table.plain tbody                   {text-align-last: center;margin-left: 40%;}

/*table.plain #quiz_button            {margin-left: 40%;}*/

@-moz-document url-prefix() { .online-user ul.links a{ font-size: 0px; } .dataTables_paginate .first, .dataTables_paginate .previous,.dataTables_paginate .next, .dataTables_paginate .last{font-size: 0px;}} /* For firefox only 

/*further css*/

.quiz_class{
    display: flex;
    justify-content: center;
}
table td.exp-date, .box-wrap table td {
    vertical-align: middle;
}
table.plain.collapse-table th {
    background: transparent;
    border-top: none;
    text-align-last: left;
    padding: 0px 10px 12px;
}
table.plain.collapse-table tr td {
    text-align-last: left;
    padding: 12px 10px !important;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.button-linked {
    position: relative;
}
.button-linked .button.button-overlap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    background: rgba(0,0,0,0);
    /*opacity: 0;*/
}
.button-linked .button.button-overlap{
    text-align: left !important;
}
table.plain.collapse-table {
    background-color: #fff;
}
tr.box-slide-head.pointer td {
    border-bottom: none;
    padding: 12px 10px;
}
table.plain.collapse-table tr td{
    position: relative !important;
}
table.plain.collapse-table tr td:first-child {
    border-left: 1px solid #fff;
}
table.plain.collapse-table tr td:last-child {
    border-right: 1px solid #fff;
}

table.plain.collapse-table tr.button-linked:hover td {
    background-color: #f7f7f7 !important;
}
table.plain.collapse-table tr.mute-course:hover td {
    background-color: #FAE2E3 !important;
}
a.expiry-button{
    color: #ffffff;
    text-decoration: none;
    padding: 3px 10px 3px 10px;
    background: red;
    border-radius: 3px;
}
tr.mute-course {
    text-decoration:line-through
}
table.plain.collapse-table tr.button-linked.active:hover td {
    background-color: #eefee6 !important;
    border-color: #066d00;
}
table.style1 td.no-pad {
    padding: 12px 0 10px;
    background: none;
    background-color: #fff;
}
.button-linked .active-quiz {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
}
.button-linked .active-quiz {
    display: inline-block;
    width: 26px;
    height: 25px;
    vertical-align: middle;
    background: url(/LMS/template/default/custom//images/certficate-icon.png) no-repeat;
    position: absolute;
    left: 71px;
}
td.online-user {
    position: relative;
}
.active-quiz .badge {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: -14px;
    top: -14px;
    opacity: 0;

}
table.plain.collapse-table tr.button-linked:hover td .badge {
	opacity: 1;
}
tr.box-slide-head.pointer td {
    font-weight: 600;
}

.new-class .box-slide-head span.slide-but, .new-class .box-slide-head td.slide-but span {
    background: url(/LMS/template/default/custom//images/down-arrow.png) center center no-repeat !important;
}
.course-detail {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.read-more-button {
    position: relative;
    z-index: 99;
}
.course-detail.showDetail {
    display: block;
}
.button-linked .button.inactive, .button-linked .button.expired {
    pointer-events: none;
}
table.plain.collapse-table tr.button-linked.inactive:hover > td {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    background-color: #ff000012 !important;
}
table.plain.collapse-table tr.button-linked.inactive:hover > td:first-child {
    border-left: 1px solid red;
}
table.plain.collapse-table tr.button-linked.inactive:hover > td:last-child {
    border-right: 1px solid red;
}
.manage-class-table table.style1 ul.tree.categories {
    padding: 0;
}
.manage-class-table table.style1 tr td {
    vertical-align: top;
}
tr.box-slide-head.bd-top td {
    border-top: 1px solid #ddd;
}