@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	line-height:130%;
}
h1 {
	color: #FF7441;
	margin: 10px 0px;
	padding: 0px;
	line-height:130%;
	font-size:24px;
}
h2 {
	color: #FF7441;
	margin:10px 0px 0px;
	padding: 3px;
	font-size:16px;
	line-height:130%;
	
	
}
h3 {
	color: #FF7441;
	margin: 4px;
}
p {
	text-align:left;
	padding:0 10px;
}
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	margin: 0;
	list-style-type: disc;
	list-style-position: inside;
	line-height: normal;
}
ol {
	margin: 0;
	list-style-type: decimal;
	list-style-position: outside;
	line-height: normal;
}
ul {
	border:0;
	margin:0;
	padding:0;
	list-style-position: inside;
	list-style:none;
}
li {
	border:0;
	margin:0;
	padding:3px 0;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link, a:active {
	color: #0080CC;
	text-decoration: none;
}
a:visited {
	color: #0080CC;
	text-decoration: none;
}
a:hover { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #D70000;
	text-decoration:underline;
}
#wrapper {
	-moz-box-shadow: 5px 5px 5px #666666;
	-webkit-box-shadow: 5px 5px 5px #666666;
	box-shadow: 5px 5px 5px #666666;
	width:800px;
	height:570px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	opacity: 40;
	background-color: #A4A4A4;
	border: 1px solid #999999;
	position: relative
}
#header {
	height:25px;
	color:#fff;
	text-align:center;
}
#header h1 {
	font-weight:normal;
	font-variant: small-caps;
	margin-top: 6px;
	color: #E2E2E2;
	padding:0px;
	margin:6px 0px;
	font-size: 16px;
}
#content {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	opacity: 40;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #CCCCCC;
	width: 650px;
	height: 506px;
	position:relative;
	text-align:center;
	padding: 0px 60px;
}
#footer {
	height:26px;
	margin:3px 10px;
	line-height:26px;
}
#footer .leftCol {
	width:24.5%;
	height:40px;
	text-align:left;
	float:left;
}
#footer .leftCol li {
	padding:2px;
	display:inline-block;
 *display:inline;
}
#footer ul li a {
	color:white;
	text-decoration:none;
}
#footer .rightCol {
	height:40px;
	width:75%;
	text-align:right;
	float:right;
}
#footer .rightCol ul, .tabs .leftCol ul, #footer .leftCol ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#footer .rightCol ul li {
	display:inline-block;
 *display:inline;
}
#footer ul li a:hover {
	color:#D70000;
	text-decoration:underline;
}
#footer .rightCol ul li a {
	color:#fff;
	padding:3px;
	font-size:12px;
}
#footer .rightCol ul li a:hover {
	color:#D70000;
	text-decoration:underline;
}
#tabs {
	background-color:#ececec;
	text-align:left;
}
#tabs h2 {
	font-size:14px;
	color:#000;
}
.ui-tabs-vertical {
	background-color:#ececec;
}
.tab {
	background-color:#fff;
	height: 200px;
	width: 346px;
	margin: 15px;
	padding: 15px;
	overflow: auto;
}
#tabs {
	background-color: #ECECEC;
	margin-right: auto;
	margin-left: auto;
	height: 260px;
	width: 560px;
	position:relative;
	padding:10px;
}
#tabs ul {
	padding:0px;
	margin: 15px 0px;
}
#tabs .ui-tabs-nav {
	float:left;
	width: 30%;
}
#tabs .ui-tabs-nav li {
	text-align:left;
	padding:10px 2%;
	width: 96%;
	overflow: hidden;
}
#tabs .ui-tabs-nav li.ui-tabs-selected, #tabs .ui-tabs-nav li.ui-state-active {
	background-color:#fff;
}
#tabs .ui-tabs-nav li a {
	color: #0080CC;
	text-decoration: none;
	width: 100%;
	text-align: left;
	font-size:14px;
}
#tabs .ui-tabs-nav li a:hover {
	color: #D70000;
	;
	text-decoration: underline;
}
#questionSeries3, #questionSeries2, #questionSeries4, #questionSeries5, #questionSeries6 {
	display:none;
}
#slide11 {
	border:1px solid #c5c5c5;
	position:relative;
	height:350px;
	background:url(../images/crossArrow.png) no-repeat top left #ececec;
	margin: auto;
	width: 620px;
}
#slide11 .blueleft {
	width:130px;
	color:#1f00ff;
	padding:4px;
	border:1px solid #c5c5c5;
	position:absolute;
	top:10px;
	left:10px;
	background-color:#fff;
	text-align:center;
}
#slide11 .blueright {
	width:130px;
	color:#1f00ff;
	padding:4px;
	border:1px solid #c5c5c5;
	position:absolute;
	top:10px;
	right:10px;
	background-color:#fff;
	text-align:center;
}
#slide11 .redleft {
	width:130px;
	color:#C00;
	padding:4px;
	border:1px solid #c5c5c5;
	position:absolute;
	top:140px;
	left:10px;
	background-color:#fff;
	text-align:center;
}
#slide11 .redright {
	width:130px;
	color:#C00;
	padding:4px;
	border:1px solid #c5c5c5;
	position:absolute;
	top:140px;
	right:10px;
	background-color:#fff;
	text-align:center;
}
#slide11 .greencenter {
	width:130px;
	color:#090;
	padding:4px;
	border:1px solid #c5c5c5;
	position:absolute;
	top:75px;
	right:40%;
	background-color:#fff;
	text-align:center;
}
#slide11 .divanswer {
	width:95%;
	margin:auto;
	color:#000;
	border:1px solid #c5c5c5;
	position:absolute;
	bottom:10px;
	left:2.5%;
	background-color:#fff;
}
#slide15 {
	text-align:left;
	width: 100%;
	margin:auto;
}
.activelink {
	background-color: #DFDFDF;
	color: #666666;
}
.activelink a {
	color: #666666;
}
.activitystart {
	background-color:#ececec;
	width: 47%;
	height: 30%;
	overflow: auto;
	margin: auto;
	position: absolute;
	padding:0 5%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align:left;
}
.answerSlide, .answerSlideDiagram {
	text-align:center;
	display:none;
	border:2px solid #c5c5c5;
	padding:4px;
	position:absolute;
	left:50%;
	background-color:#ececec;
	width:620px;
	margin-left:-318px;
	overflow:auto;
	max-height:490px;
	z-index:9990;
}
.answerSlideDiagram {
	z-index:9998;
}
.answerInner {
	text-align:center;
	display:none;
	width:96%;
	border:none;
	padding:0 2%;
	position:relative;
	background-color:#FFF;
	z-index:9999;
	
}
.continue, .continueInner {
	text-align:right;
	color:#0080CC;
	font-weight:bold;
	font-size:13px;
	margin-left:65%;
}
.continue:hover {
	cursor:pointer;
	color:#D70000;
}
.centerAlign {
	width: 60%;
	height: 60%;
	overflow: auto;
	margin: auto;
	position: absolute;
	padding:0 5%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	
}
.textAlignCenter {
	text-align:center;
}
.questionbutton, .questionbuttonMultiply {
	background-color:#0080CC;
	color:#fff;
	padding:3px 8px;
	border:0px;
	cursor:pointer;
	border:2px outset #c5c5c5;
}
.questionbutton:hover, .questionbuttonMultiply:hover {
	background-color:#D70000;
}
.clear {
	clear:both;
}
.linktext {
	color:#06F;
}
.wrongAnswer {
	background-color:#000;
	color:white;
	display:none;
	padding:10px;
	width:75%;
	margin:10px auto;
}
.popup {
	display:none;
	width:320px;
	background-color:white;
	border:1px solid #c5c5c5;
	position:absolute;
	top:300px;
	right:10px;
	z-index:100;
	padding:5px;
	text-align:center;
}
.alignLeft {
	text-align:left;
}
.redColor {
	color:#C00;
}
.blueColor {
	color:#1f00ff;;
}
.greenColor {
	color:#090;
}
.dragable {
	width:130px;
	display:inline-block;
	margin:5px;
	padding:4px;
	border:1px solid #c5c5c5;
	background-color:#fff;
	z-index:9990;
	position:relative;
}
.contentCenternNormal {
	width:70%;
	margin:auto;
	background-color:#ececec;
	padding:10px;
	text-align:left;
}
.twoCols {
	width:47%;
	background-color:#FFF;
	border:1px solid #c5c5c5;
	padding:1%;
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.blueButton, .scorenextquestion {
	background-color:#0080CC;
	color:#fff;
	padding:3px 8px;
	cursor:pointer;
	border:none;
	border: 2px outset #c5c5c5;
}
.blueButton:hover {
	background-color:#D70000;
}
.check {
	position:absolute;
	width:96%;
	padding:2%;
	background-color:#800000;
	color:#FFF;
	top:0px;
	left:0px;
	display:none;
	z-index:9999;
	height:290px;
}
.check .continue {
	color:white;
}
.activityCenter {
	width:360px;
	margin:auto;
	background-color:#ececec;
	text-align:center;
	padding:20px;
}
#score {
	height:300px;
	width:160px;
	position:relative;
	clear:both;
	margin:10px auto;
}
.preetygood {
	left:25px;
	top:3px;
	position:absolute;
	margin-left:50px;
}
.atrcoius {
	left:25px;
	bottom:3px;
	position:absolute;
	margin-left:50px;
}
.contentActivity {
	width:100%;
	height:570px;
	background-color:rgba(57, 57, 57, 0.8);
	position:absolute;
	top:0px;
	left:0px;
	border:2px solid #666;
}
.contentActivityInner {
	width:500px;
	height:400px;
	background-color:#fff;
	margin:80px auto;
	border:2px solid #333;
}
.contentActivityInnerlist {
	height:340px;
	overflow:auto;
}
.contentActivityInnerlist h2 {
	padding-left:20px;
	padding-top:10px;
}
.contentActivityInnerlist ol{
	margin-left:20px;
}
#animationScreen, #animationScreenB {
	position:absolute;
	width:100%;
	display:none;
	top:20px;
	height:150px;
}
#animationScreen img, #animationScreenB img {
	border:1px solid #c5c5c5;
}
#animationScreenB {
	z-index:2;
}
.slide {
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}
.rightPostion {
	position:absolute;
	right:0px;
	top:0px;
	display:none;
}
#slidervertical {
	width:10px;
	height:300px;
	border:1px solid #c5c5c5;
	position:relative;
	margin-left:50px;
}
#sliderverticalfill {
	width:10px;
	height:5px;
	background-color:#333;
	position:absolute;
	bottom:0px;
}
.borderAll {
	border:1px solid #888;
}
.nextquestion {
	background-color: #0080CC;
	color: #fff;
	padding: 3px 8px;
	border: 0px;
	cursor: pointer;
	border: 2px outset #c5c5c5;
}
.darkGreybox {
	background-color:#888;
	color:#fff;
	padding:3px 5px;
	border:#222222;
	margin-bottom:5px;
}
.textAlignright {
	text-align:right;
	padding-bottom:5px;
}
.textAlignleft {
	text-align:left;
	padding-bottom:5px;
}
.slide17solution {
	width:660px;
	left:55px;
	max-height:380px;
}

.hidden {
	display: none;
}

.unhidden {
	display: block;
}
#pullUp {
height: 572px;
width: 800px;
position: absolute;
z-index: 9999;
margin-top: -1px;
margin-left: -1px;}

.lighterGrey{
	background-color:#EAEAEA;
	padding:5px;
	margin:15px;
	border:1px solid #666;
}
.answerCheck{
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
.paddingtop{
	padding-top:5px;
}
.continueWhite{
	color:white;
	text-align:right;
}

.blueOver {
	background-color:#0080CC;
	color:#fff;
	padding:3px 8px;
	cursor:pointer;
	border:none;
	border: 2px outset #c5c5c5;
	position:relative;
	top:-23px;
}
.blueOver:hover {
	background-color:#D70000;
}
.bgwhite{
	background-color:#fff;
}
.bgRed{
	background-color:#800000;
}
.menulist1 li {
	background:url(../images/menulist1.png) no-repeat right center;
	cursor:pointer;
	padding-right:26px;
	line-height:26px;
	color:#880000;
}
.menulist1 li:hover, .menulist1 li.active {
	background:url(../images/menulist-hover.png) no-repeat right center;
	color:#000;
}
.link-a li {
	line-height:20px;
}
.link-a a {
	background:url(../images/menulist2.png) no-repeat left center;
	color:#cc6600;
	display:inline-block;
	padding-left:22px;
}
.link-a a:hover {
	background:url(../images/link-hover.png) no-repeat left center;
	text-decoration:none;
	color:#000;
}
.answerSlide.bg-line {
	background:url(../images/line1.png) no-repeat left 14px;
	padding-left:25px;
}
.bg-coacs {
	background:url(../images/bg_square.jpg) repeat;
}
.bg-coacs2 {
	background:url(../images/bg_internationallg.jpg) no-repeat;
	height:360px;
}
#footer {
	font-weight:bold;
	text-align:right;
	color:#1e64a9;
	font-size:13px;
}
#footer a {
	color:#1e64a9;
	font-weight:bold;
	font-size:13px;
}
#publish.active, #disclaimer.active {
	background:#b9b9b9;
}
/*#publish.activeremove {
	background:#0080cc;
}
#footer a:hover {
	color:#ec0000;
}*/