/* Last updated 17 May 2012 */

@charset "UTF-8";
@import url('/bbcswebdav/courses/00cwr_odeelements/css/screen.css');
@import url('/bbcswebdav/courses/00cwr_odeelements/css/print.css') print;

/* College graphic */
body:after {
	clear: both;
	display: block;
	content: url('/bbcswebdav/courses/00cwr_odeelements/course_template_images/colleges/metropolitan_college/college.png');
	padding-top: 4em;
	padding-bottom: 1.3em;
	text-align: right;
	}
	
/* Custom CSS for this course goes under here */
/* Show/hide dates in syllabus */
/*.date {
	display: none;
}*/
.code {
	font-family: "Courier New", Courier, monospace;
	color:#00F;
}

pre code{
	font-size: 1.1em;
	font-family: 'Courier New', Courier, monospace;
	}
pre{
	margin: -10px 0px 5px 30px;
}
code{
    font-size: 1.2em;
}

/* Shadow to the book sc */	
img.screens {
	border: thin solid #000;
	box-shadow: 8px 8px 5px #777;
}

/* remove border in "data" table */
table.datanoborder {
	border: none;
}
table.datanoborder td {
	border: none;
}
table.datanoborder th {
	border: none;
}

table.data th,td{
    vertical-align: top;
}

.alignright {
	text-align:right;
}

.aligncenter {
	text-align:center;
}

.thleftalign th{
	text-align: left;
	vertical-align: top;
}

.marginbottom {
	margin-bottom: 20px;
}

.tableCaption {
    text-align: left;
    font-size: larger;
    margin-left: 5px;
}

.indentation {
    margin-left: 20px;
}

/*rightTD table, text in the td cell is right aligned */
table.rightTD td {
    text-align: right;
}

/*centerTD table, text in the td cell is centered */
table.centerTD td {
    text-align: center;
}

/*narrowTD table, narrow td cell in height to display data */
table.narrowTD td {
    padding: 0.1em 0.7em;
}
table.narrowTD th {
    padding: 0.1em 0.7em;
}

.red {
    color:red;
}

.smallfont{
    font-size: 0.75em;
}

table.data{
    margin-bottom: 1em;
}

.boxBlue, .boxBlueCenter {
    background-color: #ededf3;
}

/*basic full box, 70%, centered*/
.boxBlue,
.danger,
.definition,
.eportfolio,
.example,
.explore,
.favorite,
.formula,
.fyi,
.important,
.key,
.music,
.parchment,
.quiz,
.quote,
.section,
.story,
.summary,
.supplement,
.test,
.testfake,
.tip,
.twitter {
    margin: 2em auto 2em auto;
	width: 70%;
    min-width:290px;
    font-size:0.9em;
}

/*responsive study guide using percentage to replace the fixed em*/
.StudyGuide {
	width: 70%;	
    min-width:320px;
}

.container1 {
	width: 100%;
    min-width:290px;
}
/*
.content-category {
    width: 150px;
}
.content-details {
	width:80%;
}
*/

.image {
    margin: 2em auto 2em auto;
    min-width:322px;
    background-color: #fff;
}

.figureCenter img {
    max-width: 100%;  
    height: auto;
    background-color: #fff;
    }
    
.orange {
	color: #d35400;
}

.orangebox {
	border: 1px solid #d35400;
}

.green {
	color:#1d781d;
}
.red {
	color:#c71502;
}
.purple {
	color: #811a70;
}
div.footnotes {
    border-top: thin solid #000;
    font-size: small;
    }