/*==================================================================================*/
/*=============================CY FOOTBALL 4e MANUSCRIPT CSS=========================*/
/*==================================================================================*/

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

/*============COURSE SPECIFIC PROPERTIES HERE ONLY=============*/

#bigGame{
	float:right;
	width:327px;
	padding:0;
	margin-left:10px;
}

#bigGame img.gameImage{
	margin:0;
}

#bigGame table{
	background-color:#99CC99;
	width:323px;
	margin:0;
	margin-left:1px;
}

/* only IE browsers see this rule */
* html #bigGame table { 
	width:325px; /* Set value for IE */
	margin-left:0px;
 }

#bigGame table, #bigGame table th, #bigGame table td{
	border: 2px solid #009900;
	color:#009900;
	font-weight:bold;
	font-size:.9em;
}

#bigGame table span{
	color:#000000;
}

.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;
	}

/*============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=============*/
.credit {
	color: #666666;
	font-size: 10px;
	text-align: center;
	margin-top: -13px;
	}

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

a:link { color: #336666;}
a:visited { color: #996666;}
a:hover { color: #336666;}
a:active { color: #003366;}

.bcFirst {
	color: #993333;
	font-weight: bold;
	font-size: 16px;
	}
	
.bcRest {
	color: #000000;
	font-weight: bold;
	font-size: 16px;}

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

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

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

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


/*============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;
	}
.Instruction {color: #336666; font-weight: bold;}



.Hint {color: #666666; font-size: 10pt}

.ScenarioNew {color: #006666}

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

.NewTerm {color: #000000; font-weight: bold;}

.Bookref {color: #000000; font-weight: bold; font-style: italic;}
.Pageref {color: #000000; font-weight: bold; font-style:normal;}

.Emphasis1 {color: #000000; font-weight: bold; font-style: italic;}
.Emphasis2 {color: #993333; font-weight: bold;}
.Emphasis3 {color: #996633;}

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

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

h1, h2, h3, h4 {font-weight: bold; margin: 0px;}
h1 {color: #993333; font-size: 19px; text-align: center; margin-bottom: 1em; margin-top: 2px;}
h2 {color: #003333; font-size: 16px;}
h3 {color: #006666; font-size: 16px;}
h4 {color: #000000; font-size: 16px;}

strong.plain {
	color:inherit;	
	}
em.plain {
	color:inherit;
	font-weight:normal;
	font-style:italic;
	}
	
	.AthName {}

.PersonName {
	color: #933;
	font-weight: bold;
	font-size: 10pt;
	}
/*============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: 1em;

	}

#content form li {
	padding-left: 55px;
	margin-top:0px;
	text-indent: -40px;
	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;
	text-indent:-43px;
	}

.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;
	}

/* all following sidebar styles are from HEED and seem to be needed in TriU also LM */
	div.imageSidebar, div.imageSidebarL {
	text-align:center;
	padding-bottom:.1em; /*fix for IE that seems to cut the very bottom off in browser MSW 11-30-05*/
	/*width:131px;*/
	}
div.imageSidebar {float:right; margin-left:1em;}
div.imageSidebarL {float:left; margin-right:1em;}
div.imageSidebar .fr, div.imageSidebarL .fr, div.imageSidebar .fl, div.imageSidebarL .fl {float:none;}
#content div.imageSidebar p, #content div.imageSidebar img, #content div.imageSidebarL p, #content div.imageSidebarL img {margin:0; padding:0;}


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



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


/*================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;}*/

table {margin-left:1px; width:97%;} /* makes FireFox happy */

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

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

.TableTitle {
	color: #003333;
	background-color: #B6DFDF;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	}
	
.TableTitleSM {
	color: #003333; 
	background-color: #B6DFDF;
	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;
	}
	
/* =============== BUTTON TEXT CLASS =============== */
.ButtonText {
            background:url("../images/btn_left.png") no-repeat center left;
            padding:0.4em 0;
			margin-top:0.1em;
			margin-top /* */:/**/ 1em; 
            text-transform:uppercase;
            font-weight:bold;
            text-decoration:none;
            font-size:0.7em;
			
            }
.ButtonText:link, .ButtonText:visited, .ButtonText:focus, .ButtonText:hover, .ButtonText:active {color:#FFF;}
.ButtonText span {
            background:url("../images/btn_right.png") no-repeat center right;
            padding:0.4em 2em;
            }

* html .ButtonText {padding:0.2em 0;} /* removed the float:left rule msw 08/01/05  */



* html .ButtonText span {padding:0.4em 2em;}	

#content .button {margin-top:1em;}






/*============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-position: 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;
	}
#wrapPlayBall {
	/*position: absolute;*/
	float: right;
	position:relative;
	right:-10px;
	/*left: 340px;*/
	/*top: 103px;*/
	}
#wrapPlayBall li {}
#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;
	}
	
#content p.key{
	padding-left: 50px;
	background-image: url(../images/icon_key.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:35px;
	height /* */: /**/auto;
	min-height:35px;
	}
#content p.keycont{
	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:#336666;
	font-weight:bold;
	}

.Hint {
	color:#666666;
	font-size:12px;
	line-height:1.4em;
	}
	
.Note {
	color:#666666;
	font-size:12px;
	line-height:1.4em;
	}

.ScenarioNew {color:#006666;}

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

.NewTerm {font-weight:bold;}

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

.audio{
	float: right;
	width:60px;
	margin: 0 auto;
	text-align:center;
	}
	
.audioL{
	float: left;
	width:60px;
	margin: 0 auto;
	text-align:center;
	padding-right:.5em;
	}
	
.audioC{
	width:60px;
	margin: 0 auto;
	text-align:center;
	padding-right:.5em;
	}

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

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

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


/*=========================Fluidity Stuff=====================*/

html, body, #wrapper {height:100%;}
#wrapper {
	min-width:750px;
	position:relative;
	}
#wrapContent {
            position:absolute;
            top:112px;
            width:100%;
            text-align:center;
            }
#scrollContent {
	width:43em;
	margin:0 auto;
	line-height:1.2em;  /*FOUC IE6 bug fix */
	text-align:left;
	}

.clear{
	clear:both;
}


/*=========================NEWEST Video Stuff=====================*/

.videoInline {
	width:385px;
	float:right;
	}