@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%;
}
h2 {
	color: #FF7441;
	margin:10px 0px 0px;
	padding: 3px;
	font-size:16px;
	line-height:130%;
}
h3 {
	color: #FF7441;
}
p {
	text-align:left;
	padding:0 10px;
}
ul, 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-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:40px;
	margin:3px 10px;
	line-height:30px;
}
#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;
}
.activelink {
	background-color: #DFDFDF;
	color: #666666;
}
.activelink a {
	color: #666666;
}
.activitystart {
	background-color:#ececec;
	width: 57%;
	height: 17%;
	overflow: auto;
	margin: auto;
	position: absolute;
	padding:0 5%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align:left;
}
.answerSlide, .hint {
	display:none;
	border:2px solid #c5c5c5;
	padding:4px;
	position:absolute;
	background-color:#ececec;
	width:626px;
	left:50%;
	margin-left:-319px;
	max-height:500px;
	z-index:9970;
}
.answerSlide2 {
	display:none;
	border:2px solid #c5c5c5;
	padding:4px;
	position:absolute;
	background-color:#ececec;
	width:450px;
	left:50%;
	margin-left:-230px;
	max-height:500px;
	z-index:9970;
}

.continue {
	text-align:right;
	color:#0080CC;
	font-weight:bold;
	font-size:13px;
}
.continue:hover {
	cursor:pointer;
	color:#D70000;
}
.centerAlign {
	width: 60%;
	height: 65%;
	overflow: auto;
	margin: auto;
	position: absolute;
	padding:0 5%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.textAlignCenter {
	text-align:center;
}
.textAlignleft {
	text-align:left;
}
.contentCenternNormal {
	width:70%;
	margin:auto;
	background-color:#ececec;
	padding:10px;
	text-align:left;
}
.twoCols {
	width:47%;
	padding:1%;
	display:inline-block;
	vertical-align:top
}
.threeCols {
	width:30%;
	padding:1%;
	display:inline-block;
	vertical-align:top;
}
sup{
	font-size:11px;
	line-height:8px;
}
.blueButton, .scorenextquestion, .score2nextquestion {
	background-color:#0080CC;
	color:#fff;
	padding:3px 8px;
	cursor:pointer;
	border:none;
	border: 2px outset #c5c5c5;
	margin:3px;
}
.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:270px;
}
.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;
}
.borderAll {
	border:1px solid #888;
}
.nextquestion {
	background-color: #0080CC;
	color: #fff;
	padding: 3px 8px;
	border: 0px;
	cursor: pointer;
	border: 2px outset #c5c5c5;
}
.lightGreybox {
	background-color:#EEE;
	color:#333;
	padding:3px 5px;
	
	margin-bottom:5px;
}
.darkGreybox {
	background-color:#888;
	color:#fff;
	padding:3px 5px;
	border:#222222;
	margin-bottom:5px;
}
.darkGreybox .continue {
	color:#fff;
	text-align:right;
	width:200px;
	margin-left:auto;
}
.textAlignright {
	text-align:right;
	padding-bottom:5px;
}
.hidden {
	display: none;
}
.unhidden {
	display: block;
}
#pullUp {
	height: 572px;
	width: 800px;
	position: absolute;
	z-index: 9999;
	margin-top: -1px;
	margin-left: -1px;
}
.answerCheck {
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
.paddingtop {
	padding-top:10px;
}
.stepsBt {
	text-align:left;
	padding:3px;
}
.stepsBt .bt {
	display:inline-block;
	vertical-align:top;
	width:14%;
}
.stepsBt .btanswer {
	display:none;
	vertical-align:top;
	width:85%;
}
.questionbutton, .questionbuttonMultiply {
	background-color: #0080CC;
	color: #fff;
	padding: 3px 8px;
	border: 0px;
	cursor: pointer;
	border: 2px outset #c5c5c5;
}
.wrongAnswer, .wrongAnswer2 {
	background-color: #000;
	color: white;
	display: none;
	padding: 10px;
	
	margin: 10px auto;
}
#questionSeries2, #questionSeries3, #questionSeries2, #questionSeries4, #questionSeries5, #questionSeries6, #questionSeries7, #questionSeries8, #questionSeries9, #questionSeries10, #questionSeries11, #questionSeries12    {
	display: none;
}
.blueColor {
	color:#0000f5;
}
.greenColor{
	color:#00802b;
}
.redColor{
	color:#e02b00;
}
.whiteColor{
	color:#FFF;
}
.bgWhite {
	background-color:#fff;
}
.darkblue {
	background-color:#000080;
	color:#fff;
}
table td {
	text-align:left;
}
.dragable {
	
	display:inline-block;
	padding:4px;
	border:1px solid #c5c5c5;
	background-color:#fff;
	color:#0000ff;
	font-size:13px;
	z-index:9990;
	position:relative;
	margin:3px;
}
.drag {
	float:left;
	width:110px;
	border:1px solid #ececec;
	height:30px;
	margin:0px;
	background-color:#fff;
	color:#0000ff;
	font-size:13px;
	line-height:30px;
}
#slidervertical {
	width: 10px;
	height: 290px;
	border: 1px solid #c5c5c5;
	position: relative;
	margin-left: 50px;
}
#sliderverticalfill {
	width:10px;
	height:5px;
	background-color:#333;
	position:absolute;
	
	bottom:0px;
}
.paddingleft50 {
	padding-left:70px;
}
.paddingleft10 {
	padding-left:10px;
}
.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:350px;
	height:280px;
	background-color:#fff;
	margin:140px auto;
	border:2px solid #333;
}
.contentActivityInnerlist {
	height:225px;
	overflow:auto;
}
.contentActivityInnerlist h2 {
	padding-left:20px;
	padding-top:10px;
}
.contentActivityInnerlist ol{
	margin-left:20px;
}
.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;
}
.width70{
	margin:auto;
	width:70%;
}
.Col30{
	width:27.5%;
	display:inline-block;
		vertical-align:top;
		padding-left:2%;
}
.Col70{
	width:69.5%;
	display:inline-block;
	vertical-align:top;
}
.row{
	display:block;
}
.questionClick{
	text-align:left;
}
.selectQuestion{
	background-color:#FF0 !important;
	border:2px #000 solid !important;
	color:#000 !important;
}
.colsQuestion{
	width:56%;
	display:inline-block;
	vertical-align:top;
	font-size:14px;
}
.colsAnswer{
	width:43%;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
}
.colsAnswer ol{
	padding:0px 0px 0px 10px;
	margin:0px;
}
.colsAnswer li{
	list-style-position:inside;
	margin:0px;
	font-size:13px;
	padding-left:10px;
	cursor:pointer;
	background-color:#FFF;
	color:#000;
	border:1px solid #000;
	
}
.sidebtns{
	position:absolute;
	right:30px;
	top:212px;
	text-align:right;
	width:100px;
	padding-right:20px;
}
.sidebtns2{
	position:absolute;
	right:30px;
	top:115px;
	text-align:right;
	width:100px;
	padding-right:20px;
}
#prLargest1, #prLargest2, #prLargest3, #prLargest4, #prSmallest1, #prSmallest2, #prSmallest3, #prSmallest4, #prSmallest5, #prSmallest6, #prSmallest7 {
	display:none;
}
.font12{
	font-size:12px;
}
.btnSameSize{
	width:120px;
	margin:3px;
}
.smallpopup{
	width:50%;
	left:66%;
	
}
.clickable{
	position:absolute;
	left:-70px;
	width:104px;
	margin-top:5px;
}
.relativepostion{
	position:relative;
}
.pointer{
	cursor:pointer;
}
.optionsClick{
 width:60%;
 padding:10px;
 background-color:#808080;
 color:#fff;
 margin:auto;
 cursor:pointer;
}
.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;
}