<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

#divUserGuides-mainblocksContainer {
	width: auto;
	margin: auto;
	line-height: 120%;
}
#divUserGuides-mainblocksContainer li { padding-bottom: 15px; }
#divUserGuides-mainblocksContainer p { text-align: left; }


#divUserGuidesStud-mainblock-Canvas, 
#divUserGuidesStud-mainblock-Bb, 
#divUserGuidesStud-mainblock-BbAndCanvas,
#divUserGuidesStud-mainblock-CanvasAndBb, 
#divUserGuidesStud-mainblock-tools, 
#divUserGuidesStud-mainblock-moreinfo,
#divUserGuidesTeach-mainblock-Canvas, 
#divUserGuidesTeach-mainblock-Bb, 
#divUserGuidesTeach-mainblock-BbAndCanvas, 
#divUserGuidesTeach-mainblock-CanvasAndBb, 
#divUserGuidesTeach-mainblock-tools, 
#divUserGuidesTeach-mainblock-moreinfo {
	float: left;
	width: 195px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#divUserGuidesStud-mainblock-Canvas, 
#divUserGuidesStud-mainblock-Bb, 
#divUserGuidesStud-mainblock-BbAndCanvas, 
#divUserGuidesStud-mainblock-CanvasAndBb, 
#divUserGuidesStud-mainblock-tools, 
#divUserGuidesStud-mainblock-moreinfo {
	min-height: 600px;
}
#divUserGuidesTeach-mainblock-Canvas, 
#divUserGuidesTeach-mainblock-Bb, 
#divUserGuidesTeach-mainblock-BbAndCanvas, 
#divUserGuidesTeach-mainblock-CanvasAndBb, 
#divUserGuidesTeach-mainblock-tools, 
#divUserGuidesTeach-mainblock-moreinfo {
	min-height: 900px;
}


#divUserGuidesStud-mainblock-Canvas, 
#divUserGuidesStud-mainblock-Bb, 
#divUserGuidesStud-mainblock-BbAndCanvas, 
#divUserGuidesStud-mainblock-CanvasAndBb, 
#divUserGuidesStud-mainblock-tools {
	/*border-right: 2px #c6c0bc dashed;*/
	border-right: 2px #fc9b78 dotted;
}
#divUserGuidesTeach-mainblock-Canvas, 
#divUserGuidesTeach-mainblock-Bb, 
#divUserGuidesTeach-mainblock-BbAndCanvas, 
#divUserGuidesTeach-mainblock-CanvasAndBb, 
#divUserGuidesTeach-mainblock-tools {
	border-right: 2px #8cc63f dotted;
}
#divUserGuidesStud-mainblock-Canvas, #divUserGuidesTeach-mainblock-Canvas { background-image: url(../images/userguide/background_canvas.jpg); background-position: right bottom; background-repeat: no-repeat;}
#divUserGuidesStud-mainblock-Bb, #divUserGuidesTeach-mainblock-Bb { background-image: url(../images/userguide/background_blackboard.jpg); background-position: right bottom; background-repeat: no-repeat;}
#divUserGuidesStud-mainblock-BbAndCanvas, #divUserGuidesTeach-mainblock-BbAndCanvas { background-image: url(../images/userguide/background_blackboard_canvas.jpg); background-position: right bottom; background-repeat: no-repeat;}
#divUserGuidesStud-mainblock-CanvasAndBb, #divUserGuidesTeach-mainblock-CanvasAndBb { background-image: url(../images/userguide/background_canvas_blackboard.jpg); background-position: right bottom; background-repeat: no-repeat;}
#divUserGuidesStud-mainblock-tools, #divUserGuidesTeach-mainblock-tools { background-image: url(../images/userguide/background_tools.jpg); background-position: right bottom; background-repeat: no-repeat;}
#divUserGuidesStud-mainblock-moreinfo, #divUserGuidesTeach-mainblock-moreinfo { background-image: url(../images/userguide/background_moreinfo.jpg); background-position: right bottom; background-repeat: no-repeat;}

#divUserGuidesStud-mainblock-Canvas ul, 
#divUserGuidesStud-mainblock-Bb ul, 
#divUserGuidesStud-mainblock-BbAndCanvas ul, 
#divUserGuidesStud-mainblock-CanvasAndBb ul, 
#divUserGuidesStud-mainblock-tools ul,
#divUserGuidesStud-mainblock-moreinfo ul,
#divUserGuidesTeach-mainblock-Canvas ul, 
#divUserGuidesTeach-mainblock-Bb ul, 
#divUserGuidesTeach-mainblock-BbAndCanvas ul, 
#divUserGuidesTeach-mainblock-CanvasAndBb ul, 
#divUserGuidesTeach-mainblock-tools ul,
#divUserGuidesTeach-mainblock-moreinfo ul {
	list-style-type:none;
	margin-left: -20px;
}
#divUserGuidesStud-mainblock-Canvas li.userguidesStudItem, 
#divUserGuidesStud-mainblock-Bb li.userguidesStudItem, 
#divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItem, 
#divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItem, 
#divUserGuidesStud-mainblock-tools li.userguidesStudItem, #divUserGuidesStud-mainblock-tools li.userguidesStudItem_nolink,
#divUserGuidesStud-mainblock-moreinfo li.userguidesStudItem,
#divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItem, 
#divUserGuidesTeach-mainblock-Bb li.userguidesTeachItem, 
#divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItem, 
#divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItem,
#divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItem_nolink,
#divUserGuidesTeach-mainblock-tools li.userguidesTeachItem, #divUserGuidesTeach-mainblock-tools li.userguidesTeachItem_nolink,
#divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItem {
	display: block;
}
#divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItem_nolink,
#divUserGuidesTeach-mainblock-tools li.userguidesTeachItem_nolink,
#divUserGuidesStud-mainblock-tools li.userguidesStudItem_nolink {
	color: #666666;
	font-size: 16px;
}
#divUserGuidesStud-mainblock-Canvas li.userguidesStudItemSub,
#divUserGuidesStud-mainblock-Bb li.userguidesStudItemSub, 
#divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItemSub, 
#divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItemSub, 
#divUserGuidesStud-mainblock-tools li.userguidesStudItemSub,
#divUserGuidesStud-mainblock-moreinfo li.userguidesStudItemSub, 
#divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItemSub, 
#divUserGuidesTeach-mainblock-Bb li.userguidesTeachItemSub, 
#divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItemSub, 
#divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItemSub, 
#divUserGuidesTeach-mainblock-tools li.userguidesTeachItemSub,
#divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItemSub {
	display: block;
	padding-left: 20px;
}

#divUserGuidesStud-mainblock-Canvas li.userguidesStudHeader,
#divUserGuidesStud-mainblock-Bb li.userguidesStudHeader,
#divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudHeader,
#divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudHeader,
#divUserGuidesStud-mainblock-tools li.userguidesStudHeader,
#divUserGuidesStud-mainblock-moreinfo li.userguidesStudHeader,
#divUserGuidesTeach-mainblock-Canvas li.userguidesTeachHeader, 
#divUserGuidesTeach-mainblock-Bb li.userguidesTeachHeader,
#divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachHeader,
#divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachHeader,
#divUserGuidesTeach-mainblock-tools li.userguidesTeachHeader,
#divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachHeader {
	display: block;
	visibility: hidden;
	height: 0px;
}

.divUserGuides-accordionContainer { width: 500px; margin: auto; }


#divUserGuidesTeach-menu {
	width: 270px;
	height: 30px;
	float: right;
	margin-top: 30px;
	font-size: 10px;
}
#divUserGuidesStud-menu {
	width: 180px;
	height: 30px;
	float: right;
	margin-top: 30px;
	font-size: 10px;
}
#divUserGuidesTeach-menu ul,
#divUserGuidesStud-menu ul {
	text-align: center;
	clear:both;
	list-style-type:none;
	margin: 0;
	padding: 0;
}
#divUserGuidesTeach-menu li,
#divUserGuidesStud-menu li {
	display: block;
	width: 88px;
	height: 20px;
	float: left;
	padding-top: 10px;
}
#divUserGuidesTeach-menu li#tabOn,
#divUserGuidesStud-menu li#tabOn {
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
}
#divUserGuidesTeach-menu li#tabOff,
#divUserGuidesStud-menu li#tabOff {
	border-top: 1px #FFF solid;
	border-left: 1px #FFF solid;
	border-right: 1px #FFF solid;
	border-bottom: 1px #999 solid;
	/*background-color: #23b085;*/
	background-color: #aaa;
}
#divUserGuidesTeach-menu li a, #divUserGuidesStud-menu li a { color: #fff; text-decoration: none; }
#divUserGuidesTeach-menu li#tabOn, #divUserGuidesTeach-menu li#tabOn a { color: #053c2d; text-decoration: none; }
#divUserGuidesStud-menu li#tabOn, #divUserGuidesStud-menu li#tabOn a { color: #5b2a15; text-decoration: none; }
#divUserGuidesTeach-menu li a:hover, #divUserGuidesTeach-menu li#tabOn a:hover, #divUserGuidesStud-menu li a:hover, #divUserGuidesStud-menu li#tabOn a:hover { text-decoration: underline; }

.divUserGuidesTeach-accordionHeader { font-size: smaller; color: #053c2d; }
.divUserGuidesTeach-accordionHeaderLarge, .divUserGuidesStud-accordionHeaderLarge { color: #FFF; }



.divUserGuidesTeach-content, .divUserGuidesStud-content {
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 30px;
	font-size: 15px;
}
.divUserGuidesTeach-content a, .divUserGuidesStud-content a { color: #025D8C; text-decoration: none; }
.divUserGuidesTeach-content a:hover, .divUserGuidesStud-content a:hover { text-decoration: underline; }
.divUserGuidesTeach-content ul { padding-left: 30px; list-style-image: url(../images/index/bullet_green_w12.png); }
.divUserGuidesStud-content ul { padding-left: 30px; list-style-image: url(../images/index/bullet_orange_w12.png); }
.divUserGuidesTeach-content ul li, .divUserGuidesStud-content ul li { padding-bottom: 10px; }
.divUserGuidesTeach-content ul.styleNormal, .divUserGuidesStud-content ul.styleNormal { font-size: 14px; }


.divUserGuidesTeach-headerQA {
	color: #006270;
}
.divUserGuidesTeach-blockQA {
	width: 600px;
	margin: auto;
	background-color: #FFF;
	border: #23b085 2px solid;
}
.divUserGuidesTeach-blockQA-header {
	width: 590px;
	min-height: 20px;
	color: #FFF;
	font-size: 14px;
	padding: 5px;
	background-color: #23b085;
}
.divUserGuidesTeach-blockQA-menu {
	padding-left: 50px;
	padding-right: 50px;
}
.divUserGuidesTeach-blockQA-menu ul { list-style-image: url(../images/index/bullet_green_w12.png); }


#divUserGuidesTeach-blockQA {
	width: 600px;
	margin: auto;
	background-color: #FFF;
	border: #23b085 2px solid;
}
#divUserGuidesTeach-blockQA-header {
	width: 590px;
	min-height: 20px;
	color: #FFF;
	font-size: 14px;
	padding: 5px;
	background-color: #23b085;
}
#divUserGuidesTeach-blockQA-menu {
	padding-left: 50px;
	padding-right: 50px;
}
#divUserGuidesTeach-blockQA-menu ul { list-style-image: url(../images/index/bullet_green_w12.png); }


.divUserGuidesStud-headerQA {
	color: #AA2200;
}
.divUserGuidesStud-blockQA {
	width: 600px;
	margin: auto;
	background-color: #FFF;
	border: #f26427 2px solid;
}
.divUserGuidesStud-blockQA-header {
	width: 590px;
	min-height: 20px;
	color: #FFF;
	font-size: 14px;
	padding: 5px;
	background-color: #f26427;
}
.divUserGuidesStud-blockQA-menu {
	padding-left: 50px;
	padding-right: 50px;
}
.divUserGuidesStud-blockQA-menu ul { list-style-image: url(../images/index/bullet_orange_w12.png); }



#divUserGuidesStud-blockQA {
	width: 600px;
	margin: auto;
	background-color: #FFF;
	border: #f26427 2px solid;
}
#divUserGuidesStud-blockQA-header {
	width: 590px;
	min-height: 20px;
	color: #FFF;
	font-size: 14px;
	padding: 5px;
	background-color: #f26427;
}
#divUserGuidesStud-blockQA-menu {
	padding-left: 50px;
	padding-right: 50px;
}
#divUserGuidesStud-blockQA-menu ul { list-style-image: url(../images/index/bullet_orange_w12.png); }


.divUserGuidesTeach-blockQA-content, .divUserGuidesStud-blockQA-content {
	width: 590px;
	background-color: #FFF;
	font-size: 14px;
	min-height: 40px;
	padding: 5px;
	text-align: justify;
}


#divUserGuidesTeach-blockQA-content, #divUserGuidesStud-blockQA-content {
	width: 590px;
	background-color: #FFF;
	font-size: 14px;
	min-height: 40px;
	padding: 5px;
	text-align: justify;
}


#divUserGuides-FullList {
	width: auto;
	font-size: 12px;
	line-height: 120%;
}
#divUserGuides-FullList ul {
	list-style-type:none;
	margin-left: -20px;
}
#divUserGuides-FullList li {
	display: block;
	width: 653px;
	padding-top: 1px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: -6px;
	color: #444;
}
#divUserGuides-FullList #title {
	float: right;
	font-size: 14px;
	width: 350px;
	margin-top: 10px;
	margin-bottom: 2px;
}
#divUserGuides-FullList hr {
	clear: both;
	border: 0; 
	width: 100%; 
	background-color: #666; 
	height: 1px;
}
#divUserGuides-FullList li#section01 { background-color: #ffc9d6; }
#divUserGuides-FullList li#section02 { background-color: #ffe1c9; }
#divUserGuides-FullList li#section03 { background-color: #fffcc9; }
#divUserGuides-FullList li#section04 { background-color: #cdf4bd; }
#divUserGuides-FullList li#section05 { background-color: #c9f6e1; }
#divUserGuides-FullList li#section06 { background-color: #b8d9ff; }
#divUserGuides-FullList li#section07 { background-color: #dbc9f6; }
#divUserGuides-FullList li#section08 { background-color: #fee4ea; }
#divUserGuides-FullList li#section09 { background-color: #e8f9e1; }

#filterBefore { width: 220px; margin: auto; text-align: center; color: #C36; }
#filterBefore input#term { border: #C36 1px solid; margin-bottom: 5px; }











/* For different resolutions */

/* container width 420px */
@media screen and (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
	   screen and (max-device-width:640px) and (orientation:landscape),
       screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait),
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (min-device-pixel-ratio: 2) and (orientation:portrait) {	
	   /* */
	   #divUserGuidesStud-mainblock-Canvas, 
	   #divUserGuidesStud-mainblock-Bb,
	   #divUserGuidesStud-mainblock-BbAndCanvas,
	   #divUserGuidesStud-mainblock-CanvasAndBb,
	   #divUserGuidesStud-mainblock-tools, 
	   #divUserGuidesStud-mainblock-moreinfo,
	   #divUserGuidesTeach-mainblock-Canvas, 
	   #divUserGuidesTeach-mainblock-Bb,
	   #divUserGuidesTeach-mainblock-BbAndCanvas,
	   #divUserGuidesTeach-mainblock-CanvasAndBb,
	   #divUserGuidesTeach-mainblock-tools, 
	   #divUserGuidesTeach-mainblock-moreinfo {
		   float: none;
		   width: 352px;
		   padding: 0px;
		   min-height: 0px;
		   margin: auto;
		   background-image:none;
	   }
	   #divUserGuidesStud-mainblock-Canvas, 
	   #divUserGuidesStud-mainblock-Bb,
	   #divUserGuidesStud-mainblock-BbAndCanvas,
	   #divUserGuidesStud-mainblock-CanvasAndBb,
	   #divUserGuidesStud-mainblock-tools,
	   #divUserGuidesTeach-mainblock-Canvas, 
	   #divUserGuidesTeach-mainblock-Bb,
	   #divUserGuidesTeach-mainblock-BbAndCanvas,
	   #divUserGuidesTeach-mainblock-CanvasAndBb,
	   #divUserGuidesTeach-mainblock-tools {
		   border-right: none;
	   }
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudItemSub, 
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItemSub, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachItemSub,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItemSub,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItemSub,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItemSub,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItemSub {
		   padding-left: 0px;
	   }
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudItem,
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudItem,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItem,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItem,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItem,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudItem,
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItem, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachItem,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItem,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItem,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItem,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItem {
		   width: 350px;
		   height: 35px;
		   /*
		   background-color: #fbb03b;
		   border-top: 1px #fecb7b solid;
		   border-left: 1px #ffc468 solid;
		   border-right: 1px #e59923 solid;
		   border-bottom: 1px #c4831d solid;
		   */
		   background-color: #f8f4eb;
		   border-top: 1px #fff solid;
		   border-left: 1px #a8a19d solid;
		   border-right: 1px #a8a19d solid;
		   border-bottom: 1px #897b71 solid;
		   padding-bottom: 0px;
		   /*
		   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fecb7b', endColorstr='#fbb03b');
		   background: -webkit-gradient(linear, left top, left bottom, from(#fecb7b), to(#fbb03b));
		   background: -moz-linear-gradient(top,  #fecb7b,  #fbb03b);
		   */
		   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f4eb', endColorstr='#d7d0c1');
		   background: -webkit-gradient(linear, left top, left bottom, from(#f8f4eb), to(#d7d0c1));
		   background: -moz-linear-gradient(top,  #f8f4eb,  #d7d0c1);
	   }
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItem_nolink,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItem_nolink,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItem_nolink {
		   width: 340px;
		   height: 35px;
		   vertical-align: middle;
		   line-height: 250%;
		   background-color: #d7d0c1;
		   border-top: 1px #fff solid;
		   border-left: 1px #a8a19d solid;
		   border-right: 1px #a8a19d solid;
		   border-bottom: 1px #897b71 solid;
		   padding-left: 10px;
		   padding-bottom: 0px;
		   font-weight: bold;
		   color: #655950;
		   font-size: 14px;
	   }
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudItemSub, 
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItemSub, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachItemSub,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItemSub,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItemSub,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItemSub,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItemSub {
		   width: 350px;
		   height: 35px;
		   background-color: #FFFFFF;
		   border-top: 1px #fff solid;
		   border-left: 1px #a8a19d solid;
		   border-right: 1px #a8a19d solid;
		   border-bottom: 1px #897b71 solid;
		   padding-bottom: 0px;
		   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fffdf7');
		   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fffdf7));
		   background: -moz-linear-gradient(top,  #ffffff,  #fffdf7);
	   }


	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudItem a,
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudItem a,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItem a,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItem a,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItem a,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudItem a,
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItem a, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachItem a,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItem a,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItem a,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItem a,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItem a,
	   
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudItemSub a,
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudItemSub a,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItemSub a,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItemSub a,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItemSub a,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudItemSub a,
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItemSub a, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachItemSub a,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItemSub a,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItemSub a,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItemSub a,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItemSub a {
		   display: table-cell;
		   vertical-align: middle;
		   width: 350px;
		   height: 35px;
		   padding-left: 10px;
		   padding-right: 10px;
		   /*color: #ac4f0a;*/
		   color: #655950;
	   }
	   
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudItem a:hover,
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudItem a:hover,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItem a:hover,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItem a:hover,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItem a:hover,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudItem a:hover,
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItem a:hover, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachItem a:hover,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItem a:hover,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItem a:hover,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItem a:hover,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItem a:hover,
	   
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudItemSub a:hover,
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudItemSub a:hover,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItemSub a:hover,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItemSub a:hover,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItemSub a:hover,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudItemSub a:hover,
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItemSub a:hover, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachItemSub a:hover,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItemSub a:hover,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItemSub a:hover,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItemSub a:hover,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItemSub a:hover {
		   /*background-color: #c4831d;*/
		   background-color: #a8a19d;
		   color: #fff;
		   text-decoration: none;
	   }
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudHeader,
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudHeader,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudHeader,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudHeader,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudHeader,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudHeader {
		   display: table-cell;
		   background-color: #f15a24;
		   /*border: 1px #897b71 solid;*/
		   border: 1px #f15a24 solid;
		   width: 350px;
		   height: 10px;
		   padding-left: 10px;
		   padding-right: 10px;
		   padding-top: 10px;
		   color: #FFF;
		   font-size: 16px;
		   /*
		   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#897b71'); 
		   background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#897b71)); 
		   background: -moz-linear-gradient(top,  #666666,  #897b71);
		   */
		   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15a24', endColorstr='#f87343'); 
		   background: -webkit-gradient(linear, left top, left bottom, from(#f15a24), to(#f87343)); 
		   background: -moz-linear-gradient(top,  #f15a24,  #f87343);
		   visibility: visible;
	   }
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachHeader, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachHeader,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachHeader,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachHeader,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachHeader,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachHeader {
		   display: table-cell;
		   background-color: #00a99d;
		   border: 1px #00a99d solid;
		   width: 350px;
		   height: 10px;
		   padding-left: 10px;
		   padding-right: 10px;
		   padding-top: 10px;
		   color: #FFF;
		   font-size: 16px;
		   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a99d', endColorstr='#23b085'); 
		   background: -webkit-gradient(linear, left top, left bottom, from(#00a99d), to(#23b085)); 
		   background: -moz-linear-gradient(top,  #00a99d,  #23b085);
		   visibility: visible;
	   }
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudHeader:first-letter,
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudHeader:first-letter,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudHeader:first-letter,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudHeader:first-letter,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudHeader:first-letter,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudHeader:first-letter,
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachHeader:first-letter, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachHeader:first-letter,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachHeader:first-letter,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachHeader:first-letter,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachHeader:first-letter,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachHeader:first-letter {
		   font-size: 24px;
	   }
	   #divUserGuidesStud-mainblock-Canvas img,
	   #divUserGuidesStud-mainblock-Bb img,
	   #divUserGuidesStud-mainblock-BbAndCanvas img,
	   #divUserGuidesStud-mainblock-CanvasAndBb img,
	   #divUserGuidesStud-mainblock-tools img,
	   #divUserGuidesStud-mainblock-moreinfo img,
	   #divUserGuidesTeach-mainblock-Canvas img, 
	   #divUserGuidesTeach-mainblock-Bb img,
	   #divUserGuidesTeach-mainblock-BbAndCanvas img,
	   #divUserGuidesTeach-mainblock-CanvasAndBb img,
	   #divUserGuidesTeach-mainblock-tools img,
	   #divUserGuidesTeach-mainblock-moreinfo img {
		   float: right;
		   margin-top: -5px;
		   margin-bottom: -5px;
	   }
	   .userguidesStudHeader-BigCase, .userguidesTeachHeader-BigCase {
		   font-size: 24px;
	   }
	   #divUserGuides-accordionContainer { width: auto; }
	   
	   .divUserGuidesTeach-blockQA, .divUserGuidesStud-blockQA { width: 350px; }
	   .divUserGuidesTeach-blockQA-header, .divUserGuidesTeach-blockQA-content, .divUserGuidesStud-blockQA-header, .divUserGuidesStud-blockQA-content { width: 340px; }
	   .divUserGuidesTeach-blockQA-menu, .divUserGuidesStud-blockQA-menu { padding-left: 20px; padding-right: 20px; }
	   
	   
	   #divUserGuidesTeach-blockQA, #divUserGuidesStud-blockQA { width: 350px; }
	   #divUserGuidesTeach-blockQA-header, #divUserGuidesTeach-blockQA-content, #divUserGuidesStud-blockQA-header, #divUserGuidesStud-blockQA-content { width: 340px; }
	   #divUserGuidesTeach-blockQA-menu, #divUserGuidesStud-blockQA-menu { padding-left: 20px; padding-right: 20px; }
	   #divUserGuides-FullList li { width: 368px; }
	   #divUserGuides-FullList #title { margin-top: 2px; }
}


/* container width 300px */
@media screen and (max-device-width:320px), 
       screen and (min-device-width:1024px) and (max-width:509px),
       screen and (max-device-width:480px) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (min-device-pixel-ratio: 2) and (orientation:portrait),
	   only screen and (max-width:720px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (min-device-pixel-ratio: 2) and (orientation:portrait) {	
	   /* */
	   #divUserGuidesStud-mainblock-Canvas, 
	   #divUserGuidesStud-mainblock-Bb,
	   #divUserGuidesStud-mainblock-BbAndCanvas,
	   #divUserGuidesStud-mainblock-CanvasAndBb,
	   #divUserGuidesStud-mainblock-tools, 
	   #divUserGuidesStud-mainblock-moreinfo,
	   #divUserGuidesTeach-mainblock-Canvas, 
	   #divUserGuidesTeach-mainblock-Bb,
	   #divUserGuidesTeach-mainblock-BbAndCanvas,
	   #divUserGuidesTeach-mainblock-CanvasAndBb,
	   #divUserGuidesTeach-mainblock-tools, 
	   #divUserGuidesTeach-mainblock-moreinfo {
		   width: 262px;
	   }
	   
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudItem, 
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudItem,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItem,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItem,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItem,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudItem,
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItem, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachItem,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItem,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItem,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItem,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItem,
	   
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudItemSub, 
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItemSub,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudItemSub,
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItemSub, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachItemSub,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItemSub,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItemSub,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItemSub,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItemSub {
		   width: 260px;
		   height: 50px;
	   }
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItem_nolink,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItem_nolink,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItem_nolink {
		   width: 250px;
		   height: 35px;
	   }
	   
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudItem a, 
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudItem a,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItem a,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItem a,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItem a,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudItem a,
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItem a, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachItem a,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItem a,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItem a,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItem a,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItem a,
	   
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudItemSub a, 
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudItemSub a,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudItemSub a,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudItemSub a,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudItemSub a,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudItemSub a, 
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachItemSub a, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachItemSub a,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachItemSub a,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachItemSub a,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachItemSub a,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachItemSub a {
		   width: 260px;
		   height: 50px;
	   }
	   
	   #divUserGuidesStud-mainblock-Canvas li.userguidesStudHeader, 
	   #divUserGuidesStud-mainblock-Bb li.userguidesStudHeader,
	   #divUserGuidesStud-mainblock-BbAndCanvas li.userguidesStudHeader,
	   #divUserGuidesStud-mainblock-CanvasAndBb li.userguidesStudHeader,
	   #divUserGuidesStud-mainblock-tools li.userguidesStudHeader,
	   #divUserGuidesStud-mainblock-moreinfo li.userguidesStudHeader,
	   #divUserGuidesTeach-mainblock-Canvas li.userguidesTeachHeader, 
	   #divUserGuidesTeach-mainblock-Bb li.userguidesTeachHeader,
	   #divUserGuidesTeach-mainblock-BbAndCanvas li.userguidesTeachHeader,
	   #divUserGuidesTeach-mainblock-CanvasAndBb li.userguidesTeachHeader,
	   #divUserGuidesTeach-mainblock-tools li.userguidesTeachHeader,
	   #divUserGuidesTeach-mainblock-moreinfo li.userguidesTeachHeader {
		   width: 260px;
		   height: 10px;
	   }
	   .divUserGuidesTeach-accordionHeader { font-weight: normal; }
	   .divUserGuidesTeach-content { font-size: 14px; }
	   .divUserGuidesStud-content { font-size: 14px; }
	   .divUserGuidesTeach-content ul.styleNormal, .divUserGuidesStud-content ul.styleNormal { font-size: 13px; }
	   
	   
	   
	   .divUserGuidesTeach-blockQA, .divUserGuidesStud-blockQA { width: 250px; }
	   .divUserGuidesTeach-blockQA-header, .divUserGuidesTeach-blockQA-content, .divUserGuidesStud-blockQA-header, .divUserGuidesStud-blockQA-content { width: 240px; font-size: 13px; }
	   .divUserGuidesTeach-blockQA-menu, .divUserGuidesStud-blockQA-menu { padding-left: 0px; padding-right: 0px; }
	   .divUserGuidesTeach-blockQA-content, .divUserGuidesStud-blockQA-content { text-align: left; }
	   
	   
	   
	   #divUserGuidesTeach-blockQA, #divUserGuidesStud-blockQA { width: 250px; }
	   #divUserGuidesTeach-blockQA-header, #divUserGuidesTeach-blockQA-content, #divUserGuidesStud-blockQA-header, #divUserGuidesStud-blockQA-content { width: 240px; font-size: 13px; }
	   #divUserGuidesTeach-blockQA-menu, #divUserGuidesStud-blockQA-menu { padding-left: 0px; padding-right: 0px; }
	   #divUserGuidesTeach-blockQA-content, #divUserGuidesStud-blockQA-content { text-align: left; }
	   #divUserGuides-FullList li { width: 258px; }
	   #divUserGuides-FullList #title { width: 240px; margin-top: 2px; }
}</pre></body></html>