html, body {    width: 100%;    height: 100%;}
/*Bootstrap-overlay*/

body {
 overflow-x: hidden;
 margin-top: -10px;  font-family: 'Open Sans', sans-serif; font-size:12px; color:#666;
}
a{color:#666;}
a:hover, a:focus {
 text-decoration: none; color:#2f96b4;
}
.hlink-button,.hlink-button a    {
    text-decoration: underline; color:#4cb0cd; font-style:italic;line-height:30px;
}
.dropdown-menu .divider{ margin:4px 0px;}
.dropdown-menu{ min-width:180px;}
.dropdown-menu > li > a{ padding:3px 10px; color:#666; font-size:12px;}
.dropdown-menu > li > a i{ padding-right:3px;}
.userphoto img{ width:19px; height:19px;}
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, .label, .dropdown-menu, .btn, .well, .progress, .table-bordered, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .alert{ border-radius:0px;}
.btn, 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{ box-shadow:none;}
.progress, .progress-success .bar, .progress .bar-success, .progress-warning .bar, .progress .bar-warning, .progress-danger .bar, .progress .bar-danger, .progress-info .bar, .progress .bar-info, .btn, .btn-primary{background-image:none;}
.accordion-heading h5{ width:70%; }
.form-horizontal .form-actions{ padding-left:20px; }
.form-horizontal .form-actions-buttons{ padding-left:20px; }
#footer{ padding:10px; text-align:center;}
hr{ border-top-color:#dadada;}
.carousel{ margin-bottom:0px;}
.fl { float:left}
.fr {float:right}
.label-important, .badge-important{ background:#f74d4d;}
.btnLogin {
    border-radius: 50px; 
-moz-border-radius: 50px; 
-webkit-border-radius: 50px; 
border: 0px solid #5bb75b;
background-color:#5bb75b;
padding:5px;
text-align:center;
color:#ffffff;
width:120px !important;
}
/*Metro Background color class*/
.bg_lb{ background:#27a9e3;}
.bg_db{ background:#2295c9;}
.bg_lg{ background:#b7181a;}
.bg_dg{ background:#28b779;}
.bg_ly{ background:#ffb848;}
.bg_dy{ background:#da9628;}
.bg_ls{ background:#2255a4;}
.bg_lo{ background:#da542e;}
.bg_lr{ background:#f74d4d;}
.bg_lv{ background:#603bbc;}
.bg_lh{ background:#b6b3b3;}
.bg_dh{ background:#909090;}
.bg_lhlogin{ background:#eff0f1;}

body { background-color:#fff;    padding: 0;    /* margin-top:10%; */ }
/* #logo, #loginbox {    width: 32%;    margin-left: auto;    margin-right: auto;    position: relative;} */
#logo, #loginbox {    /* width: 50%;     margin-left: auto;    margin-right: auto; */    position: relative;}
#logo img {  margin: 0 auto;    display: block;}
#loginbox { overflow: hidden !important;    text-align: left;    position: relative; padding:60px 0px 40px 0px; }
#loginbox form{ width:100%; /*background:#fcfcfc;*/ position:relative; top:0; left:0; }
#loginbox .form-actions { padding: 14px 20px 15px;}
#loginbox .form-actions-buttons{ padding: 0px 20px 15px;}
#loginbox .form-actions .pull-left { margin-top:0px;}
#loginbox .form-actions-buttons .pull-left { margin-top:0px;}
#loginbox form#frmRegistration form#wfmChangePassword form#wfmLoginInternal form#wfmLoginExternal form#wfmForgotUserID form#wfmResetPassword form#wfmSelectEmployer { z-index: 200; display:block;}/* default loginform id changed to as per the development id wfmLoginInternal*/
#loginbox form#recoverform { z-index: 100;     display:none;}
#loginbox form#recoverform .form-actions {    margin-top: 10px;}
#loginbox form#recoverform .form-actions-buttons {    margin-top: 10px;}
#loginbox .main_input_box { margin:0 auto; text-align:left; font-size:13px;}
#loginbox .main_input_box .add-on{  padding:9px 9px; *line-height:31px; color:#fff;  width:30px; display:inline-block; text-align:center; }
#loginbox .main_input_box input{ height:28px; border:0px; display:inline-block; /**/width:300px; line-height:28px;  margin-bottom:3px; border:1px solid #cdcfd2; }
#loginbox .controls{ padding:0 0px 0 0px;}
/* #loginbox .control-group{ padding:15px 0; margin-bottomcenter:0px;} */
#loginbox .control-group{ padding:0px; margin-bottomcenter:0px;}
.form-vertical, .form-actions {  margin-bottom: 0; background:none; /*border-top:1px solid #cdcfd2;*/ }
.form-vertical, .form-actions-buttons{  margin-bottom: 0; background:none; /*border-top:1px solid #cdcfd2;*/ }
#loginbox .normal_text{ padding:15px 10px; /*text-align:;*/ font-size:14px; line-height:20px; /*background:#fff;*/ color:#fff; }
#loginbox .error_text{ padding:15px 10px; /*text-align:;*/ font-size:14px; line-height:20px; /*background:#fff;*/ color:#f00; }
@media (max-width:800px){
#logo { width: 60%; }
#loginbox{ width:80%}
}
@media (max-width: 480px){
#logo { width: 40%; }
#loginbox{ width:90%}
#loginbox .control-group{ padding:8px 0; margin-bottom:0px;}
}

.box-type-login {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  min-height: 525px;
}
.box-type-login:before {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  /*top: 0;*/
  top:-45%;
  bottom: 0;
  height: 325px;
  max-height: 100%;
  width: 100%;
  border-top:1px solid #cdcfd2;
  border-bottom:1px solid #cdcfd2;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(20deg, #fcfcfc, #fcfcfc);
  background-image: linear-gradient(20deg, #fcfcfc, #fcfcfc);
  /*background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(20deg, #ffffff, #999999);
  background-image: linear-gradient(20deg, #ffffff, #999999);
  -webkit-animation: login-expand 800ms cubic-bezier(0.41, 0, 0.18, 1.2);
  -moz-animation: login-expand 800ms cubic-bezier(0.41, 0, 0.18, 1.2);
  -ms-animation: login-expand 800ms cubic-bezier(0.41, 0, 0.18, 1.2);
  -o-animation: login-expand 800ms cubic-bezier(0.41, 0, 0.18, 1.2);
  animation: login-expand 800ms cubic-bezier(0.41, 0, 0.18, 1.2);*/
}
.box-type-login .box {
  position: static;
}
.box-type-login .box .box-head {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: -425px;
  height: 100px;
}
.box-type-login .box .box-body {
  width: 500px;
  height: 275px;
  -webkit-animation: fadeIn 1.2s ease-in;
  -moz-animation: fadeIn 1.2s ease-in;
  -ms-animation: fadeIn 1.2s ease-in;
  -o-animation: fadeIn 1.2s ease-in;
  animation: fadeIn 1.2s ease-in;
}
.box-type-login .box .box-footer {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -425px;
  top: 0;
  height: 100px;
}

.site-stats {
	margin: 0;
	padding: 0; text-align:center;
	list-style: none;
}
.site-stats li {
	cursor: pointer; display:inline-block;
	margin: 0 5px 10px; text-align:center; width:20%;
	padding:10px 0; color:#fff;
	position: relative;
}
.site-stats li i{ font-size:24px; clear:both}
.site-stats li:hover { background:none;
}

.site-stats li i {
	vertical-align: baseline;
}
.site-stats li strong {
	font-weight: bold;
	font-size: 20px; width:100%; float:left;
	margin-left:0px;
}
.site-stats li small {
	margin-left:0px;
	font-size: 11px;
	width:100%; float:left;
}
#wizardbg {
    border-top:1px solid #cdcfd2;
    border-bottom:1px solid #cdcfd2;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(20deg, #fcfcfc, #fcfcfc);
    background-image: linear-gradient(20deg, #fcfcfc, #fcfcfc);
    color: #000;
    padding: 60px 0;
    position: relative;
    width: 100%;
    margin:0px auto;
}
#wizardbox {    
    
    width: 100%;    margin-left: auto;    margin-right: auto;    position: relative;}
.wizard-container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 60%;
}
.wizard-content {
    background:#f5f5f5;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    border-radius:1px;
    clear: left;
    padding: 10px 20px;
    margin:-5px 0px 20px 20px;
    min-height:250px;
}
.stepNotCompleted
{
    background-color: rgb(153,153,153);
    width: 30px;
    height:30px;
    border: 1px solid rgb(153,153,153);
    margin-right: 5px;
    color: White;
     font:normal 15px 'Open Sans', sans-serif;
    text-align: center;
}

.stepCompleted
{
    background-color: #2f96b4;
    width: 30px;
    height:30px;
    border: 1px solid #2f96b4;
    color: White;
     font:normal 15px 'Open Sans', sans-serif;
    text-align: center;
}

.stepCurrent
{
    background-color: #f5f5f5;
    width: 30px;
    height:30px;
    border: 1px solid #f5f5f5;
    color: #000;
    text-align: center;
     font:bold 15px 'Open Sans', sans-serif;
}

.stepBreak
{
    width: 2px;
    background-color: Transparent;
}

.wizardProgress
{
    padding-right: 10px;
    font-family: Arial;
    color: #333333;
    font-size: 12px;

}
.wizardTitle {
    font:lighter 30px 'Open Sans', sans-serif;
    color:#000;
    vertical-align: middle;
    padding:0px 0px 0px 17px;
}
.wizardHeading {
    font:lighter 15px 'Open Sans', sans-serif;
    text-decoration:underline;
    color:#000;
    display:inline-block;
    vertical-align: middle;
    padding:15px 0px 15px 0px;
}
.wizardError {
    color:#f00;
    padding:0px;
    margin:0px;
}
.wizardError ul{
    color:#f00;
    padding:0px;
    margin:0px;
    list-style:none;
    font:lighter 15px 'Open Sans', sans-serif;
}
.wizardError ul li{
    color:#f00;
    padding:0px;
    margin:0px;
    list-style:none;
}
/* Login Box Modified Styels */

#login-bg {
    border-top:1px solid #cdcfd2;
    border-bottom:1px solid #cdcfd2;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(20deg, #fcfcfc, #fcfcfc);
    background-image: linear-gradient(20deg, #fcfcfc, #fcfcfc);
    color: #000;
    /* padding: 60px 0; */
    position: relative;
    width: 100%;
    margin:0px auto;
}
.login-container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 55%;
}
.login-content {
    background:#f5f5f5;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    border-radius:1px;
    clear: left;
    padding: 10px 20px;
    margin:-5px 0px 20px 20px;
    min-height:250px;
}

/* Grid Style */
.gridhead
{
	color:#fff !important;
	background-color:#949494 !important;
	background:url(Image/table-heading-bg.jpg) repeat-x left top;
}
.gridhead th a
{
	color:#fff;
}
.gridhead th a:hover
{
	color:#333333;
}
.gridhead a:hover
{
	color:#e5d7b7;
	background:none !important;
}
.gridhead a:visited
{
	color:#e5d7b7;
}
.gridhead th, .gridodd td, .grideven td
{
	border:1px solid #dddddd;
	*border-right:2px solid #dddddd !important;
}
.gridodd td
{
	*border-right:1px ridge #69f8fe !important;
}
.gridnormal
{
	color:#333333;
}
.gridnormal td
{
	color:#333333;
}
.gridnormal span
{
	border:1px solid #ccc;
	background:#f1f1f1 url(Image/pageNavBg.gif) repeat-x left top;
}
.gridnormal a:hover
{
	color:#005197;
	background:none !important;
}
.gridodd
{
	color:#2d3741;
	background:none repeat scroll 0 0 #b9e0ff;
}
.gridodd a
{
	color:#2d3741;
}
.gridodd a:hover
{
	color:#2d3741;
	background:none !important;
}
tr.gridodd span
{
	color:#2d3741;
}
.grideven
{
	color:#2d3741;
	background:none repeat scroll 0 0 #a1d2f9;
}
tr.grideven span
{
	color:#2d3741;
}
.grideven a
{
	color:#2d3741;
}
.grideven a:hover
{
	color:#2d3741;
	background:none !important;
}
tr.grideven span
{
	color:#2d3741;
}
/* Instruction Links */
.activity-list ul li {
    padding:0px;
}
.activity-list ul li {
    padding:2px 0px 0px 20px;
    background:url(../Image/icon_star_blue.png) no-repeat left 5px;
}