/*------------------------------------*\
    $BOX SIZING
\*------------------------------------*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*------------------------------------*\
    $MEYER RESET v2.0 | 20110126
\*------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; } 
/*------------------------------------*\
    $GLOBAL ELEMENTS
\*------------------------------------*/
body { -webkit-text-size-adjust: 100%;}

body, html { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; font-size:1em; font-family: 'droid_sansregular', sans-serif; text-shadow: 0 0 1px rgba [51,51,51,0.2]; color:#424242; line-height:1.2; }
html { background-color:#fff; font-size:22.518750190734863px; }
h1 { font-size: 1.8em; }
h4 { font-family: 'droid_sansbold', sans-serif; font-size: 1em; color:#f90; font-weight:700; margin-bottom:0.6em; }
ul, ol { position: relative;  margin: 0 0 0 1em; padding:0; }
ul { list-style: disc; }
ul li, ol li {position: relative; vertical-align:top; padding:0; top: -0.5em;  }
label { display: block; margin-left: 1.250em; }
input { float: left; margin-right: 0.438em; } 
b, strong { font-family: 'droid_sansbold', sans-serif; }
/*------------------------------------*\
    $HELPER CLASSES
\*------------------------------------*/
.brand { color:#f90; border-color:#f90;}
.text-muted { color: #999999; }
.text-primary { color: #428bca; }
.text-warning { color: #8a6d3b; }
.text-danger { color: #a94442; }
.text-success { color: #3c763d; }
.text-info { color: #31708f; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center {  text-align: center; }
.warning { color: #a94442; background-color: #f2dede; border:solid 1px #ebccd1; padding:1em; border-radius: 0.375em;  }
.reveal { display:none; }
/*------------------------------------*\
    $SLIDE LAYOUT
\*------------------------------------*/
.layout-title { font-family: 'roboto_slabbold', serif; font-size: 2em; border-bottom: solid 1px #f90; color: #f90; margin-top: 45%; margin-bottom: 0.7em; font-weight:normal; }
.layout-title-authordate { font-family: 'droid_sansregular', sans-serif; font-size: 1.2em; color: #CCC; 	font-weight:normal; }
.layout-slide-title { font-family: 'roboto_slabbold', serif; font-size: 1.6em; padding-bottom: 0.6em; padding-top: 0.6em; border-bottom: solid 1px #f90; color: #f90; margin-bottom: 0.6em; font-weight:normal; }
.layout-slide-text { font-family: 'droid_sansregular', sans-serif; font-size: 0.8em; line-height: 1.26em; color:#424242; font-weight:normal; min-height: 1px;  }
.layout-slide-text strong { font-family: 'droid_sansbold', sans-serif; }
.layout-slide-text sup { font-size:0.6em; vertical-align: top; }
.layout-slide-text sub { font-size:0.6em; vertical-align: bottom;  }
.layout-slide-text ul { margin:0.7em 0 0.7em 1em; padding:0; }
.layout-slide-text ol { margin: 0.7em 0 0.7em 1.6em; padding:0; list-style:decimal; }
.layout-slide-text ul li, .layout-slide-text ol li { padding-top:0.2em; padding-bottom:0.2em; }
.layout-slide-text a:link { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ word-wrap: break-word; /* IE 5+ */ } 
.quoteBox { border-radius: 0.7em; -moz-border-radius:0.7em; 	-o-border-radius:0.7em;	-webkit-border-radius:0.7em; border:solid 1px #eee; padding:1em; font-style:italic; color:#838383; }
#Ident { left:0; }
.layout-slide-title.overlay {margin-top:0.6em}
.overlay { background-color: #fff; border: solid 1px #eee; filter: alpha(opacity=85); opacity: 0.85; z-index:10; padding:0.6em; }
/*------------------------------------*\
    $CUSTOM TITLE SLIDE
\*------------------------------------*/
.titleIdent{ background-color:#f89b00; background: rgb(248, 155, 0); /* Fall-back for browsers that don't support rgba */ background: rgba(248, 155, 0, .7); padding-left:4em; padding-right:2em; padding-top:0.9em; padding-bottom:0.9em; color:#fff; font-weight:bold; margin-left:-2em; display:inline-block; }
.titleIdent h1 { font-family: 'roboto_slabbold', serif; font-size:2em; margin:0; padding:0; font-weight:normal; }
.titleIdent h2 { font-family: 'droid_sansregular', sans-serif; font-weight:normal; font-size:1em; margin:0; padding:0; }
.no-quote { margin-top:48%; }
.quoteArea { border-radius: 1em; -moz-border-radius:1em; -o-border-radius:1em; -webkit-border-radius:1em; background:rgba(0,0,0,0.5); padding:1em; text-align:center; margin:8%; }
.quoteArea p { color:#fff; font-weight:normal; font-size:2em; }
.longquote p{font-size:1.4em;}
/*------------------------------------*\
    $SLIDE IMAGES
\*------------------------------------*/
.grid_6 img, .grid_8 img, .grid_10 img, .grid_16 img{ width:100%; height:100%;}
.box-text { width:100%; color:#ffffff; position:absolute;  background-color: rgba(68,68,68,0.8);  height:16%; font-size:0.65em; padding:0.3em 0.5em; display:block; bottom:0; left:0; text-align:center;  }
.layout-slide-image { height:24em; overflow:hidden; border:solid 1px #cdcdcd; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
/*------------------------------------*\
    $SLIDE TABLE
\*------------------------------------*/
.contentTable { border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd !important; } 
.contentTable td, .contentTable th { border: 1px solid #ddd !important; }
.contentTable th { font-family: 'droid_sansbold', sans-serif; text-align:left; }
.contentTable > thead > tr > th, .contentTable > tbody > tr > th, .contentTable > tfoot > tr > th, .contentTable > thead > tr > td, .contentTable > tbody > tr > td, .contentTable > tfoot > tr > td { padding: 0.4em; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #dddddd; }
.contentTable > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; }
.contentTable > caption + thead > tr:first-child > th, .contentTable > colgroup + thead > tr:first-child > th, .contentTable > thead:first-child > tr:first-child > th, .contentTable > caption + thead > tr:first-child > td, .contentTable > colgroup + thead > tr:first-child > td, .contentTable > thead:first-child > tr:first-child > td { border-top: 0; }
.table > tbody + tbody { border-top: 2px solid #dddddd; }
/*------------------------------------*\
    $QUESTION
\*------------------------------------*/
.question { padding: 1em; border: 2px solid transparent; border-radius: 0.6em; color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
/*------------------------------------*\
    $FILL BLANKS 
\*------------------------------------*/
.fillblanks input { float: none; } 
.textMatch { font-size: 1.7em; width:6em; margin-left:0.3em; }
.firstLetter { font-size: 1.7em; color:#f90; }
/*------------------------------------*\
    $TRUEFALSE TABLE
\*------------------------------------*/
.trueFalseTable { text-align: left; width:100%; border:1px solid #dddddd; margin-bottom:1em; }
.trueFalseTable label {  }
.trueFalseTable input[type="radio"], .trueFalseTable input { }
.trueFalseTable td { padding: 0.4em; }
.evenRow td { background-color: #eee; } 
.evenRow .text-success { background-color:#d5e5cf; }
.evenRow .text-danger { background-color:#e3cfcf; }
tr .text-success { background-color:#dff0d8;}
tr .text-danger { background-color: #f2dede; }
/*------------------------------------*\
    $MULTI SELECT CORRECT
\*------------------------------------*/
.multi-select { margin:1em 0 1em 0; padding-bottom:0.2em;}
.multi-select p { float:left; width:100%; margin-bottom:0.6em; clear:left; }
.multi-select p label {  }
input[type=checkbox], input[type=radio] {  }
.answerContainer { margin-top:1em; }
/*------------------------------------*\
    $DRAG DROP
\*------------------------------------*/
#dragTable { margin: 0em 0em 1em 0em; font-size:1em; text-align:left;   vertical-align:middle; font-size:0.8em; }
#dragTable .btn { font-size:0.6em }
#dragTable td { padding:0.4em; border: 0.3em solid #fff; }
#dragTable tr { border: 0.3em solid #fff; background-color:#eee; }
.dragButtonTd { text-transform:uppercase; }
/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
.button-wrap { z-index:1000; margin-top:-1em;}
.btn { display: inline-block; padding: 0.500em 0.750em; margin-bottom: 0.313em; font-size: 0.875em; font-weight: 500; line-height: 1.428571429; text-align: center; white-space: normal; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 0.250em;  text-decoration: underline; }
.btn:link, .btn:visited { text-decoration: underline }
.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus { color: #fff; text-decoration: none; }
.btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 0.188em 0.313em rgba(0, 0, 0, 0.125); box-shadow: inset 0 0.188em 0.313em rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled] { pointer-events: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }
.btn-black { color: #ffffff; background-color: #474949; border-color: #474949; }
.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active { background-color: #3a3c3c; border-color: #2e2f2f; }
.btn-black.disabled, .btn-black[disabled], .btn-black.disabled:hover, .btn-black[disabled]:hover, .btn-black.disabled:focus, .btn-black[disabled]:focus, .btn-black.disabled:active, .btn-black[disabled]:active, .btn-black.disabled.active, .btn-black[disabled].active { background-color: #474949; border-color: #474949; }
.btn-blue { color: #ffffff; background-color: #428bca; border-color: #428bca; }
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active { background-color: #357ebd; border-color: #3071a9; }
.btn-blue.disabled, .btn-blue[disabled], .btn-blue.disabled:hover, .btn-blue[disabled]:hover, .btn-blue.disabled:focus, .btn-blue[disabled]:focus, .btn-blue.disabled:active, .btn-blue[disabled]:active, .btn-blue.disabled.active, .btn-blue[disabled].active { background-color: #428bca; border-color: #428bca; }
.btn-orange { color: #ffffff; background-color: #f0ad4e; border-color: #f0ad4e; }
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active { background-color: #eea236; border-color: #ec971f; }
.btn-orange.disabled, .btn-orange[disabled], .btn-orange.disabled:hover, .btn-orange[disabled]:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, .btn-orange.disabled.active, .btn-orange[disabled].active { background-color: #f0ad4e; border-color: #f0ad4e; }
.btn-red { color: #ffffff; background-color: #d9534f; border-color: #d9534f; }
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active { background-color: #d43f3a; border-color: #c9302c; }
.btn-red.disabled, .btn-red[disabled], .btn-red.disabled:hover, .btn-red[disabled]:hover, .btn-red.disabled:focus, .btn-red[disabled]:focus, .btn-red.disabled:active, .btn-red[disabled]:active, .btn-red.disabled.active, .btn-red[disabled].active { background-color: #d9534f; border-color: #d9534f; }
.btn-green { color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; }
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active { background-color: #4cae4c; border-color: #449d44; }
.btn-green.disabled, .btn-green[disabled], .btn-green.disabled:hover, .btn-green[disabled]:hover, .btn-green.disabled:focus, .btn-green[disabled]:focus, .btn-green.disabled:active, .btn-green[disabled]:active, .btn-green.disabled.active, .btn-green[disabled].active { background-color: #5cb85c; border-color: #5cb85c; }
.btn-grey { color: #777777; background-color: #dddddd; border-color: #dddddd; }
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active { color: #777777; background-color: #d1d1d1; border-color: #b2b2b2; }
.btn-grey.disabled, .btn-grey[disabled], .btn-grey.disabled:hover, .btn-grey[disabled]:hover, .btn-grey.disabled:focus, .btn-grey[disabled]:focus, .btn-grey.disabled:active, .btn-grey[disabled]:active, .btn-grey.disabled.active, .btn-grey[disabled].active { background-color: #dddddd; border-color: #dddddd; }
.btn-link { font-weight: normal; color: #428bca; cursor: pointer; border-radius: 0; }
.btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; box-shadow: none; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent }
.btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; }
.btn-large { padding: 0.875em 1.000em; font-size: 1.125em; border-radius: 0.375em; }
.btn-small { padding: 0.313em 0.625em; font-size: 0.750em; line-height: 1.5; border-radius: 0.188em; }
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; }
.btn-block + .btn-block { margin-top: 0.313em }
#checkAnswer { margin-left: 1.5em; }
p #checkAnswer, div #checkAnswer { margin-left: 0; }
/*------------------------------------*\
    $INTERACTIVE
\*------------------------------------*/