﻿@media print
{
	#dsbn-topbar
	{
		display: none;
	}
}

@media screen
{
	#dsbn-topbar
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		background-image: url( '/shared/images/topbar/bg.jpg' );
		background-repeat: repeat-x;
		z-index: 1;
		font-family: Arial, Tahoma, sans-serif;
		font-size: 12px;
	}

	#dsbn-topbar img
	{
		border: 0px none;
	}

	#dsbn-topbar img#dsbn-topbar-loading
	{
		padding-top: 2px;
	}

	#dsbn-topbar-news
	{
		background-image: url( '/shared/images/topbar/news-bg.png' );
		background-repeat: repeat-x;
		height: 22px;
		margin-top: 9px;
	}

	#dsbn-topbar-news-shadow
	{
		background-image: url( '/shared/images/topbar/news-bg-shadow.png' );
		height: 4px;
	}

	#dsbn-topbar-logo
	{
		background-image: url( '/shared/images/topbar/right-bg.png' );
		background-repeat: no-repeat;
		margin-left: 102px;
		padding-top: 10px;
		height: 61px;
	}

	#dsbn-topbar-transition
	{
		background-image: url( '/shared/images/topbar/transition.png' );
		background-repeat: no-repeat;
		height: 83px;
		float: right;
		width: 50%;
		position: absolute;
		top: 0px;
		right: 0px;
	}

	#dsbn-topbar-transition-shadow
	{
		background-image: url( '/shared/images/topbar/right-bg-shadow.png' );
		background-repeat: no-repeat;
		height: 3px;
		margin-left: 102px;
	}

	#dsbn-topbar-news-content
	{
		margin: 0px auto;
		width: 760px;
		color: #fff;
		line-height: 22px;
		display:none;
	}

	#dsbn-topbar-news-content .news-title
	{
		padding-right: 3px;
		color: #e8d729;
		float: left;
	}

	#dsbn-topbar-news-content .news-description
	{
		width: 200px;
		height: 22px;
		overflow: hidden;
		display: block;
		float: left;
	}

	#dsbn-topbar-news-content a.news-more,
	#dsbn-topbar-news-content a.news-previous,
	#dsbn-topbar-news-content a.news-next
	{
		color: #e8d729;
		padding-left: 5px;
		text-decoration: underline;
		cursor: pointer;
	}

	#dsbn-topbar-news-content a.news-more:hover,
	#dsbn-topbar-news-content a.news-previous:hover,
	#dsbn-topbar-news-content a.news-next:hover
	{
		text-decoration: none;
	}

	#news-description a
	{
		color: #ffffff;
		text-decoration: none;
	}

	/* In Case of Emergency Button */

	#in-case-of-emergency a
	{
		display: block;
		width: 200px;
		height: 55px;
		background: url('http://www.dsbn.edu.on.ca/schools/shared/emergency/images/button.jpg') no-repeat;
	}

	#in-case-of-emergency a:hover
	{
		background: url('http://www.dsbn.edu.on.ca/schools/shared/emergency/images/button-over.jpg') no-repeat;
	}

	#in-case-of-emergency a span
	{
		display: none;
	}

	/* In Case of Emergency Message */

	#icoe-container
	{
		display: none;
		height: 0px;
		font-size: 0;
	}

	#icoe-message
	{
		cursor: pointer; margin-bottom: 10px; border-bottom: 1px solid #d3d2d3; border-right: 1px solid #d3d2d3;
		font-weight: bold;
	}

	#icoe-message a.more
	{
		margin: 0px auto; display: block; height: 52px; background: url('http://dsbn.org/schools/includes/images/emergency/bg.jpg') repeat-x #ffe4aa; border: 1px solid #cca940; color: #000000; text-decoration: none;
	}

	#icoe-message a.more:hover
	{
		background: url('http://dsbn.org/schools/includes/images/emergency/bg-over.jpg') repeat-x #ffedc7; border: 1px solid #cca940;
	}

	#icoe-message a.more span.message
	{
		cursor: pointer; display: block; background: url('http://dsbn.org/schools/includes/images/emergency/icon.jpg') no-repeat; height: 40px; padding-left: 53px; padding-top: 11px;
	}

	#icoe-message a.more:hover span.message
	{
		cursor: pointer; background: url('http://dsbn.org/schools/includes/images/emergency/icon-over.jpg') no-repeat;
	}

	/* DSBN Calendar download */
	.download-cal
	{
		width: 497px;
		height: 83px;
		display: block;
		background: url( 'http://dsbn.org/schools/includes/images/dlcal/dlcal-bg.jpg' ) no-repeat;
		text-decoration: none;
	}

	.download-cal:hover
	{
		background-image: url( 'http://dsbn.org/schools/includes/images/dlcal/dlcal-bg-over.jpg' );
	}

	.download-cal span
	{
		font-size: 18px;
		font-family: Tahoma, Arial, Helvetica;
		color: #363989;
		text-decoration: none;
		display: block;
		padding-top: 20px;
		padding-left: 55px;
	}

	.download-cal em
	{
		font-size: 12px;
		font-family: Tahoma, Arial, Helvetica;
		display: block;
		font-style: normal;
		color: #3e3e3d;
		padding-top: 2px;
		padding-left: 55px;
		width: 152px;
		height: 17px;
		background: url( 'http://dsbn.org/schools/includes/images/dlcal/dlcal-da.jpg' ) 100% 1px no-repeat;
	}

	.download-cal:hover em
	{
		background-image: url( 'http://dsbn.org/schools/includes/images/dlcal/dlcal-da-over.jpg' );
	}

	.download-cal abbr
	{
		text-decoration: none;
		border: 0px none;
	}

	#important-dates-loading {
		background: url( "http://dsbn.org/schools/includes/images/loading.gif" ) no-repeat;
		height: 17px;
		padding-left: 17px;
	}

	.featured-links p {
		margin: 0px;
		padding: 0px;
	}
}


/* Dynamic Font Size Style */
#header {position: relative;}
#dsbn-buttons {font-size: 12px;}
#content {font-size: 100%;}
#content p {line-height: 1.500em;}
#content ul li {line-height: 1.500em;}
#content ol li {line-height: 1.500em;}
#content h1 {font-size: 1.833em;}
#content h2 {font-size: 1.500em;}
#content h3 {font-size: 1.167em;}
#content h4 {font-size: 1.083em;}
#content .box h2 {font-size: 1.167em;}
/*.contentblock-fontsize {position: relative; margin-top: -86px; color: #fff; cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;}*/
.contentblock-fontsize {position: absolute; bottom: 10px; right: 178px; color: #fff; cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;}

.fontsize-decrease {font-size: 12px; margin-right: 2px; color: #fff;}
.fontsize-increase {font-size: 16px; color: #fff;}

#content table.links p.resource_link { word-break: break-all; margin-bottom:0px;}
#content table.links p.resource_desc { word-break: normal;}
#content table.links td { padding:6px;}

/* Staff Login Test Button*/
#staff-login-button {
position: absolute;
right: 0px;
bottom: 80px;
z-index: 99;
color: #FFF;
font-weight: bold;
font-size: 9px;
text-decoration: none;
padding: 4px;
background-color: #FFF;
/* background: #0352A1; */
background: #a3cf60;
text-shadow: 0 0 3px #689424;
font-size: 8.5pt;
}

.emergency-notification {
	color: #fff;
	font-size: 1.2em;
	font: Arial, Helvetica, sans-serif;
	background: url('images/emergency/notification-border-bg.png') repeat-x top center #bc2e2d;
}
.emergency-inner {
	color: #fff;
	background: url('images/emergency/notification-border-bg.png') repeat-x bottom center;
	padding: 40px;
}
.emergency-msg {
	background: url('images/emergency/notification-icon.png') no-repeat 0px 0px;
	padding-left: 100px;
}
.emergency-msg h1 {
	color: #fff;
	font-size: 2em;
	border: 0 none;
	padding: 0;
	margin: 0;
}
.emergency-msg p {
	padding: 0;
	margin: 14px 0;
}
.emergency-msg a {
	color: #fff;
}
.emergency-msg a:hover {
	color: #FFB3B3;
}
.emergency-msg p.emergency-date-posted {
    margin-bottom: 0;
	color: #FF7371;
}

#header .translate {
	position: absolute;
	right: 10px;
	bottom: 10px;
}


/* responseive slide */

#rslides-container {
	position: relative;
	margin-bottom: 10px;
}

.rslides_tabs {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 9999;
}

#content ul.rslides_tabs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#content ul.rslides_tabs li {
	display: block;
}

#content ul.rslides_tabs li a {
	background-color: #fff;
	display: inline-block;
	height: 16px;
	margin: 0 2px;
	text-indent: -9999px;
	width: 16px;
}

#content ul.rslides_tabs li.rslides_here a {
	background-color: #004b9b;
}

#content ul.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  border: 0;
  display: block;
  float: left;
  height: auto;
	max-height: 250px;
  width: 100%;
  }