body{
    margin: 0;
    padding: 0;
    background: white repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#024c65', endColorstr='#0b6e8e'); /* for IE */
/*    background: -webkit-gradient(linear, left bottom, left top, from(#0b6e8e), to(#024c65));  for webkit browsers 
    background: -webkit-linear-gradient(bottom, #787F81 0px,#1D571B 100%);  Chrome10+,Safari5.1+ */
    
}
#aclogout{
 margin-top:200px;
 color:#FFFFFF;
}
.usr-tbl{
 margin-top:2px;
 color:#7B1A1A;
}
.usr-tbl2{
 margin-top:5px;
 color:#FFFFFF;
}
.usr-tbl td{
padding-top:2px;
padding-bottom:2px;
text-align:center;
}
.title-table{
 margin-top:0px;
 color:#FFFFFF;
}
#project-title{
    padding:0px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:10pt;  font-weight:bold; color:blue;
    
}
#project-sub-title{
    padding:0px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:7pt;  font-weight:bold; color:blue;
    margin-top: 0px;
    
}
.label-login-img{
width: 636px;
font-family:Arial, Helvetica, sans-serif; font-size:9pt;
text-align: center;
color: blue;
background: -webkit-linear-gradient(bottom, #FFFFFF 0px,#FFFFFF 100%);
background-repeat: no-repeat;
}
.label-login-title{font-family:Arial, Helvetica, sans-serif; font-size:12pt;  font-weight:bold;}
.label-login-note{font-family:Arial, Helvetica, sans-serif; font-size:9pt;  font-weight:bold; height:200px; text-align:left;}
.label-login{
    background:  url(../images/login1.jpg) repeat-x center ; /*-webkit-linear-gradient(bottom, #AFB4AE 0px,#AFB4AE 100%); */
    text-align: center; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:9pt;
   padding-top:5px;
 /*    width : 195px;*/
} 
.loginclass{
    font-family:Arial, Helvetica, sans-serif;
    font-size:9pt;
   padding-top:40px;
}
.login-label{
     font-size:14px ;padding:10; font-weight: bold; webkit-border-radius: 8px; color: #0A4B80; 
}
.label-links{ font-family:Arial, Helvetica, sans-serif; font-size:9pt;} 
/* Input for Login page */
.input-login-user{background: url(../images/user.png) no-repeat center left; padding-left:22px; vertical-align:middle;} 
.input-login-password{background: url(../images/log.png) no-repeat center left;padding-left:22px; vertical-align:middle;}
.input-login-captcha{ border:1px solid #7f9db9; padding-left:22px; height:22px; vertical-align:middle; float: left; } 
.img-captcha{ margin: 3px; float: left; }
.label-login-err{
    font-family:Arial, Helvetica, sans-serif; font-size:12pt;  font-weight:bold; color:orangered;
}
.label-login img{ text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:9pt; padding-right:10px;} 

.dashboard-icon{
    float: left; 
    margin-top:20px; 
    margin-left: 37px; 
    border: #0073ea thin solid; 
    height: 100px; 
    width:100px;
    text-align: center;
}
                               
.dashboard-icon span{
    font-family: Arial, Helvetica, sans-serif; 
    line-height: 2;
    font-weight: bold;
    color: #3c729d;
    font-size: 13px;
}

.dashboard-app-long-text{
    font-family: Arial, Helvetica, sans-serif; 
    float: left; 
    width: 210px;
    margin-left: -55px;
    margin-top: 5px;
    position: relative;
    font-size: 13px;
    line-height: 4;
    font-weight: bold;
    background-color: #3c729d;
    -webkit-border-radius: 6px;
}

#main{
    width: 720px; 
    height: 457px; 
    margin: auto;
    clear: both; 
}

#main a:hover{
    padding: 0;
    text-decoration: underline;
    width: 120px;
    color:white;
}

#main a{
    margin-top:30px;
}
   
.image-size{
    height: 100px; width: 100px;
}
.lms-dashboard .image-size, .lms-dashboard .dashboard-icon{
    height: 90px; width: 90px;
}
#mainLms{
    width: 930px; 
    height: 446px; 
    margin: auto;
    clear: both;
}
.pbutton{
    color: #fff;
    background-color: #acd6ef; /*IE fallback*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
    background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
    background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
    height: 25px; border: 1px solid #66add6; color: whitesmoke; 
}
.pbutton:hover{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
    background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
    background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
    height: 25px; border: 1px solid #66add6; color: white;
    cursor: pointer;
}

/*.forgot-link{
    margin-left: 100px; color: darkblue; font-weight: bold; text-decoration: underline; font-size: small; font-family: Arial, Helvetica, sans-serif; 
}
.forgot-link:hover{
    margin-left: 100px; color: indigo; font-weight: bold; text-decoration: underline; font-size: small; font-family: Arial, Helvetica, sans-serif; 
}*/
.refresh-capcha{
    width: 24px; height: 24px; margin-top: 6px; margin-right: 0px; margin-left: 5px; cursor: pointer;
}
.refresh-capcha:hover{
    width: 23px; height: 23px; margin-top: 7px;cursor: pointer;
}
/**************************
    MY LOGIN CODE
***************************/
.header-wrapper, .footer-wrapper{width:100%;background:#fff;}
.clear{clear:both;}
.body-wrapper{width:100%;background:#3477A4;-moz-box-shadow:inset 0 0 5px #000000;-webkit-box-shadow:inset 0 0 5px #000000;box-shadow:inset 0 0 5px #000000;}
.content-inner{width:1060px;margin:0 auto;height:auto;font-family: verdana,sans-serif;padding:10px;}
.top-logo{width:100%;}
.top-logo-right{width:68%;float: right;}
#logo-section{display: inline-block;float: none;vertical-align: top;float: left;width:32%;}
#logo-section img{max-width:100%;}
#logo-description{font-size:21px;color: #3477A4;font-weight: bold;margin-top: 9px;text-align: left;line-height: 30px;display:inline-block;}
#logo-description span{display: block;font-size: 11px;line-height: 3px;text-align: center;}
.body-left{width:50%;float:left;}
.body-left img{max-width:99.5%;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.quote-ofthe-day{color: #fff;font-size: 21px;width: 100%;text-align:center;float:left;margin-bottom:10px;}
.quote-ofthe-day span#myAuthor{clear: both;display: block;float: right;font-size: 19px;text-align: right;width: 100%;margin-top:10px;}
.industry-banner{width:100%;margin:20px 0 0 0;position:relative;float: left;}
.industry-banner span#industry-name{position:absolute;color: #ffffff;left: 10px;top: 5px;text-shadow: 1px 1px 1px #000;}
.industry-banner img{max-width:100%;}
.body-right{float:right;width:46%;margin-left:30px;}
.loginform{position:relative;float:left;width:100%;}
.loginform-wrapper{position:absolute;width:100%;/*background:url(../images/sample/login1.jpg) no-repeat;background-size:100% 100%;*/height: auto;top:0px;}
.bottom-address{width:60%;float:left;}
.bottom-info{width:40%;float:right;}
.contact-footer{margin:0;padding:0;}
.contact-footer li{font-size:12px;list-style:none;line-height: 20px;}
.label-row{width: 57%;display:block;position:relative;margin-bottom:10px;}
.label-row.captcha-row{width:70%;}
.loginlabel{width:153px;float: left;font-size: 12px;padding-right: 10px;text-align:right;}
.form-wrapper{margin:115px 0 0 260px;}
.form-button{margin-left: 11px;color: darkblue;display: block;font-size: 13px;padding-top: 5px;text-decoration: none;width: 50%;}
.login-err-message{position: absolute;top:0;width:100%; color: orangered; text-align: center; border: 1px solid #f2c779; padding-top: 10px; padding-bottom: 10px; margin: 0px 0px -20px 0px; background: #fff8c4; font-size: small;}
a.form-button{-moz-user-select: none;color: #1155CC !important;font-family: "verdana", "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration: none;}
a.form-button:hover{text-decoration: underline;}
#appCapchaArea{padding:0px; margin: 0px;float: left; width: 144px;  border: 1px solid grey; clear: 1;}
#appCapchaArea img{float: left; width: 144px; height: 35px; margin: 0px; padding:0px;}
.label-row input.input-capcha{height: 20px;margin-top:8px;padding-left: 2px;vertical-align:middle;background:none;}
.label-row input{outline: none;z-index: 1;position: relative;width: 100%;height: 20px;color: #212121;font-size: 12px;font-weight: 400;border:0;/*border:1px solid #757575;*/}
.label-row input:focus{border:0px;}
.label-row input:focus ~ label{color: #9d9d9d;-webkit-transform: translate(-12%, -50%) scale(0.75);transform: translate(-12%, -50%) scale(0.75);top:-2px;}
.label-row input:focus ~ .bar:before, .label-row input:focus ~ .bar:after{width: 50%;}
.label-row input:valid ~ label{color: #9d9d9d;-webkit-transform: translate(-12%, -50%) scale(0.75);transform: translate(-12%, -50%) scale(0.75);top:-2px;}
.label-row label{position: absolute;top: 0;left: 0; color: #757575;padding-left:22px;font-size: 12px;font-weight: 300;line-height: 20px;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.label-row.entercaptcha-row label{padding-left:2px;}
.label-row .bar{position: absolute;left: 0;bottom: 0;background: #757575;width: 100%;height: 1px;}
.label-row .bar:before, .label-row .bar:after{content: '';position: absolute;background: #6EBF00;width: 0;height: 2px;-webkit-transition: .2s ease;transition: .2s ease;}
.label-row .bar:before{left: 50%;}
.label-row .bar:after{right: 50%;}
.form-wrapper #login{margin-left: 15px;}
.header-wrapper .content-inner{padding:0px;}
.footer-wrapper .content-inner{padding: 3px;}

/*RESPONSIVENESS*/
@media (max-width: 1240px) {
    //no issues
}
@media (max-width: 1024px) {
    .content-inner{width:95%;}
    #appCapchaArea{width:70%;}
    #appCapchaArea img{width: 100%;height:auto;}
    .label-row label{font-size:11px;}
    .form-wrapper{margin: 100px 0 0 237px;}
    .form-button{font-size:11px;}
    .quote-ofthe-day{font-size: inherit;line-height: 25px;font-size: 18px;}
    #logo-description{margin-top:5px;font-size:19px;}
}
@media (max-width:980px) {
    .form-wrapper{margin: 91px 0 0 229px;}
}
@media (max-width:800px) {
    #logo-description{text-align: center;margin-bottom:5px;}
    .top-logo-right{float: none;width: 100%;}
    #logo-description span{line-height: normal;}
    #logo-section{display: block;float: none;text-align: center;width: 100%;}
    .header-wrapper .content-inner{text-align: center;}
    .top-logo{width: 100%;}
    .body-left{float: none;width: 100%;}
    .loginform{float: none;width: 81%;margin:0 auto;}
    .form-wrapper{margin: 126px 0 0 294px;}
    .loginform-wrapper{width: 79%;}
    .label-row{width: 88%;}
    .form-button{width:100%;}
    .label-row label,.form-button{font-size: 12px;}
    .label-row.captcha-row{width: 100%;}
    #appCapchaArea{width: 87%;}
    .refresh-capcha{position: absolute;}
    .body-right{float: none;margin-left: 0;width: 100%;margin-top:20px;}
    .quote-ofthe-day{font-size: 23px;line-height: 34px;}
    .quote-ofthe-day span{font-size: 20px;}
    .industry-banner{clear: both;float: none;margin: 20px 0 0;position: relative;width: 73%;text-align: center;margin:0 auto;}
}
@media (max-width: 540px) {
    .loginform{width: 97%;}
    .loginform-wrapper{width: 84%;}
    .form-wrapper{margin: 101px 0 0 248px;}
    .label-row{width: 81%;}
    .label-row label, .form-button{font-size: 11px;}
    #appCapchaArea{width: 79%;}
    .refresh-capcha{height: 20px;width: 20px;}
    .refresh-capcha:hover{height: 19px;width: 19px;}
    .quote-ofthe-day{font-size: 20px;line-height: 27px;}
    .quote-ofthe-day span#myQuote{font-size: 17px;}
    #logo-description{font-size: 15px;margin-top:0px}
    .quote-ofthe-day span#myAuthor{font-size:13px;}
}
@media (max-width: 360px) {
    #logo-description{line-height: 20px;}
    .form-wrapper{margin: 60px 0 0 162px;}
    .refresh-capcha{height: 15px;margin-left: 3px;width: 15px;}
    .form-wrapper #login, .form-wrapper #clear{font-size: 10px;margin: 0;padding: 0 2px;width: 35px;}
    .bottom-address, .bottom-info{float: none;text-align: center;width: 100%;}
    .quote-ofthe-day{font-size: inherit;line-height: 23px;}
    .quote-ofthe-day span{font-size: 15px;}
    a.form-button{color: #000000 !important;margin-left: 0;text-shadow: 0 0 0 #000000;}
    .refresh-capcha:hover{height: 14px;width: 14px;}
    .label-row .bar::before, .label-row .bar::after{height: 1px;}
}
@media (max-width: 320px) {
    #logo-description{font-size: 13px;}
    #logo-section img{max-width: 87%;}
    .label-row label, .form-button{font-size: 9px;}
    .form-wrapper{margin: 53px 0 0 143px;}
    .label-row input{font-size:10px;}
    .label-row{width:84%;margin-bottom: 8px;}
}
@media print {
}
/**************************
    END OF MY LOGIN CODE
***************************/
#caps-warning{background: #F05D6B none repeat scroll 0 0;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;box-shadow: 1px 2px 5px #000000;-moz-box-shadow: 1px 2px 5px #000000;-webkit-box-shadow: 1px 2px 5px #000000;color: #ffffff;display: block;float: right;font-size: 13px;padding: 3px 5px;position: absolute;right: -43px;top: -28px;z-index: 99;}
.bottomindicator{border-left: 10px solid rgba(0, 0, 0, 0);border-radius: 2px;border-right: 10px solid rgba(0, 0, 0, 0);border-top: 10px solid #F05D6B;bottom: -9px;height: 0;position: absolute;right: 57px;width: 0;}