@charset "UTF-8";
/* CSS Styles for Canvas Support Website */

/* Use with buttons, etc., to get rid of extra space */
.zeromarginpadding {
	margin: 0px;
	padding: 0px;
}

/* Possible styles for tiles on Instructor support section home page */
.tile {
    width: 100%;
    padding: 20px 10px 10px 10px;
    color: #ffffff;
    background-color: #999999;
    border: 0px solid #ffffff;
}

.subtile {
    width: 100%;
    padding: 10px;
    background-color: #ffffff;
    border: 0px solid #ffffff;
}



/* ALL STYLES BELOW THIS LINE ARE PICK-UPS FROM THE "OLD CLF" VERSION OF THE CANVAS SITE */


/* This sets the appearance of the NEW paragraph container for screenshots; just a simple indent with no frame */
.screenshot {	
	padding-left: 30px;
}


/* This sets the appearance of the OLD paragraph container for screenshots */
.screenshotpara {
	width: 450px;
	border: 1px solid rgb(200, 200, 200); 
	margin: 0pt 0pt 20px;
	padding: 0px;
	overflow: hidden; 
}

/* This positions the screenshot at the top left corner of the frame; adjust width and right/bottom margin settings of image to crop the display */
.screenshot {
	margin: 0px;
}

h2 {
	color: RGB(73, 73, 80); /* same gray as button hover colour */
	font-weight: normal;
}

/* This eliminates the indent for bullet lists */
.flushleft li {
	margin-left:-25px;
}
	
/* This fixes the margin for sidebar bullet lists */
.relatedTopics li {
	margin-left:0px;
}

/* This changes the colour of the buttons */
div.lgray a.box {
    background-color: RGB(51, 51, 51);
}

div.lgray a.box:hover {
    background-color: RGB(73, 73, 80);
}

div.lblue a.box {
    background-color: RGB(0, 161, 203);
}

div.lblue a.box:hover {
    background-color: RGB(0, 174, 239);
}

div.lred a.box {
    background-color: RGB(158, 6, 34);
}

div.lred a.box:hover {
    background-color: RGB(196, 18, 48);
}