@charset "utf-8";
/* CSS Document */

/* normalize defaults */
html, head, body, 
h1, h2, h3, h4, h5, h6, 
div, span, p, blockquote, code, img, a,
table, caption, tr, thead, th, tbody, td,
ul, ol, li, label, form, fieldset {

	line-height: 1.1em;
	font: 100% Arial, Helvetica, sans-serif;	
}

body{
	border-top: 20px  #2092b7 solid; /*change top border color here */
	margin: 0 0 0 0;
	color: #333;
}
	
#page{
	width:800px;
	background-color:#FFF;	
	text-align: left;
	display: block;
	margin: 40px auto 10px auto;
}

p{  
	font-size: .8em;
	color: #404040;
	line-height: 1.2em;
}

#logo{ 
	float: left;
	padding: 2px 30px 5px 10px;

}
img {
 	border: 0px;
}
/*course name page title */
#name p{	
	float: left;
	margin: 0;
	padding: 16px 0 0 0;
	color: #404040;
	text-transform: capitalize;
	font-size: 1.5em;
	font-weight: bold;
}

/* h1- for page name ie. syllabus, schedule, problem sets */
h1{
    font-size: 1em;
	color: #404040;
	font-weight: bold;
	margin: 1em 0 3px 0;
	text-transform:uppercase;
}

/* h2 - red subheader for content of page*/
h2{
	font-size: 0.9em;
	font-weight: bold;
	color: #6D121F;
	margin-top: 1em;
	line-height: 1.25em;
	padding: 10px 0 0px 0px;
}

/*h3 - sub-subheader, grey, to be also used in footer */
h3{
	font-size: 0.85em;
	font-weight: bold;
	line-height: 6px;
	color: #404040;
}

a{
	font-size: 13px;
	color: #075f78;
	text-decoration: none;

}

a:hover{
	text-decoration: underline;
}

.regular{
	font-size: .9em;
	color: #404040;
	font-weight: normal;
}
	
/* HEADER HAVIGATION */
#nav{ 
	width: 800px;
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: none;
}
#nav li.home {
	border: none;
	list-style: none;
}
#nav li{
	display: inline;
	border-left: 1px #666 solid;
}

#nav a{
	text-transform: capitalize;
	text-decoration: none;
	font-size: 0.95em;
	font-weight: bold;
	color: #075f78;
	padding: 0 12px;
}

#nav a:hover{
	text-decoration:underline;
}

#nav li.sel a {
	color: #6D121F;
}

#nav li.sel a:hover {
	text-decoration: none;
}

/*Horizontal Rules*/
hr{ 
	height: 2px;
	color: #666;
	background-color:#666;
	float: left;
	border: none;
	width:100%;
}

hr.dotted{
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999999;
	background-color: #FFF;
	color: #000;
	margin:  10px 0 0px 0;
}


/*CONTENT */
#header{
	width: 800px;
}

#detailsLeft{
	width: 390px;
	display: inline;
	float: left;
	height: 140px;
	padding-left: 10px;
	margin-top: 15px;
}

#detailsRight{
	width: 390px;
	display: inline;
	float: left;
	height: 140px;
	padding-left: 10px;
	margin-top: 15px;
}

.info{
	float:left;
	padding: 0px 10px 0px 10px;
	width: 240px;
}

#desc{
	width: 790px;
	display: inline;
	text-align: left;
	float: left;
	padding-left: 10px;
}

#sch{
	width: 600px;
	display: block;
	text-align: left;
	padding: 5px 0 0 10px;
}

#content{
	width: 780px;
	display: block;
	text-align: left;
	padding-left: 10px;
	float: left;
}

#content a, #content ul, #content ol {
	font-size: .9em;
}

/*TABLE*/
/* data table styles */

table.data {
	clear: both;
	width: 100%;
	margin: 0 0 2em 0;
}

table.data caption,
table td.mnavbkgnd {
	background-color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	color: #6D121F;
	text-align: left;
	padding: 3px 4px;
	margin: 1em 0 0 0;
}

table.data th,
table.data td {
	margin: 0;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 6px;
}

table.data th,
table td.month1bkgnd {
	background-color: #ecf6fb;
	color: #333;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 5px;
	border-bottom: 2px solid #CFCFCF;
}

table.data th.small {
	width: 90px;
}

table.data tbody td {
	font-size: 0.75em;
}

table.data td,
td.month3 {

	padding-bottom: 4px;
	border-top: 1px solid #EEF1F2;
}

table.data tr.alt td,
td.month2 {
	background-color: #ECF6FB;
	border-top: 2px solid #DEE3E5;
}

table.data tr.outdated td {
	background-color: #FCEBEE;
        border-top: 2px solid #DEE3E5;
}

table.data .full_name {font-weight: bold;}
table.data tr.clean td {border-top: none;}
table.data tr.altrow td {
	background-color: #ECF6FB;
}

table.data tr.top td {
	border-top: 2px solid #DEE3E5;
}


table.data tr.altrow td.hide {
	color: #ECF6FB;
}

table.data tr td.hide {
	color: #FFF;
}

table.data tr.desc td {
	border-top: none;
	background-image: url('images/bg-dotted.gif');
	background-position: top left;
	background-repeat: repeat-x;
}

table.data td.email {
	color: #075F78;
}

/*FOOTER*/
#footer{
	width: 800px;
	display: inline;
	float: left;
}

#footer .hr{
	margin: 0 0 0px 0;
}

#footer hr.last{
	margin: 0;
	padding: 0;
}

#footer a{ font-size: 11px; color: #404040;}

#footer a:hover{ color: #404040;}

.mit{
	float: left;
	padding: 5px 20px 0 10px;
}

.left{
	width: 300px;
	padding-left: 10px;
	float:left;
	margin: .2em 0 0 0;
}
.right{
	float: right;
	padding: 0 10px 0 0;
	color: #404040;
	margin: 0 0 0 0;
}
.clear {
	display: block;
    height: 10px;
    clear: both;
}

.CSSTableGenerator {
	margin:10px;padding:0px;
	width:95%;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#aad4ff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:10px;
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #ffffff 5%, #ffffff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff");	background: -o-linear-gradient(top,#ffffff,ffffff);

	background-color:#ffffff;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:20px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #ffffff 5%, #ffffff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff");	background: -o-linear-gradient(top,#ffffff,ffffff);

	background-color:#ffffff;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}