@font-face { font-family: 'Montserrat-Light'; src: url('//cn.gograbit.com/fonts/Montserrat-Light.woff'); }
@font-face { font-family: 'Montserrat-Hairline'; src: url('//cn.gograbit.com/fonts/Montserrat-Hairline.woff'); }
@font-face { font-family: 'Montserrat'; src: url('//cn.gograbit.com/fonts/Montserrat-Regular.woff'); }
@font-face { font-family: 'Montserrat-Bold'; src: url('//cn.gograbit.com/fonts/Montserrat-Bold.woff'); }
.login {  background-image: url(images/login.jpg); height: 50px; width: 50px}
td {  font-family: Arial, Helvetica, sans-serif; font-size: 3mm; color: #999999}
.in { font-family: Arial, Helvetica, sans-serif; color: #FF0000; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
.lowline {  background-color: #f2f2f2; border-color: black black #666666; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.upline { background-color: #158eb6; color: #ffffff; padding-top: 3px;}
.bodyclass {margin: 0px;}
.roundedbottomdiv {background-color: #ffffff;font-size: 12px;padding: 0px 0px 5px 0px;vertical-align: top;-moz-border-radius-topleft: 5px;-khtml-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-khtml-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-khtml-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-khtml-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}
.copyrightclass {background-color: #158eb6; color: #ffffff;}
a. copyrightclass {background-color: #158eb6; color: #ffffff;}
.login_input_field {margin: 0 5px;height: 32px;width: 300px;border: 1px solid #CCC;padding: 7px;font-size: 16px;color: black;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.roundederrormessage {position:relative;top:125px;height:25px;width:500px;background-color: #FF9999;color:#ffffff;padding: 10px;font-size:13px;-moz-border-radius-topleft: 5px;-khtml-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-khtml-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-khtml-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;	-moz-border-radius-bottomright: 5px;	-khtml-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}
.login {  background-image: url(images/login.jpg); height: 50px; width: 50px}
td {  font-family: Arial, Helvetica, sans-serif; font-size: 3mm; color: #999999}
.in { font-family: Arial, Helvetica, sans-serif; color: #FF0000; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
.lowline {  background-color: #f2f2f2; border-color: black black #666666; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.upline { background-color: #f2f2f2; border-color: #666666 black; border-style: dotted; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.warning {color:Red;}
.siteheader {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #999999;font-weight:bold;}
table.forgotpass-table td{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#999;}
.forgotpass-header {font-family: Arial, Helvetica, sans-serif; font-size: 18px !important; color: #fff !important;background-color:#053865;}
.confirmmessagediv {font-size:14px;color:#999;}
.submit 
{
    border-radius: 3px;font-family: Arial, Helvetica, sans-serif;color: #ffffff;font-size: 11px;padding: 5px 12px 5px 12px;text-decoration: none;outline: none;-webkit-box-shadow: none;box-shadow: none;cursor:pointer;border:none;font-weight:bold;margin:4px 3px 4px 0;
    font-weight: bold;border-width: 1px;border-style: solid;cursor: pointer;margin: 3px 0 3px 5px;overflow: visible;text-decoration: none !important;width: auto;
    text-shadow: 0 1px 1px rgba(0,0,0,0.35);-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;
    border-radius: 3px;letter-spacing: 0.03em;padding: 0 10px;height: 26px;line-height: 24px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    box-sizing: border-box;font-size: 12px;color: #fff;background-color: #236fbd;border-color: #1b5480;background: none repeat scroll 0 0 #236fbd;
    background-image: -webkit-linear-gradient(top, #346bd9, #2b63b8);background-image: -moz-linear-gradient(top, #346bd9, #2b63b8);
    background-image: -ms-linear-gradient(top, #346bd9, #2b63b8);background-image: -o-linear-gradient(top, #346bd9, #2b63b8);
    background-image: linear-gradient(to bottom, #236fbd, #2b63b8);white-space: nowrap;display: -moz-inline-stack;display: inline-block;
    vertical-align: middle;zoom: 1;vertical-align: middle;
}
.submit:hover 
{
    text-decoration: none;outline: none;-webkit-box-shadow: none;box-shadow: none;cursor:pointer;border:none;font-weight:bold;color:#fff;
    font-weight: bold;border-width: 1px;border-style: solid;cursor: pointer;margin: 3px 0 3px 5px;overflow: visible;text-decoration: none !important;width: auto;
    text-shadow: 0 1px 1px rgba(0,0,0,0.35);-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;
    padding: 0 10px;height: 26px;line-height: 24px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 12px;
    color: #fff;border-color: #1b5480;white-space: nowrap;display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;vertical-align: middle;
    background: #256a94;background-image: -webkit-linear-gradient(top, #256a94, #13374f);background-image: -moz-linear-gradient(top, #256a94, #13374f);
    background-image: -ms-linear-gradient(top, #256a94, #13374f);background-image: -o-linear-gradient(top, #256a94, #13374f);background-image: linear-gradient(to bottom, #256a94, #13374f);
    text-decoration: none;
}
.cancel 
{
    border-radius: 3px;font-family: Arial, Helvetica, sans-serif;color: #ffffff;font-size: 11px;padding: 5px 12px 5px 12px;text-decoration: none;outline: none;-webkit-box-shadow: none;box-shadow: none;cursor:pointer;border:none;font-weight:bold;margin:4px 3px 4px 0;
    font-weight: bold;border-width: 1px;border-style: solid;cursor: pointer;margin: 3px 0 3px 5px;overflow: visible;text-decoration: none !important;width: auto;
    letter-spacing: 0.03em;text-shadow: 0 1px 1px rgba(255,255,255,0.75);-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;
    border-radius: 3px;padding: 0 10px;height: 26px;line-height: 24px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    font-size: 12px;color: #444;background-color: #f2f2f2;border-color: #a7a7a7;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF2F2F2', endColorstr='#FFD1D1D1');
    background-image: -webkit-linear-gradient(top, #f2f2f2 0%,#e9e9e9 32%,#d8d8d8 74%,#d1d1d1 100%);background-image: -moz-linear-gradient(top, #f2f2f2 0%,#e9e9e9 32%,#d8d8d8 74%,#d1d1d1 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0%,#e9e9e9 32%,#d8d8d8 74%,#d1d1d1 100%);background-image: linear-gradient(top, #f2f2f2 0%,#e9e9e9 32%,#d8d8d8 74%,#d1d1d1 100%);
    white-space: nowrap;display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;vertical-align: middle;    
}
.cancel:hover 
{
    background-color: #444 !important;text-decoration: none;outline: none;-webkit-box-shadow: none;box-shadow: none;cursor:pointer;border:none;font-weight:bold;color:#fff;
    font-weight: bold;border-width: 1px;border-style: solid;cursor: pointer;margin: 3px 0 3px 5px;overflow: visible;text-decoration: none !important;width: auto;
    letter-spacing: 0.03em;text-shadow: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;
    border-radius: 3px;padding: 0 10px;height: 26px;line-height: 24px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    font-size: 12px;color: #fff;border-color: #a7a7a7;white-space: nowrap;display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;vertical-align: middle;   
    background-image: linear-gradient(top, #444 0%,#444 32%,#444 74%,#444 100%); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#444', endColorstr='#444');
    background-image: -webkit-linear-gradient(top, #444 0%,#444 32%,#444 74%,#444 100%);background-image: -moz-linear-gradient(top, #444 0%,#444 32%,#444 74%,#444 100%);
    background-image: -o-linear-gradient(top, #444 0%,#444 32%,#444 74%,#444 100%);            
}
.forgot-password-link {font-size:13px;color:blue;text-decoration:none;}
.forgot-password-link:hover {text-decoration:underline;}

.copyrightclass {
    background-color: #efefef;
    font-family: 'Montserrat-Light';
    color: #6d6d6d;
    font-size: 13px;
    margin: 0px;}
a.copyrightclass {background-color: #158eb6; color: #ffffff; font-size:11px; }
.copyright-div {
    line-height: 45px;
    text-align: center;
    background-color: #efefef;
    font-family: 'Montserrat-Light';
    color: #6d6d6d;
    font-size: 15px;
}
.copyright-div a {
    font-family: 'Montserrat-Light';
    color: #6d6d6d;
    font-size: 15px;
}

input[type="checkbox"], .checkboxstyle {display: inline-block;
padding: 8px;
background: #fff;
-webkit-appearance: button;
border: solid 1px #666666;
margin-top: 0px;
vertical-align: middle;
}

input[type="checkbox"]:checked, .checkboxstyle:checked {display: inline-block;
padding: 8px;
background: #fff;
-webkit-appearance: button;
border: solid 1px #666666;
margin-top: 0px;
background-image: url(/images/siteadmin_images/multiselect-checkbox.png);
background-position: 0 -18px;
vertical-align: middle;
}

input[type="checkbox"]:disabled, .checkboxstyle:disabled {display: inline-block;
padding: 8px;
background: #ccc;
-webkit-appearance: button;
border: solid 1px #666666;
margin-top: 0px;
vertical-align: middle;
}

input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-checkbox + label.css-label {padding-left:25px;height:20px;display:inline-block;line-height:20px;background-repeat:no-repeat;background-position: 0 0;vertical-align:middle;cursor:pointer;}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -20px;}
label.css-label {background-image:url(/images/siteadmin_images/pos-checkbox.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.loginrememberdiv {padding-left:5px;font-size:12px;}

.loginbutton {background-color:#77cd00;padding:5px 20px;font-size:16px;font-weight:600;color:#ffffff;border-radius: 3px;box-shadow: 0 0 2px hsla(0, 0%, 0%, 0.12), 0 2px 2px hsla(0, 0%, 0%, 0.2);display:block;-webkit-appearance: button;border: solid 2px #77cd00;margin:5px;cursor:pointer;/*background-image: url(/images/siteadmin_images/login-arrow.png);background-repeat: no-repeat;background-size: 16%;background-position: 63px 7px;*/}
.loginbutton:hover {color:#58595b;}