.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background: none !important;}
.ui-accordion .ui-accordion-content{padding: 0 2.2em !important;}
.ui-accordion-content p{ margin: 0 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ border: none !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border: none !important;}

#studyPlanAccordion h3 .ui-icon{ left: -0.5em;}
#studyPlanAccordion .ui-widget-content { background: none repeat scroll 0 0 transparent !important;border: 0px !important;color: #222222;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: none repeat scroll 0 0 transparent !important;border: 0 solid #AAAAAA !important;color: #212121;font-weight: normal;}
H3 { color: white;font-family: verdana,arial,helvetica,sans-serif; font-size: 0px; font-style: normal;font-weight: 400;}

.ui-icon-triangle-1-e, .ui-icon-triangle-1-s{display:inline-block !important;}

.ui-accordion .ui-accordion-header{padding:0.1em 0.5em 0.1em 0.7em;}
.level-container{float: left;width: 307px;min-height: 100px;}
.level-image-text{float: left; width: 76px; text-align: center;min-height: 52px;}
.level-image{width: 100%; cursor:pointer;}
.level-text{width: 100%; font-family: 'verdana'; font-size:10px;}

#overlay { position: fixed; top: 0; left: 0; width:1024px; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity:50); z-index:9999;} 
#modal { position:absolute; background:url(tint20.png) 0 0 repeat; background:rgba(0,0,0,0.2); border-radius:14px; padding:8px; z-index:99999;width:1024px;} 
#contentPopUp { border-radius:8px; background:#fff; padding:20px;width:auto !important; } 
#close { position:absolute; background:url("graphics/close.png") 0 0 no-repeat; width:24px; height:27px; display:block; text-indent:-9999px; top:-7px; right:-7px; }

#overlay2 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity:50);}
#modal2 { position:absolute; background:url(tint20.png) 0 0 repeat; background:rgba(0,0,0,0.2); border-radius:14px; padding:8px; }
#content2 { border-radius:8px; background:#fff; padding:20px; } 
#close2 { position:absolute; background:url(../expGR/close.png) 0 0 no-repeat; width:24px; height:27px; display:block; text-indent:-9999px; top:-7px; right:-7px; }


#studyPlanDiv{font-size: 1.1em !important}

#home{
	border: none;
}
#help{
	border: none;
}

#exit{
	border: none;
}

/*
body {
	//overflow:scroll;
	//overflow-y:scroll;
	//max-height:500px;
}
*/


textarea {
	padding:0px;
	margin:0px;
}

#page{
	width:100%;
	background-color:#ece9d8;
}

#content {
	width:960px;
	text-shadow:0px 0px 0px;
	font-family:Verdana, Arial, San-Serif;
	text-align:center;
	line-height:35px;
}

#gameSpot {
	margin-top:25px;
	width:960px;
	background-color:#ffffff;
	text-align:left;
}

a {
	cursor:pointer;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

#responseText {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(255,0,0,0.004);
}

.roundBtn {
	font-family:"Arial", Arial, sans-serif;
	background-image:url(../expGR/gCirc.png);
	font-smooth: always;
	width:88px;
	height:88px;
	text-align:center;
	color:black;
	line-height:88px;
	font-size:35pt;
	float:left;
	cursor:pointer;
}

.ui-btn {
	font-family:"Arial Black", Arial, sans-serif;
	font-weight:900;
	background-color:#7266AB;
	background: -ms-linear-gradient(top, #A6A3CB, #55508D);
	background: -webkit-gradient(linear, left top, left bottom, from(#A6A3CB), to(#55508D));
	background: -moz-linear-gradient(top,  #A6A3CB,  #55508D);
	color:#FFFFFF;text-shadow: 0px 0px 3px #000;
}

.ui-btn.startGame {
	color:white;
	line-height:20px;
	border: 2px solid; 
	background:url(../expGR/brandElements/longButtonShine.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-color: #7266AB;
	border-radius:15px;
	text-shadow: 0px 0px 0px #000;
}
#overlay { 
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 1024px;
	height: 100%;
}

#modal {
	position:absolute;
	background:rgba(0,0,0,0.5);
	border-radius:14px;
	padding:8px;
}

#content {
	border-radius:8px;
	padding:20px;
}

#close {
	position:absolute;
	background:url(../expGR/close.png) 0 0 no-repeat;
	width:24px;
	height:27px;
	display:block;
	text-indent:-9999px;
	top:-7px;
	right:-7px;
}

.fraction {
	display: inline-block;
	position: relative;
	vertical-align: middle; 
	letter-spacing: 0.01em;
	text-align: center;
}

.fraction > span { 
	display: block; 
	padding: 0.2em; 
}

.fraction span.fdn {
	border-top: thin solid black;
}

.fraction span.bar {
	display: none;
}


.ui-simpledialog-container {
	
	min-width:500px;
}

.ui-page { 
	text-align:"center";
	font-family:"Arial", Arial, sans-serif;
	color:#8176b8;
	text-shadow: 0px 0px 0px #000;
	margin:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	background:#ffffff;
}

.ui-content {
	margin:0px;
	width: 100%;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	background:#ffffff;
}

.conDiv {
	
	background-color:white;
	padding-top:0px;
	margin:0px;
	width: 1024px;
	
}

.banner {
	position:absolute;
    overflow:hidden;
    width:1024px;
    background:#8176b8;
	text-align:right;
	text-shadow: 0px 0px 0px #000;
	height:65px;
	background-image:url(../expGR/AscendBanner.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
	color:#fff;
	font-family:"Arial", Arial, sans-serif;
}

#toolbar {
	position:absolute;
    overflow:hidden;
    width:1024px;
    top:65px;
    background-color:#fff;
	height:70px;
}

.nav1 {
    clear:both;
    float:left;
}

.nav2 {
    float:right;
	padding-right:5px;
	padding-top:10px;
	line-height:30px;
}

#pedagogy {
  position:inherit;
	clear:both;
    top:135px;
    color:black;
	margin:0px;
	padding-top:5px;
	margin-left:auto;
	margin-right:auto;
	}

.navButton {
	cursor:pointer;
	border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
	padding-right:10px;
	padding-left: 10px;
	min-height: 62px !important;
	display:inline-block;
}

#areaDisplay {
	padding-right:5px;
    font-size:31px;
	line-height:250%;
}

.btn2 {
	float:left;
	
}
/*
div.ui-loader {
	position:absolute;
	left:512px;
}
*/
.controlSide {
	font-family:verdana, arial, helvetica, sans-serif;
	padding:7px;
	font-size:12pt;
	background-color:#ffffff;
	height:650px;
	width: 200px;
}

.probDisplay {
	float:left;
	text-align:right;
	padding-top:20px;
	border-bottom: 2px solid;
	font-size:15pt;
	
}

.buttonDiv {
	font-size:12pt;
	background:#8176b8;
	height:36px;
	width:170px;
	cursor:pointer;
	border-radius:7px;
	line-height:32px;
	margin-bottom:15px;
	padding:0px;
	color: white;
}

.buttonDiv:hover {
	color:#ff0000;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(255,0,0,0.004);
}

.probDescrip {
	text-align:left;
	padding-top:22px;
	line-height:10px;
}

.displaySide {
	background-color:white;
	width:700px;
	float:left;
	padding-left:5%;
	height:650px;
	font-family:aptos, arial, sans-serif;
	font-size:13pt;
	overflow-y: auto;
}

.roundBtn {
	font-family:"Arial", Arial, sans-serif;
	background-image:url(../expGR/gCirc.png);
	font-smooth: always;
	width:88px;
	height:88px;
	text-align:center;
	color:black;
	line-height:88px;
	font-size:35pt;
	float:left;
	cursor:pointer;
}
/*
#dispSide {
	float:left;
	padding-left:20px;
	min-width:800px;
	max-width:800px;
}
*/
#btnSide {
	max-width:270px;
}

#overlay { 
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: #000; 
	opacity: 0.5; filter: alpha(opacity:50);
}

#modal { 
	position:absolute; 
	background:url(tint20.png) 0 0 repeat; 
	background:rgba(0,0,0,0.2); 
	border-radius:14px; 
	padding:8px; 
}

#content { 
	border-radius:8px; 
	background:#fff; 
	padding:20px;
	z-index:100; 
} 

#close { 
	position:absolute; 
	width:60px; 
	height:32px; 
	display:block;
}

.btnGrp {
	width:100%;
}

.buttonInner {
	width:200px; 
	height:32px;
}

label {
    display: inline;
}
 
.regular-checkbox {
    display: none;
}
 
.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
 
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
 
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}
 
 
.big-checkbox + label {
    padding: 18px;
}
 
.big-checkbox:checked + label:after {
    font-size: 28px;
    left: 6px;
}
 
.tag {
    font-family: Arial, sans-serif;
    width: 200px;
    position: relative;
    top: 5px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    float: left;
}
 
.radio-1 {
    width: 193px;
}
 
.button-holder {
    float: left;
}
 
/* RADIO */
 
.regular-radio {
    display: none;
}
 
.regular-radio + label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}
 
.regular-radio:checked + label:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #99a1a7;
    box-shadow: inset 2px 2px 25px rgba(147,112,219,1);
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
}
 
.regular-radio:checked + label {
    background-color: #e9ecee;
    color: #00ff00;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
 
.regular-radio + label:active, .regular-radio:checked + label:active {
    box-shadow: 0 1px 2px rgba(255,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.big-radio + label {
    padding: 16px;
}
 
.big-radio:checked + label:after {
    width: 24px;
    height: 24px;
    left: 4px;
    top: 4px;
}