.preTransformation,.preTransformPassage{zoom:1;}
.preTransformation h1,
.preTransformation h2,
.preTransformation h3,
.preTransformation h4,
.preTransformation h5,
.preTransformation h6{font-weight:normal;font-family:Georgia,"Times New Roman",Times,serif;color:#000;background-color:#EEF9FB;border:1px solid #BDE5EE;padding:5px 10px;margin:10px 0;}
.preTransformPassage h1,
.preTransformPassage h2,
.preTransformPassage h3,
.preTransformPassage h4,
.preTransformPassage h5,
.preTransformPassage h6{font-weight:normal;font-family:Georgia,"Times New Roman",Times,serif;color:#000;margin:10px 0;}
.preTransformation ul,.preTransformPassage ul{list-style:disc outside;margin-left:5px;padding-left:2em;font-size:12px;}
.preTransformation ol,.preTransformPassage ol{list-style:decimal outside;margin-left:5px;padding-left:2em;font-size:12px;}
.preTransformation ul > li,.preTransformPassage ul > li
.preTransformation ol > li,.preTransformPassage ol > li {padding:1px;}
.preTransformation h1,.preTransformPassage h1{font-size:22px;}
.preTransformation h2,.preTransformPassage h2{font-size:18px;}
.preTransformation h3,.preTransformPassage h3{font-size:16px;}
.preTransformation h4,.preTransformPassage h4{font-size:14px;}
.preTransformation h5,.preTransformPassage h5{font-size:12px;}
.preTransformation h6,.preTransformPassage h6{font-size:11px;}
.preTransformation p,.preTransformPassage p{margin:5px 0;}

.preTransformation table{border:1px solid #000;}
.preTransformation table th,.preTransformation table td{border:1px solid #000;padding:2px;}

/* suggestions */
sub {font-size:80%}
sup {font-size:80%}

.mathml{vertical-align: middle;}

blockquote {margin-left:15px;}

#course .solutionSection p {margin: 5px 0 5px 0;}

table caption {font-weight:bold;}
table {margin-bottom:10px;}
th {font-weight:bold;font-size:12px;}
th p {font-weight:bold;font-size:12px;}
td {font-size:12px;}
td p {font-size:12px;}
.optionA table p, .optionB table p, .optionC table p, .optionD table p{margin-left:0;}

/* Lesson Section - the class is solutionSection but it's used for lessons. */

/*I'd prefer it if these were relative, but they're initially specified as px so going with that for now*/
#course .solutionSection h1 {font-size:22px;padding: 5px 0 5px 0;}
#course .solutionSection h2 {font-size:18px;padding: 5px 0 5px 0;}
#course .solutionSection h3 {background-color:#fff;font-size:16px;padding: 5px 0 5px 0;}
#course .solutionSection h4 {font-size:14px;padding: 5px 0 5px 0;}
#course .solutionSection h5 {font-size:12px;padding: 5px 0 5px 0;}
#course .solutionSection h6 {font-size:11px;padding: 5px 0 5px 0;}

#course .solutionSection h3.blueTint{background-color:#EEF9FB;border:1px solid #bde5ee;padding:5px 10px;margin-bottom:10px}

/* distractors and items */
/* we should probably set a different max height when distractors are aligned vertically */

.optionA, .optionB, .optionC, .optionD{min-height:40px;}

/* end suggestions */

/* resource transform */
.exampleIcon{background:url(/images/solaroTeens/theme1/icons/Icon_Example.png) no-repeat; width:150px; height:55px; margin:10px 0 10px 0;}
.example {padding:0 10px 0 10px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.sidenote:after {clear:both;content:"";display:block;height:0;}
.sidenote_text {float:right;width:33%;margin:0 5px;padding:10px; background-color:#eee; border: 1px solid #000;}

.rtItem {margin-left:0;border:1px solid #ddd;padding:5px;}
.rtSolution {margin:10px 0 0 20px;}
.rtAnswers {margin-left: 0;display:none;}
.solutionText {font-weight:bold;font-size:1.2em;}
.step_text {margin-top:10px}
.step_text p {font-style:italic;}
/* end resource transform */

ul.box>li {list-style-type:none;background:url(/images/solaroTeens/theme1/icons/bullet-desc.gif) no-repeat 0 50%;margin-left:-15px;padding-left:15px;}
ul.astrix>li {list-style-type:none;background:url(/images/solaroTeens/theme1/icons/bullet-asterix.gif) no-repeat 0 50%;margin-left:-15px;padding-left:15px;}
ul.emdash>li {list-style-type:none;background:url(/images/solaroTeens/theme1/icons/bullet-dash.gif) no-repeat 0 50%;margin-left:-15px;padding-left:15px;}
ul.endash>li {list-style-type:none;background:url(/images/solaroTeens/theme1/icons/bullet-dash.gif) no-repeat 0 50%;margin-left:-15px;padding-left:15px;}

ul.bullet {list-style-type:disc;}
ul.disc>li {list-style-type:circle;}
ol.loweralpha>li {list-style-type:lower-alpha;}
ol.upperalpha>li {list-style-type:upper-alpha;}
ol.arabic>li {list-style-type:decimal;}
ol.lowerroman>li {list-style-type:lower-roman;}
ol.upperroman>li {list-style-type:upper-roman;}
ol.upperroman {padding-left:3em;}

/* end list styles */

/* graphic styles */
.clear {clear:both;}

.imgAlign {text-align:center;}
.imgAlign p {text-align:left;}

/*-----------------------*/
.ParagraphRight div {float:left;text-align:center;}
.ParagraphRight img {float:left;margin:0 10px 10px 0;}
.ParagraphRight p {margin:0;padding:0;float:left;width:80%;}

/*-----------------------*/
.ParagraphLeft div {float:right;text-align:center;}
.ParagraphLeft div img {float:none;}
.ParagraphLeft img {float:right;margin:0 0 10px 5px;}
.ParagraphLeft p {margin:0;padding:0;float:left;width:80%;}
.ParagraphLeft{zoom:1;} /* IE Fix, introduce has layout --- Vijay added this later to fix a bug on 16/03/2010 */
.ParagraphLeft:after{content:".";height:0;display:block;clear:both;visibility:hidden;}

/*-----------------------*/
.ParagraphTopRight {float:left;margin:0 10px 10px 0;}
.ParagraphTopLeft {float:right;margin:0 0 10px 10px;}

/*-----------------------*/
.After {/*float:left;*/text-align:center;}
.AfterRight {float:right;margin:0 10px 10px 0;text-align:center;}
.AfterLeft {float:left;margin:0 10px 10px 0;text-align:center;}
img.After {margin:0 5px 0 5px;}

/*-----------------------*/
.Before {/*float:left;*/text-align:center;}
.BeforeRight {float:right;margin:10px 10px 0 0;text-align:center;}
.BeforeLeft {float:left;margin:10px 0 0 10px;text-align:center;}
img.Before {margin:0 5px 0 5px;}

.imgGroup {}

.imageGroup {zoom:1;}/* IE Fix, introduce has-layout --- Vijay added this later to fix a bug on 24/05/2010 */
.imageGroup:after{content:".";height:0;display:block;clear:both;visibility:hidden;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

div.aligncenter table {
	margin-left:auto; margin-right:auto;
}
/* end graphic styles */

/* Span Classes */
.attention {font-weight:bold;}
/*the following two shouldn't have borders - once they're connected to a glossary they should be styled based on the hyper-link */
.glossaryterm {font-weight:bold;border-bottom:0;}
.vocabulary-word {font-style:italic;border-bottom:0;}
.unit {}
.unit_nonstd {}
.variable {font-style:italic;}
.multi-word-underline {text-decoration:underline;}
.number {}
.date {}
.time {font-variant:small-caps;}
.abbreviation {}
.footnote {}
.distA {font-weight:bold;}
.distB {font-weight:bold;}
.distC {font-weight:bold;}
.distD {font-weight:bold;}
.distE {font-weight:bold;}
.distF {font-weight:bold;}
.gCaption{font-size:95%;font-style:italic;}
.gTitle{font-size:95%;font-weight:bold;}
.year {}
.vocal {font-style:italic;}
.change-of-meaning {font-style:italic;}
.related-word {font-style:italic;}
.honorific {}
.name {}
.smallcaps {font-size:80%;text-transform:uppercase;}
.underline {text-decoration:underline;}
.branding {font-weight:bold; font-style:italic;}
.bold {}
.italic {font-style:italic;}
.fill-in-the-blank {padding:0 10px;border-bottom:1px solid #000;}
.uppercase {text-transform:uppercase;}
.passageRef {}
.strikeout {text-decoration:line-through;}
.correction {}
.tipSelection {}
.keep-together {}
.text-equation {}
/*CSS from Mark ends here*/

.pHighlight_0{
	background-color:#B5D2DB;
}
.pHighlight_1{
	background-color:#E7FFB3;
}
.pHighlight_2{
	background-color:#FFBBD8;
}
.pHighlight_3{
	background-color:#DFD5AC;
}
.pHighlight_4{
	background-color:#E9C8C5;
}