/*==================================================================================*/
/*=============================BRONZE MANUSCRIPT CSS================================*/
/*==================================================================================*/

/*===========================HISTORY BLOCK======================================*/
/*	05.02.21	msw	initial revamp					*/
/*										*/
/*										*/
/*										*/
/*										*/
/*										*/
/*										*/
/*										*/
/*										*/
/*										*/
/*										*/
/*=============================END HISTORY======================================*/

/*============COURSE SPECIFIC PROPERTIES HERE ONLY=============*/
.gameTimeFb {
	width:290px;
	left:4.5px;
	height:307px;
	top:104.5px;
	background-color:#FFF;
	z-index:101;
	position:absolute;
	border:1px solid #993333;
	padding:0.25em; /* 5px */
	text-align:right;
	}
	


#fullpagecontent {z-index:99;}

.gameTimeFb .OLayContent {height: 275px;}

.descriptions {
	display:block;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;;
	border:1px solid #990000;
	background-color:#D8E6F2;
	height:7.5em;
	width:24em;
	padding:.7em;
	float:right;
	}

#swatchwrap {
	width: 102px;
	height: 92px;
	background-image: url(../images/fig_03_01.jpg);
	background-repeat: no-repeat;
	}
#clock {
	 width: 35px;
	 position: relative;
	 top: 42px;
	 left: 26px;
	 font-weight: bold;
	 }
#clockclick {
	 display: block;
	 height: 100px;
	 width: 100px;
	 position: absolute;
	 margin-top: 0px;
	 margin-left: -50px;
	 margin-top /* */:/**/-15px;
	 margin-left /* */:/**/-5px;
	 }
#BeatTheClock {
	border-style: dashed;
	border-color: #DFF1FF;
	border-width: 5px;
	width: 25em;
	height: 3em;
	margin-left: 1.5em;
	margin-top: -1em;
	padding-top: 2em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: .5em;
	}

/*============GENERAL PROPERTIES=============*/
body, body li a {
	background-color: #FFFFFF;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;; 
	font-size: 16px;
	}

#content p {
	padding: 0;
	margin: 0 0 1em 0;
	}

/*============UNORDERED LISTS=============*/
ul {
	list-style-image: url(../images/bullet.jpg);
	padding-top: 6px;
	text-indent: 0px;
	}
ul ul li {list-style-image: url(../images/sub_bullet.jpg);}

ul ul ul li {list-style-image: url(../images/sub_sub_bullet.jpg);}

/*============LINK PROPERTIES=============*/
a {text-decoration: underline;}
a:link {color: #006699;}
a:visited {color: #996666;}
a:focus, a:hover {color: #006699;}
a:active {color: #003366;}

/*============HEADING PROPERTIES=============*/
h1 {
	color: #993333;
	font-size: 19px;
	text-align: center;
	margin-bottom: 1em;
	margin-top: 2px;
	font-weight: bold;
	}

h2 {
	color: #006699;
	font-size: 16px;
	font-weight: bold;
	}

h3 {
	color: #3399CC;
	font-size: 16px;
	font-weight: bold;
	}

/*============EMPHASIS PROPERTIES=============*/
strong {/* aka Emphasis1 */
	color: #000;
	font-weight: bold;
	}
em {/* aka Emphasis2 */
	color: #933;
	font-weight: bold;
	font-style: normal;
	}
.Emphasis3 {color: #963;
	font-style: normal;
	}
strong.plain {
	color:inherit;	
	}
em.plain {
	color:inherit;
	font-weight:normal;
	font-style:italic;
	}

/*============REFERENCE PROPERTIES=============*/
.Bookref {
	font-weight:bold;
	font-style:italic;
	}
.Pageref {
	font-weight:bold;
	font-style:normal;
	}

/*============LA PROPERTIES--TESTANSWERS=============*/

#content form ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin-left: 0;
	margin-bottom: 0;
	}

#content form li {
	padding-left: 50px;
	text-indent: -35px;
	margin-left: 8px;
	}
	
#fullpagecontent form ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin-left: 0;
	margin-bottom: -.80em;
	}

#fullpagecontent form li {
	padding-left: 50px;
	text-indent: -35px;
	margin-left: 8px;
	}

.RespRight {
	background-image: url(../images/Correct.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
.RespWrong {
	background-image: url(../images/Wrong.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #666;
	}

/*============NO PADDING PROPERTIES=============*/
img.nopad, .nopad {
	margin: 0 !important;
	padding: 0 !important;
	border: none;
	}
/*============CAPTION-CREDITS=============*/
.imgcapL {
	float: left;
	margin-bottom: .21em;
	}

.imgcapR {
	float: right;
	margin-bottom: .21em;
	}

.credit {
	color: #666666;
	font-size: 10px;
	text-align: center;
	margin-top: -13px;
	}

.caption {
	color: #666666;
	font-size:1 0px;
	text-align: center;
	margin-top: -13px;
	}

/*============BREADCRUMB PROPERTIES=============*/
.bcFirst {
	color: #993333;
	font-weight: bold;
	font-size: 16px;
	}
	
.bcRest {
	color: #000000;
	font-weight: bold;
	font-size: 16px;}

.breadcrumbs {
	color: #003366;
	font-weight: bold;
	font-size: 12px;
	}

/*============TRUE STORY PROPERTIES=============*/
.TrueStory, .WhatYouKnow {
	color: #003333;
	font-size: 12px;
	margin: 10px;
	padding-top: 36px;
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 1.1em;
	}
.TrueStory {
	background-image: url(../images/icon_news.jpg);
	float: left;
	width: 60px;
	}

/*============WHAT YOU KNOW PROPERTIES=============*/	
.WhatYouKnow {
	background-image: url(../images/icon_what.jpg);
	display: block;
	margin: 2px 0 0 0;
	}
	
.WYKWrap {
	float: right;
	text-align: center;
	margin: 0 0 10px 10px;
	}
	
#content div.WYKWrap img {margin: 0;}

/*================TEXT ALIGNMENT=================*/
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.tat {text-align: top;}

/*================IMAGE ALIGNMENT=================*/
#content .center{
	text-align: center;
	margin: 0 auto;
	}

/*============TABLE PROPERTIES=============*/
td, th {padding: 3px; vertical-align:top;}
th {text-align: left;}

table, th, td {border: 1px solid #666; margin: 0; border-collapse: collapse;}
/*table {border-width: 1px; border-color: #84D5D6 #0E989A #0E989A #84D5D6;}*/
/*th, td {border-width: 1px; border-color: #0E989A #84D5D6 #84D5D6 #0E989A;}*/

.borderless, .borderless td, .borderless th { border: 0;}

.fbimg {width:20px; height:20px; display:block;}

.TableTitle {
	color: #003366;
	background-color: #D4E3F0;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	}
	
.TableTitleSM {
	color: #003366; 
	background-color: #D4E3F0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	}

.ColTitle {
	color: #000000;
	background-color: #E0E0E0;
	font-weight: bold;
	font-size: 16px;
	}
	
.ColTitleSM {
	color: #000000;
	background-color: #E0E0E0;
	font-weight: bold;
	font-size: 12px;
	}

.RowTitle {
	color: #000000;
	background-color: #E0E0E0;
	font-weight: bold;
	font-size: 16px;
	}
	
.RowTitleSM {
	color: #000000;
	background-color: #E0E0E0;
	font-weight: bold;
	font-size: 12px;
	}
/*============PLAYBALL PROPERTIES=============*/	
.layered {
	position: absolute;
	top: 0;
	left: 0;
	}
.option {
	position: absolute;
	top: 285px;
	}
#topPlayBall{
	position: relative;
	height: 30px;
	width: 415px;
	}
#textArea {
	background-repeat: no-repeat;
	background-location: top left;
	color: #FFF;
	height: 35px;
	width: 415px;
	position: absolute;
	top: 0;
	left: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	}
#textArea #Text {
	font-size: 13px;
	margin-top: 8px;
	}
#textArea p {
	margin: 0;
	padding: 0;
	}
#wrapField {
	position:relative;
	height:321px;
	width:415px;
	}
	
/*#fullpagecontent#wrapPlayBall {margin-top:-10px;}*/
	
#wrapPlayBall {
	/*position: absolute;*/
	float: right;
	position:relative;
	right:-10px;
	/*left: 340px;*/
	/*top: 103px;*/
	}
#wrapPlayBall li {}
div#wrapPlayBall * {
	margin: 0;
	padding: 0;
	border: 0;
	}
#overlayQ {
	margin: 0;
	padding: 3em 1em 1em 1em;
	}
#overlayQ p.question {margin-bottom: .5em;}
#wrapPlayBall form ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin-left: 0;
	margin-bottom: 0;
	}
#wrapPlayBall form li {
	padding-left: 25px;
	text-indent: -36px;
	margin-left: 8px;
	}
	
/*==================PARAGRAPH ICONS==================*/

#content p.book{
	padding-left: 50px;
	background-image: url(../images/icon_book.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:35px;
	height /* */: /**/auto;
	min-height:35px;
	}
#content p.bookcont{
	padding-left: 50px;
	background-position: left;
	}

#content p.cd{
	padding-left: 50px;
	background-image: url(../images/icon_cd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:35px;
	height /* */: /**/auto;
	min-height:35px;
	}
#content p.cdcont{
	padding-left: 50px;
	background-position: left;
	}

/*==========GLOSSARY TEXT PROPERTIES================*/
.Glossary, dfn {
	font-weight: bold;
	color: #069;
	white-space: nowrap;
	}
span.Glossary dfn, dfn{
	border-bottom: 1px dotted #933;
  	cursor: help;
	}
.Glossary a, .Glossary a:link, .Glossary a:visited, .Glossary a:hover, .Glossary a:active {
	 text-decoration: none; 
	 color: #069;
	 font-weight: bold; 
	 }	 
.Glossary a:hover  {text-decoration: underline;}

/* =========GLOSSARY: LIST--TERMS--DEFINITIONS========*/
dl { 
	position: relative;
	margin: 0;
	padding: 0;
	}
/* These will ultimately be applied only by IE/Mac */
dt {
	color: #069; background-color: transparent;
	font-weight: bold;
	}
dd {
	margin-bottom: 1em;
	}	
/*IE only*/
* html dd {
	height: 1em;
	margin: 0 0 1em 6em;
	}	
/* Commented backslash hack: all browsers EXCEPT IE Mac read this rule \*/
dt {
	color: #069;
	font-weight: bold;
	text-align: right;
	float: left;
	clear: left;
	width: 8em;
	margin: 0 0 1em 0;
	}		
dd {
	clear: right;
	margin: 0 0 1em 9em;
	}
dd.clear {
	clear: both;
	height: 0;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 90%;
	}
/* End Mac Hack */	
/* only IE browsers see this rule */
* html dd.clear { 
	display: none; /* Set value for IE5.5 */
	di\splay: block; /* Reset value for IE6 Win and IE5 Mac */
    	}

/*==================TEXT MARKUPS==================*/
.highlight { background-color: #FFFF00;}

.subscript {
	vertical-align:bottom;
	font-size:10px;
	color:#666666;
	}

.superscript {
	vertical-align:text-top;
	font-size:10px;
	color:#666666;
	}

.DevNote {
	color:green;
	font-size:10pt;
	margin: 0 30em 0 2em;
	background-color:yellow;
	}

.Instruction {
	color:#006699;
	font-weight:bold;
	}

.Hint {
	color:#666666;
	font-size:12px;
	}

.ScenarioNew {color:#006666;}

.Nav {color:#993333;
	font-weight:bold;
	}

.NewTerm {font-weight:bold;}

.Response {
	color: #996633;
	font-weight: bold;
	}

.audio{
	float: right;
	width:54px;
	margin: 0 auto;
	text-align:center;
	}

.Rule, ul.Rule , .Rule p {
	color: #993333;
	font-size: 13px;
	margin-left:40px;
	}

 ul.Rule {padding-left:30px;}

.Rule li { font-size: 13px;}

.FBCorrect .FBBold, .FBCorrectBold {
	color: #3399CC;
	font-weight: bold;
	}
.FBIncorrect .FBBold, .FBIncorrectBold {
	color: #993333;
	font-weight: bold;
	}

.Feedback {}

/*==================WHATS THIS STUFF==================*/

.fbimg {
	width:20px;
	height:20px;
	display:block;
	}

.talkon {display: inline;}

.talkoff {display: none;}