* {
	margin: 0 auto 0 auto;
	text-align:left;
	font-family: verdana, sans-serif;
	behavior: url(PIE/PIE.htc);
}

/*CLEARFIX*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 margin
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.splitter {
	width: 100%;
	height: 1px;
	clear: both;
	display: block;
}

/*SKELETON*/
.content-holder {
	min-width: 1015px;
	min-height: 604px;
	padding-bottom: 50px;
}
 
.contentText
{
	width:600px;
	padding-left:30px;
	padding-right:30px;
	font-size:14px;
	color:#030712;
	line-height:30px;
	letter-spacing:-1px;
	border:2px solid;
	border-radius:25px;
	-moz-border-radius:25px;
	box-shadow: 10px 10px 5px #888888;
	 margin-top:100px;
	font-family: Verdana,sans-serif;
}

input.butn
{
	border: 1px solid #3079ed;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #4d90fe;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);
	width:70px;
	height:30px;
	text-align:center;
	cursor: pointer;
}

input.contbutn
{
   border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  width:110px;
  height:30px;
  text-align:center;
  cursor: pointer;
}

input.logoutbtn
{
   border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  width:80px;
  height:30px;
  text-align:center;
  cursor: pointer;
}

label.error {
text-decoration:none;
	font-family: arial,verdana,sans-serif;
	color:red;
	font-size:12px;
	padding-left:4px;
}

#image_container_icon {
	width:10%;
	height:2%;
}

.error-panel {
    padding: 10px;
    font-size: 10px;
    background-color: #FFFEF2;
	margin-bottom: 15px;
}

.error-panel .message {
	color: red;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	font-family: arial,verdana,sans-serif;
}

.message {
	text-decoration: none;
	font-family: arial,verdana,sans-serif;
	color: red;
	font-size: 17px;
	text-align: center;
}

.message_success {
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:green;
	font-size:14px;
	text-align:center;
}

.buttonDiv {
	text-align:center;
	margin: 20px;
}

.tableDiv
{
	width:100%;
	height:50%;
	overflow:scroll;
}

.cultural-table {
	border: 1px solid #e3e3e3;
	background-color: #AFC7C7;
        width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.cultural-table td, #cultural-table th {
	padding: 5px;
	color: #333;
}

.cultural-table thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}

.cultural-table th {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}

.cultural-table td {
	line-height: 10px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

.cultural-table td p {
	line-height:1.5;
}

.cultural-table td:hover {
	background-color: #fff;
}

.paraTitle {
	text-align:center;
	font-size:25px;
}

.imageLogo {
	width:200; 
	height:100 
}

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0px;
	padding: 0px;
	background: url(../img/STUDENT/bg.jpg) repeat left top;
}

#body-wrapper {
	height:auto;
	margin:auto;
	padding:0px;
	clear:both;
	min-height:80%
}

#header-line {
	background-color:#cd1283;
	height:7px;
}

#header {
	width:100%;
	height:75px;
	overflow:hidden;
}

#logo {
	width:232px;
	height:96px;
	float: left;
	overflow:hidden;
}

#header-right {
	width:668px;
	height:96px;
	float:center;
	overflow:hidden
}

#icons {
	width:100%;
	text-align:right;
	height:36px;
	overflow:hidden;
}

#topmenu {
	width:75%;
	height:34px;
	overflow:hidden;
	/*background-image:url(../img/topmenu.jpg);*/
	background-color: #F5F5F5;
	border-radius:5px;
	-moz-border-radius:5px;
	background-repeat:no-repeat;
	background-position:left top;
	padding:0px 15px 0px 15px;
}

#topmenu td{
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:15px;
	line-height:28px;
	padding-right:17px;
	text-align: center;
}

#footer-wrapper-absolute {
	width: 100%;
	height: 25px;
	line-height: 25px;
	background-color: #000;
    position: fixed;
    bottom: 0px;
	font-size: 12px;
	margin-top: 20px;
	bottom: 0px;
	opacity: 0.7;
}

#footer-wrapper-absolute  span {
	color: #fff;
}

#footer-wrapper-absolute  span.left {
	float: left;
	display: inline-block;
	padding-left: 10px;
}

#footer-wrapper-absolute  span.right {
	float: right;
	display: inline-block;
	padding-right: 10px;
}

#footer-wrapper-absolute a {
	color: #fff;
}

#footer-wrapper-absolute div.footer-left {
	color: #fff;
	float: left;
	width: 33%;
	text-align:left;
	padding-left: 10px;
}

#footer-wrapper-absolute div.footer-center {
	color: #fff;
	float: left;
	width: 33%;
	text-align:center;
}

#footer-wrapper-absolute div.footer-right {
	color: #fff;
	float: left;
	width: 33%;
	text-align:right;
}

#footer-wrapper-absolute div.footer-left:hover {
	text-decoration: underline;
}

#footer-wrapper-absolute div.footer-right:hover {
	text-decoration: underline;
}

#footer-wrapper-relative {
	width:100%;
	background-color:#000;
    position:relative;
    bottom:0;
}

div.hidden
{
   display: none
}

canvas#game {
    /*display: block;
    margin: auto;
    border: 1px solid black;*/
}

.cleardiv {
	clear:both;
}

.reportheader-name{
font-size:13pt;font-family:calibri;font-weight:bold;color:#90AB35;
}

.reportheader-address{
font-size:12pt;font-family:calibri;
}

.reportheader-address-div {
	width:668px;
	height:96px;
	float:right;
	overflow:hidden
}

.reportheaderdiv {
	width:100%;
	height:75px;
	overflow:hidden;
}

.reportheader-user{
font-size:12pt;font-family:calibri;font-weight:bold; 
}

.reportheader-date {
font-size:12pt;font-family:calibri;font-weight:bold;float:right;color:#0000A0
}

.reportheadertitle {
font-size:18pt;line-height:20pt;font-family:Garamond, Georgia, serif;background-color:#C4DFCC;text-align:center;font-weight:bold;color:#2B1B17
}

.reportcategorytitle {
font-size:18pt;line-height:20pt;font-family:Garamond, Georgia, serif;background-color:#F5F5F5;text-align:center;font-weight:bold
}

.reportcategorydiv {
	width:100%;
	overflow:hidden;
}

.reportheadercategoryheader{
font-size:12pt;font-family:"Comic Sans MS", cursive, sans-serif;font-weight:bold;text-align:center; 
}

.reportheadercategoryscore{
font-size:18pt;font-family:"Comic Sans MS", cursive, sans-serif;font-weight:bold;text-align:center;padding-top: 15px; 
}

.reportheadercategoryrating{
font-size:12pt;font-family:calibri;font-weight:bold;padding-left:5px;padding-top: 10px;
}

.reportheadercategoryexplanantionheader{
font-size:14pt;font-family:calibri;font-weight:bold;padding-left:5px;padding-top: 5px;
}

.reportheadercategoryexplanantion{
font-size:12pt;font-family:calibri;padding-left:5px;
}

.reportcategory1 {
	float:left;
	width: 480px;
	height: 300px;
	border: 1px solid #000000;
	margin:0 0px 0 0;
	background-color:#006AB0;
	overflow:auto;
}


.reportcategory2 {
	float:left;
	width: 480px;
	height: 300px;
	border: 1px solid #000000;
	margin:0 0px 0 0;
	background-color:#E94F71;
	overflow:auto;
}

.reportcategory3 {
	float:left;
	width: 480px;
	height: 300px;
	border: 1px solid #000000;
	margin:0 0px 0 0;
	background-color:#38A633;
	overflow:auto;
}

.reportcategory4 {
	float:left;
	width: 480px;
	height: 300px;
	border: 1px solid #000000;
	margin:0 0px 0 0;
	background-color:#FFD101;
	overflow:auto;
}

.reportsubcategory-category1-title {
font-size:14pt;line-height:20pt;font-family:Calibri;background-color:#006AB0;text-align:center;font-weight:bold
}

.reportsubcategory-category2-title {
font-size:14pt;line-height:20pt;font-family:Calibri;background-color:#E94F71;text-align:center;font-weight:bold
}

.reportsubcategory-category3-title {
font-size:14pt;line-height:20pt;font-family:Calibri;background-color:#38A633;text-align:center;font-weight:bold
}

.reportsubcategory-category4-title {
font-size:14pt;line-height:20pt;font-family:Calibri;background-color:#FFD101;text-align:center;font-weight:bold
}

.reportsubcategorydiv {
	width:100%;
	padding-left:150px;
	overflow:hidden;
}

.reportsubcategory {
	width: 600px;
	height: 130px;
	border: 1px solid #000000;
	margin:0 0px 0 0;
	background-color:#F5F5F5;
	border-width:1px;	
	border-style:dashed;
}

.reportheadersubcategoryheader{
font-size:13pt;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding-top: 3px; 
}

.reportheadersubcategoryscore{
font-size:12pt;font-family:"Comic Sans MS", cursive, sans-serif;color:#006AB0; 
}

.reportheadersubcategoryexplanantionheader{
font-size:12pt;font-family:calibri;padding-left:5px;
}

.reportheadersubcategoryexplanantion{
font-size:12pt;font-family:calibri;
}

.report-panel-button {
	/* Makes it such that each p doesn't continue from the last */
	display:block;
	
	/*Font stuff*/
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	float: left;
	
	/*Size stuff*/
	height: 30px;
	width: 30%;
	position:relative;
	margin-top: 40px;
	
	/*Effects*/
	cursor: pointer;
	border: 2px solid rgba(0, 0, 0, 0.3);
	background-color: #00FFFF;
	color: #0000FF;

	border-radius: 5px;
}
.report-alert-message p {
	color: blue;
    font-size: 14px;
    text-align: center;
}
.report-panel-button:hover {
	border: 2px solid rgba(255, 255, 255, 1);

	font-style: normal;
}
.reportpersonality {
font-size:14pt;font-family:calibri;font-weight:bold
}

.reportcharttitle {
font-size:12pt;font-family:calibri;font-weight:bold;color:grey;text-align:center
}

.reportanalysis {
font-size:12pt;font-family:calibri;font-weight:bold
}

.reportanalysisgood {
font-size:12pt;font-family:calibri;font-weight:bold;color:green
}

.reportanalysisbad {
font-size:12pt;font-family:calibri;font-weight:bold;color:red
}

.reportanalysisnotsure {
font-size:12pt;font-family:calibri;font-weight:bold;color:yellow
}

.reportdescription {
font-size:12pt;font-family:calibri;font-weight:bold
}

.reportdescriptiondetail {
font-size:12pt;font-family:calibri
}

.reportchartwidth {
width:500px; height:200px;
}

/* SpaceBlock Game UI */

#splogo {
	width:232px;
	height:96px;
	float: left;
	overflow:hidden;
	margin-left: 10px;
	margin-top: 10px;
}

#spheader-right {
	width:60%;
	float:left;
	overflow:hidden
}

#spheader-right2 {
	width:20%;
	//float: right;
	position: absolute;
	right:0;
}

#sptopmenu {
	width:90%;
	height:34px;
	overflow:hidden;
	background-color: #F5F5F5;
	border-radius:5px;
	-moz-border-radius:5px;
	background-repeat:no-repeat;
	background-position:left top;
	padding:0px 15px 0px 15px;
}

#sptopmenu td{
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:15px;
	line-height:28px;
	padding-right:17px;
	text-align: center;
}

#sptopmenu1 {
	width:100%;
	height:34px;
	overflow:hidden;
	background-color: #F5F5F5;
	border-radius:5px;
	-moz-border-radius:5px;
	background-repeat:no-repeat;
	background-position:left top;
	float: right;
}

#sptopmenu1 td{
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:15px;
	line-height:28px;
	padding-right:17px;
	text-align: center;
}

.spdivhelp {
	float: left; margin-left: 0%;
}

#sphelptext {
	font-size: 14px;
	font-family:Verdana, Geneva, sans-serif;
	color:black;
}

/* CSS FOR GAME AREA */
.spdivgame {
	height: 527px;
    min-width: 603px;
    padding-left: 200px;
    padding-right: 220px;
    position: relative;
}

.game-holder {
	height: 527px;
    margin-left: auto;
    margin-right: auto;
    width: 544px;
	padding-left: 20px;
}

.game-holder .top-piece-holder {
    margin-left: 100px;
    margin-right: 100px;
    position: relative;
}

.game-holder .top-piece-holder .player-top {
	height: 80px;
	position: relative;
}

.game-holder .center-piece-holder {
	height: 306px;
    position: relative;
    width: 100%;
}

.game-holder .center-piece-holder .player-left {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100px;
}

.game-holder .center-piece-holder .grid-canvas-holder {
    display: inline-block;
    height: 100%;
    padding-left: 100px;
    position: absolute;
    width: 100%;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.game-holder .center-piece-holder .player-right {
    display: inline-block;
    float: right;
    height: 100%;
    position: relative;
    width: 100px;
}

.game-holder .bottom-piece-holder {
	margin-left: 100px;
    margin-right: 100px;
    margin-top: 0;
    position: relative;
}

.game-holder .bottom-piece-holder .player-bottom{
	height: 80px;
}

/* END OF GAME AREA */

.spdivgame div , .spdivgame span {
	cursor: pointer;
}

.sphelpdescriptiondetail {
font-size:12pt;font-family:calibri;color:white;
}

.space { 
line-height: 60%; 
}

.scorecardtable {
border: 2px solid #F2BB07;
width: 300px;
border-collapse: collapse;
border-spacing: 0;
}

.scorecard
{
width: 20%;
height: 50%;
font-size:14px;
color:#030712;
line-height:20px;
letter-spacing:-1px;
border:2px solid;
border-radius:25px;
-moz-border-radius:25px;
/*box-shadow: 10px 10px 5px #888888;*/
font-family:Verdana,sans-serif;
background-color: #657383;
float: right;
}

.scorecardtitle {
font-size:18pt;line-height:20pt;font-family:Georgia, Verdana,Arial,sans-serif;font-weight:bold;color:#ECD872;
}

.scorecardname {
font-size:10pt;font-family:Georgia, Verdana,Arial,sans-serif;font-weight:bold;color:#FFFFFF;word-spacing:2px;
}

.counters {
	background: #282828;
	border: 1px solid #444;
	color: #fff;	
	font-size: 20px;
	font-weight: bold;	
	float: left;
	padding: 5px 10px;
	margin: 0 25px 0 0;
	text-shadow: 0 1px 1px rgba(0,0,0,1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.3);
	-box-shadow: 0 3px 10px rgba(0,0,0,.3);
}

.counterBlue, .counterYellow, .counterRed, .counterGreen {
	float: right;
	margin: 0 10px 0 10px;
}

.counterBlue {color: blue;}
.counterRed {color: red;}
.counterGreen {color:#00FF00;}
.counterYellow {color:yellow;}

.scorecard-table {
}

.scorecard-table td{
	height: 10px;
	padding: 5px;
}

.spreportbutton {
padding:1em;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:60px;
background-color: grey;
color:black;
width: 120px;
height: 100px;
font-weight: bold;
font-size: 16px;
text-align:center;
}

.spreportbuttonname {
font-size:12pt;font-family:Georgia, Verdana,Arial,sans-serif;font-weight:bold;color:#ECD872;
}                                     

canvas.piece
{
	cursor:pointer;
	position: absolute;
}

canvas.gridCanvas
{
	cursor:default;
	position: absolute;
	border: solid 1px #333;
	background-color: #fff;
}

canvas#spgrid_Layer
{
	border: 1px solid Transparent;
}

/*.spcntlbutton {
	padding:1em;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-opera-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:10px;
	background-color: #151B8D;
	width: 110px;
	height: 50px;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	color:#FFFFFF;
	word-wrap: break-word;
	cursor:pointer;
}*/


.spcntlbuttonbig {
padding:1em;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-opera-border-radius:3px;
-khtml-border-radius:3px;
border-radius:10px;
background-color: #151B8D;
width: 130px;
height: 50px;
font-weight: bold;
font-size: 12px;
text-align:center;
color:#FFFFFF;
word-wrap: break-word;
cursor:pointer;
}

.cntl-table {
}

.cntl-table td{
	padding: 8px;
}

.cntl
{
border-radius:25px;
-moz-border-radius:25px;
box-shadow: 10px 10px 5px;
z-index:1;
}

.spinner {
	position: fixed;
	top: 40%;
	left: 45%;
	z-index:1234;
	text-align: center;

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 15px 15px 15px 15px;
    color: #999999;
    height: 150px;
    padding-top: 40px;
    width: 150px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#spheader-line {
	background-color:#F5F5F5;
	height:30px;
	width:100%;
}

#spheader-linemenu {
	background-color: #F5F5F5;
    height: 40px;
    min-width: 1140px;
    position: relative;
    width: 100%;
}

#spheader-linemenu > div {
	height: 40px;
}
.rightheaderdiv, .leftheaderdiv {
	height: 47px;
	
	background: #efefef; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmEyYTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: linear-gradient(bottom, rgb(162,162,162) 0%, rgb(239,239,239) 48%);
	background-image: -o-linear-gradient(bottom, rgb(162,162,162) 0%, rgb(239,239,239) 48%);
	background-image: -moz-linear-gradient(bottom, rgb(162,162,162) 0%, rgb(239,239,239) 48%);
	background-image: -webkit-linear-gradient(bottom, rgb(162,162,162) 0%, rgb(239,239,239) 48%);
	background-image: -ms-linear-gradient(bottom, rgb(162,162,162) 0%, rgb(239,239,239) 48%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(162,162,162)),
		color-stop(0.48, rgb(239,239,239))
	);

}

.leftheaderdiv {
	top: 0;
	left: 0;
    width: 200px;
	position: absolute;
}

.leftheaderdiv > a {
	/* background: url('../img/MenuBar_1.png') no-repeat right top; */
	width: 100%;
	height: 100%;
	display: block;
}

.centerheaderdiv {
	min-width: 670px;
    padding-left: 30px;
    /* padding-right: 250px; */
    position: relative;
	
	background: #41a0ff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MyUiIHN0b3AtY29sb3I9IiM0MWEwZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMwMjU0YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #41a0ff 53%, #0254a6 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(53%,#41a0ff), color-stop(99%,#0254a6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #41a0ff 53%,#0254a6 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #41a0ff 53%,#0254a6 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #41a0ff 53%,#0254a6 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #41a0ff 53%,#0254a6 99%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a0ff', endColorstr='#0254a6',GradientType=0 );*/ /* IE6-8 */
}

.rightheaderdiv {
	position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.rightheaderdiv > div.inner {
	height: 100%;
	width: 100%;
    color: #CC0000;
    display: block;
	font-weight: bold;
	font-size: 13px;
	font-family: arial;
    text-align: right;
    line-height: 35px;
	padding-right: 10px;
	padding-left: 40px;
	text-transform: uppercase;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    
	/* background: url("../img/MenuBar_2.png") no-repeat scroll left top transparent; */
}

.rightheaderdiv > span {
    
}

.spaceblock-replay .rightheaderdiv > span {
	letter-spacing: 0px;
	font-size: 15px;
}

.spheadertitle {
text-align:center;font-size:15px;font-family:Verdana, Geneva, sans-serif;font-weight:bold;align:center;
}

.splogoicon {
height:40px; width:145px; margin-left: 20px;
}

.spgameover {
text-align:center;margin-top:20px;font-size:25px;
}

.spcontrol {
	width:20%;
	position: absolute;
	left:0;
}

#sptopmenu2 {
	width:20%;
	height:34px;
	overflow:hidden;
	background-color: #F5F5F5;
	border-radius:5px;
	-moz-border-radius:5px;
	background-repeat:no-repeat;
	background-position:left top;
	float: left;
}

#sptopmenu2 td{
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:15px;
	line-height:28px;
	padding-right:17px;
	text-align: center;
}

.spreplaycontrol
{
width: 20%;
height: 50%;
font-size:14px;
color:#030712;
line-height:20px;
letter-spacing:-1px;
border:2px solid;
border-radius:25px;
-moz-border-radius:25px;
/*box-shadow: 10px 10px 5px #888888;*/
font-family:Verdana,sans-serif;
background-color: #657383;
float: left;
}

.spreplaycontrol-table {
}

.spreplaycontrol-table td{
	height: 10px;
	padding: 10px;
}

.spreplaycontrolbuttonsdiv
{
width: 60%;
padding:7px;
background:#2B3856;
overflow: auto;
bottom: 0px;
border:1px #BBB solid;
overflow: visible;
margin-bottom:5%;
}

.spreplaycontrolbutton {
padding:1em;
background-color: #151B8D;
width: 110px;
height: 50px;
font-weight: bold;
font-size: 12px;
text-align:center;
color:#FFFFFF;
word-wrap: break-word;
cursor:pointer;
}

.spreplaycontrolbuttondisabled {
padding:1em;
background-color: grey;
width: 110px;
height: 50px;
font-weight: bold;
font-size: 12px;
text-align:center;
color:#FFFFFF;
word-wrap: break-word;
cursor:pointer;
}

.styled-select{
   background: #C0C0C0;
   border: 1px solid #CCC;
   font-family:Calibri;
   width:100%;
}

.spreplaycontrolname {
font-size:10pt;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;color:#000000;word-spacing:2px;
}

.login_form {
    background-color: #F1f1f1;
    border-radius: 25px;
	-moz-border-radius: 25px;
-webkit-border-radius: 25px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    height: auto;
    left: 44%;
    margin: -150px 0 0 -230px;
    padding: 30px;
    position: absolute;
    top:350px;
    z-index: 0;
	width:600px;
	line-height:30px;
	border-width: 2px; border-style: dotted;border-color: #F9f9f9;
}

.login-field-label{
  font-weight: bold;
  display: block;
  margin-left:60%;
  font-size:15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
 }
 
 .register_form {
    background-color: #F1f1f1;
    border-radius: 25px;
	-moz-border-radius: 25px;
-webkit-border-radius: 25px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    height: auto;
    left: 40%;
    margin: -150px 0 0 -230px;
    padding: 10px;
    position: absolute;
    top:190px;
    z-index: 0;
	width:700px;
	height:580px;
	line-height:30px;
	border-width: 2px; border-style: dotted;border-color: #F9f9f9;
}

.confirmation_form {
    background-color: #F1f1f1;
    border-radius: 25px;
	-moz-border-radius: 25px;
-webkit-border-radius: 25px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    height: auto;
    left: 50%;
    margin: -150px 0 0 -230px;
    padding: 30px;
    position: absolute;
    top:350px;
    z-index: 0;
	width:400px;
	line-height:30px;
	border-width: 2px; border-style: dotted;border-color: #F9f9f9;
}

.confirmation_message {
margin:0;font-family:calibri;font-size:14px;
}

.forbidden_message {
margin:0;font-family:calibri;font-size:18px;color:red;font-weight:bold;
}

.login_register_message {
text-align:right;margin:0;font-family:calibri;font-size:14px;font-weight:bold;
}

.register_form_textbox {
width:200px;border: 1px solid #CCC;
}

.register_form_select {
	width: 340px;
	border: 0px;
}

.register_form_multipe {
width:200px;height:40px;
}

.register-field-label{
  display: block;
  margin-left:50%;
  font-size:14px;
  font-family:calibri;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
 }
 
 .changepassword_form {
    background-color: #F1f1f1;
    border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    height: auto;
    left: 36%;
    margin: -150px 0 0 -230px;
    padding: 30px;
    position: absolute;
    top:250px;
    z-index: 0;
	width:740px;
	height:170px;
	line-height:30px;
	border-width: 2px; border-style: dotted;border-color: #F9f9f9;
}

.changepassword-field-label{
  display: block;
  margin-left:40%;
  font-size:14px;
  font-family:calibri;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
 }
 
 input.changepassbutn
{
   border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  width:130px;
  height:30px;
  text-align:center;
}

.orgManagementDiv {
width:800px;height:340px;left:-220px;top:20px;position:relative;
}

.organizationGroupDiv {
width:450px;height:340px;left:440px;top:-200px;position:relative;
}

.licenseDiv {
width:800px;height:340px;left:-220px;top:-360px;position:relative;
}

.userManagementDiv {
width:1300px;height:400px;left:10px;top:40px;position:relative;
}

.selectCriteria {
border:5px solid gray;width:700px;top:20px;position:relative;align:center;
}

.selectCriteria-table td {
padding-bottom:5px;
}

#adminmgttitle {
	width:100%;
	height:25px;
	overflow:hidden;
	background-color: #F5F5F5;
	border-radius:5px;
	-moz-border-radius:5px;
	background-repeat:no-repeat;
	padding:0px 15px 0px 15px;
}

#adminmgttitle td{
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:14px;
	line-height:28px;
	padding-right:0px;
	text-align: center;
	font-weight:bold;
}

.reportculturalcategorytitle {
font-size:14pt;font-family:Garamond, Georgia, serif;background-color:#F5F5F5;text-align:center;font-weight:bold
}

.reportculturalcategorytitlevalue {
font-size:14pt;font-family:"Comic Sans MS", cursive, sans-serif;color:#006AB0; 
}

.reportculturalcategorymessage {
font-size:12pt;font-family:Garamond, Georgia, serif;background-color:#F5F5F5;text-align:center;
}


/*ACTIVE CONTROL*/
.actioncontrol
{
	height: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
	visibility: hidden;
}

.spcntlbutton
{
	display: inline-block;
	height: 32px;
	width: 32px;
	margin-right: 20px;
	cursor: pointer;
	margin-top: 2px;
	border: solid 3px Transparent;
	padding: 5px;
}
#sphint.spcntlbutton {
	display: none;
}

.spcntlbutton:hover {
	border: solid 3px rgba(0, 0, 0, 0.3);
}

.spcntlbutton.sbtnrotate
{
	background: url('../img/icoRotate.png') no-repeat 5px 5px;
}

.spcntlbutton.sbtnflip
{
	background: url('../img/icoFlip.png') no-repeat 5px 5px;
}

.spcntlbutton.sbtnconfirm
{
	background: url('../img/icoConfirm.png') no-repeat 5px 5px;
}

.spcntlbutton.sbtncancel
{
	background: url('../img/icoCancel.png') no-repeat 5px 5px;
}

.spcntlbutton.sbtnrefresh
{
	background: url('../img/icoRefresh.png') no-repeat 5px 5px;
}

/*STATUS MESSAGE AREA*/
.status-message-area
{
	clear: both;
    height: 60px;
    text-align: center;
    width: 100%;
}
.message-panel
{
	color: #CC0000;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: 5px auto;
    text-align: left;
    width: 495px;
}

/*PLAYER SCORES*/
div.player-left > *, div.player-top > *, div.player-right > * , div.player-bottom > * {
	-moz-user-select: none;
	-webkit-user-select: none;
}


div.player-left > div {
    border-bottom: 1px solid;
    font-size: 59px;
    line-height: 59px;
    margin-top: 0;
    text-align: center;
}

div.player-left > span {
    right: 0;
    top: -30px;
	font-size: 25px;
    position: absolute;
    white-space: nowrap;
    word-wrap: break-word;
	overflow: hidden;
}

div.player-top > div {
    border-left: 1px solid;
    font-size: 59px;
    height: 100%;
    position: absolute;
    right: 0;
	letter-spacing: -2px;
}

div.player-top > span,
div.player-top-name {
	font-size	: 25px;
    display		: block;
	text-align	: right;
}

div.player-right > div {
    border-top: 1px solid;
    bottom: 0;
    font-size: 59px;
    line-height: 59px;
    position: absolute;
    text-align: center;
    width: 100%;
}

div.player-right > span
{
    bottom: -30px;
    font-size: 25px;
    position: absolute;
    text-align: left;
}

div.player-bottom > div {
    border-right: 1px solid;
    clear: both;
    float: left;
    font-size: 59px;
    height: 100%;
    letter-spacing: -4px;
    width: 70px;
}

div.player-bottom > span,
div.player-bottom-name {
	clear: both;
    display: block;
    font-size: 25px;
    white-space: nowrap;
}

/*INFORMATION BAR*/
.information-panel {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 500px;
    padding: 7px;
    position: absolute;
    right: 10px;
    top: 62px;
    width: 200px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.information-panel .information-control {
	height: 31%;
	padding: 5px;
	
	border: dashed 1px #f3c352;
	background-color: #f3f3f3;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.information-panel .information-control .row {
	clear: both;
    display: block;
    padding-bottom: 3px;
}

.information-panel .information-control .row  .title {
    font-size: 12px;
	padding-top: 3px;
}

.information-panel .information-control .row  .title  label {
	display: inline-block;
	width: 48%;
}

.information-panel .information-control .row  .control {
	
}

.information-panel .information-control .row  .control  * {
	font-size: 14px;
}

.information-panel .information-control .row  .control  select option {
	font-size: 12px;
}

.information-panel .information-panel-inner {
    font-size: 14px;
    height: 100%;
    padding: 5px;
    width: 100%;
	
	background-color: #F9F9F9;
    border: 1px dashed #F3C352;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.spaceblock-replay .information-panel .information-panel-inner {
	height: 69%;
}

.information-panel .help-tutorial,
.information-panel .result-restart  {
	height: 50%;
	cursor: pointer;
	border: solid 1px #777;
	text-align: center;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #a5a5a5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#a5a5a5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#a5a5a5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#a5a5a5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#a5a5a5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#a5a5a5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5a5a5',GradientType=0 ); /* IE6-9 */
}

.information-panel .help-tutorial:hover,
.information-panel .result-restart:hover  {
	
	background: #a5a5a5; /* Old browsers */
	background: -moz-linear-gradient(top, #a5a5a5 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a5a5a5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a5a5a5 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a5a5a5 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a5a5a5 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.information-panel  .level1 
{
	width: 100%;
	height: 100%;
	padding: 5px;
	display: none;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.information-panel .caption
{
    height: 100%;
    padding-top: 50%;
    text-align: center;
	line-height: 1.5em;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.spaceblock-replay .information-panel .caption {
	padding-top: 40%;
}

.information-panel  .level1  .spbtnhelp,
.information-panel  .level1  .spbtntutorial,
.information-panel  .level1  .spbtnresult,
.information-panel  .level1  .spbtnreplay
{
    height: 50%;
    width: 100%;
	display: block;
	cursor: pointer;
	padding-top: 1%;
	text-align: center;
	border: 1px solid #999999;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #a5a5a5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#a5a5a5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#a5a5a5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#a5a5a5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#a5a5a5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#a5a5a5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5a5a5',GradientType=0 ); /* IE6-9 */
}

.information-panel  .level1 .mk100 {
	height: 100%;
}  

.spaceblock-replay .information-panel .level1 .spbtnhelp, 
.spaceblock-replay .information-panel .level1 .spbtntutorial, 
.spaceblock-replay .information-panel .level1 .spbtnresult, 
.spaceblock-replay .information-panel .level1 .spbtnreplay
{
	padding-top: 5%;
    width: 100%;
}

.information-panel  .level1  .spbtnhelp:hover,
.information-panel  .level1  .spbtntutorial:hover,
.information-panel  .level1  .spbtnresult:hover,
.information-panel  .level1  .spbtnreplay:hover
{
	background: #89c4ff; /* Old browsers */
	background: -moz-linear-gradient(top, #89c4ff 0%, #3574f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89c4ff), color-stop(100%,#3574f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #89c4ff 0%,#3574f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #89c4ff 0%,#3574f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #89c4ff 0%,#3574f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #89c4ff 0%,#3574f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c4ff', endColorstr='#3574f2',GradientType=0 ); /* IE6-9 */
}

.information-panel  .level1  .highlight {
	background: #ffdf91; /* Old browsers */
	background: -moz-linear-gradient(top, #ffdf91 0%, #febf04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdf91), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffdf91 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffdf91 0%,#febf04 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffdf91 0%,#febf04 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffdf91 0%,#febf04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdf91', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
}

.information-panel  .level1  .dimlight {
	color: #B3B3B3;
	background: #eeeeee; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}


/*HELP PANEL*/
.help-panel {
    width: 595px;
	height: 0px;
	overflow: hidden;
}

.help-panel .help-panel-container {
	background-color: #fff6ce;
	border: solid 1px #777;
	margin: 20px auto 0px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.help-panel .header {
	background: #89c4ff; /* Old browsers */
	padding-left: 10px;
	line-height: 35px;
	height: 35px;
	color: #fff;
	position: relative;
	
	background: -moz-linear-gradient(top, #89c4ff 0%, #3574f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89c4ff), color-stop(100%,#3574f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #89c4ff 0%,#3574f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #89c4ff 0%,#3574f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #89c4ff 0%,#3574f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #89c4ff 0%,#3574f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c4ff', endColorstr='#3574f2',GradientType=0 ); /* IE6-9 */
}

.help-panel .header .help-close {
	background: url('../img/dialog_close.png') no-repeat left top;
	height: 24px;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 24px;
}

.help-panel .help-panel-inner {
	padding: 10px;
}

.help-panel  p {
	color: #333;
	font-size: 18px;
}

.help-panel li {
	color: #333;
	font-size: 12px;
}

/*OVERRIDES*/
#jMenu a
{
	text-decoration: none;
}

/*TOASTMESSAGE SETTINGS*/

#topbar {
    box-shadow: 0 1px #9CACBC;
    margin-top: -1px;
    position: relative;
    z-index: 10;
}

.topbar-notice {
    background-image: url("../img/sprite.png");
    background-position: -128px -1600px;
    background-repeat: no-repeat;
}
.topbar-success {
    background-image: url("../img/sprite.png");
    background-position: -100px -1600px;
    background-repeat: no-repeat;
}
.topbar-warning {
    background-image: url("../img/sprite.png");
    background-position: -30px -1600px;
    background-repeat: no-repeat;
}
.topbar-error {
    background-image: url("../img/sprite.png");
    background-position: -1px -1599px;
    background-repeat: no-repeat;
}
.grade-star {
	background: url("../img/sprite.png") no-repeat -500px -2300px;	
    width: 18px;
	height: 18px;	
    display:inline-block;
}
/**
 * Make the cursor be a grabbing hand.
 *
 * This is CSS for rendering descriptions of actions, such as what appears
 * in the Undo window.
 */
#topbar{
	box-shadow: 0px 1px #9cacbc;
	-moz-box-shadow: 0px 1px #9cacbc;
	-webkit-box-shadow: 0px 1px #9cacbc;
	margin-top: -1px;
	position:relative;
	z-index:10;
	
	padding-right: 318px
} 
.dismissable-overlay {
	background: none repeat scroll 0 0 #434C56;
    border: 1px solid #1A232E;
    border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    color: #ECF0F3;
    font-size: 13px;
    left: 100px;
    max-width: 370px;
    padding: 4px 14px 8px;
    position: absolute;
    text-align: center;
    top: 100px;	
}
.dismissable-overlay .action-desc{
	display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    max-width: 260px;
}
.dismissable-overlay a  {
    font-weight: 600;
    color: #91ceff; 
}
.dismissable-overlay .close-box  {
    cursor: pointer;
    visibility: inherit;
    float: right;
    background-image: url(../img/sprite.png);
    background-position: 0px -1350px;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    background-image: url(../img/sprite.png);
    background-position: -200px -1350px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 15px;
    margin-top: 3px; 
}
.dismissable-overlay .close-box:hover {
	background-position: -100px -1350px; 
}
.dismissable-overlay .close-box:hover {
	visibility: visible; 
}
.dismissable-overlay .close-box:hover {
	background-position: -300px -1350px; 
}
.dismissable-overlay .left-icon {
    display: inline-block;
    height: 16px;
    margin-bottom: -4px;
    margin-right: 10px;
    vertical-align: top;
    width: 16px;
}


/*REPORT PAGE*/
.report-holder {
	width: 800px;
	padding: 10px;
	background-color: #fff;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.report-section {
	display: block;
	clear: both;
	padding-top: 20px;
}
.report-section .report-section-dashboard {
	background-color: #eee;
	padding: 10px;
}
.report-section-first {
	padding-top: 0px;
}
.report-holder-inner {
	width: 100%;
	height: 100%;
	padding: 10px;
	background-color: #f9f9f9;
	border: dashed 1px #f3c352;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.report-summary-header {
	display: block;
	height: 60px;
}
.report-summary-header .logo {
	float: left;
    overflow: hidden;
    width: 232px;
}
.report-summary-header span.address {
	display: inline-block;
    float: right;
    font-family: arial;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
}
.report-header-title {   
    clear: both;
    color: #222;
    font-family: Garamond,Georgia,serif;
    font-size: 20px;
    font-weight: bold;
    height: 30px;
    line-height: 28px;
    text-align: center;
	margin-bottom: 10px;
	
	background: #75c8f4; /* Old browsers */
	background: -moz-linear-gradient(top, #75c8f4 0%, #4aa5ef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75c8f4), color-stop(100%,#4aa5ef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #75c8f4 0%,#4aa5ef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #75c8f4 0%,#4aa5ef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #75c8f4 0%,#4aa5ef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #75c8f4 0%,#4aa5ef 100%); /* W3C */
	background: linear-gradient(to bottom, #75c8f4 0%,#4aa5ef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c8f4', endColorstr='#4aa5ef',GradientType=0 ); /* IE6-9 */
}
.report-header-title-jobcategory {   
    clear: both;
    color: #222;
    font-family: Garamond,Georgia,serif;
    font-size: 20px;
    font-weight: bold;
    height: 30px;
    line-height: 28px;
    text-align: center;
	margin-bottom: 10px;
	
	background: #46dd56; /* Old browsers */
	background: -moz-linear-gradient(top,  #46dd56 0%, #38c625 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46dd56), color-stop(99%,#38c625)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #46dd56 0%,#38c625 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #46dd56 0%,#38c625 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #46dd56 0%,#38c625 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #46dd56 0%,#38c625 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46dd56', endColorstr='#38c625',GradientType=0 ); 
}

.sub-title {   
    clear: both;
    color: #222;
    font-family: Garamond,Georgia,serif;
    font-size: 20px;
    font-weight: bold;
    height: 30px;
    line-height: 28px;
    text-align: center;
	margin-bottom: 10px;
	
	background: #c4e2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #c4e2f2 0%, #89c1ed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4e2f2), color-stop(100%,#89c1ed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c4e2f2 0%,#89c1ed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c4e2f2 0%,#89c1ed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c4e2f2 0%,#89c1ed 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c4e2f2 0%,#89c1ed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4e2f2', endColorstr='#89c1ed',GradientType=0 ); /* IE6-9 */
}
.report-header-title-hint {
	text-align: center;
	font-weight: bold;
	border-radius: 7px;
	font-size: 12px;
	color: #444;
}
.report-header-title .left,
.report-header-title .right {
	font-family: Garamond,Georgia,serif;
	font-size: 20px;
	float: left;
	padding-left: 10px;
}
.report-header-title .right {
	float: right;
	font-size: 18px;
	padding-right: 10px;
}
.report-category-holder {
	height: 400px;
}
.report-category-holder > div
{
    float: left;
    height: 400px;
    margin: 0;
    width: 25%;
	overflow: hidden;
}
.report-category-holder .category-1 {
	/*background-color: #006AB0;*/
	
	background: #a3daff; /* Old browsers */
	background: -moz-linear-gradient(top, #a3daff 0%, #307fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3daff), color-stop(100%,#307fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a3daff 0%,#307fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a3daff 0%,#307fff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a3daff 0%,#307fff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a3daff 0%,#307fff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3daff', endColorstr='#307fff',GradientType=0 ); /* IE6-9 */
} 
.report-category-holder .category-2 {
	background: #e87f96; /* Old browsers */
	background: -moz-linear-gradient(top, #e87f96 0%, #e94f71 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e87f96), color-stop(100%,#e94f71)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e87f96 0%,#e94f71 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e87f96 0%,#e94f71 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e87f96 0%,#e94f71 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e87f96 0%,#e94f71 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87f96', endColorstr='#e94f71',GradientType=0 ); /* IE6-9 */
}
.report-category-holder .category-3 {
	background: #6ca368; /* Old browsers */
	background: -moz-linear-gradient(top, #6ca368 0%, #38a633 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ca368), color-stop(100%,#38a633)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6ca368 0%,#38a633 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6ca368 0%,#38a633 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6ca368 0%,#38a633 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6ca368 0%,#38a633 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca368', endColorstr='#38a633',GradientType=0 ); /* IE6-9 */
}
.report-category-holder  .category-4 {
    background: #fce5a1; /* Old browsers */
	background: -moz-linear-gradient(top, #fce5a1 0%, #febf01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce5a1), color-stop(100%,#febf01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fce5a1 0%,#febf01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fce5a1 0%,#febf01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fce5a1 0%,#febf01 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fce5a1 0%,#febf01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce5a1', endColorstr='#febf01',GradientType=0 ); /* IE6-9 */
}
.group-report-holder > div{
	width: 50%;
	height: auto;
}
.LegendHolder {
	margin-top: 15px;
}
.report-chart-holder {
	display: block;
	height: 180px;
}
.report-chart-holder > div.chart-wrapper {
	width: 24.4%;
	height: 180px;
	display: inline-block;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.report-chart-holder > div.chart-wrapper > .chart-holder {
	width: 100%;
	height: 180px;
}
.report-chart-holder > div.chart-wrapper .control-image {
	text-align: center;
}

.report-category-holder div .category-title {
	display: block;
    font-family: "Comic Sans MS",cursive,sans-serif;
    font-size: 20px;
    font-weight: bold;
    height: 55px;
    text-align: center;
}
.report-category-holder div .category-score {
	color: #FFFFFF;
    display: block;
    font-family: "Comic Sans MS",cursive,sans-serif;
    font-size: 25px;
    font-weight: bold;
    height: 50px;
    padding-top: 20px;
    text-align: center;
    vertical-align: middle;
}
.report-category-holder div .category-score-extra-desc {
	color: #111111;
    display: block;
    font-size: 9px;
    height: 10px;
    padding-bottom: 2px;
    text-align: center;
    vertical-align: middle;
}
.report-category-holder div .category-desc {
	height: 270px;
    overflow-y: hidden;
    padding: 8px;
    width: 100%;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.report-category-holder div .category-desc .content b {
	font-size: 13px;
}
.report-category-holder div .category-desc p {
	font-family: Garamond,Georgia,serif;
    font-size: 16px;
    text-align: left;
	padding-left: 7px;
	padding-right: 15px;
}
.sub-category-chart-holder .sub-category-chart-sub-holder {
	display: inline-block;
    float: left;
    margin-bottom: 15px;
    margin-top: 20px;
    width: 49.8%;
}
.sub-category-chart-holder .sub-category-chart-sub-holder .sub-category-chart {
	width: 100%;
	height: 270px;
}
.sub-category-chart-holder .sub-category-chart-sub-holder .sub-category-chart-legend {
	background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #999999;
    height: 230px;
    margin: 20px 10px 10px 10px;
    width: 94.9%;
}
.sub-category-chart-holder .sub-category-chart-sub-holder .sub-category-chart-legend p {
	display: block;
	font-size: 12px;
	padding: 10px;
	border-bottom: dahsed 1px #999;
}
.sub-category-chart-holder .sub-category-chart-sub-holder .sub-category-chart-legend p  span.label {
	display: block;
	width: 10%;
	float: left;
	padding-top: 8px;
	font-weight: bold;
}
.sub-category-chart-holder .sub-category-chart-sub-holder .sub-category-chart-legend p  span.label span.color-box {
	width: 10px;
	height: 10px;
	display: block;
	float: left;
}
.sub-category-chart-holder .sub-category-chart-sub-holder .sub-category-chart-legend p  span.desc {
	display: block;
	width: 85%;
	float: left;
	padding-top: 8px;
}
.group-report-holder .group-bar-chart-holder .chart-element {
	background-color: #fff;
}
.group-report-holder .group-bar-chart-holder .jqplot-grid-canvas {
	display: none;
}
.group-report-holder .category-title {
	line-height: 50px;
}
.group-report-holder .category-1 .category-title,
.group-report-holder .category-1 .group-bar-chart-holder {
	/*background-color: #006AB0;*/
	
	background: #a3daff; /* Old browsers */
	background: -moz-linear-gradient(top, #a3daff 0%, #307fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3daff), color-stop(100%,#307fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a3daff 0%,#307fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a3daff 0%,#307fff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a3daff 0%,#307fff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a3daff 0%,#307fff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3daff', endColorstr='#307fff',GradientType=0 ); /* IE6-9 */
} 
.group-report-holder .category-2 .category-title,
.group-report-holder .category-2 .group-bar-chart-holder {
	background: #e87f96; /* Old browsers */
	background: -moz-linear-gradient(top, #e87f96 0%, #e94f71 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e87f96), color-stop(100%,#e94f71)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e87f96 0%,#e94f71 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e87f96 0%,#e94f71 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e87f96 0%,#e94f71 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e87f96 0%,#e94f71 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87f96', endColorstr='#e94f71',GradientType=0 ); /* IE6-9 */
}
.group-report-holder .category-3 .category-title,
.group-report-holder .category-3 .group-bar-chart-holder {
	background: #6ca368; /* Old browsers */
	background: -moz-linear-gradient(top, #6ca368 0%, #38a633 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ca368), color-stop(100%,#38a633)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6ca368 0%,#38a633 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6ca368 0%,#38a633 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6ca368 0%,#38a633 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6ca368 0%,#38a633 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca368', endColorstr='#38a633',GradientType=0 ); /* IE6-9 */
}
.group-report-holder .category-4 .category-title,
.group-report-holder .category-4 .group-bar-chart-holder {
    background: #fce5a1; /* Old browsers */
	background: -moz-linear-gradient(top, #fce5a1 0%, #febf01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce5a1), color-stop(100%,#febf01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fce5a1 0%,#febf01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fce5a1 0%,#febf01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fce5a1 0%,#febf01 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fce5a1 0%,#febf01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce5a1', endColorstr='#febf01',GradientType=0 ); /* IE6-9 */
}
.report-user-profile  {
	font-family: Garamond,Georgia,serif;
	font-size: 13px;
	line-height: 20px;
	clear: both;
	height: 60px;
}
.report-user-profile  span.user-profile {
	float: left;
}
.report-user-profile  span.report-date  {
	float: right;
}
.report-cultural-message {
	font-size: 12px;
}
.report-cultural-message-holder {
	padding: 10px;
}
.report-cultural-message-holder p {
    font-family: Garamond,Georgia,serif;
    font-size: 16px;
    text-align: justify;
}
.report-cultural-message-holder p a {
	color: #0000FF;
    font: inherit;
    text-decoration: none;
}
.report-cultural-message-holder p a:hover {
	text-decoration: underline;
}
.report-cultural-message-holder p  span {
	font-family: Garamond,Georgia,serif;
    font-size: 19px;
	font-weight: bold;
}
.report-control-holder {
	padding: 5px;
	background-color: #e3e3e3;
	height: 40px;
	text-align: center;
}

.report-display-percentile  {
	color: #111111;
    display: block;
    font-size: 9px;
    height: 10px;
    padding-bottom: 2px;
    text-align: center;
    vertical-align: middle;
}

.report-control-holder  input[type='button'] {
	font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    width: 130px;
	
	background: #b2e1ff; /* Old browsers */
	background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b2e1ff 0%,#66b6fc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-9 */
}

.report-control-holder  input[type='button']:hover {
	background: #fefcea; /* Old browsers */
	background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}

.report-item-holder .item-row {
	background-color: #F3F3F3;
    border-bottom: 1px dashed #333333;
    clear: both;
    display: block;
    height: auto;
    margin-top: 10px;
    padding-top: 10px;
	padding-bottom: 10px;
}
.report-item-holder .item-row  * {
	font-family: Garamond,Georgia,serif;
    font-size: 14px;
}

.report-item-holder  .item-row .item-score {
	float: left;
    height: 80px;
    width: 20%;
}

.report-item-holder  .item-row .item-content {
	width: 50%;
	float: left;
	height: auto;
	position: relative;
}

.report-item-holder  .item-row .item-chart {
	width: 30%;
	float: right;
	height: 100px;
	position: relative;
	cursor: pointer;
}

.report-item-holder  .item-row  .item-content .legend-pointer {
	background: none repeat scroll 0 0 #ccc;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    display: inline-block;
    height: 20px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 0;
    width: 20px;
}
.report-item-holder  .item-row .item-score .score-title {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.report-item-holder  .item-row .item-score .score-value {
	text-align: center;
	font-size: 40px;
	color: #cc0000;
}


.report-item-holder  .item-row  .item-content .content-title {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
}

.report-item-holder  .item-row  .item-content .content-desc {
	text-align: justify;
	font-size: 16px;
	font-weight: normal;
}
.report-item-holder  .item-row  .item-content .content-chart {
	display: block;
	padding-top: 5px;
}

.category-1 .report-header-title {
	color: #fff;
	background: #a3daff; /* Old browsers */
	background: -moz-linear-gradient(top, #a3daff 0%, #307fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3daff), color-stop(100%,#307fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a3daff 0%,#307fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a3daff 0%,#307fff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a3daff 0%,#307fff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a3daff 0%,#307fff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3daff', endColorstr='#307fff',GradientType=0 ); /* IE6-9 */
}
.category-2 .report-header-title  {
	color: #fff;
	background: #e87f96; /* Old browsers */
	background: -moz-linear-gradient(top, #e87f96 0%, #e94f71 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e87f96), color-stop(100%,#e94f71)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e87f96 0%,#e94f71 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e87f96 0%,#e94f71 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e87f96 0%,#e94f71 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e87f96 0%,#e94f71 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87f96', endColorstr='#e94f71',GradientType=0 ); /* IE6-9 */
}
.category-3 .report-header-title  {
	color: #fff;
	background: #6ca368; /* Old browsers */
	background: -moz-linear-gradient(top, #6ca368 0%, #38a633 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ca368), color-stop(100%,#38a633)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6ca368 0%,#38a633 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6ca368 0%,#38a633 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6ca368 0%,#38a633 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6ca368 0%,#38a633 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca368', endColorstr='#38a633',GradientType=0 ); /* IE6-9 */
}
.category-4 .report-header-title  {
	color: #fff;
    background: #fce5a1; /* Old browsers */
	background: -moz-linear-gradient(top, #fce5a1 0%, #febf01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce5a1), color-stop(100%,#febf01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fce5a1 0%,#febf01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fce5a1 0%,#febf01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fce5a1 0%,#febf01 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fce5a1 0%,#febf01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce5a1', endColorstr='#febf01',GradientType=0 ); /* IE6-9 */
}

.report-criteria {
	
}
.report-criteria > .criteria-table1 {
	width: 100%;
	margin-bottom: 10px;
	font-size: 12px;
	border: solid 2px #e3e3e3;
}
.report-criteria > .criteria-table1 tr td {
	height: 30px;
	border-top: solid 2px #e3e3e3;
	padding-left:10px;
}
.report-criteria > .criteria-table1 tr th {
	height: 30px;
	font-weight: bold;
	background-color: #e3e3e3;
	text-align: center;
}

.report-criteria > .criteria-table {
	width: 100%;
	margin-bottom: 10px;
}
.report-criteria > .criteria-table {
	height: 25px;
}
.report-criteria > .criteria-table label {
	height: 20px;
	font-size: 13px;
	text-align: left;
}
.report-criteria > .criteria-table .td-organization {
	width: 250px;
}
.report-criteria > .criteria-table .td-organization {
	width: 45%;
}
.report-criteria > .criteria-table .td-group {
	width: 30%;
}
.report-criteria > .criteria-table .td-subGroup  {
	width: 25%;
}
.report-criteria > .criteria-table .td-year {
	width: 20%;
}
.report-criteria > .criteria-table .td-month {
	width: 20%;
}
.report-criteria > .criteria-table .td-day {
	width: 20%;
}
.report-criteria > .criteria-table .td-include {
	width: 40%;
}
.report-criteria > .criteria-table  select{
	width: 90%;
	height: 25px;
}
.report-criteria > div.control {
	background-color: #e3e3e3;
	text-align: right;
	padding: 3px;
}
.report-holder-inner .report-section  #report-attendees {
	height: 250px;
}

.report-holder-inner .report-section .report-attendees-scrolltit table {
	width: 100%;
}
.report-holder-inner .report-section .report-attendees-scrolltit th {
	height: 40px;
	color: #fff;
	font-size: 15px;
	vertical-align: middle;
	background-color: #999;
	text-indent: 5px;
}

.report-holder-inner .report-section .report-attendees-scroll table {
	width: 100%;
}
.report-holder-inner .report-section .report-attendees-scroll td:nth-child(2n) {
	width: 20%;
}
.report-holder-inner .report-section .report-attendees-scroll td:nth-child(2n+1) {
	width: 20%;
}
.report-holder-inner .report-section .report-attendees-scroll td:nth-child(2n+2) {
	width: 60%;
}
.report-holder-inner .report-section .report-attendees-scroll th {
	height: 40px;
	color: #fff;
	font-size: 15px;
	vertical-align: middle;
	background-color: #999;
	text-indent: 5px;
}
.report-holder-inner .report-section .report-attendees-scroll td {
	background-color: #f0f0f0;
	color: #333;
	height: 25px;
	font-size: 14px;
	border-top: solid 3px #fff;
	vertical-align: middle;
	text-indent: 5px;
}
/*EFFECTS*/
.floating-effect {
	margin-top: 15px;
	
	box-shadow:  5px 5px 10px 5px ;
	-moz-box-shadow:  5px 5px 10px 5px ;
	-webkit-box-shadow:  5px 5px 10px 5px ;
}

/*CHART*/
.bar-chart-holder {
	background: none repeat scroll 0 0 #F3F3F3;
    display: block;
    padding: 30px;
    text-align: center;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.bar-chart-holder #Student-Report,
.bar-chart-holder #Report_1,
.bar-chart-holder #Report_2,
.bar-chart-holder #Report_3,
.bar-chart-holder #Report_4 {
	height: 250px;
	width: 100%;
}
.group-bar-chart-holder {
    display: block;
    padding: 10px;
    text-align: center;
	
	clear: both;
    float: left;
    height: 360px;
    width: 100%;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#Student-Report span {
	color: #fff;
	font-size: 12px;
}

.sub-chart {
	width: 800px;
	height: 300px;
}

/*TOOLTIPSY*/
.tooltipsy
{
	width: auto;
	color: #aaa;
	/*height: 20px;*/
	padding: 5px;
	font-size: 12px;
	min-width: 100px;
	text-align: center;
	background-color: #222;
	border: 1px solid #666;
	/*white-space: pre;*/
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*POPUPS*/
.gen-game {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border-radius: 15px 15px 15px 15px;
    color: #999999;
    height: 150px;
    padding-top: 40px;
    /* position: relative; */
    text-align: center;
    width: 150px;
	
	position: fixed;
	top: 40%;
	left: 45%;
	z-index:1234;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.block-results {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border-radius: 15px 15px 15px 15px;
    color: #999999;
    height: 150px;
    padding-top: 40px;
    position: fixed;
    text-align: center;
    width: 300px;
	top:300px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*STATUS BAR*/
.status-bar {
	float: left;
    height: 500px;
    position: fixed;
    top: 40px;
    width: 200px;
	display: none;
	
	background: #d3d3d3; /* Old browsers */
	background: -moz-linear-gradient(top,  #d3d3d3 0%, #f7f7f7 50%, #d3d3d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(50%,#f7f7f7), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d3d3d3 0%,#f7f7f7 50%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d3d3d3 0%,#f7f7f7 50%,#d3d3d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d3d3d3 0%,#f7f7f7 50%,#d3d3d3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d3d3d3 0%,#f7f7f7 50%,#d3d3d3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
}

.status-bar-title {
	color: #fff;
	height: 35px;
	font-size: 14px;
	text-align: left;
	padding-top: 8px;
	text-indent: 10px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	background: #036aaa; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzNmFhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NmI2ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #036aaa 0%, #46b6fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#036aaa), color-stop(100%,#46b6fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #036aaa 0%,#46b6fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #036aaa 0%,#46b6fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #036aaa 0%,#46b6fc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #036aaa 0%,#46b6fc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036aaa', endColorstr='#46b6fc',GradientType=0 ); /* IE6-8 */
}

.status-bar .status-content {
	display: block;
	clear: both;
	position: relative;
}

.status-bar .status-block {
	clear: both;
    margin: 8px 10px 0;
    position: relative;
}

.status-bar .status-block .status-title {
	color: #272626;
    font-size: 12px;
    line-height: 20px;
    position: relative;
}

.status-bar .status-block .status-control-holder {
	display: block;
	height: 20px;
	border-radius: 5px;
	background-color: #c3c3c3;
}

.status-bar .status-block .status-control-holder  .progress-bar {
	clear: both;
    float: left;
    height: 100%;
    text-align: left;
    width: 50%;
	border-radius: 5px;
	
	background: #9dd53a; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-8 */
}

.status-bar .status-block .status-control-holder  .progress-percent {
	color: #FFFFFF;
    font-size: 12px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.status-bar .locked {
	background: url('../img/lock.png') no-repeat right top;
}

.status-bar .status-control {
    bottom: 0;
    float: left;
    height: 40px;
    width: 100%;
	padding: 6px 40px;
    position: absolute;
	background-color: #A3A3A3;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.status-bar .status-control  input[type='button'] {
	border: none;
	height: 25px;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	font-size: 17px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	background: #9dd53a; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-8 */
}

.status-bar .status-control  input[type='button'].disabled {
	color: #333;
	
	background: #fcfff4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2RmZTVkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2JlYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-8 */
}

.status-current-holder {
	bottom: 40px;
    display: block;
    height: 150px;
    position: absolute;
    width: 100%;
}

.status-current-holder .level-title {
	color: #999999;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
}

.status-current-holder .level-value {
	color: #AAAAAA;
    font-size: 83px;
    text-align: center;
}



/* STYLES FOR CONSISTENT DESIGN*/

.content-wrapper {
	width: 800px;
	padding: 10px;
	background-color: #fff;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.content-wrapper-inner {
	width: 100%;
	height: 100%;
	padding: 10px;
	background-color: #f9f9f9;
	border: dashed 1px #f3c352;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.content-wrapper-section {
	display: block;
	clear: both;
	padding: 10px 5px 5px 5px;
	min-height: 200;
}
.content-wrapper-register {
	padding-top: 0px;
}
.content-wrapper-section .section-main-title {   
    clear: both;
    color: #FFFFFF;
    font-family: arial;
    font-size: 17px;
    height: 30px;
    line-height: 29px;
    margin-bottom: 10px;
    padding-left: 10px;
    text-align: left;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	background: #b2e1ff; /* Old browsers */
	background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b2e1ff 0%,#66b6fc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-9 */
}
.content-wrapper-section .section-content {
	
}


/*FORBIDDEN PAGE CONTENT*/
.section-content .forbidden-message {
	text-align: center;
	padding: 30px;
}
.section-content .forbidden-message p {
	color: red;
	font-family: calibri;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	display: block;
	text-align: center;
	padding-bottom: 30px;
}
.section-content .forbidden-message a {
	display: inline-block;
	text-decoration: none;
	border: dashed 1px #00f;
	padding: 5px;
	color: #00f;
	clear: both;
}
.section-content .forbidden-message a:hover {
	border: solid 1px #f00;
}

/*DIV BASED FORMS*/
.content-form {
	padding: 10px 0 0;
}
.content-wrapper-section .information-text {
	font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
    text-align: center;
	display: block;
	widht: 100%;
}
.content-wrapper-section  .confirmation-text {
	color: #052754;
    font-family: verdana;
    font-size: 16px;
    text-align: center;
}
.content-wrapper-section  .spceial-buttons{
	height: 40px;
	padding-top: 10px;
	text-align: center;
}
.content-wrapper-section  .spceial-buttons  input#btnRegister,
.content-wrapper-section  .spceial-buttons  input#btnLogin {
    border: 1px solid #333333;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
	width: 170px;
	text-align: center;
	color: #000;
	
	background: #b2e1ff; /* Old browsers */
	background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b2e1ff 0%,#66b6fc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-9 */
}
.content-form .row {
	clear: both;
    color: #666666;
    display: block;
    font-size: 12px;
    height: 45px;
    width: 100%;
}
.content-form .row .label {
	display: block;
    float: left;
    width: 30%;
	padding-left: 15px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.content-form .row .field {
	display: block;
    float: left;
    width: 70%;
}
.content-form .row .field  input{
	border: 1px solid #CCCCCC;
    height: 25px;
    width: 220px;
}
.content-form .row .field select {
	font-size: 12px;
	color: #666;
	width: 190px;
	height: 28px;
	width: 223px;
}
.section-hot-links
{
	color: #666666;
    font-size: 13px;
    text-align: right;
	padding-bottom: 10px;
}
.control-strip {
	background-color: #e3e3e3;
	text-align: right;
	margin: 5px 0px;
}
.control-strip input {
    border: 0 none;
    color: #FFFFFF;
    font-size: 12px;
    height: 25px;
    text-align: center;
	margin: 3px;
	
	background-color: #4d90fe;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);
	cursor: pointer;
}

/*SPLASH PAGE*/
.splash-content-title {
	clear: both;
    color: #fff;
    font-family: arial, verdana, tahoma;
    font-size: 18px;
    font-weight: normal;
    height: 30px;
    line-height: 28px;
    text-align: left;
	padding-left: 10px;
	margin-bottom: 10px;
	border-radius: 15px 0 15px 0;
	
	background: #b2e1ff; /* Old browsers */
	background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b2e1ff 0%,#66b6fc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-9 */
}

.splash-content-holder {
	background-color: #F3F3F3;
	border: solid 1px #ccc;
    border-radius: 15px 15px 15px 15px;
    font-size: 15px;
    padding: 15px;
}

.splash-content-holder p {
	padding-bottom: 15px;
	text-align: justify;
	color: #00176D;
}

.splash-content-holder  ul {
	margin-left: 0px;
	padding-left: 0px;
}

.splash-content-holder  ul  li {
	padding: 10px;
	font-size: 14px;
	border-bottom: dashed 1px #aaa;
	border-radius: 10px;
	background-color: #fff;
	line-height: 1.5em;
	list-style: none;
	color: #333;
}

.splash-content-holder  ul  li span {
	height: 20px;
	width: 20px;
	color: #000;
	text-align: center;
	line-height: 1.2em;
	display: inline-block;
	border-radius: 10px;
	background-color: #e3e3e3;
}

.splash-content-holder  ul  li:hover span {
	-webkit-box-shadow:  1px 1px 1px 1px;
    box-shadow:  1px 1px 1px 1px ;
}

.splash-content-holder  .signature {
	color: #CC0000;
    font-size: 17px;
    font-style: italic;
    padding-top: 20px;
    text-align: right
}


/*ORGANIZATION MANAGEMENT PAGE*/
#editmodlicenseTable {
	font-size: 12px;
	height: auto !important;
}
.report-holder-inner .user-management-page {
	padding-top: 0px;
}
.export-dialog {
	display: none;
}
.export-dialog-container {
	height: 130px;
	width: 450px;
}
.export-dialog-container .export-lic-title {
	font-size: 15px;
}
.export-dialog-container  .ui-dialog-titlebar {
	font-size: 15px;
}
.export-dialog-container .option-container {
	display: block;
}
.export-dialog-container .export-lic-options {
	display: block;
    float: left;
    padding-top: 10px;
    width: 43.9%;
	padding: 3%;
	height: 110px;
	background-color: #f3f3f3;
}
.export-dialog-container  .panel-right {
	background-color: #f9f9f9;
}
.export-dialog-container  .panel-right  select {
	width: 100%;
	height: 20px;
}
.export-dialog-container .export-lic-options label {
	display: block;
	padding-bottom: 5px;
}
.export-dialog-container  .ui-dialog .ui-dialog-buttonpane {
	padding: 0 0 0 0.4em;
}
.lnk-grid-export {
	display: inline-block;
    line-height: 20px;
    margin-left: 15px;
}

/*COMMON*/
.zeroPadding {
	padding: 0px;
}

/*JQGRID*/
#delmoduserTable, 
#delmodorgTable,
#delmodlicenseTable,
#delmodorgGroupTable {
	font-size: 12px;
}


/*JQUERY UI OVERRIDE*/
#ui-datepicker-div {
	font-size: 12px;
}

.ui-dialog.ui-linechart-holder {
	font-size: 12px;
}

.ui-dialog.ui-linechart-holder #dialog {
	margin: 10px;
}

.ui-widget-content {
	font-size: 12px;
}

.ui-jqdialog-titlebar {
	font-size: 12px;
}

/*JQPLOT*/
.jqplot-data-label {
	color: #fff;
	font-size: 12px;
}

/*theme-table*/
.theme-table {
	border: solid 1px #c3c3c3;
	width: 100%;
}
.theme-table tr td {
	height: 30px;
	padding-left: 5px;
}
.theme-table tr th {
	height: 40px;
}
.theme-table tr td:nth-child(2n) {
	width: 40%;
}
.theme-table tr td:nth-child(2n+1) {
	width: 60%;
}
table.theme-table tr:nth-child(2n) {
    background-color: #FFFFFF;
}
table.theme-table tr:nth-child(2n+1) {
    background-color: #e3e3e3;
}
table.best-performer tr th {
	padding-left: 5px;
}
table.best-performer tr td {
	color: #ffffff;
	height: 50px;
}
table.best-performer tr td:nth-child(1) {
	width: 35%;
}
table.best-performer tr td:nth-child(2) {
	width: 45%;
}
table.best-performer tr td:nth-child(3) {
	width: 20%;
}

/*DASHBOARD TABLE*/
table.dashboard-table {
	width: 100%;
	border: solid 1px #e3e3e3;
}
table.dashboard-table th {
	width: 25%;
	height: 40px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-color: #bbb;
}
table.dashboard-table th span {
	font-size: 10px;
	color: #777;
}
table.dashboard-table td {
	width: 25%;
	color: #c00;
	height: auto;
	font-size: 26px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	vertical-align: middle;
	border-right: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	background-color: #fff;
}

table.dashboard-table-verticle2 {
	width: 100%;
	border: solid 1px #e3e3e3;
	font-size: 12px;
	color: #000000;
}

table.dashboard-table-verticle2 th.title {
	width: 410px;
	height: 30px;
	font-weight: bold;
	vertical-align: left;
	text-align: left;
	background-color: #ccc;
}

table.dashboard-table-verticle2 th span {
	font-size: 10px;
	color: #777;
}
table.dashboard-table-verticle2 td.value {
	width: 300px;
	color: #c00;
	height: auto;
	font-size: 26px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	vertical-align: middle;
	border-right: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	background-color: #fff;
}

table.dashboard-table-verticle td.details-table-td {
	padding-left: 50px;
}

table.dashboard-table-verticle {
	width: 100%;
	border: solid 1px #e3e3e3;
}
table.dashboard-table-verticle th {
	width: 60%;
	height: 40px;
	font-weight: bold;
	vertical-align: left;
	text-align: left;
	background-color: #bbb;
}
table.dashboard-table-verticle th span {
	font-size: 10px;
	color: #777;
}
table.dashboard-table-verticle td {
	width: 40%;
	color: #c00;
	height: auto;
	font-size: 26px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	vertical-align: middle;
	border-right: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	background-color: #fff;
}

/*GROUP REPORT TABS*/
#tabs > ul li, #tabs-performer > ul li{
	height: 40px;
}


#tabs > ul.ui-widget-header, #tabs-performer >  ul.ui-widget-header {
	border-bottom: 0 none;
}

#tabs .row-impr, #tabs-performer  .row-impr{
	border-bottom: 1px dashed #333;
    font-size: 15px;
    height: 20px;
    letter-spacing: 1px;
    padding-top: 15px;
    padding-left: 5px;
}
#tabs .row-impr:hover, #tabs-performer  .row-impr:hover {
	background-color: #f3f3f3;
}
#tabs > ul > li a span > ul > li a span {
	color: #333;
}

#tabs .title, #tabs-performer .title {
	line-height: 30px;
	border-radius: 5px;
	margin-top: 15px;
	padding-left: 10px;
	border: solid 1px #aaa;
	border-top: none 0;
}
#tabs > div, #tabs-performer > div {
	background-color: #f0f0f0;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 0px 5px 10px 5px;
}
#tabs .bg-overall, #tabs-performer .bg-overall {
	line-height: 30px;
	border-radius: 5px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */

}

#tabs .bg-category1, #tabs-performer  .bg-category1 {
	background: #b2e1ff; /* Old browsers */
	background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b2e1ff 0%,#66b6fc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-8 */
}

#tabs  .bg-category2, #tabs-performer  .bg-category2{
	background: #ff7a7c; /* Old browsers */
	background: -moz-linear-gradient(top, #ff7a7c 0%, #e22225 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7a7c), color-stop(100%,#e22225)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff7a7c 0%,#e22225 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff7a7c 0%,#e22225 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff7a7c 0%,#e22225 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff7a7c 0%,#e22225 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7a7c', endColorstr='#e22225',GradientType=0 ); /* IE6-8 */
}

#tabs .bg-category3 , #tabs-performer  .bg-category3{
	background: #46dd56; /* Old browsers */
	background: -moz-linear-gradient(top,  #46dd56 0%, #38c625 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46dd56), color-stop(99%,#38c625)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #46dd56 0%,#38c625 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #46dd56 0%,#38c625 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #46dd56 0%,#38c625 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #46dd56 0%,#38c625 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46dd56', endColorstr='#38c625',GradientType=0 ); /* IE6-8 */

}

#tabs .bg-category4, #tabs-performer  .bg-category4 {
	background: #fdffa5; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdffa5 0%, #f9e52c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdffa5), color-stop(100%,#f9e52c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdffa5 0%,#f9e52c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdffa5 0%,#f9e52c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdffa5 0%,#f9e52c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdffa5 0%,#f9e52c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdffa5', endColorstr='#f9e52c',GradientType=0 ); /* IE6-8 */

}

.tabs-performer-score {
font-size:15px;
color:red;
}

/*AGE WISE CATEGORY REPORT*/
#divAgeWiseReport {
}

#divAgeWiseReport .category {
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}

#divAgeWiseReport .category  .group-info {
	padding: 10px;
	margin-bottom: 10px;
	border: dashed 1px #666;
	font-size: 13px;
	line-height: 25px;
}
#divAgeWiseReport .category  .group-info .group-info-item .title {
	display: inline-block;
	width: 40%;
	height: 25px;
}
#divAgeWiseReport .category  .group-info .group-info-item .value {
	display: inline-block;
	width: 59%;
	height: 25px;
	font-weight: bold;
}
#divAgeWiseReport .category  .group-info .group-info-item {
	background-color: #f0f0f0;
	margin-bottom: 5px;
	border-bottom: solid 1px #fff;
	padding-left: 10px;
}

#divAgeWiseReport .category .category-title {
	background-color: #e3e3e3;
	font-family: arial, tahoma, verdana;
	height: 30px;
	font-size: 18px;
	line-height: 35px;
}

#divAgeWiseReport .group-bar-chart-holder {
	background-color: #e3e3e3;
}


/*JQPLOT*/
.report-section .jqplot-title,
#Student-Report .jqplot-title {
	font-size: 12px;
	color: #333;
}

#btnExportLic {
	cursor: pointer;
	padding: 0px 5px;
}
#btnExportLic:hover {
	background-color: #DDECF7;
	border: solid 1px #79B7E7;
	border-radius: 5px;
}

/* VIDEO POPUP */
.video-popup {
	background-color: #F3F3F3;
    position: absolute;
	display: block;
    height: 360px;
    width: 480px;
    z-index: 200;
}
.video-main-holder {
	width: 100%;
	height: 540px;
	padding: 7px;
	border: solid 1px #bbb;
	background-color: #e7e7e7;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.video-main-holder .video-inner-holder {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	width: 100%;
	height: 100%;
	padding: 5px;
	background-color: #fff;
}
.video-inner-holder h2 {
	text-align: center;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 30px;
	font-weight: noraml;
}
.video-main-holder .video-inner-holder .video-panel {
	background-color: #000;
	width: 100%;
	height: 480px;
	margin: 0px auto;
	text-align: center;
}
.video-main-holder .video-inner-holder .video-gallery-panel {
	background-color: #e3e3e3;
	height: 150px;
	padding: 5px;
	margin-top: 5px;
	
}
.video-main-holder .video-inner-holder .video-panel .video-element {
	height: 400px;
    margin: 0 auto;
}
.video-control-bar {
	background-color: #E9E9E9;
    border: 1px solid #D0D0D0;
    border-radius: 5px 5px 5px 5px;
    display: block;
    margin-top: 5px;
    padding: 5px;
    text-align: right;
}
.video-control-bar input {
	border: 1px solid #3079ed;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #4d90fe;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);
	width: 80px;
	height: 30px;
	text-align: center;
	cursor: pointer;
}
.video-control-bar input:hover {
	text-decoration: underline;
}
.video-panel .jwplayer  span.jwmain {
	display: block;
	margin: 0px auto;
}
.video-panel #video_player {
	display: inline-block;
}
#video_player_logo {
	display: none;
}

/* ECommerce */
.ecommerce {
	background: url(../img/SALES/bg.jpg) repeat left top;
}

.package_border_container {
width: 380px;
display: inline-block;
border: 1px solid #c0c0c0;
margin: -10px;
float: left;
background-color: #FFFFFF;
}

.package_login {
border: 1px solid #828282;
display: block;
}

.package_login_header {
background-color: #999999;
font-size:12px;
font-family: arial;
color: #ffffff;
padding: 8px;
margin: 0px;
}

.package_container {
height: 350px;
padding: 20px;
width: 50%;
margin: 0 auto;
}

.package-item-container {
text-align: left;
line-height: 1.7;
}

.package-item-image-normal-container {
text-align: center;
}

.package-information-text {
	font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
    text-align: left;
	display: block;
	width: 100%;
}

.package-item-title {
font-size:13px;
font-weight: bold;
color: #000000;
text-align:center;
}

.package-item-desc {
font-size:10px;
text-align:center;
}

.package-item-desc-i {
font-size:10px;
font-style: italic;
text-align:center;
}

.package-item-detail-desc-link {
font-size:10px;
text-align:center;
text-decoration: underline;
cursor: pointer;
}

.package-item-price {
display: block;
font-family: "Comic Sans MS",cursive,sans-serif;
font-size: 22px;
font-weight: bold;
height: 55px;
text-align: center;
}

/* Anthony */
.package-bulk-license-info {
float:left;
margin-left:10px;
text-align: left;
font-size: 12px;
font-weight: bold;
}

.package-individual-license-info {
float:left;
margin:2px 8px 8px 35px;
text-align: left;
font-size: 11px;
font-weight: normal;
font-style: italic;
height:20px;
}

.package-individual-license-price {
line-height:100%;
}

.package-individual-license{
font-weight:bold;
margin-left:5px;
float:left;
}

.package-individual-price {
text-align:right;
margin-right:8px;
font-family: "Comic Sans MS",cursive,sans-serif;
font-size: 16px;
font-weight: bold;
}

.package-individual-price1 {
text-align:right;
margin-right:10px;
font-family: "Comic Sans MS",cursive,sans-serif;
font-size: 13px;
font-weight: bold;
float:right;
}

.package-individual-item{
float:left;
margin-left:10px;	
}

.contact-instruction {
float:left;
font-size: 11px;
font-style: italic;
width: 95%;
}

.individual_radio{
float: left;
margin-left:15px;
}

.contact_description{
float: left;
font-family: arial;
margin-left:15px;
text-align: left;
font-size: 13px;	
font-weight: bold;
}

input[type='text'].contactInfo{
float: left;
width: 95%;
}

.contact-message-textarea{
resize: none; 
float: left;
width:95%;
}

.contact-table-header{
height: 40px;
valign: top;	
}

.package-button-submit {
border: 0 none;
color: #FFFFFF;
height: 40px;
width:120px;
text-align: center;
background-color: #4d90fe;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
background-image: linear-gradient(top,#4d90fe,#4787ed);
border-radius: 10px 10px 10px 10px;
margin-top: 15px;
cursor: pointer;
}
/* Anthony */

.package-button {
border: 0 none;
color: #FFFFFF;
font-size: 15px;
height: 25px;
text-align: center;
margin: 3px;
background-color: #4d90fe;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
background-image: linear-gradient(top,#4d90fe,#4787ed);
border-radius: 5px 5px 5px 5px;
cursor: pointer;
}

.package-button-buy {
border: 0 none;
color: #FFFFFF;
font-size: 20px;
height: 40px;
width:90px;
text-align: center;
margin: 15px 0px 5px 0px;
background-color: #4d90fe;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
background-image: linear-gradient(top,#4d90fe,#4787ed);
border-radius: 10px 10px 10px 10px;
cursor: pointer;
}

.package-bulk-license-price {
line-height:200%;
}

.package-bulk-license {
float:left;
margin-left:10px;
}

.package-bulk-price {
float:right;
margin-right:8px;
font-family: "Comic Sans MS",cursive,sans-serif;
font-size: 15px;
font-weight: bold;
}

.package-bulk-price1 {
text-align:right;
margin-right:8px;
font-family: "Comic Sans MS",cursive,sans-serif;
font-size: 15px;
font-weight: bold;
}

.package_bulk_border_container {
width: 700px;
height: 380px;
border: 1px solid #c0c0c0;
margin: -28px 4px 4px -16px;
float: left;
background-color: #FFFFFF;
}

.package_bulk_border_container_column1
{
display: table-cell;
width: 400px;
}

.package_bulk_border_container_column2
{
display: table-cell;
width: 450px;
vertical-align: top;
}

.package-button-buy-bulk{
border: 0 none;
color: #FFFFFF;
font-size: 25px;
height: 40px;
width:120px;
text-align: center;
margin: 3px;
background-color: #4d90fe;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
background-image: linear-gradient(top,#4d90fe,#4787ed);
border-radius: 10px 10px 10px 10px;
}

/*ECommerce Order TABLE*/
.order-table-space {
height: 30px;
}

table.order-table {
	width: 100%;
	border: solid 1px #e3e3e3;
}
table.order-table th {
	width: 20%;
	height: 40px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-color: #bbb;
}
table.order-table th span {
	font-size: 10px;
	color: #777;
}
table.order-table td {
	width: auto;
	color: #c00;
	height: auto;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	text-align: center;
	vertical-align: middle;
	border-right: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	background-color: #fff;
}

#payment-vendors {
	width:100%;
    /* height:150px; */
	float:left;
}

.paypal-div .paypal-button button.large {
padding: 15px 19px;
font-size: 14px;
float:left;
margin-left: 18%;
}

.payment-vendors .paypal-div .paypal-button {
text-align: center;
}

.content-wrapper-section .section-main-title-order {   
    clear: both;
    color: #FFFFFF;
    font-family: arial;
    font-size: 17px;
    height: 30px;
    line-height: 29px;
    margin-bottom: 10px;
    padding-left: 10px;
    text-align: left;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	background: #3CDE14; /* Old browsers */
	background: -moz-linear-gradient(top, #3CDE14 0%, #ACEFAC 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3CDE14), color-stop(100%,#ACEFAC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3CDE14 0%,#ACEFAC 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3CDE14 0%,#ACEFAC 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3CDE14 0%,#ACEFAC 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3CDE14 0%,#ACEFAC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3CDE14', endColorstr='#ACEFAC',GradientType=0 ); /* IE6-9 */
}

.content-wrapper-section .section-main-title-package {   
    clear: both;
    color: #000000;
    font-family: arial;
    font-size: 17px;
    height: 30px;
    line-height: 29px;
    margin-bottom: 10px;
    padding-left: 10px;
    text-align: left;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	background: #FDFFBD; /* Old browsers */
	background: -moz-linear-gradient(top, #FDFFBD 0%, #EFEA60 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFFBD), color-stop(100%,#EFEA60)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FDFFBD 0%,#EFEA60 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FDFFBD 0%,#EFEA60 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FDFFBD 0%,#EFEA60 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FDFFBD 0%,#EFEA60 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFFBD', endColorstr='#EFEA60',GradientType=0 ); /* IE6-9 */
}


.coupon-strip {
	background-color: #e3e3e3;
	margin: 5px 0px;
	color:#0000FF;
	font-weight:bold;
	font-size:15px;
}
.coupon-stripbutton  {
    border: 0 none;
    color: #FFFFFF;
    font-size: 12px;
    height: 25px;
    text-align: center;
	margin: 3px;
	
	background-color: #4d90fe;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);
}

.coupon-table {
	border: 1px solid #e3e3e3;
	background-color: #AFC7C7;
        width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.coupon-table td, #coupon-table th {
	padding: 5px;
	color: #333;
}

.coupon-table thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}

.coupon-table th {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}

.coupon-table td {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align:left;
}

.coupon-table td p {
	line-height:1.5;
}

.content-wrapper-section .section-main-title-heading {   
    clear: both;
    color: #00000;
    font-family: arial;
    font-size: 17px;
    height: 30px;
    line-height: 29px;
    margin-bottom: 10px;
    padding-left: 10px;
    text-align: left;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	background: #b2e1ff; /* Old browsers */
	background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b2e1ff 0%,#66b6fc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-9 */
}

.package_fieldset {
    border-radius: 10px;
    background: #eee;
    margin: 20px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    position: relative;
    border: 2px groove threedface;
}

.package_legend {
    position: absolute;
    top: -2px;
    background: #fff;
    padding: 10px 20px;
    border: 2px groove threedface;
    border-top: none;
    box-shadow: inset 0 -5px 5px rgba(0,0,0,.2);
    text-shadow: 1px 1px 2px rgba(0,0,0,.3);
}

.bulk-order-table {
	border: 1px solid #e3e3e3;
	background-color: #AFC7C7;
    width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.bulk-order-table td, #bulk-order-table th {
	padding: 5px;
	color: #333;
}

.bulk-order-table thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}

.bulk-order-table th {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}

.bulk-order-table td {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align:left;
}

.coupon-table td p {
	line-height:1.5;
}

/*IQ EQ TABLE*/
table.iqeq-table {
	width: 100%;
	border: solid 1px #e3e3e3;
}

.iqeq-table-th1 {
	width: 40%;
	height: 40px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-color: #bbb;
}

.iqeq-table-th2 {
	width: 60%;
	height: 40px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-color: #bbb;
} 

.iqeq-table-td1 {
	width: 40%;
	color: #c00;
	height: auto;
	font-size: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	vertical-align: middle;
	border-right: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	background-color: #fff;
}

.iqeq-table-td2 {
	width: 60%;
	height: auto;
	padding-top: 10px;
	padding: 10px;
	padding-bottom: 10px;
	border-right: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	background-color: #fff;
}

.report-footer-mark {
	text-align: left;
	border-radius: 7px;
	font-size: 14px;
	color: #444;
}
.center-align {
	text-align: center;
}
.tr-anl {
	display: none;
}

table.sq-score-table {
	width: 100%;
	border: solid 1px #e3e3e3;
	border-collapse:collapse; 
	table-layout:fixed; 
}

.sq-score-table-th1 {
	width: 25%;
	height: 50px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-color: #bbb;
}

.sq-score-table-th2 {
	width: 10%;
	height: 50px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-color: #bbb;
}

.sq-score-table-th3 {
	width: 65%;
	height: 50px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-color: #bbb;
	font-family: Montserrat, sans-serif;
  	-webkit-font-smoothing: antialiased;
  	text-rendering: optimizeLegibility;
}

.sq-score-table-th3 .corporate {
	width: 75%;
}

.sq-score-table-td1 {
	width: 25%;
	height: auto;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border-top: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	background-color: #fff;
	word-wrap:break-word;
	font-family: Montserrat, sans-serif;
  	-webkit-font-smoothing: antialiased;
  	text-rendering: optimizeLegibility;
}

.sq-score-table-td2 {
	width: 10%;
	color: #c00;
	height: auto;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	vertical-align: middle;
	border-top: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	background-color: #fff;
	font-family: Montserrat, sans-serif;
  	-webkit-font-smoothing: antialiased;
  	text-rendering: optimizeLegibility;
}

.sq-score-table-td3 {
	width: 65%;
	height: auto;
	padding-top: 10px;
	padding: 10px;
	padding-bottom: 10px;
	border-top: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	background-color: #fff;
	word-wrap:break-word;
	text-align: justify;
	font-family: Montserrat, sans-serif;
  	-webkit-font-smoothing: antialiased;
  	text-rendering: optimizeLegibility;
}

.sq-score-table-td3 .corporate{
	width: 75%;
}

.trial-buy-button{
	font-color:#000;
	border-radius: 5px;
  	padding: 10px 15px;
  	font-size: 14px;
  	text-decoration: none;
  	margin: 20px;
  	position: relative;
  	/* display: inline-block; */
	background-color: #FFFF00;
}

.link{
	color: blue;
	font-size: 14px;
	text-decoration: underline;
	cursor:pointer;
}

.link:hover {
	color: #FFFF00;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

.trial-buy-button:hover {
	background-color: #FFDE29;
	font-color:#fff;
	cursor: pointer;
}

[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
	position: absolute;
	bottom: 0%;
	left: 200%;
	margin-bottom: 5px;
	margin-left: -80px;
	padding: 7px;
	width: 140px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	text-align: left;
	font-size: 14px;
	line-height: 1.2;
	display: block;
    white-space: pre-wrap;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
	position: absolute;
	bottom: 40%;
	left: 110%;
	margin-left: -5px;
	border-right: 5px solid hsla(0, 0%, 20%, 0.9);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	content: " ";
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

/* .paydollar-div .paydollar-button {
text-align: center;
background-image: url(../img/paydollar.jpg);
background-color:yellow;
background-repeat:no-repeat;
width:87px;
height: 53px;
margin-left: 29%;
} */
.paydollar-div .paydollar-button {
text-align: center;
background-image: url(../img/paydollar_button.png);
background-repeat:no-repeat;
width:223px;
height: 50px;
margin-left: 20%;
border:none;
background-color:transparent;
cursor: pointer;
}

.welcome-texts{
	text-align: center;
	font-size: 30px;
	font-family: Impact;
  	color: #fdf402;
  	line-height:50px;
  	text-shadow:
       -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}

.welcome-quickstart{
	text-align: center;
	vertical-align: text-top;
	font-size: 16px;
	font-family: Impact;
  	color: #4c4c4b;
  	line-height:100px;
  	font-size: 20px;
  	line-height:40px;
  	margin-top: 50px;
}

.welcome-quickstart:hover{
	cursor:pointer;
}

.headline{
	text-align: center;
	font-size: 30px;
	font-family: Impact;
  	color: #fdf402;
  	line-height:35px;
  	margin-bottom:10px;
  	text-shadow:
       -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}

.sq-howto-table-headline{
	text-align: left;
	vertical-align: text-top;
	font-size: 20px;
	font-family: Impact;
}

.sq-game-goal-descr{
	height:20px;
	font-size: 16px;
	vertical-align: middle;	
	margin-top: 10px;
}

.howto-table{
	width:100%;
	background:#f2f2f2;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #5c5c5c;
}

.gq-headline-beta{
	display: inline; 
	font-family: "Georgia";
	font-style: italic;
	font-weight: bold;
	padding-left: 5px;
}

.gq-rules-table-headline-row{
	text-align:center;
	height: 40px;
}

.gq-rules-table-td{
	text-align:center;
	vertical-align:top;
}

.td-right-border{
	border-right:  1px solid #5c5c5c;	 
}

.td-left-border{
	border-left:  1px solid #5c5c5c; 
}

.gq-game-headline{
	font-size: 20px;
	font-family: Impact;
	text-align:left;
	display: inline;
}

.gq-game-headline-sub{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;	
	padding-bottom:10px;
	display: inline;
}

.gq-game-mode{
	font-size: 20px;	
	padding-bottom:10px;	
	float: left;
}

.gq-table-rule{
	font-size: 18px;
	font-family: Impact;
	text-align:center;
	padding-top:10px;
}

.gq-table-rule-sub{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	width: 350px;
}

.gq-table-rule-messages{
	width: 200px;
	font-size: 14px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: left;
	padding-left: 30px;
}

.sq-howto-table-td1{
	width:35%;
}

.sq-howto-table-td2{
	vertical-align:top;
	width:65%;
}

.subitems-headline{
  	line-height:50px;
  	position: relative;
	top: 30px;
}

.sq-subitems-table{
	display: inline-block;
	width:100%;
	background-size: 100% 100%;
}

.sq-game-control-item{
	height:30px;
	font-size: 16px;
	line-height:30px;
	margin-top:20px;
}

.gq-game-messages{
	height:30px;
	font-size: 16px;
	line-height:30px;
	margin-top:20px;
}

.gq-game-messages-item{
	margin-top:0px;
}

.control-item-texts{
	padding-left:40px;
	width:250px;
}

.sq-controlitem-image1{
	background: url('../img/icoConfirm.png');	
	width: 30px;
	height: 30px;
	float:left;	
}

.sq-controlitem-image2{
	background: url('../img/icoRotate.png');
	width: 30px;
	height: 30px;
	float:left;	
}

.sq-controlitem-image3{
	background: url('../img/icoFlip.png');
	width: 30px;
	height: 30px;
	float:left;	
}

.sq-controlitem-image4{
	background: url('../img/icoCancel.png');
	width: 30px;
	height: 30px;
	float:left;	
}

.sq-controlitem-image5{
	background: url('../img/icoHint.png');
	width: 30px;
	height: 30px;
	float:left;	
}

.sq-rules-table{
	display: inline-block;
	width:100%;
	margin-top: -20px;
}

.sq-rules-table-row{
	vertical-align: middle;
}

.sq-rules-table-row .rules-texts{
	font-size: 16px;
}

.sq-rules-table-row .rules-btns-arrow{
	background: url('../img/arrow_right.png') no-repeat;
	background-size: 100% 100%;
	width: 20px;
	height: 15px;
	margin-left:5px;
}

.sq-image-margin {
	margin-top:20px;
	margin-left:15px;
}

.sq-gamerule-image1{
	background: url('../img/rule1.png') no-repeat;
	background-size: 100% 100%;
	width: 300px;
	height: 115px;	
}

.sq-gamerule-image2{
	background: url('../img/rule2.png') no-repeat;
	background-size: 100% 100%;
	width: 300px;
	height: 115px;	
}

.gq-gamerule-image1{
	background: url('../img/gq-game-rule1.png') no-repeat;
	background-size: 100% 100%;
	width: 400px;
	height: 160px;	
}

.gq-gamerule-image2{
	background: url('../img/gq-game-rule2.png') no-repeat;
	background-size: 100% 100%;
	width: 400px;
	height: 160px;	
}

.gq-gamerule-image3{
	background: url('../img/gq-game-rule3.png') no-repeat;
	background-size: 100% 100%;
	width: 400px;
	height: 160px;	
}

.rules-btn-center{
	text-align:center;
}

.welcome-btn
{
  text-align: center;
  font-size: 18px;
  font-family: "Nunito", sans-serif;
  position: relative; 
  width: 170px;
  height: 100%;
  color: #FFF;
  overflow: hidden;
  white-space: normal;
  transition: all 0.5s;
  border-radius: 10px;
}

.welcome-btn:hover, .welcome-btn:active 
{
  text-decoration: none;  
  background: #FFF;
  cursor:pointer;
}

.welcome-game-btn{
  top: 15px;
  width: 260px;
  height:35px;
  background: #08366f;
  border: 1px solid #08366f;
  font-family: Verdana,sans-serif;
}
.welcome-game-btn:hover, .welcome-game-btn:active{
	color: #08366f;
	border-color: #08366f;
}

.welcome-sq-btn{
	background: #f62f69;
	border: 1px solid #f62f69;
	top:-350px;
	left:120px;
	opacity: 0;
}

.welcome-sq-btn:hover, .welcome-sq-btn:active{
	color: #f62f69;
  	border-color: #f62f69;
}

.welcome-gq-btn{
	background: #25b872;
	border: 1px solid #25b872;
	top:5px;
	left:215px;
	opacity: 0;
}

.welcome-gq-btn:hover, .welcome-gq-btn:active{
	color: #25b872;
  	border-color: #25b872;
}

.welcome-cq-btn{
	background: #f8963f;
	border: 1px solid #f8963f;
	top:-350px;
	left:310px;
	opacity: 0;
}

.welcome-cq-btn:hover, .welcome-cq-btn:active{
	color: #f8963f;
  	border-color: #f8963f;
}

.browser-table {
  color: #333;
  font-family: sans-serif;
  font-size: .9em;
  font-weight: 300;
  text-align: left;
  line-height: 20px;
  border-spacing: 0;
  border: 1px solid #428bca;
  width: 700px;
  margin: 20px auto;
  border-radius: 3px;
}

.browser-table thead tr:first-child {
	background: #428bca;
	color: #fff;
	border: none;
	padding: 0 15px 0 20px;  
}

.browser-table tr:hover {
	background-color: #f0fbff;
}

.browser-table tr th{
	padding-left: 10px;
}

.browser-table tr td p {
	line-height: 30px;
	height: 30px;
	padding-bottom: 0px;
}

.browser-table td {
	border-bottom: 1px solid #ddd;
	padding-left: 10px;
}

.contact-table {
  color: #333;
  font-family: sans-serif;
  font-size: .9em;
  font-weight: 300;
  text-align: left;
  line-height: 20px;
  border-spacing: 0;
  width: 700px;
  margin: 20px auto;
  border-radius: 3px;
}

.contact-table tr td p {
	line-height: 15px;
	height: 10px;
	padding-bottom: 0px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 50px;
}

.contact-table tr td pre {
	line-height: 15px;
	height: 10px;
	padding-top: 10px;
	padding-left: 0px;
	color: #00176D;
	font-family: sans-serif;
  	font-size: 14px;
  	font-weight: 300;
}

.contact-table tr td p a{
	color:red
}

.contact-table tr td {
	line-height: 20px;
	height: 20px;
}

.contact-table td {
	padding-left: 10px;
}

.contact-table tr td input[type='text'] {
	margin-left: 30px;
	width: 310px;
}

.contact-table tr td textarea{
	margin-left: 30px;
	resize: none; 
	width: 310px;
}

.contact-us-submit {
	text-align: right;
}

.contact-us-submit input[type='button']{
border: 0 none;
color: #FFFFFF;
height: 40px;
width:120px;
text-align: center;
background-color: #4d90fe;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
background-image: linear-gradient(top,#4d90fe,#4787ed);
border-radius: 5px;
cursor: pointer;
}

.arrow_box {
	position: relative;
	border: 1px solid #000000;
	width:100px;
	height:20px;
	margin-top:5px;
	margin-right:20px;
	margin-bottom:12px;
	margin-left:20px;
	background: #75c8f4; /* Old browsers */
	background: -moz-linear-gradient(top, #75c8f4 0%, #4aa5ef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75c8f4), color-stop(100%,#4aa5ef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #75c8f4 0%,#4aa5ef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #75c8f4 0%,#4aa5ef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #75c8f4 0%,#4aa5ef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #75c8f4 0%,#4aa5ef 100%); /* W3C */
	background: linear-gradient(to bottom, #75c8f4 0%,#4aa5ef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c8f4', endColorstr='#4aa5ef',GradientType=0 ); /* IE6-9 */
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-width: 17px;
	margin-top: -17px;
	
	border-left-color: #75c8f4; /* Old browsers */
	border-left-color: -moz-linear-gradient(top, #75c8f4 0%, #4aa5ef 100%); /* FF3.6+ */
	border-left-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75c8f4), color-stop(100%,#4aa5ef)); /* Chrome,Safari4+ */
	border-left-color: -webkit-linear-gradient(top, #75c8f4 0%,#4aa5ef 100%); /* Chrome10+,Safari5.1+ */
	border-left-color: -o-linear-gradient(top, #75c8f4 0%,#4aa5ef 100%); /* Opera 11.10+ */
	border-left-color: -ms-linear-gradient(top, #75c8f4 0%,#4aa5ef 100%); /* IE10+ */
	border-left-color: linear-gradient(to bottom, #75c8f4 0%,#4aa5ef 100%); /* W3C */
	border-left-color: linear-gradient(to bottom, #75c8f4 0%,#4aa5ef 100%); /* W3C */
}
.arrow_box:before {
	border-left-color: #000000;
	border-width: 18px;
	margin-top: -18px;
}
.arrow_box:hover{
	cursor: pointer;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.arrow_box_text {
    color: #FFFF00;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
}
.file-type-icon{
	display:block; 
	width:25px; 
	height:30px; 
	background:#F9F9F9; 
	position:relative; 
	border:1px solid #85A91A; 
	border-radius:2px; 
	box-shadow:inset 1px 1px 0 0 #ffffff, inset -1px -1px 0 0 #ffffff, inset 0 10px 20px -10px rgba(0,0,0,.05);
}

.file-type-icon .corner{
	display:block; 
	position:absolute; 
	top:-1px; 
	right:-1px; 
	width: 0; 
	height: 0; 
	border-left: 10px solid #eeeeee; 
	border-top: 10px solid #ffffff; 
	/*change this color if you want to use it on custom background*/ 
	box-shadow:-1px 1px 0px 0 #85A91A;
}
.file-type-icon .type{
	background:#777; 
	text-align:center; 
	display:block; 
	position:absolute; 
	bottom:2px; 
	left:-2px; 
	height:12px; 
	line-height:12px; 
	font-size:10px; 
	color:#fff; 
	border-radius:1px; 
	width:25px;
}
.file-type-icon .caption{
	display:block; 
	position:absolute;
	bottom:2px; 
	left:5px;
	width:150px;
	margin-left:25px;
	margin-bottom:5px;
	background:transparent;
	font-size:12px;
	color:#000;
	text-decoration:underline;
}

.file-type-icon .caption:hover{
	cursor:pointer;
	color:blue;
}
.file-type-icon .type.txt{background:#F9B142;}
.file-type-icon .type.doc{background:#0088CC;}
.file-type-icon .type.xls{background:#85A91A;}
.file-type-icon .type.pdf{background:#C80000;}

.file-type-icon:hover{
	cursor:pointer;
}

.bulk_btn_plus_minus{
	border: 1px solid #CCCCCC;
	-webkit-box-shadow: #FEFFFF 0px 1px 1px;
	-moz-box-shadow: #FEFFFF 0px 1px 1px;
	box-shadow: #FEFFFF 0px 1px 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	padding: 3px 3px 3px 7px;
	text-decoration: none;
	display: inline-block;
	text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);
	font-weight: bold;
	color: #4A4A4A;
	background-color: #F7F5F6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6),to(#DDDDDD));
	background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);}

.bulk_btn_plus_minus:hover{
 	border: 1px solid #ADADAD;
	background-color: #E0E0E0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0),to(#BDBBBC));
	background-image: -webkit-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -moz-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -ms-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -o-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: linear-gradient(to bottom, #E0E0E0, #BDBBBC);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0, endColorstr=#BDBBBC);
	cursor:pointer;
}
.title-canvas{
	text-align:center;
	height:50px;
	margin-top:-10px;	
}
.global-citizen-image{
	background: url('../img/global_citizen.png');
	background-size: 100% 100%;
	width: 400px;
	height: 400px;
	opacity: 0;
}
.cq-dialog-texts{
	text-align:center;
	font-size:25px;
	color: #FFFF00;
	font-family:Calibri;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.m-home-table{
	padding-top:20px;
	background:#f2f2f2;
	width: 90%;
	height:450px;
}
.m-module{	
	width:300px;	
	margin-top:10px;
	margin-bottom:10px;
	box-shadow: 4px 4px 5px #000000;
	-moz-box-shadow: 4px 4px 5px #000000;
	-ms-transform: rotate(355deg); /* IE 9 */
    -webkit-transform: rotate(355deg); /* Chrome, Safari, Opera */
    transform: rotate(355deg);    
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid black;  
	-webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
}
.m-module-spaceblock{
	background: url('../img/sq_spaceblock.jpg');
	background-size: 100% 100%;
	height:225px;
}
.m-module-sqForm{
	background: url('../img/sq_form.jpg');
	background-size: 100% 100%;
	height:107px;
}
.m-module-intentions{
	background: url('../img/gq_intentions.jpg');
	background-size: 100% 100%;
	width:250px;
	height:218px;
}
.m-module-gqForm{
	background: url('../img/gq_form.jpg');
	background-size: 100% 100%;
	width:250px;
	height:145px;
}
.m-sample-column{
	float:left;
}
.m-module-column{
	font-size:16px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #5c5c5c;
	width:15%;
}
.m-description-column{	
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #5c5c5c;
	padding-left:30px;
	padding-right:20px;
}
.m-desc-define{
	font-size: 25px;
	line-height:35px;
	letter-spacing: -1px;
}
.m-desc-detail{
	font-size: 16px;
	padding: 40px 0px 20px 0px;
	line-height:25px;
}
.m-start-btn{
	text-align:right;
	color: #53acd9;
}
.m-start-btn:hover{
	text-decoration: underline;
	-moz-text-decoration-color: #0088cc; /* Code for Firefox */
    text-decoration-color: #0088cc;
	cursor:pointer;
}
.package-button-field{
	text-align:center;
	font-size:20px;
	display:table;
}