/* Start of CMSMS style sheet 'cs147' */
/* body should be 1024 - 16 = 1008 pixels wide or less for 1024x768 screens */
/* screen resolution is approximately 96 dpi */

/***************************************************************************************
   General styling for all pages
****************************************************************************************/

/*	background-color: #E9EEF2;*/ /* srk background */
/*	background-color: #F5FAFF;*/ /* light blue background */
body {
	background-image: none;
	background-color: #FFFFFF; /* white background */
	margin: 15px;
	padding: 0;
}

body, table {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #000000;
	line-height: 1.23;
}

/*a		{ color: #0000ff; }
a:hover	{ text-decoration: underline; }
*/
h1, h2, h3, h4, h5, h6	{ font-family: "Myriad Web", "Myriad Pro", Arial, Helvetica, sans-serif; }

h1			{ font-size: 20pt; }
h2			{ font-size: 16pt; }
h3			{ font-size: 14pt; }

hr 			{ margin: 0; padding: 0; }

table ul		{ margin: 0; padding: 0; }
table ul li		{ margin: 0.2em 1.2em; }

tr.shaded	{ background-color: #DDEEFA; }

.smallcaps		{ font-variant: small-caps; }
.allsmallcaps	{ font-variant: small-caps; text-transform: lowercase; }

/***************************************************************************************
   Content layout (fixed width or no?)
****************************************************************************************/

@media screen {
div.body {
	width: expression( document.body.clientWidth > 870 ? "840px" : "auto" ); /* > (max-width + padding-left + padding-right) ? max-width : auto (IE only) */
	max-width: 840px; /* max-width */
}
}
@media print {
div.body {
	width: 100% !important;
}
}

/***************************************************************************************
   Title bar
****************************************************************************************/

div.courseheader {
	font-family: "Myriad Web", "Myriad Pro", Arial, Helvetica, sans-serif; 
	font-weight: bold;
}

div.courseheader a,
div.courseheader a:hover	{ color: #000000; text-decoration: none; }
div.courseheader span.year	{ }
div.courseheader span.title	{ font-size: 20pt; }

/***************************************************************************************
   Top and bottom bars
   (Note: Hiding top bar in main page is done in the styles section of cs147/index.html)
****************************************************************************************/

div.topbar						{ margin-bottom: 0px; }
div.topbar table.navbar td.name	{ display: none; }

div.bottombar					{ margin-top: 30px; }
div.bottombar table.navbar		{ border-top: 1px solid #8D8D8D; padding-top: 2px; }

table.navbar {
	margin: 3px 0;
	font-family: "Myriad Web", "Myriad Pro", Arial, Helvetica, sans-serif; 
	font-size: 9pt;
	width: 100%;
}
table.navbar td.name			{ text-align: left; }
table.navbar td.name a			{ color: #000000; text-decoration: none; }
table.navbar td.nav				{ text-align: right; }

/***************************************************************************************
   Front page layout: course info
****************************************************************************************/

span.coursetime 				{ font-style: italic; }

div.courseinfo 					{ margin-top: 15px;	margin-bottom: 22px; }

div.courseinfo tr				{ vertical-align: top; }
div.courseinfo tr.lecture td	{ padding-bottom: 6px; }
div.courseinfo tr.section td	{ padding-bottom: 20px; }
div.courseinfo tr.professor td	{ padding-bottom: 16px; }
div.courseinfo tr.tas td		{ }
div.courseinfo tr.staffemail td	{ padding-top: 16px; padding-bottom: 16px; }
div.courseinfo tr.newsgroup td	{ padding-bottom: 16px; }

div.courseinfo td.label			{ width: 80px; padding-right: 16px; text-align: right; }
div.courseinfo td.col2			{ padding-right: 24px; }
div.courseinfo td.col3			{ }

div.links {
	font-family: "Myriad Web", "Myriad Pro", Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 13pt;
}

.emailnote {
	font-size: 9.5pt;
	line-height: 1.8;
	font-style: italic;
}

/***************************************************************************************
   Front page layout: announcements
****************************************************************************************/

span.oldannouncements				{ margin-left: 16px; font-size: 9pt; font-weight: normal; }
span.oldannouncements a				{ text-decoration: none; }

table.announcements					{ margin-top: 4px; }
table.announcements td 				{ vertical-align: top; padding-top: 16px; }
table.announcements td.date 		{ text-align: right; width: 80px; padding-right: 16px; }

/***************************************************************************************
   Table layouts: schedule and readings
****************************************************************************************/

/* Make dates and numbers right-align and non-wrappable */
table th.date,
table td.date,
table th.week,
table td.week,
table th.lecture,
table td.lecture				{ text-align: right; white-space: nowrap; }

/* Make due dates smaller and small caps */
.smalltime						{ font-size: 8pt; font-variant: small-caps; }

/* Schedule-specific styles */

div.schedule					{ }

table.schedule					{ margin-top: 16px; text-align: left; }

table.schedule th				{ padding: 4px; }
table.schedule td				{ padding: 4px; }

table.schedule th 				{ background-color: #FFFFFF; }

/*
	darker tri-colors #E5F6FF; #DDEEFA; #CCDDE9; and #FFFFFF; #EEEEEE; #DDDDDD;
	lighter tri-colors #E5F6FF; #DDEEFA; #D4E5F1; and #FFFFFF; #F6F6F6; #EEEEEE;
*/

table.schedule tr.lecturemon1	{ background-color: #DDEEFA; }
table.schedule tr.lecturewed1	{ background-color: #DDEEFA; }
table.schedule tr.section1		{ background-color: #DDEEFA; }

table.schedule tr.lecturemon2	{ background-color: #FFFFFF; }
table.schedule tr.lecturewed2	{ background-color: #FFFFFF; }
table.schedule tr.section2		{ background-color: #FFFFFF; }

table.schedule tr.holiday		{ background-color: #EEEEEE; color: #AAAAAA; }
table.schedule tr.final 		{ background-color: #DDEEFA; }

/* To put row lines in, uncomment this. */
table.schedule th,
table.schedule tr.holiday td,
/*table.schedule tr.lecturemon1 td,
table.schedule tr.lecturemon2 td,
table.schedule tr.lecturewed1 td,
table.schedule tr.lecturewed2 td,*/
table.schedule tr.section1 td,
table.schedule tr.section2 td,
table.schedule tr.final td		{ /*border-bottom: 1px solid #BBBBBB;*/ }

table.schedule .date			{ width: 80px; padding-left: 0px; padding-right: 12px; }
table.schedule .week 			{ display: none; }
table.schedule .lecture			{ display: none; }
table.schedule .topic			{ }
table.schedule .downloads 		{ white-space: nowrap; padding-right: 16px; }
table.schedule .assignments		{ padding-right: 16px; }
table.schedule .readings 		{ padding-right: 6px; }

@media screen {
table.schedule .topic			{ white-space: nowrap; }
}

/* Readings-specific styles */

table.readings					{ margin-top: 16px; text-align: left; }

table.readings th				{ padding: 4px; }
table.readings td				{ padding: 10px 4px; }

table.readings tr.lecturemon1	{ background-color: #DDEEFA; }
table.readings tr.lecturewed1	{ background-color: #DDEEFA; }
table.readings tr.section1		{ background-color: #DDEEFA; }
table.readings tr.lecturemon2	{ background-color: #FFFFFF; }
table.readings tr.lecturewed2	{ background-color: #FFFFFF; }
table.readings tr.section2		{ background-color: #FFFFFF; }

table.readings td.lecture		{ padding-left: 16px; }
table.readings td.topic			{ padding-right: 8px; }

/***************************************************************************************
   Table layout: grade breakdown
****************************************************************************************/

table.gradebreakdown {
	margin: 8px 0 8px 50px;
}

table.gradebreakdown td.gradeitem {
	text-align: right;
	padding-right: 12px;
}

/***************************************************************************************
   Assignments page styling
****************************************************************************************/

table.assignments th,
table.assignments td {
	text-align: left;
	padding: 6px;
}

table.assignments th.assignments,
table.assignments td.assignments {
	padding-left: 8px;
	padding-right: 16px;
}

table.assignments th.deliverables,
table.assignments td.deliverables {
	padding-right: 16px;
}

table.assignments th.duedates,
table.assignments td.duedates {
	padding-right: 8px;
}

/***************************************************************************************
   Project page styling
****************************************************************************************/

table.project td				{ padding: 4px; }
table.project td.assignments	{ padding-left: 8px; padding-right: 16px; }
table.project td.deliverables	{ padding-right: 16px; }
table.project td.duedates		{ padding-right: 8px; }

/* End of 'cs147' */