#validMessage {	height:20px; width:70%; color:#d80000; clear:both; margin:0 auto;}
input[type="text"]#vl_mandatory { display: none; }
.form-group-box input:focus, textarea:focus { border:1px solid #d80000;}

#form_background .form-section select{ border:1px solid #D5D5D5; width:97%;}

#form_background { color:#0000CC; width:100%; margin: 0 auto; float:left;}
.form-section {  color:#000; float:left; width:96%; margin:20px 0; padding:20px; border: #6E6E6E groove; border-radius:20px; background-color:#f5f5f5;}
.form-heading { color:#0080c0; text-align:left; font-size: 20px; font-weight: bold; line-height: 26px;}
.form-group { width:100%; float:left;  padding: 7px 0; background:none;}
.form-group-text { width:32%; text-align:right; float:left; color: rgb(51, 51, 51); font-size: 15px; line-height: 15px;  margin: 6px 10px 4px 0; min-height: 21px;}
.form-group-box { width:64%; float:left; margin: 0 15px 0 0;  color: rgb(102, 102, 102); font-size: 14px;}
.form-group-box2 { width:600px; float: right; margin: 0 15px 0 0;  color: rgb(102, 102, 102); font-size: 14px;}
.form-group-box1{ width: 120px; float:left;}

.form-group-box2 ul.complexlist { margin: 0;}
.form-group-box2 ul.complexlist { list-style: none outside none; padding: 0; }
.form-group-box2 ul.complexlist li {clear: both; color: rgb(102, 102, 102) !important; display: block; font-size: 14px !important; padding: 0; text-indent: 0; line-height: 18px;}
.form-group-box2 ul.complexlist li b { display: inline-block; font-weight: normal; margin-bottom: 12px; width: 260px; }
.form-group-box2 ul.complexlist li label {  display: inline-block !important; text-align: center; vertical-align: top; width: 110px;margin-bottom: 5px; color: rgb(51, 51, 51); font-size: 15px; line-height: 15px; }

.checkbox.mini{min-height:18px;display:block;}
.form-group-box label.checkbox{ font-size:14px;color:rgb(102, 102, 102); margin-bottom: 5px; display: block; min-height: 31px; line-height: 34px;}
.checkbox.semi { float: left!important;  width: 49%!important; }

div.checker { margin-right: 5px;}
div.checker span {  display: inline-block; text-align: center; background-position: 0 -219px;  height: 31px; width: 31px; }
div.checker input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; opacity: 0;}

#cpd_registration_number { width:50%;}
.form-group-footer .checkbox a { font-size:12px;}

.form-submit-button { margin:10px auto; text-align:center; clear:both;}

.form-group-footer .checkbox {  height: 31px;  vertical-align: middle;}
.form-group-footer span { display: block;  float: right; font-size: 13px; width: 276px; line-height:15px;}
.form-group-footer span a { display: block; color:#06F;  float: right; font-size: 13px;  line-height:15px;}

/*------------ccs of login form------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
  width: 935px !important;
  height: 312px !important;
  opacity: 0.8;
}  
.window
{
  top: 95px !important; 
  left: 245px !important; 
  display: none;

}
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog {
  width:424px; 
  height:100px;
  padding:17px;
  background-color:#ffffff;
  border-radius:5px;
 }
 #dialog > span {
    float: left;
    font-size: 16px;
    margin-top: 5%;
    width: 100%;
}

#login-box{ width: 50%; margin: 0 auto; border: #6E6E6E groove; padding: 20px 40px 10px 40px; border-radius: 20px;}
#login-box span{ font-size:18px;}
#login-box p{ padding: 15px 0 5px 0;}
#login-box input[type="submit"]{ padding: 5px 5px 5px 5px;}
#training_portal{ background: url("button_images/training_portal.png"); width:232px; height:32px;}
#stay_here{ background: url("button_images/stay_here.png"); width:186px; height:33px;}

/*------------ccs of company branding tab------------*/

#logo-form span{ margin: 5px 5px 5px 15px; font-size:16px; font-weight:bold;}
#logo-form input[type="file"]{ width: 200px; height: 30px; box-shadow: 4px 4px 10px #000000; padding: 1px 0 30px;}
#logo-form input[type="text"]{ width: 200px; height: 30px; box-shadow: 4px 4px 10px #000000;}
#logo-form input[type="submit"]{ width: 60px; height: 30px; margin-left: 8px;}

#email-form span{ margin: 5px 5px 5px 15px; font-size:16px; font-weight:bold;}
#email-form input[type="email"]{ width: 200px; height: 30px; box-shadow: 4px 4px 10px #000000;}
#email-form input[type="submit"]{ width: 60px; height: 30px; margin-left: 8px;}
#mail-form input[type="text"]{ width: 200px; height: 30px;}
#mail-form textarea{ width: 400px; height: 100px;}
#shortcode_view{background-color:#CCCCCC; padding: 10px 5px 10px 250px; font-size:18px; box-shadow: 4px 4px 10px #000000; margin-bottom: 45px;}

#reset_password_form{ width: 50%; margin: 0 auto;}
#reset-password-table td{ font-size:18px;}
#reset-password-table td input[type="submit"]{ width:65px; padding: 3px; position:relative; bottom:5px;}
#reset-password-table td input[type="email"]{ width:190px; padding:5px 8px 5px 8px;}

/*Registration form table*/
table.hovertable {
	border: 1px groove #6E6E6E;
	font-size:12px;
	color:#000000;
	width:98%;
	border-collapse: separate;  border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;
}

table.hovertable th {
	border-collapse: separate;  border-top-left-radius: 30px; border-top-right-radius: 30px;
	background-color:#5FB2DC;
	padding: 8px;
	font-size:18px;
	color: #ffffff;
	width: 50%;
	border-bottom: 2px groove #6E6E6E;
}

table.hovertable td {
	width: 47%;
	padding: 8px;
	text-align:center;
}

table.vl_edit_table {
	width:100%;
}

.addmorebutton { background-image:url('button_images/image-plus.png'); width:25px; height:25px; position: relative; top:5px;}
.deletethisbutton { background-image:url('button_images/image-minus.png'); width:25px; height:25px;  position: relative; top:5px;}
#addmorepostbtn #cpd_registration_number{ width: 90%;}
#addmorepostbtn #description{ width: 100%;}
#addmorepostbtn .desc-text{ width: 100%;color: #333333; font-size: 14px; line-height: 15px; margin: 10px 0 5px 0; min-height: 21px;}
.form-section .form-text
{	
	color: #333333;
    font-size: 16px;
    margin: 0 auto;
    padding: 10px;
    width: 62%;
}
/*Registration form table*/

/*user profile styles*/
.dashboard-title{ font-size:24px;}
.update > div{width: 100%; float: left; font-size:16px;}
.update > div.personal_details, .update > div.reset_password, .update > div.training_details, .update > div.training_number{width: 97%; float: left; padding:10px 0 0 20px; }
.form-group .form-group-box1 select{ width: 120px;}

#vl_cancelbutton{ display:none;}
#vl_form_background {  width: 100% !important; color: #0000CC;float: left; margin: 0 auto;}
#vl_form_background .form-group{ width: 100%;float: left; padding: 0;}
#vl_form_background .form-group .form-group-text{float: left; text-align: left; width: 30%; margin-left: 0; margin-right: 0;}
#vl_form_background .form-group .form-group-box{float: right; text-align: left; width: 70%; margin-left: 0; margin-right: 0;}

.vl_edit_section input[type="checkbox"], input[type="radio"] { width:25px !important;}
.vl_edit_section #vl_form > select { padding: 4px; width: 100%;}
.vl_edit_section .desc-text{ width: 100%;color: #333333; font-size: 14px; line-height: 15px; margin: 10px 0 5px 0; min-height: 21px;}

#vl_form_background .vl_editbutton_sec #vl_editbutton {
    background-color: #03B4F3;
    border-radius: 15px;
    color: #FFFFFF;
    float: right;
    width: 12%;
	padding: 3px 3px 3px;
}
#vl_form_background .vl_editbutton_sec #vl_cancelbutton {
    background-color: #03B4F3;
    border-radius: 15px;
    color: #FFFFFF;
    float: right;
    width: 14%;
	padding: 3px 3px 3px;
}
#vl_form_background .vl_editbutton_sec #vl_editbutton a{ color:#FFFFFF; padding:15px 15px 15px 20px; background: url('button_images/edit.png') no-repeat scroll 1px rgba(0, 0, 0, 0);}
#vl_form_background .vl_editbutton_sec #vl_cancelbutton a{ color:#FFFFFF;padding:15px 15px 15px 20px; background: url('button_images/edit.png') no-repeat scroll 1px rgba(0, 0, 0, 0);}
#triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 18px solid red; position:relative; bottom:6px;margin-left: 10px; display: none;}
#vl_form_background .form-group .form-group-text-fst
{
	float: left;
	text-align: left;
	width: 30%;
	color: #333333;
	font-size: 15px;
	line-height: 15px;
	min-height: 21px;
	padding-top:2px;
}
#vl_form_background .form-group .form-group-box-fst
{
	float: left;
	text-align: left;
	width: 70%;
	margin-left: 0;
	margin-right: 0;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	min-height: 20px;
	word-wrap: break-word;
}
#vl_form_background .vl_form-section {  color:#000; float:left; width:65%; margin:20px 0; padding: 5px 10px 20px 20px; border:1px #6E6E6E groove; border-radius:13px; background-color:#f5f5f5; height: 130px;}
#vl_form_background .vl_form-section .vl_main_header {
    color: #0080C0;
    float: left;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    width: 30%;
	margin-bottom: 3px;
}
#vl_form_background .vl_form-section .vl_editbutton_sec
{
	width: 68%;
	float:left;
	text-align:right;	
}
#vl_training_portal
{ 
	float:left;
	border: 1px groove #6E6E6E;
	width:30%;
	border-radius: 10px;
	margin-top: 20px;
	margin-left: 1%;
	position:relative;
	background-image:url('button_images/training_portal_big.png');
	height: 155px !important
}

.vl_edit_section
{
	width: 100%;
	margin:0 auto;
	float:left;
	background-color:#F5F5F5;
	border: 1px groove #6E6E6E;
	border-radius:10px;
}
.vl_edit_section .vl_edit_header
{
	width:100%;
	height: 40px;
	background-color:#D2D2D2;
	border-bottom: 1px groove #6E6E6E;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.vl_edit_section .vl_edit_header #vl_header_text
{
	font-size: 14px;
    padding: 10px 0 5px 20px;
    width: 45%;
	float:left;
	color:#000000;	
}
.vl_edit_section .vl_edit_header #vl_header_form
{
	font-size: 14px;
    padding: 5px 0 5px 35px;
    width: 45%;
	float:left;
	color:#000000;	
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_form_heading
{
	margin-top: 5px;
    width: 35%;
	float:left;
	text-align:right;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_form
{
	width: 45%;
	float:left;
	padding-left:15px;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_close
{
	color: #FFFFFF;
    float: left;
    font-size: 16px;
    padding: 5px 5px 5px 15px;
    width: 15%;
	cursor:pointer;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_close #vl_cls_span
{
	float:left;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_close #vl_cls_span a
{
	 background: url('button_images/vl_cross.png') no-repeat scroll 44px rgba(0, 0, 0, 0);
	 color:#FFFFFF;
	 font-weight: bold;
	 padding-right: 30px;
}
.vl_prev_next
{
	width: 97%;
	float:left;
	margin-left: 20px;
	margin-bottom: 20px;
}
.vl_prev_next #vl_previous
{
	width: 85%;
	float:left;
	font-size: 18px;
	text-align: left;
}
.vl_prev_next #vl_next
{
	width: 13%;
	float:left;
	font-size:18px;
	text-align:right;
}
.vl_course_section
{
	background-color: #F5F5F5;
    border: 1px groove #6E6E6E;
    border-radius: 10px;
    float: left;
    font-size: 18px;
    height: 100px;
    margin-bottom: 2pc;
    margin-top: 10px;
    width: 100%;
}
.vl_course_section .vl_course_text
{
	margin-top: 20px;
    text-align: center;
}	
.vl_course_section .vl_course_header
{
	width:100%;
	height: 25px;
	font-size:18px;
	color:#000000;
	background-color:#D2D2D2;
	border-bottom: 2px groove #6E6E6E;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align:center;
	padding-top:5px;
}
/*user profile styles*/

/*reset form styles*/
.vl_security_que_ans{ width:60%; font-size:16px;}
.vl_security_que_ans #vl_question {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
}
.vl_reset_password_div
{
	width: 50%;
	margin: 0 auto;
	font-size: 14px;
	color:#000000;
}
.vl_reset_password_div .vl_rst_header
{
	width: 100%;
	font-size:16px;
	color:#333333;
	margin: 0 auto;
	padding: 10px 0 15px;
}
.vl_reset_password_div #rst_div_frst
{
	width: 100%;
	float:left;
	margin-bottom: 10px;
}
.vl_reset_password_div #rst_div_frst #rst_dec
{
	width:100%;
	float:left;
	margin-top: 3px;
}
.vl_reset_password_div #rst_div_scnd
{
	width: 100%;
	float:left;
	margin-bottom: 10px;
}
.vl_reset_password_div #rst_div_scnd #rst_dec
{
	width:100%;
	float:left;
	margin-top: 3px;
}

/*reset form styles*/

/*header button styles*/
.header-login-button{ float:right; color: #FFF; margin: 0 0 0 120px; position:relative; bottom:15px;}
.header-login-button #vl_register
{
	background: linear-gradient(to bottom, #787878 0%, #303030 48%, #4A4A4A 55%, #4A4A4A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #333333 !important;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #000000;
    float: right;
    font-family: Nexa-Bold;
    font-size: 14px;
    margin: 15px 10px 0 0 !important;
}
.header-login-button #vl_register a {
    background: url("button_images/register-icon.png") no-repeat scroll 15px 7px rgba(0, 0, 0, 0);
    color: #FFFFFF !important;
    display: block !important;
    padding: 6px 15px 6px 37px !important;
}
.header-login-button #vl_login
{
	background: linear-gradient(to bottom, #79D0FF 0%, #0091DF 51%, #22A3E9 56%, #22A3E9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #00649B !important;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #000000;
    float: right;
    font-family: Nexa-Bold;
    font-size: 14px;
    margin-top: 15px;
}
.header-login-button #vl_login a {
    background: url("button_images/log-in_icon.png") no-repeat scroll 15px 8px rgba(0, 0, 0, 0);
    color: #FFFFFF !important;
    display: block !important;
    padding: 6px 15px 6px 32px !important;
}
.header-login-button #vl_dashboard
{
	background: linear-gradient(to bottom, #787878 0%, #303030 48%, #4A4A4A 55%, #4A4A4A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #333333 !important;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #000000;
    float: left;
    font-family: Nexa-Bold;
    font-size: 14px;
    margin: 15px 10px 0 0 !important;
}
.header-login-button #vl_dashboard a {
    background: url("button_images/register-icon.png") no-repeat scroll 15px 7px rgba(0, 0, 0, 0);
    color: #FFFFFF !important;
    display: block !important;
    padding: 6px 15px 6px 37px !important;
}
.header-login-button #vl_logout
{
	background: linear-gradient(to bottom, #79D0FF 0%, #0091DF 51%, #22A3E9 56%, #22A3E9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #00649B !important;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #000000;
    float: right;
    font-family: Nexa-Bold;
    font-size: 14px;
    margin-top: 15px;
}
.header-login-button #vl_logout a {
    background: url("button_images/log-in_icon.png") no-repeat scroll 15px 8px rgba(0, 0, 0, 0);
    color: #FFFFFF !important;
    display: block !important;
    padding: 6px 15px 6px 32px !important;
}
/*header button styles*/

@media screen and (max-width: 400px) { 

.vl_edit_section .form-group{ width: 100%; padding:0px; margin:0px;}
.vl_edit_section .form-group-box { width: 98%; !important;}
.vl_edit_section .form-group-box .vl_registrationPersonDetails{ width: 98%;}
.vl_form-section .form-group-text{ font-size:12px !important;}
.vl_form-section .form-group-box{ font-size:12px !important;}
.vl_form-section .form-group-text-fst{ font-size:12px !important; width:28% !important;}
.vl_form-section .form-group-box-fst{ font-size:12px!important; width: 72% !important; float:right!important;}
.form-group-text { width:100%; text-align: left; float:left;font-size: 15px; }
#vl_form_background{ width: 100%; float:left}
#vl_form_background .vl_form-section .vl_main_header {
    color: #0080C0;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 3px;
    text-align: center;
    width: 100%;
}
#vl_form_background .vl_form-section .vl_editbutton_sec {
    float: left;
    text-align: center;
    width: 100%;
}
#vl_form_background .vl_editbutton_sec #vl_editbutton {
    background-color: #03B4F3;
    border-radius: 15px;
    color: #FFFFFF;
    float: right;
	text-align:center;
    padding: 3px;
    width: 18%;
}
#vl_form_background .vl_editbutton_sec #vl_cancelbutton {
    background-color: #03B4F3;
    border-radius: 15px;
    color: #FFFFFF;
    float: right;
    padding: 3px;
    width: 20%;
}
#vl_form_background .vl_form-section {
    background-color: #F5F5F5;
    border: medium groove #6E6E6E;
    border-radius: 20px;
    color: #000000;
    float: left;
    height: 240px;
    margin: 0;
    padding: 5px;
    width: 96%;
}
#vl_training_portal{ 
	background-color: #FFFFFF!important;
    border: 2px groove #6E6E6E!important;
    border-radius: 10px!important;
    float: left!important;
    margin-left: 0!important;
    margin-top: 10px!important;
	position:relative;
    width: 100%!important;
}
#vl_training_portal img {
    height: 150px !important;
    width: 100%;
}
.vl_edit_section .vl_edit_header {
    background-color: #D2D2D2;
    border-bottom: 2px groove #6E6E6E;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 100px;
    width: 100%;
}
.vl_edit_section .vl_edit_header #vl_header_form {
    color: #000000;
    float: left;
    font-size: 14px;
    padding: 5px 0 0 0;
    width: 100%;
}
.vl_edit_section .vl_edit_header #vl_header_text {
    color: #000000;
    float: left;
	text-align:center;
    font-size: 14px;
	padding: 5px 0 0 0;
    width: 100%;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_form_heading {
    float: left;
    margin: 0px;
    padding: 0 0 0 10px;
    width: 32%;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_form {
    float: left;
    width: 59%;
	padding-left:0px;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_close {
	margin: 8px 0;
    padding: 0px;
    text-align: center;
    width: 100%;
	float:left;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_close #vl_cls_span {
    float: none;
    text-align: center;
}
.update > div.personal_details, .update > div.reset_password, .update > div.training_details, .update > div.training_number {
    float: left;
    padding: 10px 0 0 5px;
    width: 98%;
}
.vl_edit_section .form-group .form-group-box1 select {
    width: 100%;
}
.vl_edit_section .vl_prev_next
{
	width: 100%;
	margin:0 0 5px 0;
	padding:0px;
}
.vl_prev_next #vl_previous {
    float: left;
    font-size: 14px;
    padding: 0 0 0 7px;
    width: 50%;
}
.vl_prev_next #vl_next {
    float: left;
    font-size: 14px;
    padding: 0;
    width: 45%;
}
.vl_course_section {
    font-size: 12px !important;
    height: 110px !important;
	margin-bottom: 3pc;
}
.vl_course_section .vl_course_text {
    margin-top: 10px!important;
    text-align: center!important;
}
.dashboard-title {
    font-size: 16px;
	margin: 20px 0 10px 0;
}

.vl_reset_password_div { width: 100%!important;}
.vl_security_que_ans{ width:100%!important; font-size:14px!important;}
.form-group-text { width:290px; text-align: left; float:left;font-size: 15px; }
.form-group-box1 { float: left; padding-bottom: 6px; width: 116px;}
.form-group-box label.checkbox { line-height: 33px; font-size: 12px;}

.checkbox.semi { width: 50% !important; }
.radio, .checkbox { padding-left: 0; }
.form-group-box2 { width: 100%; margin:0;}
.form-group-box2 ul.complexlist li b { width: 42%; }
.form-group-box2 ul.complexlist li label { width: 16%; font-size: 11px; margin-left: 10px; }
.form-section { padding: 2%; width: 96%; }
.form-group-box2 ul.complexlist li { font-size: 11px !important; }

.form-group-text { width: 100%; font-size: 11px;}
.form-group-box { font-size: 11px; margin: 0; width: 100%;}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { margin-bottom: 0; padding: 0 4px; }

.form-group-footer .checkbox a { font-size: 11px; }
.form-group-footer { width: 100%;}
.form-group-footer .radio input[type="radio"], .checkbox input[type="checkbox"]  { margin: 10px;}
#form_background select, input, textarea, button { width: 98%;}
.form-group { padding: 5px 0 0 0;}
#form_background button, input[type="submit"], input[type="button"], input[type="reset"] {width: 40%; }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { font-size:12px;}

.form-group-footer .checkbox { height: auto; }
.form-group-footer .checkbox p { float: right; width: 75%; }}

@media screen and (min-width: 401px) { 

.vl_edit_section .form-group-box { width: 390px; !important;}
.vl_edit_section .form-group-box .vl_registrationPersonDetails{ width: 98%;}
.vl_form-section .form-group-text{ font-size:14px;}
.vl_form-section .form-group-box{ font-size:14px;}
.vl_form-section .form-group-text-fst{ font-size:14px;}
.vl_form-section .form-group-box-fst{ font-size:14px;}
.form-group-text { width:100%; text-align: left; float:left;font-size: 15px; }
#vl_form_background{ width: 100%; float:left}
	
.form-group-box label.checkbox { line-height: 33px; font-size: 12px;}
.checkbox.semi { width: 50% !important; }
.radio, .checkbox { padding-left: 0; }
.form-group-box2 { width: 30%; margin:0;}
.form-group-box2 ul.complexlist li b { width: 42%; }
.form-group-box2 ul.complexlist li label { width: 27%; }
.form-section { padding: 2%; width: 96%; }
.form-group-box2 ul.complexlist li { font-size: 11px !important; }
.form-group-text { width: 100%; font-size: 11px;}
.form-group-box { font-size: 11px; margin: 0; width: 64%;}
.form-group-footer .checkbox a { font-size: 11px; }
.form-group-footer { width: 60%; margin: 0 auto;}
.form-group { padding: 5px 0 0 0;}
.form-group-footer .checkbox { height: auto; }
.form-group-footer .checkbox p { float: right; width: 75%; }}

@media screen and (min-width: 594px) {

.vl_edit_section .form-group-box { width: 390px; !important;}
.vl_edit_section .form-group-box .vl_registrationPersonDetails{ width: 98%;}
.vl_form-section .form-group-text{ font-size:14px;}
.vl_form-section .form-group-box{ font-size:14px;}
.vl_form-section .form-group-text-fst{ font-size:14px;}
.vl_form-section .form-group-box-fst{ font-size:14px;}
	
.form-group-text { width:30%; text-align: left; float:left;font-size: 12px; }
.form-group-box label.checkbox { line-height: 33px;}
.checkbox.semi { width: 50% !important; }
.radio, .checkbox { padding-left: 0; }
.form-group-box2 { width: 65%; margin:0;}
.form-group-box2 ul.complexlist li b { width: 42%; }
.form-group-box2 ul.complexlist li label { width: 27%; }


#form_background .form-group .form-group-box2 input[type="checkbox"]  { margin-left: 42px;}
#form_background .form-group .form-group-box input[type="checkbox"]  { margin: 10px 0;}

.form-group-footer .checkbox { height: auto; }
.form-group-box2 ul.complexlist li { font-size: 12px !important; }
.form-group-footer .checkbox a { font-size: 12px; }}

@media screen and (min-width: 673px) { 

.vl_edit_section .form-group{ width: 100%; padding:0px; margin:0px;}
.vl_edit_section .form-group-box { width: 64%; !important;}
.vl_edit_section .form-group-box .vl_registrationPersonDetails{ width: 98%;}
.vl_form-section .form-group-text{ font-size:12px !important; width:100%!important;}
.vl_form-section .form-group-box{ font-size:12px !important;}
.vl_form-section .form-group-text-fst{ font-size:12px !important; width:28% !important;}
.vl_form-section .form-group-box-fst{ font-size:12px!important; width: 72% !important; float:right!important;}
.form-group-text { width:100%; text-align: left; float:left;font-size: 15px; }

#vl_form_background{ width: 100%; float:left}
#vl_form_background .form-group .form-group-text{float: left!important; text-align: left!important; width: 30%!important; margin-left: 0!important; margin-right: 0!important;font-size: 14px !important;}
#vl_form_background .form-group .form-group-box{float: right!important; text-align: left!important; width: 70%!important; margin-left: 0!important; margin-right: 0!important;
font-size: 14px !important;}
#vl_form_background .form-group .form-group-text-fst{float: left!important; text-align: left!important; width: 30%!important; margin-left: 0!important; margin-right: 0!important;font-size: 14px !important;}
#vl_form_background .form-group .form-group-box-fst{float: right!important; text-align: left!important; width: 70%!important; margin-left: 0!important; margin-right: 0!important;
font-size: 14px !important;}
#vl_form_background .vl_form-section .vl_main_header {
    color: #0080C0;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 3px;
    text-align: center;
    width: 100%;
}
#vl_form_background .vl_form-section .vl_editbutton_sec {
    float: left;
    text-align: center;
    width: 100%;
}
#vl_form_background .vl_editbutton_sec #vl_editbutton {
    background-color: #03B4F3;
    border-radius: 15px;
    color: #FFFFFF;
    float: right;
	text-align:center;
    padding: 3px;
    width: 10%;
}
#vl_form_background .vl_editbutton_sec #vl_cancelbutton {
    background-color: #03B4F3;
    border-radius: 15px;
    color: #FFFFFF;
    float: right;
    padding: 3px;
    width: 12%;
}
#vl_form_background .vl_form-section {
    background-color: #F5F5F5;
    border: 1px groove #6E6E6E;
    border-radius: 20px;
    color: #000000;
    float: left;
    height: 180px;
    margin: 0;
    padding: 5px;
    width: 98%;
}
#vl_training_portal{ 
	background-color: #FFFFFF!important;
    border: 1px groove #6E6E6E!important;
    border-radius: 10px!important;
    float: left!important;
    margin-left: 0!important;
    margin-top: 10px!important;
	position:relative;
    width: 100%!important;
	margin-bottom:10px;
}
.vl_edit_section .vl_edit_header {
    background-color: #D2D2D2;
    border-bottom: 2px groove #6E6E6E;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 100px;
    width: 100%;
}
.vl_edit_section .vl_edit_header #vl_header_form {
    color: #000000;
    float: left;
    font-size: 14px;
    padding: 5px 0 0 0;
    width: 100%;
}
.vl_edit_section .vl_edit_header #vl_header_text {
    color: #000000;
    float: left;
	text-align:center;
    font-size: 14px;
	padding: 5px 0 0 0;
    width: 100%;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_form_heading {
    float: left;
    margin: 0px;
    padding: 0 0 0 10px;
    width: 32%;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_form {
    float: left;
    width: 59%;
	padding-left:0px;
}

.vl_edit_section .vl_edit_header #vl_header_form #vl_close {
	margin: 8px 0;
    padding: 0px;
    text-align: center;
    width: 100%;
	float:left;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_close #vl_cls_span {
    float: none;
}
.update > div.personal_details, .update > div.reset_password, .update > div.training_details, .update > div.training_number {
    float: left;
    padding: 10px 0 0 5px;
    width: 98%;
}
.vl_edit_section .form-group .form-group-box1 select {
    width: 100%;
	padding:5px;
	font-size:14px;
}
.vl_edit_section .vl_prev_next
{
	width: 100%;
	margin:0 0 5px 0;
	padding:0px;
}
.vl_prev_next #vl_previous {
    float: left;
    font-size: 14px;
    padding: 0 0 0 7px;
    width: 70%;
}
.vl_prev_next #vl_next {
    float: left;
    font-size: 14px;
    padding: 0;
    width: 25%;
}
.vl_course_section {
    font-size: 12px !important;
    height: 110px !important;
	margin-bottom: 3pc;
}
.vl_course_section .vl_course_text {
    margin-top: 10px!important;
    text-align: center!important;
}
.dashboard-title {
    font-size: 16px;
	margin: 20px 0 10px 0;
}

.vl_reset_password_div { width: 50%!important;}
.vl_security_que_ans{ width:60%!important; font-size:14px!important;}
.vl_edit_section .form-group .form-group-box2 input[type="checkbox"]  { margin-left: 42px;}
.vl_edit_section .form-group .form-group-box input[type="checkbox"]  { margin: 10px 0;}

.form-group-text { width:30%; text-align: left; float:left;font-size: 15px; }
.form-group-box label.checkbox { line-height: 33px; font-size: 12px; }
.checkbox.semi { width: 50% !important; }
.radio, .checkbox { padding-left: 0; }
.form-group-box2 { width: 65%; margin:10px 0;}
.form-group-box2 ul.complexlist li b { width: 42%; }
.form-group-box2 ul.complexlist li label { width: 25%; }

.form-group-footer .checkbox { height: auto; }
.form-group-box2 ul.complexlist li { font-size: 13px !important; }
#form_background .form-group-text { width: 28%; font-size: 13px;}
#form_background .form-group-box { margin: 0; width: 68%;}

.form-group-footer .checkbox a { font-size: 13px; }
.form-group-footer .checkbox p {  margin: 0 0 0.7em; max-width: 700px; }
#form_background .form-group .form-group-box2 input[type="checkbox"]  { margin-left: 42px;}
#form_background .form-group .form-group-box input[type="checkbox"]  { margin: 10px 0;}}

@media screen and (min-width: 783px) {

#validMessage {	height:20px; width:70%; color:#d80000; clear:both; margin:0 auto;}
.form-group-box input:focus, textarea:focus { border:1px solid #d80000;}
#form_background input[type="checkbox"], input[type="radio"] { width:16%;}

#form_background { color:#0000CC; width:100%; margin: 0 auto;}
.form-section {  color:#000; float:left; width:96%; margin:20px 0; padding:20px; border: #6E6E6E groove; border-radius:20px; background-color:#f5f5f5;}
.form-heading { color:#0080c0; text-align:left; font-size: 20px; font-weight: bold; line-height: 26px;}
.form-group { width:100%; float:left;  padding: 7px 0; background:none;}
.form-group-text { width: 32%; text-align:right; float:left; color: rgb(51, 51, 51); font-size: 15px; line-height: 15px;  margin: 6px 10px 4px 0; min-height: 21px;}
.form-group-box { width: 64%; float:left; margin: 0 15px 0 0;  color: rgb(102, 102, 102); font-size: 14px;}

.form-group-box2 { width:600px; float: right; margin: 0 15px 0 0;  color: rgb(102, 102, 102); font-size: 14px;}
.form-group-box2 ul.complexlist { margin: 0;}
.form-group-box2 ul.complexlist { list-style: none outside none; padding: 0; }
.form-group-box2 ul.complexlist li {clear: both; color: rgb(102, 102, 102) !important; display: block; font-size: 14px !important; padding: 0; text-indent: 0; line-height: 18px;}
.form-group-box2 ul.complexlist li b { display: inline-block; font-weight: normal; margin-bottom: 12px; width: 260px; }
.form-group-box2 ul.complexlist li label {  display: inline-block !important; text-align: center; vertical-align: top; width: 110px;margin-bottom: 5px; color: rgb(51, 51, 51); font-size: 15px; line-height: 15px; }

.checkbox.mini{min-height:18px;display:block;}
.form-group-box label.checkbox{ font-size:14px;color:rgb(102, 102, 102); margin-bottom: 5px; display: block; min-height: 31px; line-height: 34px;}
.checkbox.semi { float: left!important;  width: 49%!important; }

div.checker { margin-right: 5px;}
div.checker span {  display: inline-block; text-align: center; background-position: 0 -219px;  height: 31px; width: 31px; }
div.checker input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; opacity: 0;}

#cpd_registration_number { width:50%;}
.form-group-footer .checkbox a { font-size:12px;}
.form-submit-button { margin:10px auto; text-align:center; clear:both;}
.form-group-footer .checkbox {  height: 31px;  vertical-align: middle;}
.form-group-footer span { display: block;  float: right; font-size: 13px; width: 276px; line-height:15px;}
.form-group-footer span a { display: block; color:#06F;  float: right; font-size: 13px;  line-height:15px;}

/*------------ccs of login form------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
  width: 935px !important;
  height: 312px !important;
  opacity: 0.8;
}  
.window
{
  top: 95px !important; 
  left: 245px !important; 
  display: none;

}
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog {
  width:424px; 
  height:100px;
  padding:17px;
  background-color:#ffffff;
  border-radius:5px;
 }
 
#login-box{ width: 50%; margin: 0 auto; border: #6E6E6E groove; padding: 20px 40px 10px 40px; border-radius: 20px;}
#login-box span{ font-size:18px;}
#login-box p{ padding: 15px 0 5px 0;}
#login-box input[type="submit"]{ padding: 5px 5px 5px 5px;}

#training_portal{ background: url("button_images/training_portal.png"); width:232px; height:32px;}
#stay_here{ background: url("button_images/stay_here.png"); width:186px; height:33px;}

/*------------ccs of company branding tab------------*/

#logo-form span{ margin: 5px 5px 5px 15px; font-size:16px; font-weight:bold;}
#logo-form input[type="file"]{ width: 200px; height: 30px; box-shadow: 4px 4px 10px #000000; padding: 1px 0 30px;}
#logo-form input[type="text"]{ width: 200px; height: 30px; box-shadow: 4px 4px 10px #000000;}
#logo-form input[type="submit"]{ width: 60px; height: 30px; margin-left: 8px;}

#email-form span{ margin: 5px 5px 5px 15px; font-size:16px; font-weight:bold;}
#email-form input[type="email"]{ width: 200px; height: 30px; box-shadow: 4px 4px 10px #000000;}
#email-form input[type="submit"]{ width: 60px; height: 30px; margin-left: 8px;}
#mail-form input[type="text"]{ width: 200px; height: 30px;}
#mail-form textarea{ width: 400px; height: 100px;}
#shortcode_view{background-color:#CCCCCC; padding: 10px 5px 10px 250px; font-size:18px; box-shadow: 4px 4px 10px #000000; margin-bottom: 45px;}

#reset_password_form{ width: 50%; margin: 0 auto;}
#reset-password-table td{ font-size:18px;}
#reset-password-table td input[type="email"]{ width:190px; padding:5px 8px 5px 8px;}}

@media screen and (min-width: 810px) { 

.dashboard-title{ font-size:24px!important;}
.update > div{width: 100%!important; float: left!important; font-size:16px!important;}
.update > div.personal_details, .update > div.reset_password, .update > div.training_details, .update > div.training_number{width: 97%!important; float: left!important; padding:10px 0 0 20px!important; }
.form-group .form-group-box1 select{ width: 120px!important;}

#vl_cancelbutton{ display:none;}
#vl_form_background {  width: 100% !important; color: #0000CC;float: left!important; margin: 0 auto!important;}
#vl_form_background .form-group{ width: 100%!important;float: left!important; padding: 0!important;background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
#vl_form_background .form-group .form-group-text{float: left!important; text-align: left!important; width: 30%!important; margin-left: 0!important; margin-right: 0!important;font-size: 14px !important;}
#vl_form_background .form-group .form-group-box{float: right!important; text-align: left!important; width: 70%!important; margin-left: 0!important; margin-right: 0!important;
font-size: 14px !important;}

.vl_edit_section input[type="checkbox"], input[type="radio"] {  -moz-appearance: none; width:25px !important; height:25px!important;}
.vl_edit_section .form-group .form-group-box2 input[type="checkbox"]  { margin-left: 42px;}
.vl_edit_section .form-group .form-group-box input[type="checkbox"]  { margin: 5px;}

.vl_edit_section .form-group-box .vl_registrationPersonDetails, #vl_security_que { width: 97%!important; padding: 5px; border:1px solid #d2d2d2;}
.vl_edit_section #vl_form > select { padding: 4px!important; width: 100%!important;}
.vl_edit_section .desc-text{ width: 98%!important;color: #333333; font-size: 14px!important; line-height: 15px!important; margin: 10px 0 5px 0!important; min-height: 21px!important;}

.vl_edit_section .form-group{ width: 100%!important;float: left!important; padding:7px 0!important;background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
.vl_edit_section .form-group .form-group-text{float: left!important; text-align: left!important; width: 30%!important; margin-left: 0!important; margin-right: 0!important;font-size: 14px !important;}
.vl_edit_section .form-group .form-group-box{float: right!important; text-align: left!important; width: 70%!important; margin-left: 0!important; margin-right: 0!important;
font-size: 14px !important;}

#vl_form_background .vl_editbutton_sec #vl_editbutton {
    background-color: #03B4F3;
    border-radius: 15px;
    color: #FFFFFF;
    float: right!important;
    width: 12%!important;
	padding: 3px 3px 3px!important;
}
#vl_form_background .vl_editbutton_sec #vl_cancelbutton {
    background-color: #03B4F3;
    border-radius: 15px;
    color: #FFFFFF;
    float: right;
    width: 14%!important;
	padding: 3px 3px 3px!important;
}
#vl_form_background .vl_editbutton_sec #vl_editbutton a{ color:#FFFFFF; padding:15px 15px 15px 22px!important; background: url('button_images/edit.png') no-repeat scroll 5px rgba(0, 0, 0, 0);}
#vl_form_background .vl_editbutton_sec #vl_cancelbutton a{ color:#FFFFFF;padding:15px 15px 15px 22px!important; background: url('button_images/edit.png') no-repeat scroll 5px rgba(0, 0, 0, 0);}
#triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 18px solid red; position:relative; bottom:6px;margin-left: 30px; display: none;}
#vl_form_background .form-group .form-group-text-fst
{
	float: left!important;
	text-align: left!important;
	width: 30%!important;
	color: #333333;
	font-size: 15px!important;
	line-height: 15px!important;
	min-height: 21px!important;
	padding-top:2px!important;
}
#vl_form_background .form-group .form-group-box-fst
{
	float: left!important;
	text-align: left!important;
	width: 70%!important;
	margin-left: 0!important;
	margin-right: 0!important;
	color: #666666!important;
	font-size: 14px!important;
	line-height: 20px!important;
	min-height: 20px!important;
	word-wrap: break-word;
}
#vl_form_background .vl_form-section {  color:#000; float:left!important; width:65%!important; margin:20px 0!important; padding: 5px 10px 20px 20px!important; border:1px #6E6E6E groove; border-radius:13px; background-color:#f5f5f5; height: 130px!important;}
#vl_form_background .vl_form-section .vl_main_header {
    color: #0080C0;
    float: left!important;
    font-size: 20px!important;
    font-weight: bold!important;
    text-align: left!important;
    width: 30%!important;
	margin-bottom: 3px!important;
	padding-top:5px!important;
}
#vl_form_background .vl_form-section .vl_editbutton_sec
{
	width: 70%!important;
	float:left!important;
	text-align:right!important;	
	padding-top:5px!important;
}
#vl_training_portal
{ 
	float:left!important;
	border: 1px groove #6E6E6E;
	width:30%!important;
	border-radius: 10px;
	margin-top: 20px!important;
	margin-left: 1%!important;
	position:relative!important;
	background-image:url('button_images/training_portal_big.png');
	height: 155px !important
}

.vl_edit_section
{
	width: 100%!important;
	margin:0 auto!important;
	float:left!important;
	background-color:#F5F5F5;
	border: 1px groove #6E6E6E;
	border-radius:10px;
}
.vl_edit_section .vl_edit_header
{
	width:100%!important;
	height: 40px!important;
	background-color:#D2D2D2;
	border-bottom: 1px groove #6E6E6E;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.vl_edit_section .vl_edit_header #vl_header_text
{
	font-size: 14px!important;
    padding: 10px 0 5px 20px!important;
    width: 45%!important;
	float:left!important;
	color:#000000;
	text-align:left!important;	
}
.vl_edit_section .vl_edit_header #vl_header_form
{
	font-size: 14px!important;
    padding: 5px 0 5px 35px!important;
    width: 49%!important;
	float:left!important;
	color:#000000;	
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_form_heading
{
	margin-top: 5px!important;
    width: 30%!important;
	float:left!important;
	text-align:right!important;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_form
{
	width: 45%!important;
	float:left!important;
	padding-left:15px!important;
}
.vl_edit_section .vl_edit_header #vl_header_form #vl_close
{
	color: #FFFFFF!important;
    float: left!important;
    font-size: 16px!important;
    padding: 5px 5px 5px 15px!important;
    width: 13%!important;
	cursor:pointer;
	margin:0px !important;
}
.vl_prev_next
{
	width: 97%!important;
	float:left!important;
	margin-left: 20px!important;
	margin-bottom: 10px!important;
}
.vl_prev_next #vl_previous
{
	width: 83%!important;
	float:left!important;
	font-size: 18px!important;
	text-align: left!important;
	cursor:pointer;
}
.vl_prev_next #vl_next
{
	width: 15%!important;
	float:left!important;
	font-size:18px!important;
	text-align:right!important;
	cursor:pointer;
}
.vl_course_section
{
	background-color: #F5F5F5;
    border: 1px groove #6E6E6E;
    border-radius: 10px;
    float: left!important;
    font-size: 18px!important;
    height: 100px!important;
    margin-bottom: 2pc!important;
    margin-top: 10px!important;
    width: 100%!important;
    display: none;
}
.vl_course_section .vl_course_text
{
	margin-top: 20px!important;
    text-align: center!important;
}	
.vl_course_section .vl_course_header
{
	width:100%!important;
	height: 25px!important;
	font-size:18px!important;
	color:#000000!important;
	background-color:#D2D2D2;
	border-bottom: 1px groove #6E6E6E;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align:center;
	padding-top:5px!important;
}

#validMessage {	height:20px; width:70%; color:#d80000; clear:both; margin:0 auto;}

.form-group-box input:focus, textarea:focus { border:1px solid #d80000;}
#form_background { color:#0000CC; width:100%; margin: 0 auto;}
.form-section {  color:#000; float:left; width:96%; margin:20px 0; padding:20px; border: #6E6E6E groove; border-radius:20px; background-color:#f5f5f5;}
.form-heading { color:#0080c0; text-align:left; font-size: 20px; font-weight: bold; line-height: 26px;}
.form-group { width:100%; float:left;  padding: 7px 0; background:none;}
.form-group-text { width:32%; text-align:right; float:left; color: rgb(51, 51, 51); font-size: 15px; line-height: 15px;  margin: 6px 10px 4px 0; min-height: 21px;}
.form-group-box { width:64%; float:left; margin: 0 15px 0 0;  color: rgb(102, 102, 102); font-size: 14px;}
.form-group-box2 { width:68%; float: right; margin: 5px 0;  color: rgb(102, 102, 102); font-size: 14px;}


.form-group-box2 ul.complexlist { margin: 0;}
.form-group-box2 ul.complexlist { list-style: none outside none; padding: 0; }
.form-group-box2 ul.complexlist li { clear: both; color: rgb(102, 102, 102) !important; display: block; font-size: 14px !important; padding: 0; text-indent: 0; line-height: 18px;}
.form-group-box2 ul.complexlist li b { display: inline-block; font-weight: normal; margin-bottom: 12px; width: 260px; }
.form-group-box2 ul.complexlist li label {  display: inline-block !important; text-align: center; vertical-align: top; width: 110px;margin-bottom: 5px; color: rgb(51, 51, 51); font-size: 15px; line-height: 15px; }

.checkbox.mini{min-height:18px;display:block;}
.form-group-box label.checkbox{ font-size:14px;color:rgb(102, 102, 102); margin-bottom: 5px; display: block; min-height: 31px; line-height: 34px;}
.checkbox.semi { float: left!important;  width: 49%!important; }

div.checker { margin-right: 5px;}
div.checker span {  display: inline-block; text-align: center; background-position: 0 -219px;  height: 31px; width: 31px; }
div.checker input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; opacity: 0;}

#cpd_registration_number { width:50%;}
.form-group-footer .checkbox a { font-size:12px;}
.form-submit-button { margin:10px auto; text-align:center; clear:both;}
.form-group-footer .checkbox {  height: 31px;  vertical-align: middle;}
.form-group-footer span { display: block;  float: right; font-size: 13px; width: 276px; line-height:15px;}
.form-group-footer span a { display: block; color:#06F;  float: right; font-size: 13px;  line-height:15px;}
#form_background .form-group .form-group-box2 input[type="checkbox"]  { margin-left: 42px;}
#form_background .form-group .form-group-box input[type="checkbox"]  { margin: 5px;}
/*------------ccs of login form------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
  width: 935px !important;
  height: 312px !important;
  opacity: 0.8;
}  
.window
{
  top: 95px !important; 
  left: 245px !important; 
  display: none;

}
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog {
  width:424px; 
  height:100px;
  padding:17px;
  background-color:#ffffff;
  border-radius:5px;
 }
 
#login-box{ width: 50%; margin: 0 auto; border: #6E6E6E groove; padding: 20px 40px 10px 40px; border-radius: 20px;}
#login-box span{ font-size:18px;}
#login-box p{ padding: 15px 0 5px 0;}
#login-box input[type="submit"]{ padding: 5px 5px 5px 5px;}
#training_portal{ background: url("button_images/training_portal.png"); width:232px; height:32px;}
#stay_here{ background: url("button_images/stay_here.png"); width:186px; height:33px;}

/*------------ccs of company branding tab------------*/

#logo-form span{ margin: 5px 5px 5px 15px; font-size:16px; font-weight:bold;}
#logo-form input[type="file"]{ width: 200px; height: 30px; box-shadow: 4px 4px 10px #000000; padding: 1px 0 30px;}
#logo-form input[type="text"]{ width: 200px; height: 30px; box-shadow: 4px 4px 10px #000000;}
#logo-form input[type="submit"]{ width: 60px; height: 30px; margin-left: 8px;}

#email-form span{ margin: 5px 5px 5px 15px; font-size:16px; font-weight:bold;}
#email-form input[type="email"]{ width: 200px; height: 30px; box-shadow: 4px 4px 10px #000000;}
#email-form input[type="submit"]{ width: 60px; height: 30px; margin-left: 8px;}
#mail-form input[type="text"]{ width: 200px; height: 30px;}
#mail-form textarea{ width: 400px; height: 100px;}
#shortcode_view{background-color:#CCCCCC; padding: 10px 5px 10px 250px; font-size:18px; box-shadow: 4px 4px 10px #000000; margin-bottom: 45px;}

#reset_password_form{ width: 50%; margin: 0 auto;}
#reset-password-table td{ font-size:18px;}
#reset-password-table td input[type="email"]{ width:190px; padding:5px 8px 5px 8px;}}

@media screen and (min-width: 846px) { 

#validMessage {	height:20px; width:70%!important; color:#d80000; clear:both; margin:0 auto; padding-left:30%; font-size:16px;}

.form-group-box input:focus, textarea:focus { border:1px solid #d80000;}
#form_background .form-group-box select{width: 98%;height: 30px; background: none repeat scroll 0 0 #ffffff; border: 1px medium #d2d2d2; padding:3px;}
#form_background input[type="checkbox"], input[type="radio"] {  -moz-appearance: none; width:25px; height:25px;}
#form_background .form-group-box input[type="checkbox"], input[type="radio"]{ margin: 5px;}

#form_background { color:#0000CC; width:100%; margin: 0 auto; float:left;}
#form_background .form-section {  color:#000; float:left; width:96%; margin:20px 0; padding:20px; border: #6E6E6E groove; border-radius:20px; background-color:#f5f5f5;}
#form_background .form-heading { color:#0080c0; text-align:left; font-size: 20px; font-weight: bold; line-height: 26px;}
#form_background .form-group { width:100%; float:left;  padding: 7px 0; background:none;}
#form_background .form-group-text{width:32%; text-align:right; float:left; color: rgb(51, 51, 51); font-size: 15px; line-height: 15px;  margin: 6px 10px 4px 0; min-height: 21px;}
#form_background .form-group-box { width:64%; float:left; margin: 0 15px 0 0;  color: rgb(102, 102, 102); font-size: 14px;}
#form_background .form-group-box2 { width:60%; float: right; margin: 7px 0;  color: rgb(102, 102, 102); font-size: 14px;}
.form-group-box .mltplinpt{ width: 290px !important}

.form-group-box2 ul.complexlist { margin: 0;}
.form-group-box2 ul.complexlist { list-style: none outside none; padding: 0; }
.form-group-box2 ul.complexlist li { clear: both; color: rgb(102, 102, 102) !important; display: block; font-size: 14px !important; padding: 0; text-indent: 0; line-height: 18px;}
.form-group-box2 ul.complexlist li b { display: inline-block; font-weight: normal; margin-bottom: 12px; width: 260px; }
.form-group-box2 ul.complexlist li label {  display: inline-block !important; text-align: center; vertical-align: top; width: 110px;margin-bottom: 5px; color: rgb(51, 51, 51); font-size: 15px; line-height: 15px; }

.checkbox.mini{min-height:18px;display:block;}
.form-group-box label.checkbox{ font-size:14px;color:rgb(102, 102, 102); margin-bottom: 5px; display: block; min-height: 31px; line-height: 34px; width: 25%!important}
.checkbox.semi { float: left!important;  width: 49%!important; }

div.checker { margin-right: 5px;}
div.checker span {  display: inline-block; text-align: center; background-position: 0 -219px;  height: 31px; width: 31px; }
div.checker input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; opacity: 0;}

#cpd_registration_number { width:95%;}
.form-group-footer .checkbox a { font-size:14px;}
.form-group-footer { margin: 0 auto; width: 40%;}

.form-submit-button { margin:10px auto; text-align:center; clear:both;}
.form-group-footer .checkbox {  height: 31px;  vertical-align: middle;}
.form-group-footer span { display: block;  float: right; font-size: 13px; width: 276px; line-height:15px;}
.form-group-footer span a { display: block; color:#06F;  float: right; font-size: 13px;  line-height:15px;}

/*------------ccs of login form------------*/
#mask {
  position:absolute;
  left:0;
  top:237px;
  z-index:9000;
  background-color:#000;
  display:none;
  width: 935px !important;
  height: 312px !important;
  opacity: 0.8;
}  
.window
{
  top: 320px !important; 
  left: 245px !important; 
  display: none;

}
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog {
  width:424px; 
  height:100px;
  padding:17px;
  background-color:#ffffff;
  border-radius:5px;
 }
 
#login-box{ width: 50%; margin: 0 auto; border: #6E6E6E groove; padding: 20px 40px 10px 40px; border-radius: 20px;}
#login-box span{ font-size:18px;}
#login-box p{ padding: 15px 0 5px 0;}
#login-box input[type="submit"]{ padding: 5px 5px 5px 5px;}
#training_portal{ background: url("button_images/training_portal.png"); width:232px; height:32px;}
#stay_here{ background: url("button_images/stay_here.png"); width:186px; height:33px;}

/*------------ccs of company branding tab------------*/

#logo-form span{ margin: 5px 5px 5px 15px; font-size:16px; font-weight:bold;}
#logo-form input[type="file"]{ width: 200px; height: 30px; box-shadow: 4px 4px 10px #000000; padding: 1px 0 30px;}
#logo-form input[type="text"]{ width: 200px; height: 30px; box-shadow: 4px 4px 10px #000000;}
#logo-form input[type="submit"]{ width: 60px; height: 30px; margin-left: 8px;}

#email-form span{ margin: 5px 5px 5px 15px; font-size:16px; font-weight:bold;}
#email-form input[type="email"]{ width: 200px; height: 30px; box-shadow: 4px 4px 10px #000000;}
#email-form input[type="submit"]{ width: 60px; height: 30px; margin-left: 8px;}
#mail-form input[type="text"]{ width: 200px; height: 30px;}
#mail-form textarea{ width: 400px; height: 100px;}
#shortcode_view{background-color:#CCCCCC; padding: 10px 5px 10px 250px; font-size:18px; box-shadow: 4px 4px 10px #000000; margin-bottom: 45px;}

#reset_password_form{ width: 50%; margin: 0 auto;}
#reset-password-table td{ font-size:18px;}
#reset-password-table td input[type="email"]{ width:190px; padding:5px 8px 5px 8px;}}