@import url(/style/ashraem/schedule.css);

body.schedule {
	background-color: #fff !important;
}
.bannerad {
	display:none;
}
#bannerad {
	color: #4F7CB6;
	padding: 0;
	margin: 60px 0px 0px 0px;
}
#introduction {
	padding-top: 0; /* smaller top padding on login screen */
}
#introduction .content {
	padding-top: 0; /* smaller top padding on login screen */
}
a.bannerlink:hover, a.bannerlink:active, a.bannerlink:visited, a:bannerlink:link {
	text-decoration: none;
}
#pagecontent #textbanner {
	background: #68aadd url(/img/ashraem/schedulebanner_w12.jpg) top right no-repeat;
	margin-top: 0;
	text-align: left;
}

#pagecontent #textbanner h1 {
	font-family: 'Cabin Condensed', Trebuchet, Arial, sans-serif;
	font-weight: 500;
	font-size: 20px;
	padding: 8px 10px;
	margin: 0;
	color: #000;
	text-align: left;
}
#pagecontent #textbanner h2 {
	font-family: 'Cabin Condensed', Trebuchet, Arial, sans-serif;
	font-weight: 500;
	font-size: 12px;
	margin: 0;
	padding: 0 10px 10px 10px;
	color: #000;
	text-align: left;
}


.contentwrapper {
	position: absolute;
	top : 0px;
	left : 50%;
	margin-left: -50%;
}
#virtualattendeedisplay {
	margin-top: 32px;
}

.banner {
	height: 154px;
	background-color: #ffffff;
	}

#introduction {
	margin: 3% 5% auto;
	padding: 0;
	}
	
.leftpane {
	width: 65%
	}

.rightpane {
	width: 25%;
	}

.subtitle {
	padding: 0 20px 0 20px;
}

/* below styles fix cutoff in My Schedule */
.pageattend { /* added to fix cutoff in My Schedule */
	overflow: visible;
}
.pageattend.page { /* added to fix cutoff in My Schedule */
	width: 90%;
	border: none;
	text-align: center;
	margin: 0 auto;
}
.pageattend.content { /* added to fix cutoff in My Schedule */
	width: 85%;
	text-align: left;
	margin: 20px;
}
/* end fix */

/* show screen divs normally and hide print divs.  Reverse when printing. */
.screenalt { display: block; }
.printalt { display: none; }
 
@media print {
	/* hide screen divs when printing and hide screen divs.  Reverse when on screen. */
	.screenalt { display: none; }
	.printalt { display: block; }
	.itemschedule .printalt { text-transform: uppercase; font-weight: bold; }
	
	/* Remove unwanted elements */
	#pageheader, .printbutton	{
		display: none;
	}
	table.summary { width: 95%; }
	table.summary th, table.summary td {
		border: 1px solid #000;
	}
	.listheader_status, .listheader_scheduling, .listheader_location, .listheader_title, .listheader_notes, .listheader_presenter {
		font-weight: bold;
		color: #000;
		border-bottom: 2px solid #000;
	}
	/* Ensure the content spans the full width */
	#pagecontent, .pageattend.page, .pageattend.content, body.printbody, .printpage {
		width: 100%; 
		margin: 0; 
		padding: 0;
		float: none;
		border: none;
	}
}

/* new colors for pagenavigation */
.pageheader {
	position:relative;
	border-bottom: 7px solid #074D86;
}
body div.pageheader ul li:hover, body div.pageheader ul li a:hover {
	background-color: #074D86;
	color: #fff;
}

.pagenavigation .active {
	border-top: 1px solid #074D86;
	border-left: 1px solid #074D86;
	border-right: 1px solid #074D86;
}

.pagenavigation li.active:hover, .pagenavigation li.active:hover a, .pagenavigation li.active a:hover {
	color: #074D86;
}