@import url(https://fonts.googleapis.com/css?family=Unna);
@import url(https://fonts.googleapis.com/css?family=Tienne);
@import url(https://fonts.googleapis.com/css?family=Chivo);

div#header {
	background: url('../multimedia/img/b_blue.png') no-repeat -9999px -9999px;
	background: url('../multimedia/img/b_gray.png') no-repeat -9999px -9999px;
	background: url('../multimedia/img/b_yellow.png') no-repeat -9999px -9999px;
}

html,body{
	margin:0;
	padding:0;
    min-width: 600px;
    font-family: Arial, sans-serif;
    font-size:12px;
}

.orange_bar{
	width:100%;
    background: #FBB03B;
    color: white;
    clear: both;
    padding-bottom: 4px;
    padding-top: 4px;
	text-align:center;
}

.blue_bar{
	width:100%;
    background: #022AA6;
    color: white;
    clear: both;
    padding-bottom: 8px;
    padding-top: 7px;
	text-align:center;
}

.main{
    width: 955px;
    min-height: 450px;
    margin: 0 auto;
    padding: 0 0px;
    text-align: left;
}

.footer_link{
	color:#FFFFFF;
}.footer_link:hover{
	color:#EEEEEE;
}

.copyright{
	float:left;
	padding:5px;
}
	
.header{

    background:url('../multimedia/img/header_base.jpg')  bottom center no-repeat;
    width: 1100px;
    margin: 0 auto;
	padding-top:10px;
    padding-bottom: 42px;

}

.video_play_button{
	display:inline-block;
	background:url('../multimedia/img/play.png')  bottom center no-repeat;
	width:40px;
	height:40px;
}.video_play_button:hover{
	cursor:pointer;
	opacity:.8;
}

.video_back_button{
	display:inline-block;
	background:url('../multimedia/img/back.png')  bottom center no-repeat;
	width:40px;
	height:40px;
}.video_back_button:hover{
	cursor:pointer;
	opacity:.8;
}

.video_next_button{
	display:inline-block;
	background:url('../multimedia/img/next.png')  bottom center no-repeat;
	width:40px;
	height:40px;
}.video_next_button:hover{
	cursor:pointer;
	opacity:.8;
}

.video_pause_button{
	display:inline-block;
	background:url('../multimedia/img/pause.png')  bottom center no-repeat;
	width:40px;
	height:40px;
}.video_pause_button:hover{
	cursor:pointer;
	opacity:.8;
}

.tab_box{
	position:relative;
	padding:25px;
	width:100%; 
	min-height: 300px; 
	border:2px solid #444444; 
	border-radius:0px 40px 0px 0px;
	-webkit-border-radius:0px 40px 0px 0px;
    -moz-border-radius:0px 40px 0px 0px;
	text-align:left;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
}

.tab_box_blank{
	position:relative;
	padding:25px;
	width:100%; 
	min-height: 300px; 
	text-align:left;
}

.tab{
	float:left;
	padding:2px;
	width:100px; 
	height: 60px; 
	border-left:1px solid #444444; 
	border-top:2px solid #444444; 
	border-right:2px solid #444444; 
	border-bottom:0px solid #444444; 
	border-radius:13px 13px 0px 0px;
	-webkit-border-radius:13px 13px 0px 0px;
    -moz-border-radius:13px 13px 0px 0px;
	text-align:center;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
}.tab:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #999999 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#e9e9e9');
	cursor:pointer;
}

.big_number_deselected{
	display:inline-block;
	color: #222222;
	font-size:27px;
	font-weight:bold;
	font-family: Chivo, Arial, sans-serif;
	border: 2px solid #444444;
	-webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    width: 30px;
    height: 30px;
    padding: 5px;
    text-align: center;
	background-color:#FBB03B;
}

.big_number_selected{
	display:inline-block;
	color: white;
	font-size:27px;
	font-weight:bold;
	font-family: Chivo, Arial, sans-serif;
	border: 2px solid #444444;
	-webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    width: 30px;
    height: 30px;
    padding: 5px;
    text-align: center;
	background-color:#1428BA;
}
.css_button{
	color: white;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	text-align: left;
	text-decoration: none;
	font-family:Arial,sans-serif;
	font-size:13px;
	padding-left:25px;
	box-shadow: 2px 2px 2px #000000;
	background:linear-gradient(to bottom right,#6C84B0,#365A8E);
	width:110px;
	border-radius: 10px;
}
.css_button:hover{
	cursor: pointer;
	background:linear-gradient(to bottom right,orange,red);
}
.button{
    background: url("../multimedia/img/b_blue.png") no-repeat scroll 0 0 transparent;
    color: white;
    display: inline-block;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-align: left;
    text-decoration: none;
    width: 275px;
    font-family:Arial,sans-serif;
    font-size:13px;
	padding-left:25px;
  }

.button:hover{
    background: url("../multimedia/img/b_yellow.png") no-repeat scroll 0 0 transparent;
    color: white;
    display: inline-block;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    width: 275px;
    font-family:Arial,sans-serif;
    font-size:13px;
    cursor:pointer;
}
.button:active{
    background: url("../multimedia/img/b_yellow.png") no-repeat scroll 0 0 transparent;
    color: white;
    display: inline-block;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    width: 275px;
    font-family:Arial,sans-serif;
    font-size:13px;
}
.button:visited{
    background: url("../multimedia/img/b_blue.png") no-repeat scroll 0 0 transparent;
    color: white;
    display: inline-block;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    width: 275px;
    font-family:Arial,sans-serif;
    font-size:13px;
}
.button:focus{
    background: url("../multimedia/img/b_yellow.png") no-repeat scroll 0 0 transparent;
    color: white;
    display: inline-block;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    width: 275px;
    font-family:Arial,sans-serif;
    font-size:13px;
}

.input_label{
	display:inline-block;
	width:220px;
	font-size:20px;
	color:#444444;
	font-family:arial;
}

.textbox {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #999999;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width:280px;
	margin-left:4px;
	margin-top:5px;
}.textbox:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.textbox:active {
	position:relative;
	top:1px;
}

.select {
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #999999;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width:328px;
	margin-top:5px;
}

.textbox_small {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #999999;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin-left:4px;
	margin-top:5px;
	width:165px;
	font-size:12px;
	padding:6px;
}.textbox_small:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.textbox_small:active {
	position:relative;
	top:1px;
}

.select_small {
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #999999;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin-top:5px;
	width:250px;
	font-size:12px;
	padding:5px;
}

.select_large {
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #999999;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin-top:5px;
	width:520px;
	height:200px; 
	font-size:12px;
	padding:5px;
}

.heading_medium{
	font-size:20px;
	text-align:center;
}

.registration_body{
	padding:15px;
	font-size:1.3em;
	margin-left:10px;
	font-family: 'Unna', serif;
}

.registration_footer{
	font-style:italic;
	padding-top:10px;
	font-size:.9em;
}

.registration_message{
	width:370px;
	height:56px;
	padding:5px;
	font-size:1.5em;
	margin-left:10px;
	font-family: 'Unna', serif;
	text-align:center;
	vertical-align:middle;
	color:navy;
	border:1px solid navy;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#EEEEEE;
	z-index:50;
}

table.data_table {
	border-width: 2px;
	border-spacing: 0px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.data_table th {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
	background-color: rgb(255, 250, 250);
	-moz-border-radius: ;
}
table.data_table td {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
	background-color: rgb(255, 250, 250);
	-moz-border-radius: ;
}


/*browser update popup*/
.browser_update_popup_outer{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:100;
	text-align:center;
}
.browser_update_popup_inner{
	margin:auto;
	margin-top:8%;
	height:420px;
	width:600px;
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #999999;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	
}
.generic_popup_outer{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:100;
	background:url('../multimedia/images/transparent.png');
}
.generic_popup_inner{
	position:relative;
	margin:auto;
	margin-top:60px;
	width:80%;
	height:auto;
	background-color:#FFFFFF;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #666666;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

.schedule_popup_inner{
	position:relative;
	margin:auto;
	margin-top:50px;
	width:80%;
	height:80%;
	background-color:#FFFFFF;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #666666;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:24px;
	text-decoration:none;
}

.button_new {
	-moz-box-shadow:inset 0px 1px 2px -1px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 2px -1px #bbdaf7;
	box-shadow:inset 0px 1px 2px -1px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:4px 23px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
	margin-top:5px;
	margin-bottom:10px;
}.button_new:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
	cursor:pointer;
}.button_new:active {
	position:relative;
	top:1px;
}


/*registration pages*/
.registration_title{
	display:inline;
	font-weight:bold;
	font-size:1.8em;
	font-family: 'Unna', serif;
}
.registration_body{
	padding:15px;
	font-size:1.3em;
	margin-left:10px;
	font-family: 'Unna', serif;
}
.registration_footer{
	font-style:italic;
	padding-top:10px;
	font-size:.9em;
}


/*sequential processing pages*/
.sequential_processing_answer_square{
	float:left;
	margin:2px;
	background:#b8c4d9; 
	width: 180px; 
	height: 100px; 
	border:1px solid #a6a6a6;
}
.sequential_processing_selection_square{
	float:left;
	margin:2px;
	background:#b8c4d9; 
	width:180px; 
	height: 100px; 
	border:1px solid #a6a6a6;
}.sequential_processing_selection_square:hover{
	cursor:pointer;
	
}
.puzzle_word_container{

}
.puzzle_word{
	background: url("../multimedia/img/header-bg.gif");
    border-radius: 7px 7px 7px 7px;
	border:0px solid white;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
	margin:1px;
    padding: 3px 6px;
	width:auto;
}.puzzle_word:hover{
	cursor:pointer;
}

/*test page*/
.popup_outer{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:100;
}
.popup_inner{
	position:absolute;
	top:30%;
	left:40%;
}

/*vex pages*/
.vex_answer_square{
	float:left;
	margin:2px;
	background:#b8c4d9; 
	width: 180px; 
	height: 100px; 
	border:1px solid #a6a6a6;
}
.vex_selection_square{
	float:left;
	margin:2px;
	background:#b8c4d9; 
	width:180px; 
	height: 100px; 
	border:1px solid #a6a6a6;
}.vex_selection_square:hover{
	cursor:pointer;
	
}

.button_short{
    background: url("../multimedia/img/b_blue_short.png") no-repeat scroll 0 0 transparent;
    color: white;
    display: inline-block;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-align: left;
    text-decoration: none;
    width: 174px;
    font-family:Arial,sans-serif;
    font-size:13px;
	padding-left:25px;
  }

.button_short:hover{
    background: url("../multimedia/img/b_yellow_short.png") no-repeat scroll 0 0 transparent;
	cursor:pointer;
}
.button_short:active{
    background: url("../multimedia/img/b_yellow_short.png") no-repeat scroll 0 0 transparent;
}
.button_short:visited{
    background: url("../multimedia/img/b_blue_short.png") no-repeat scroll 0 0 transparent;
}
.button_short:focus{
    background: url("../multimedia/img/b_yellow_short.png") no-repeat scroll 0 0 transparent;
}

/* info button */
.infoButton {
background-color:#79bbff;
-moz-border-radius:31px;
-webkit-border-radius:31px;
border-radius:31px;
border:1px solid #337bc4;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Times New Roman;
font-size:12px;
padding:0px 6px;
text-decoration:none;
text-shadow:0px 1px 0px #528ecc;
}
.infoButton:hover {
background-color:#378de5;
}
.infoButton:active {
position:relative;
top:1px;
}
/* Video building div */
#loading-image {
  position: fixed;
  top: 25%;
  left: 45%;
}
/* End Video building div */

.gem-button {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 0;
    border-radius: 2px;
    display: inline-block;
    font-family: "open-sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    padding: 0.5em 1.125em;
    position: relative;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.gem-button--default {
    background-color: #ffffff;
    border: 1px solid #ced6e6;
    border-bottom: 0;
    box-shadow: 0 2px 0 0 #ced6e6;
    color: #8f9caf;
}

.gem-button--default:hover {
    color: #65758d;
}

.gem-button--default:active {
    box-shadow: 0 1px 0 0 #ced6e6, 0 -1px 0 0 #ced6e6;
}

.gem-button--primary {
    background-color: #fc9f00;
    box-shadow: inset 0 -1px 0 0 #e38f00, 0 1px 0 0 #e38f00;
    color: #ffffff;
}

.gem-button--primary:hover {
    background-color: #ffa917;
}

.gem-button--primary:active {
    box-shadow: inset 0 -1px 0 0 #fc9f00, 0 1px 0 0 #fc9f00, inset 0 1px 0 0 #e38f00, 0 -1px 0 0 #e38f00;
}

.gem-button--large {
    font-size: 1.3125em;
}

.gem-button--full-width {
    width: 100%;
}

.gem-button--session-builder {
    font-size: 20px;
    font-weight: 200;
    margin-top: 10px;
    margin-left: 10px;
}

.gem-button--arrow {
    padding-bottom: 3px;
}