/*
 * SoftChalk LessonBuilder StyleSheet (C)2008
 * SoftChalk LLC, www.softchalk.com
 
/* CONTENT WRAP  */
/* contentWrap is a container to hold the sidebar and content divs */
/* can also hold an image for the background color of sidebars */
#contentWrap {
	margin: 0;
	padding: 0;
}
/* contentWrap2 is a container to hold the content div on pages with no sidebars */
/* needed when there is a contentWrap sidebar background image */
#contentWrap2 {
	margin: 0;
	padding: 0;
	height:100%;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:before, 
.clearfix:after {
	content: "";					/* the period is placed on the page as the last thing before the div closes */
	display: table;				/* inline elements don't respond to the clear property */
}

.clearfix:after {
	clear: both;
}

.clearfix {zoom: 1;}   /* a fix for IE 6/7 */

html, body {
	margin:0;
	padding:0;
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 1280px;
	max-width: 100%;
	margin: 0 auto -85px;
	background-color: #fff;
	border-right:1px solid #E7E7E7;
	border-left:1px solid #E7E7E7;
	box-shadow: 0px 0px 50px #CBC8C8;
	overflow-x: hidden;
	overflow-y:auto;
}

/*  BANNER STYLES  */
#banner {
	height: auto;
	margin: 0;
	padding: 0;
}

#banner p {
	margin: 0;
	line-height: 1.2em;
	letter-spacing: 0.01em;
}

#banner {
	color: #ffffff;
	min-height: 180px;
	_height: 180px;
	background: -webkit-linear-gradient(#197474, #186D6D,  #166161, #124f4f);
	background: -o-linear-gradient(#197474, #186D6D,  #166161, #124f4f);
	background: -moz-linear-gradient(#197474, #186D6D,  #166161, #124f4f);
	background: linear-gradient(#197474, #186D6D,  #166161, #124f4f);
	background-color:#166161;
}
#line1 {font: bold 250% Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;padding:0 0 0.2em 1.5em;}
#line2 {font: bold 180% Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;font-weight:normal;padding:0 0 0 2.1em;}

#banner .banner {
	float: right;
	margin: 0px;
	padding-top:0px;
	padding-right:60px;
	width:130px;
	height:auto;
}

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}

a.skip-main:focus, a.skip-main:active {
    color: #000;
    background-color:#ffffff;
    left: auto;
    top: auto;
    width: 250px;
    height: auto;
    overflow:auto;
    margin: 0;
    padding:5px;
    border-radius: 8px;
	border:2px solid #000000;
    text-align:center;
    font-size:1.2em;
    z-index:9999;
}
#current {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
/*  Image Mani-poo-lation  */
.resizable {
	max-width:100%;
}

/*  TOC ENTRY PAGE STYLE  */
#toc_entry dd {
	margin: 5px 0 0 20px;
}

#toc_entry a {
	text-decoration: none;
}


/*  CONTENT STYLES  */
#content {
	line-height: 120%;
	max-width:75%;
}

#content ol li {
	font-size: .95em;
	padding-bottom:0.5em;
}

p {
	font-size: .95em;
}

h1 {
	font-size: 1.7em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

h1, h2, h3 {
	line-height: 1.1em;
}
li {
	padding-bottom:0.75em;
}

hr {
	width: 100%;
	height: 2px;
	border: 0px none !important;
}
#topNav>#page {
	display:none;
}
#topNav {
	font-family: Arial, Verdana, sans-serif;
	font-size:0.9em;
	color:#616161;
	float: right;
	margin: 0;
	padding: 1em 65px;
	display:block;
}
#topNav a {
	border:none;
	font-weight:bold;
	color:#616161;
	cursor:pointer;
	padding: 0.2em 0.3em 0.2em 0;
	text-decoration:none;
}
#topNav a:hover {
	border:none;
	font-weight:bold;
	text-decoration:underline;
}
/*  CONTENT 2 STYLES  */
#content2 {
	margin: 0em 3em 0 3em;
	padding-top: .3em;
	line-height: 120%;
	height:100%;
}
/*  FAUX TABLE STYLE  */
.listLayout {
	width: 600px;
	max-width: 95%;
	margin: 1em auto;
	border: 1px solid #B9B9B9;
	padding: 0px 20px 0px 0px;
}
.listLayout h3 {
	margin:0.75em 0.75em;
	text-align:center;
}
.titleP {
	font-weight:bold;
	color:#61163B;
}
.titleBG{
	background-color:#fff;
	padding:0 0.5em;
}
.checkList li { 
	background:url(check.png) no-repeat left;
	margin:0 5px 10px 0;
	padding-left:2.5em;
	vertical-align:middle;
	list-style-type:none;
}
#case {font-size:0.95em;}
#case p {padding:0.3 0;margin:0;}
#case1 {width:42%;float:left}
#case2 {width:42%;float:right}
.listLayout p {
	padding:5px 1em;
	line-height:120%;
	font-size:0.95em;
}
.prettyLine {
	background: url(prettyLine.png) no-repeat center;
	background-size: 120% 1px;
	text-align:center;
}
.prettyFG {
	background-color:#fff;
	padding:0 0.5em;
}
.prettyFGry {
	background-color:#efefef;
	padding:0 0.5em;
}
.listLayoutSM {
	width: 500px;
	max-width: 90%;
	margin: auto;
	border: 1px solid #B9B9B9;
	padding: 0px 1em;
}
.listLayoutSM ul li { margin:0 0.5em 0 0; vertical-align:top}
.centerLi {margin:0 auto;border-bottom:1px dashed #d5d5d5;width:100%;text-align:center;max-width:540px;font-weight:bold;}
.leftLi {border-bottom:1px dashed #d5d5d5;width:95%;max-width:560px;font-weight:bold;margin:0 2em;}
.subUl {list-style-type:none;padding:0.3em 2em;}
.acronym { font-size:1.1em;padding-right:0.1em;text-decoration:underline;}
/*  FOOTER STYLES  */
p#footerP {
	margin: 0;
	padding: 10px 50px 10px 40px;
	font-size: .85em;
	float:right;
}
p#footerP a {
	color:#fff;
	text-decoration:none;
}
p#footerP a:hover {
	color:#fff;
	text-decoration:underline;
}
.footer, .push {
	margin: 0 auto;
	width:1280px;
	max-width: 100%;
	height:85px;
}
.footer {
	font-family: Arial, Verdana, sans-serif;
	color: #fff;
	background-color: #000000;
}
.footer img {
	float:left;
	padding:13px;
	margin-left:50px;
}
/*  QUIZPOPPER  */
.expand {
	display: block;
}
.qpq {
	border:1px solid #BFBFBF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#ccf0f0;
	line-height:120%;
	padding:10px 15px;
	margin-right:10px;
}
.qpgroupborder {
	background-color: #efefef;
	border: 1px solid #BABABA;
	padding: 10px;
	width:100%;
	margin: 0 auto;
}
.reflectBox {
	width: 500px;
	max-width: 90%;
	margin: 1em auto;
	border: 1px solid #B9B9B9;
	padding: 0 1em 0px 1em;
}

/*
 * SoftChalk LessonBuilder StyleSheet (C)2008
 * SoftChalk LLC, www.softchalk.com
 *
 * Banner Style Left Constants
 */


/*  CONTENT STYLES  */
#content {
	margin: 20px 3em 20px 300px;
	padding: 0 0 0 10px;
}
body {
	background-color: #fefefe;
	color: #000000;
	font-size: 100%;
}
blockquote {
	font-size:0.9em;
	margin:0 75px 0 75px;
	line-height:120%;
}
a:link {
	color: #0000ff;
}
a:visited {
	color: #0000ff;
}
a:hover {
	color: #990099;
}
a:visited:hover {
	color: #990099;
}

#contentWrap {
	background-color: #fff;
}
#contentWrap2 {
	background-color: transparent;
}
.responsive {
	display:none;
}

#navWide {
	background-color:#000;
	margin-top:0;
	margin-left:0;
	padding: 0.5em 0;
	list-style-type:none;
	font-family: Arial, Verdana, sans-serif;
}
#navWide li {
	display:inline;
	padding-bottom:0;
}
#navWide li a {
	color:#d8d8d8;
	text-decoration:none;
}
#navWide li a:hover {
	color:#fff;
	text-decoration:none;
}
#mphModules {
	float:left;
	margin-left:3.85em;
}
#contentsTOC {
	float:right;
	margin-right:2.85em;
}
#toc_entry a:hover {
	color: #990099;
}
div#toc_entry dl {
	font-size: .9em;
}

#content {
	font: 1em Arial, Verdana, sans-serif;
}
h1, h2, h3 {
	color: #000000;
}
hr {
	color: #000000;
	background: #000000;
	height: 1px;
}
#topNav>#page {
	display:none;
}
#topNav {
	font-family: Arial, Verdana, sans-serif;
	font-size:0.9em;
	color:#616161;
	float: right;
	margin: 0;
	padding: 1em 65px;
	display:block;
}
#topNav a {
	border:none;
	font-weight:bold;
	color:#616161;
	cursor:pointer;
	padding: 0.2em 0.3em 0.2em 0;
	text-decoration:none;
}
#topNav a:hover {
	border:none;
	font-weight:bold;
	text-decoration:underline;
}
#bottomNav>#top {
	float:left;
}
#bottomNav>.next {
	float:right;
}
#bottomNav {
	font-family: Arial, Verdana, sans-serif;
	font-size:0.9em;
	color:#616161;
	margin: 0;
	padding: 1em 0;
	display:block;
}
#bottomNav a {
	border:none;
	font-weight:bold;
	color:#616161;
	cursor:pointer;
	padding: 0.2em 0.3em 0.2em 0;
	text-decoration:none;
}
#bottomNav a:hover {
	border:none;
	font-weight:bold;
	text-decoration:underline;
}
/*  CONTENT 2 STYLES  */
#content2 {
	margin: 0em 3em 0 3em;
	padding-top: .3em;
	line-height: 120%;
	height:100%;
}

#content li {
	font-size:0.95em;
}
#content2 {
	font: 1em Arial, Verdana, sans-serif;
}
#content2 li {
	font-size: .9em;
}

.tableSimple {
	border: 1px solid #000000;
	margin: 0 auto;
	border-collapse: collapse;
	font-size:0.95em;
}
.tableSimple caption {
	padding-bottom:5px;
	font-weight:bold;
	color:#616161;
}
.tableSimple td {
	border: 1px solid #000000;
	text-align:center;
	padding: 0.3em 0.3em;
}
.tableSimple th {
	border: 1px solid #000000;
	padding-top:10px;
	padding-bottom:10px;
}
.thRow {
	font-size:0.95em;
}
.thCol {
	background-color:#000;
	color:#fff;
}


/* Liz Faye Shenanigans Did You Know Style Q and A */

#containerQA {
	width: 760px; 

	max-width: 90%;
	position: relative;
	left: 0px;
	margin: 0 auto;
	padding: 5px;
	line-height: 1.4em;
	background-color: #efefef; 
	border: 1px solid #DBDBDB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.qpButton input[type=button] {
	color: #1E1E1E;
	background-color: #E3E3E3;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	padding:5px;
	border:1px solid #A4A4A4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
	margin: 0 auto;
	display: block;
}

.qpButton input[type=button]:hover, .qpButton input[type=button]:focus {
	color:#000;
	background-color:#D5D5D5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	padding:5px;
	border:1px solid #A4A4A4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
	margin: 0 auto;
	display: block;
	
}

input[type=button] {
	color: #fff;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	padding:5px;
	border:0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}

input[type=button]:hover, input[type=button]:focus {
	color:#fff;
	background-color:#4D4D4D;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	padding:5px;
	border: 0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
 	cursor:pointer;
}

.buttonDIV {
    margin: auto;
    width: 110px;
}

#questionDIV {
	background-color: #ffffff; 
	margin: 0px 20px 0px 20px;
}

p#questionTxt {
	margin-left: 40px;
	margin-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	line-height: 18px;
}

p#answerTxt {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 20px 5px 20px;
}

/* For the tooltip overlay */
.well {
	font-family:Arial, Helvetica, sans-serif;
    display:none;
	padding:0 10px 10px 10px;
    margin:0.5em;
	background-color: #fff;
	border:1px solid #828282;
	border-radius: 5px;
	width:auto;
	max-width: 400px;
	right:0;
    }
.well button {
	background-color:#000;
	color:#fff;
	border:none;
	font-size:0.95em;
	display:block;
	margin:0 auto;
	border-radius: 5px;
	cursor:pointer;
	opacity:0.7;
}
.well button:hover, button:focus {
	opacity:1;
}
.wellStp {
	font-family:Arial, Helvetica, sans-serif;
    display:none;
	width:auto;
	max-width:600px;
	padding:0 10px 10px 10px;
    margin:0.5em;
	color:#000;
	background-color: #fff;
	border:1px solid #828282;
	border-radius: 5px;
}
.wellStp h4 {
	color:#61163B;
}
.wellStp button {
	background-color:#000;
	color:#fff;
	border:none;
	font-size:0.95em;
	display:block;
	margin:0 auto;
	border-radius: 5px;
	cursor:pointer;
	opacity:0.7;
}
.wellStp button:hover, button:focus {
	opacity:1;
}
.initialism {
    font-weight: bold;
    font-size: 0.95em;
	text-decoration: none;
    }
/* Style for Accordion Menu Widget */

#accordion {
	margin: 0px 0px;
	padding:0;
}
#moduleOutlineAcc h3 {
	cursor: pointer;
	background: #efefef;
	color: #166161;
	margin: 0 0 0 0;
	padding: 8px 10px 8px 10px;
	border:1px solid #d3d3d3;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
#moduleOutlineAcc h3.active {
	background: #E5E5E5;
	color: #166161;
}

#moduleOutlineAcc h3:hover {
	background: #e5e5e5;
}
#moduleOutlineAcc h3:focus {
	margin: -1px -1px 3px -1px;
	background: #e5e5e5;
}

#moduleOutlineAcc li {
	padding: 0.4em 0;
	list-style-type: none;
	font-size:0.9em;
	margin: 0 10px 0 0.75em;
	border-bottom:1px dashed #d5d5d5;
}
#moduleOutlineAcc li.noBorder {
	border-bottom:none;
}
#moduleOutlineAcc ul {
	padding: 0.5em 0em;
	margin:0.3em 0;
	list-style-type: none;
}

#moduleOutlineAcc {
	position:relative;
	font-family: Arial, Verdana, sans-serif;
	width: 250px;
	text-align: left;
	margin: 30px 0 0 30px;
	padding: 0;
	background-color: #fff;	
	float:left;
	font-size:0.9em;
	border: 1px solid #DDDDDD;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
} 

#moduleOutlineAcc a {
	color: #000;
	font-weight: bold;
	background-color: transparent;
	text-decoration:none;
}

#moduleOutlineAcc a:link {
	color: #000;
}

#moduleOutlineAcc a:hover, a:focus {
	text-decoration:underline;
	color: #616161;
}
#moduleOutlineAcc p {
	margin-left:0.75em;
	font-weight:normal;
	color:#616161;
}
.pageNo {
	background-color:#000;
	color:#fff;
	padding:0em 0.3em;
	margin-right:10px;
	float:left;
	margin-bottom:5px;
}
#moduleOutlineAcc a:hover .pageNo {
	background-color:#616161;
}
/* Popup Menu Shenanigans */
#menuResponsive {
	display:none;

}
/* sub-navigation panel */
.sub-nav {
     position: absolute;
     display: none;
     margin-top: 0px;
     padding: 0 1em;
     border: 1px solid #dedede;
     background-color: #fff;
	 font-size:0.9em;
	 font-weight:bold;
	 width:100%;
	 max-width:450px;
}
.sub-nav a {
	 text-decoration:none;
	 color:#000;
}
.sub-nav a:hover, a:focus {
	 text-decoration:underline;
	 color:#616161;
}

/* sub-navigation panel open state */
.sub-nav.open {
     display: block;
}

/* list of items within sub-navigation panel */
.sub-nav ul {
     display: block;
     vertical-align: top;
     margin: 0 1em 0 0;
     padding: 0;
}

/* list item within sub-navigation panel */
.sub-nav li {
     display: block;
     list-style-type: none;
     margin: 0 0.25em;
	 padding-bottom: 0.8em;
	 font-size:0.95em;
}
.sub-nav a:hover .pageNo {
	background-color:#616161;
}
.sub-nav h3 {
	border-bottom: 1px solid #d5d5d5;
	padding-bottom:5px;
	margin-bottom:0.5em;
	color:#166161;
	font-size:1.1em;
}
.sub-nav p {
	font-size:110%;
	font-family:Arial Black,Arial Bold,Gadget,sans-serif;;
	color:#616161;
	float:right;
	margin:15px 50px 0 0;
}
#closeBtn {
	background-color: #166161;
	color:#fff;
	border-radius:5px;
	border:none;
	padding: 5px;
	margin-top:1em;
	font-size: 1em;
	font-weight:bold;
	cursor:pointer;
	letter-spacing:0.75px;
}
#closeBtn:hover {
	opacity: 0.85;
}
#closeTop {
	background-color: transparent;
	color:#000;
	float:right;
	border:none;
	padding-left:0.5em;
	margin:0.75em 25px 0 0;
	font-size: 1.1em;
	font-weight:bold;
	cursor:pointer;
	opacity: 0.65;
}
#closeTop:hover {
	opacity: 1;
}
#udlDiagram {
	width:95%;
	max-width:550px;
	margin:0 auto;
	border:1px solid #d5d5d5;
	padding:0 1.5em;
}
#udlGuide {
	width:100%;
	max-width:500px;
	margin-left:0;
	padding-left:0;
	list-style-type:none;
}
#udlGuide li {
	max-width:90%;
	padding-top:1em;
}
#engage {background:url("udl.jpg") no-repeat left top;padding-left:160px;border-bottom:1px dashed #d5d5d5;}
#represent {background:url("udl2.jpg") no-repeat left top;padding-left:160px;border-bottom:1px dashed #d5d5d5;}
#action {background:url("udl3.jpg") no-repeat left top;padding-left:160px;border-bottom:1px dashed #d5d5d5;}

.tabs {
	border:1px solid #d5d5d5;
	width:650px;
	max-width:95%;
	margin:0 auto;
}
.tabs h4 {
	margin:0.5em 0;
}
/* Site Map */
.pagename {
	list-style-type:none;
	padding-left:0;
	font-size:1em;
}
.page {
	font-weight:bold;
	font-size:1.2em;
}
.size1 {
	padding-left:1em;
	list-style-type:none;
	border-bottom:1px dashed #AEAEAE;
}
.size2 {
	padding-left:2em;
	list-style-type:circle;
}
.size3 {
	padding-left:2.5em;
	list-style-type:disc;
}
/* This is the page swipe trial */

/* Prevent text selection while swiping with mouse */
.demo-page .ui-header, .ui-title, .control .ui-btn, .trivia-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}