/* CUSTOM CSS CLASSES*/

.customStyle2
{
	font-size: 16px;
}

.customStyle1
{
	color: #000000;
}

/*PLEASE PLACE ALL CUSTOM CSS WITHIN THE DELIMITERS */










/*END CUSTOM CSS CLASSES*/

body 
{
	font-family: Arial, Helvetica, sans-serif;
	/*background: url(images/bd-bk.gif) repeat-x #ebf0ed;*/
	background: url(images/bd-bk.gif) #5B96CF;
	font-size: 1em;
	background-position:bottom;
	background-repeat:repeat-x;
	background-attachment:fixed;
	text-align:center;
	margin:0px auto;
	padding:0;
}

html 
{
	height: 100%;
}

li 
{
	line-height: 1.5em;
	margin-left: -10px;
}

a:hover 
{
	text-decoration: none;
}

.note 
{
	color: #FF0000;
}

.header 
{
	background-color: #b7cde6;
	padding-left: 10px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
}

/* Changes */
.globe
{
    width: 200px;
    height: 100px;
    border: none;
    float: right;
}
/* /Changes */

h1 
{
	color: #000000;
	font-size: 1.2em;
}

h2 
{
	color: #000000;
	font-size: 1.6em;
	margin-top: -5px;	
}

h3 
{
	color: #000000;
	font-size: 1.5em;
	margin-bottom: -5px;
}

h4 
{
	color: #000000;
	font-size: 1.3em;
}

h4.tipsTitle span, h4.learningGoalsTitle span, h4.toolboxTitle span, h4.exampleTitle span, h4.practiceExercise span, h4.reviewTitle span,
h5.assessmentTitle span, h4.assignmentTitle span
{
	position: relative; bottom: 5px;
}

h4.successCriteriaTitle span, h4.sampleSolutionTitle span, h4.discussionTitle span, h4.mindsOnTitle span, h4.actionTitle span
{
	position: relative; bottom: 4px;
}

h4.labTitle span, h4.blogTitle span, h4.wikiTitle span
{
	position: relative; bottom: 3px;
}

table.stopsign h4 { margin-top: 18px; }

table.quiz p, table.quest p, table.answers p { margin-top: 22px; }

h5 
{
	color: #000000;
	font-size: 1.2em;
}

h6 
{
	color: #000000;
	font-size: 1em;
}

blockquote 
{
	background: #5B96CF;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
}

.normal 
{
	font-weight: normal;
}

.center 
{
	text-align: center;
}

.caption 
{
	font-size: 10pt;
	color: #666666;
	display: block; /* Change */
}

.disclaimer 
{
	font-size: 10pt;
	color: #666666;
}

.discussion 
{
	color: #363636;
	font-style: oblique;
}

th 
{
	background-color: #5B96CF;
}

th.tableheading1 
{
	background-color: #5B96CF;
}

th.tableheading2 
{
	background-color: #5B96CF;
}

.cellcolour1 
{
	background-color: #5B96CF;
}

.rowcolour1 
{
	background-color: #5B96CF;
}

.toolbox 
{
	border-color:  #b7cde6 ;
	border-width: 2px;
	border-style: dashed;
	padding: 10px;
	
}

.dropbox 
{
	background-color: #b7cde6;
	border-color:  #085096 ;
	border-width: 1px;
	border-style: dashed;
	padding: 10px;
	
}

.overview 
{
	background-color: #5B96CF;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin: 2% 5% 2% 5%;
}

.colourbox1 
{
	background-color: #5B96CF;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin: 2% 5% 2% 5%;
}

.colourbox2 
{
	background-color: #5B96CF;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin: 2% 5% 2% 5%;
}

.colourbox3 
{
	background-color: #b7cde6;
	border-color:  #085096 ;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin: 2% 5% 2% 5%;
}

.colourbox4 
{
	background-color: #e5f6f3;
	border-color:  #085096 ;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin: 2% 5% 2% 5%;
}

.expectations 
{
	background-color: #5B96CF;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin: 2% 5% 2% 5%;
}

.answers 
{
	background-color: #b7cde6;
	border-color:  #085096 ;
	border-width: 1px;
	border-style: solid;
	padding: 0px; /* Change */
	vertical-align: top; /* Change */
    width: 100%; /* Change */
}

/* Changes */
.answers th
{
    background-color: #b7cde6;
    vertical-align: top;
    width: 5%;
}

.answers td
{
	background-color: #b7cde6;
    vertical-align: top;
    width: 95%;
}

    /* [WS] added to fix formatting tables inside answer tables */
    .answers td  table  td
    {
	    width: auto;
	    text-align: left;
    }
    .answers td  table  th
    {
	    width: auto;
	    text-align: left;
    }

/* /Changes */

.questions 
{
	background-color: #b7cde6;
	border-color:  #085096 ;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
}

/* Changes */
.quest
{
    width: 100%;
    background-color: White;
}

.quest th
{
    width: 5%;
    vertical-align: top;
    background-color: White;
}

.quest td
{
    width: 95%;
    vertical-align: top;
    background-color: White;
}

    /* [WS] added to fix formatting tables inside question tables */
    .quest td table td
    {
        width: auto;
	    text-align: left;    
    }
    .quest td table th
    {
        width: auto;
	    text-align: left;    
    }

/* /Changes */

hr 
{
	border: 0;
	color: #818181;
	background-color: #5B96CF;
	height: 1px;
	width: 100%;
	text-align: left;
}

.subNav 
{
	background-color: #ebebeb;
	padding: 10px;
	font-size: 0.75em;
}

.tableRubric 
{
	font-size: 0.75em;
	width: 95%; /* Change */
	border-collapse: collapse; /* Change */
	margin: 0px auto 0px auto;
}

/* Changes */
.rubricTH
{
    text-align: center;
    vertical-align: top;
	padding: 6px;
	border: solid 1px black;
}

.tdAltRubric, .tableRubric td
{
    text-align: left;
    vertical-align: top;
	padding: 6px;
	border: solid 1px black;
}
/* /Changes */

.courseTitle 
{
	color: #000000;
	font-size: 0.70em;
	font-weight: bold;
	padding-top: 8px;
}

.navbuttons 
{
	font-weight:bold;
	color: #999999;
	text-align: center;
}

.definition 
{ 
	color:#009900; 
	text-decoration: underline; 
}
	
.border
{
	border: solid 2px #000000;
}

.citation
{
    font-size: 10pt;
    text-align: right;
}

table.stopsign 
{
	width: 85%;
	border: double 3px  #085096 ;
	border-collapse: collapse;
	/*background-color:#FFFFFF;*/
	margin-left:auto; 
	margin-right:auto;
}

/* Changes */
table.stopsign th
{
	width: 58px;
	vertical-align:top;
	border: double 3px  #b7cde6 ;
	padding:10px;
	font-weight: normal;
	background-color: White;
}

table.stopsign td
{
    width: 614px;
	vertical-align:top;
	border: double 3px  #b7cde6 ;
	padding:10px;
}
/* /Changes */

table.journal, table.rubric, table.requiredreading, table.quiz, table.externallink, table.enrichment, table.didyouknow, table.mmetable, table.assignmentlink, table.quiz
{
	width: 85%;
	border: double 3px  #b7cde6 ;
	border-collapse: collapse;
	background-color:#5B96CF;
	margin: 0px auto 0px auto; /* Change */
}

/* Changes */
table.journal th, table.rubric th, table.requiredreading th, table.externallink th,table.enrichment th, table.didyouknow th, table.mmetable th, table.assignmentlink th, table.quiz th
{
	border: double 3px  #b7cde6 ;
	padding: 10px;
	vertical-align: top;
	width: 5%;
	font-weight: normal;
}
/* /Changes */

table.journal td, table.rubric td, table.requiredreading td, table.externallink td,table.enrichment td, table.didyouknow td, table.mmetable td, table.assignmentlink td, table.quiz td
{
	border: double 3px #4c8f76;
	padding: 10px;
	vertical-align: top;
	width: 95%; /* Change */
}

table.journal table td, table.rubric table td, table.requiredreading table td, table.externallink table td,table.enrichment table td, table.didyouknow table td, table.mmetable table td, table.assignmentlink table td, table.quiz table td
{
    width: auto;
}

.wrap 
{
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:5px;
	margin:0 auto;
	width:730px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	position: relative; /* [WS]  added to help center tables without the use of the <center> tag. */
}

span.sndLink 
{
	color: #0000ff;
	cursor: pointer;
	text-decoration: underline;
}

.rubrictable
{
	width: 95%;
	border: solid 1px #000;
	border-collapse: collapse;
	font-size: 0.75em;
}

.rubrictable td, .rubrictable th
{
	border: solid 1px #000;
	padding: 6px;
}

.chat 
{
	background: #5B96CF;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	font-style: oblique;
	margin: 14px; /* Change */
}

/* Changes */
.assessment
{
    width: 50%;
    border-collapse: collapse;
    margin: 0px auto 0px auto;
    border: solid 1px black;
}

.assessment th
{
    text-align: center;
    border: solid 1px black;
    padding: 5px;
}

.assessment td
{
    border: solid 1px black;
    padding: 5px;
}

.icon
{
    height: 42px;
    width: 42px;
    border: none;
}

.picturetable
{
    border: none;
    border-collapse: collapse;
    /*
      [WS]
        This was commented out at Salman's request, because there is too much 
        space around the picturetable.
    margin: 18px 0px 18px 0px;*/
}

    /* [WS]
        The paragraphs create too much space around the picture table so the margin was cut in half
        from the default value of 1em.
     */
    .picturetable p
    {
        margin: 0.5em 0;
    }

.picturetable td
{
    vertical-align: middle;
}

.picturetable th
{
    vertical-align: middle;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
    font-weight: normal;
}
/* /Changes */


/* [WS]
    The center tag around tables is causing text to render center aligned in IE.
    The center tag has been removed and this class added to all GridTable & DataTable.
 */
.CenterTable
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

/* [WS] class needed for equation images rendered from  word 2007 equations */
.middle
{
    vertical-align: middle;
}

.innerdatatable th
{
	background-color: #5B96CF;
}


.sample_solution
{
background-color: #b7cde6;
	border-color:  #085096 ;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
}



/* [WS] this will minimize the spacing between Assignment Titles and Discussion Title & dropbox control */
.h4_assignment_title
{
    margin-bottom: 0px;
}
.h4_discussion_title
{
    margin-top: 0px;
    margin-bottom: 0px;
}
.h4_blog_title
{
    margin-top: 0px;
    margin-bottom: 0px;
}
.h4_reflection_title
{
    margin-top: 0px;
    margin-bottom: 0px;
}
.h4_journal_title
{
    margin-top: 0px;
    margin-bottom: 0px;
}