body {
	background-color:#eae9e9;
	margin: 0;
	padding: 0;
}
body.whitebg {

	background-color:#ffffff;
	background-image:none;
	margin:0;
}
.backtoadminpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-decoration:none;
}
.backtoadminpage:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-decoration:underline;
}
.classnametext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000000;
}
.manageaccountext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}
/********************************************************* Used in Password Strength ********************************************************/

#passwordStrength
{
	height:5px;
	display:block;
	float:left;
}

.strength0
{
	width:200px;
	background:#cccccc;
}

.strength1
{
	width:40px;
	background:#ff0000;
}

.strength2
{
	width:80px;	
	background:#ff5f5f;
}

.strength3
{
	width:120px;
	background:#56e500;
}

.strength4
{
	background:#4dcd00;
	width:160px;
}

.strength5
{
	background:#399800;
	width:200px;
}
.statuspwtitle {
  vertical-align: top;
  width: 120px;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}

.passwordtips {
  vertical-align: top;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}

.statuspwrating {
  padding-left: 8px;
  vertical-align: top;
  width: 65px;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
input.textfieldgethelpnext {
  width: 220px;
}
.msgtext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
/*********************************** Add Class Page ***************************************************/
#autogenuser-form label, #autogenuser-form input {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#autogenuser-form input.text {
	width:95%;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#autogenuser-form textarea.text {
	width:95%;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#autogenuser-form fieldset {
	padding:0;
	border:0;
	margin-top:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#autogenuser-form h1 {
	font-size: 1.2em;
	margin: .6em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
.validateTips {
	border: 1px solid transparent;
	padding: 0.3em;
}

#autogenuser-form input.textfield {
   font-family: Arial, Helvetica, sans-serif;
   font-size:13px;
}
#autogenuser-form input.focustextfield {
  border:solid 2px #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#autogenuser-form input.error {
	border: 2px solid red;
	background-color: #ffffd5;
	font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}
#autogenuser-form textarea.textfield {
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#autogenuser-form textarea.focustextfield {
  border:solid 2px #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#autogenuser-form textarea.error {
	border: 2px solid red;
	background-color: #ffffd5;
  	font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}

/*********************************** Add Class Page ***************************************************/
#addclass-form label, #addclass-form input {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#addclass-form input.text {
	width:95%;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#addclass-form textarea.text {
	width:95%;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#addclass-form fieldset {
	padding:0;
	border:0;
	margin-top:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#addclass-form h1 {
	font-size: 1.2em;
	margin: .6em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
.validateTips {
	border: 1px solid transparent;
	padding: 0.3em;
}

#addclass-form input.textfield {
   font-family: Arial, Helvetica, sans-serif;
   font-size:13px;
}
#addclass-form input.focustextfield {
  border:solid 2px #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#addclass-form input.error {
	border: 2px solid red;
	background-color: #ffffd5;
	font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}
#addclass-form textarea.textfield {
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#addclass-form textarea.focustextfield {
  border:solid 2px #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#addclass-form textarea.error {
	border: 2px solid red;
	background-color: #ffffd5;
  	font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}

.classbutton
{
    background: url(themes/ui-darkness/images/ui-bg_glass_20_555555_1x400.png) repeat-x scroll 50% 50% #555555; 
    cursor: pointer;
    display: inline-block;
    margin-right: 0.1em;
    overflow: visible;
    PADDING-RIGHT: 0.5em;	
	PADDING-LEFT: 0.5em;	
	PADDING-BOTTOM: 0.2em;	
	PADDING-TOP: 0.2em;	
    position: relative;
    text-align: center;
    text-decoration: none !important;
	border: 1px solid #666666;
    color: #EEEEEE;
    font-weight: bold;
	font-family: Segoe UI,Arial,sans-serif;
    font-size: 13px;

}
.classbutton:focus
{
    border: 1px solid #999999; 
	background: url(themes/ui-darkness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #666666;
	color: #666666;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.1em;
    overflow: visible;
    PADDING-RIGHT: 0.5em;	
	PADDING-LEFT: 0.5em;	
	PADDING-BOTTOM: 0.2em;	
	PADDING-TOP: 0.2em;	
    position: relative;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold;
	font-family: Segoe UI,Arial,sans-serif;
    font-size: 13px;

}

.usersbutton
{
    background: url(themes/ui-darkness/images/ui-bg_glass_20_555555_1x400.png) repeat-x scroll 50% 50% #555555; 
    cursor: pointer;
    display: inline-block;
    margin-right: 0.1em;
    overflow: visible;
    PADDING-RIGHT: 0.5em;	
	PADDING-LEFT: 0.5em;	
	PADDING-BOTTOM: 0.2em;	
	PADDING-TOP: 0.2em;	
    position: relative;
    text-align: center;
    text-decoration: none !important;
	border: 1px solid #666666;
    color: #EEEEEE;
    font-weight: bold;
	font-family: Segoe UI,Arial,sans-serif;
    font-size: 13px;

}

.usersbutton:focus
{
    border: 1px solid #999999; 
	background: url(themes/ui-darkness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #666666;
	color: #666666;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.1em;
    overflow: visible;
    PADDING-RIGHT: 0.5em;	
	PADDING-LEFT: 0.5em;	
	PADDING-BOTTOM: 0.2em;	
	PADDING-TOP: 0.2em;	
    position: relative;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold;
	font-family: Segoe UI,Arial,sans-serif;
    font-size: 13px;

}

/*********************************** Edit Class Page ***************************************************/
#editclass-form label, #editclass-form input {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#editclass-form input.text {
	width:95%;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#editclass-form textarea.text {
	width:95%;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#editclass-form fieldset {
	padding:0;
	border:0;
	margin-top:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#editclass-form h1 {
	font-size: 1.2em;
	margin: .6em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
.validateTips {
	border: 1px solid transparent;
	padding: 0.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

#editclass-form input.textfield {
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#editclass-form input.focustextfield {
  border:solid 2px #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#editclass-form input.error {
	border: 2px solid red;
	background-color: #ffffd5;
	font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}
#editclass-form textarea.textfield {
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#editclass-form textarea.focustextfield {
  border:solid 2px #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#editclass-form textarea.error {
	border: 2px solid red;
	background-color: #ffffd5;
	font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}
/*********************************** Delete Class Page ***************************************************/
#deleteclass-form label, #deleteclass-form input {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#deleteclass-form input.text {
	width:95%;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#deleteclass-form textarea.text {
	width:95%;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#deleteclass-form fieldset {
	padding:0;
	border:0;
	margin-top:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#deleteclass-form h1 {
	font-size: 1.2em;
	margin: .6em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
.validateTips {
	border: 1px solid transparent;
	padding: 0.3em;
}

#deleteclass-form input.textfield {
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#deleteclass-form input.focustextfield {
  border:solid 2px #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#deleteclass-form input.error {
	border: 2px solid red;
	background-color: #ffffd5;
	font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}
#deleteclass-form textarea.textfield {
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#deleteclass-form textarea.focustextfield {
  border:solid 2px #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
}
#deleteclass-form textarea.error {
	border: 2px solid red;
	background-color: #ffffd5;
	font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}


/*********************************** Question Page  ***************************************************/
.logintext
{
  font-size:11px;
  font-family:Arial;

}
.gentext
{
  font-size:13px;
  font-family:Arial;

}
.gentextbold
{
  font-size:13px;
  font-family:Arial;
  font-weight:bold;

}
.gameimage
{
  width:170px;
  border:0px;
}
#tooltip.pretty {
	border: 2px solid #72b4f3;
	background:#ffffff;
	padding:10px;
	color:#034fad;
	opacity: 1;
	width:600px;
	/*background: url('shadow.png');*/
}
#tooltip.pretty h3 {
	margin-top: 0em;
	margin-bottom: 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#allansform textarea.textfield {
  width: 500px;
  font-size:13px;
  font-family: Arial;
}

.congratxt {
  font-size:13px;
}


/*********************************** Index Page Or Template ***************************************************/

.footer
{
  color:#deefde;
  font-size:12px;
  font-family: Arial;
  
}

.login_form_box {
	width:260px;
	float:left;
	margin-left:9px;
	margin-bottom:9px;
}

.login_form_box #login_form input.txtbox {

    width:250px; 
    height:15px; 
    margin:0;
}

.login_form_box #login_form input.textfield {
  width:250px; 
}
.login_form_box #login_form input.focustextfield {
 width:250px; 
  border:solid 2px #aaaaaa;
}

.login_form_box #login_form label {
  font-size:12px;
  font-weight: bold;
  color: #ffffff;
  font-family:Arial;
}


.login_form_box #login_form label.error {
  font-size:12px;
  font-weight: bold;
  color: #ff0000;
  font-family:Arial;
}

.login_form_box #login_form .inputbox label {padding-bottom:4px; padding-top:4px; padding-right: 2px; height:15px; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
.login_form_box #login_form .login_button { margin-top:15px; padding-bottom:21px; padding-bottom:1.75em;}

.login_form_box #login_form .login_btn{
    cursor:pointer;
	border:solid 1px #666666;
	background:#999999;
	color:#333333;
	width:80px;
	font-weight:bold;
	font-family:Arial;
	height:33px;
	margin:0px;
	
}
.login_form_box #login_form input.error {
	border: 2px solid red;
	background-color: #ffffd5;
}
/**************************************************************************************************************************/
/************************************Admin Page ***************************************************************************/
.admintitle
{	font-size:18px;
	font-weight:bold;
	font-family:Arial;
}
.insert_button { margin-top:10px; padding-bottom:10px; font-family:Arial; font-size:11px;}

.insert_btn{
    cursor:pointer;
	border:solid 1px #999999;
	background:#f7f7f7;
	color:#333333;
	width:150px;
	font-weight:bold;
	font-family:Arial;
	height:25px;
	margin:0px;
	
}
/************************************************************************************************************************/