/* QUIZ STYLES */
/* Styles to prettify the quiz page */
/*Fonts added LMRoot */
@font-face {
	font-family:"Adobe Caslon Pro Bold";
	font-style:normal;
	font-weight:700;
	src : url("../Fonts/ACaslonPro-Bold.otf");
}
@font-face {
	font-family:"Adobe Caslon Pro Bold";
	font-style:italic;
	font-weight:700;
	src : url("../Fonts/ACaslonPro-BoldItalic.otf");
}
@font-face {
	font-family:"Adobe Caslon Pro Bold";
	font-style:oblique;
	font-weight:700;
	src : url("../Fonts/ACaslonPro-BoldItalic.otf");
}
@font-face {
	font-family:"Adobe Caslon Pro";
	font-style:italic;
	font-weight:300;
	src : url("../Fonts/ACaslonPro-Italic.otf");
}
@font-face {
	font-family:"Adobe Caslon Pro";
	font-style:oblique;
	font-weight:300;
	src : url("../Fonts/ACaslonPro-Italic.otf");
}
@font-face {
	font-family:"Adobe Caslon Pro";
	font-style:normal;
	font-weight:300;
	src : url("../Fonts/ACaslonPro-Regular.otf");
}
@font-face {
	font-family:"Adobe Caslon Pro";
	font-style:normal;
	font-weight:600;
	src : url("../Fonts/ACaslonPro-Semibold.otf");
}
@font-face {
	font-family:"Adobe Caslon Pro";
	font-style:italic;
	font-weight:600;
	src : url("../Fonts/ACaslonPro-SemiboldItalic.otf");
}
@font-face {
	font-family:"Adobe Caslon Pro";
	font-style:oblique;
	font-weight:600;
	src : url("../Fonts/ACaslonPro-SemiboldItalic.otf");
}
@font-face {
	font-family:Cambria;
	font-style:normal;
	font-weight:300;
	src : url("../Fonts/Cambria.ttc");
}
@font-face {
	font-family:Cambria;
	font-style:normal;
	font-weight:700;
	src : url("../Fonts/Cambria-Bold.ttf");
}
@font-face {
	font-family:"Minion Pro";
	font-style:normal;
	font-weight:300;
	src : url("../Fonts/MinionPro-Regular.otf");
}
@font-face {
/*	font-family:"Segoe UI";
	font-style:normal;
	font-weight:normal;*/
	font-family: "Segoe UI Light","Segoe UI";
 font-weight: 300;
	src : url("../Fonts/SegoeUI.ttf");
}
@font-face {
/*	font-family:"Segoe UI";*/
font-family: "Segoe UI Bold","Segoe UI";
 font-weight: 700;
/*	font-style:normal;
	font-weight:bold;*/
	src : url("../Fonts/SegoeUI-Bold.ttf");
}
@font-face {
/*	font-family:"Segoe UI";*/
	font-family: "Segoe UI Light","Segoe UI";
 font-weight: 300;
	font-style:italic;
/*	font-weight:normal;*/
	src : url("../Fonts/SegoeUI-Italic.ttf");
}
@font-face {
/*	font-family:"Segoe UI";*/
	font-family: "Segoe UI Light","Segoe UI";
 font-weight: 300;
	font-style:oblique;
/*	font-weight:normal;*/
	src : url("../Fonts/SegoeUI-Italic.ttf");
}
@font-face {
	font-family:"Segoe UI Semibold","Segoe UI";
	font-style:normal;
	font-weight:600;
	src : url("../Fonts/SegoeUI-Semibold.ttf");
}
@font-face {
	font-family:"Segoe UI Semilight";
	font-style:normal;
	font-weight:350;
	src : url("../Fonts/SegoeUI-Semilight.ttf");
}

html {
    background: #eee;
}

body {
    width: 800px;
    margin: 0 auto;
    border: 2px solid #ccc;
    border-top: none;
    background: #fff;
    padding: 20px;
/*    font-family: Trebuchet, Arial,Helvetica,sans-serif;*/
    	font-family:"Adobe Caslon Pro","ACaslonPro-Regular", serif;
    font-weight:300;
    font-size: 16px;
    color: #353535;
    line-height: 1.5em;

}

h1,h2,h3,h4,h5,h6 {
/*font-weight: bold;
	font-family:"Segoe UI";*/
	font-family: "Segoe UI Bold","Segoe UI", sans-serif;
 font-weight: 700;
	}

h1 {
	font-family:"Segoe UI Bold","Segoe UI",sans-serif;
    font-size: 26px;
    margin: 0 0 20px;
    color: #345a8a;
}
h2 {
	font-family:"Segoe UI Bold","Segoe UI",sans-serif;
    font-size: 22px;
    margin: 15px 0;
}
h3 {
	font-family:"Segoe UI Bold","Segoe UI",sans-serif;
    font-size: 18px;
    margin: 15px 0 10px;
}

/*Added LMRoot */
span.number{
 color: #666;
}

h4 {
    font-size: 16px;
    margin: 10px 0;
}
h5 {
    font-size: 14px;
    margin: 10px 0 5px;
}
h6 {
    font-size: 12px;
    margin: 5px 0;
}

strong { font-weight: bold; }
em { font-style: italic; }
ul { list-style-type: circle; }
ol { list-style-type: decimal;}
ol li { list-style-type: decimal; 
margin-left: 20px; 
}

/*  some custom number list styling; will apply in the future
ol {
    counter-reset:li;  Initiate a counter 
    margin-left:0;  Remove the default left margin 
    padding-left:0;  Remove the default left padding 
}
ol > li {
    position:relative;  Create a positioning context 
    margin:0 0 6px 2em;  Give each list item a left margin to make room for the numbers 
    padding:4px 8px;  Add some spacing around the content 
    list-style:none;  Disable the normal item numbering 
    border-top:2px solid #666;
    background:#f6f6f6;
}
ol > li:before {
    content:counter(li);  Use the counter as content 
    counter-increment:li;  Increment the counter by 1 
     Position and style the number 
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
     Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) 
    margin-right:8px;
    padding:4px;
    border-top:2px solid #666;
    color:#fff;
    background:#666;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}?



*/


p{
 	font-family:"Adobe Caslon Pro", serif;
    font-weight:300;	
}


.button {
    float: left;
    margin-right: 15px;
    width: auto;
    padding: 5px 15px;
    color:#ffffff;
    background-color:#345a8a;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	text-decoration: none;
	font-family: "Segoe UI",sans-serif;
	    letter-spacing: 1px;
}
.button:hover {
    background-color:#345a8a;
}

.startQuiz {
    margin-top: 40px;
}
.close{
	clear:both;
	margin-top:20px;
}
.closeWindow {
   margin: 20px 0;
}

.tryAgain {
    margin: 20px 0;
}

/* clearfix */
.quizArea, .quizResults {
    zoom: 1;
}
.quizArea:before, .quizArea:after, .quizResults:before, .quizResults:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
.quizArea:after, .quizResults:after {
    clear: both;
}

.questionCount {
    font-size: 14px;
    font-style: italic;
}
.questionCount span {
    font-weight: bold;
}

ol.questions {
    margin-top: 20px;
    margin-left: 0;
       color:#353535;
}
ol.questions li {
    margin-left: 0;
 
}

ul.answers {
    margin-left: 20px;
    margin-bottom: 20px;
}

ul.responses li {
    margin: 10px 20px 20px;
}
ul.responses li p span {
    display: block;
    font-weight: 700;
    font-size: 18px;
}

/* added LMRoot */

ul.responses li.correct p span {
margin-bottom:10px;
		font-family: "Segoe UI",sans-serif;
    color: #6C9F2E;
}ul.responses li.incorrect p span {
margin-bottom:10px;
	font-family: "Segoe UI",sans-serif;
    color: #B5121B;
}

ul.responses li.incorrect p strong {
		font-family: "Segoe UI",sans-serif;
	font-weight:bold;
    /*color: #A4A4A4;*/
     color: #666;
}


.quizResults h3 {
    margin: 0;
}
.quizResults h3 span {
    font-weight: normal;
    font-style: italic;
}
.quizResultsCopy {
    clear: both;
    margin-top: 20px;
}