@charset "utf-8";
html, body{border: 0px;font-family: Arial, Helvetica, Utkal, sans-serif; margin: 0px;padding: 0px;
         color:#333; text-align: center; background-color: #5B9C64;/*background-color:rgb(242,249,245);*/
            overflow: auto;
            -ms-overflow-style: auto;}

.mCanvas{	width: 1100px; margin-right: auto; margin-left: auto; padding-bottom: 50px; background-color:white; padding-top:1px; margin-top: 10px; margin-bottom: 25px;
			border-radius:5px;
			border-top:/*groove*/solid #77ae99; border-left:/*groove*/solid #77ae99;border-right:/*groove*/solid #77ae99; border-bottom:/*groove*/solid #77ae99;
			border-top-width:2px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 2px;}
.m-canvas-woems{	width: 800px; margin-right: auto; margin-left: auto; padding-bottom: 50px; background-color:white; padding-top:1px; margin-top: 10px; margin-bottom: 25px;
    border-radius:5px;
    border-top:/*groove*/solid #77ae99; border-left:/*groove*/solid #77ae99;border-right:/*groove*/solid #77ae99; border-bottom:/*groove*/solid #77ae99;
    border-top-width:2px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 2px;}

.lNavFrame{width:1000px; text-align: right; margin-top: -10px;}

div.logoutnavmenu{float: right; padding-right: 15px;}
div.logoutnavmenu-olb{float: right; margin-right: 15px;}

.logoutBar		{ padding:3px 6px; margin:13px 0px 0px 0px; width:80px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;
					  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
					  background: #5B9C64;color:white; font-size: 12px; border:1px solid #006666; text-decoration: none; box-shadow: 2px 2px 1px #888888;}

.logoutBar:hover	{ background:#f7941d none repeat scroll 0% 0%; color:white; border:1px solid #006666;
					  font-weight: bold;font-size: 12px;text-decoration: none;}

.logoutBarUE		{ padding:3px 6px; border:1px solid; margin:13px 0px 0px 0px; width:80px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;
					  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; box-shadow: 2px 2px 1px #888888;
					  background: #B8B8B8; color:white; font-size: 12px; border-color: #006666; border-right-width: 0px ;text-decoration: none;
					  border-top-style: solid;border-bottom-style:solid;border-left-style:solid;}

.logoutBarUE:hover	{ background:#f7941d none repeat scroll 0% 0%; color:white; border-color: #006666; border-right-width: 0px ;
					  border-top-style: solid;border-bottom-style:solid;border-left-style:solid;
					  font-weight: bold;font-size: 12px;text-decoration: none;}

.exitButton		{ padding:3px 6px; margin:13px 0px 0px 0px; width:80px; border-radius:5px;
					  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
					  background: white; border-radius:5px; color:black; font-size: 12px; border:1px solid #006666; text-decoration: none;}

.exitButton:hover	{ background:#f7941d none repeat scroll 0% 0%; color:white; border:1px solid #006666;
					  font-weight: normal;font-size: 12px;text-decoration: none;}

.csvButton		{ padding:2px 4px; margin:13px 0px 0px 0px; border-radius:5px;
					  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
					  background: white; border-radius:5px; color:black; font-size: 12px; border:1px dotted #006666; text-decoration: none;}

.csvButton:hover	{ background:#f7941d none repeat scroll 0% 0%; color:white; border:1px dotted #006666;
					  font-weight: normal;font-size: 12px;text-decoration: none;}
div#csvFileButton{padding-top: 20px;}
#w3cV{margin-left: auto; margin-right: auto; width: 950px; text-align: right;}
.cr{margin-left: auto; margin-right: auto; width: 150px; font-size: 10px; padding-top: 30px; color:#808080;}


.pre-registerButton		{ padding:7px 15px; border:1px solid; margin:7px 0px 0px 0px;
					font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
					background: #77ae99;/*#CCC*/ border-radius:5px; color:white; font-size: 16px;
					width: 190px; text-align: center; text-decoration: none; border:2px solid white }

.pre-registerButton:hover	{ background:#f7941d none repeat scroll 0% 0%; color:white; border:2px solid white;
					  font-weight: bold;font-size: 16px;}

#pre-reg-btn-customer		{background-image:url('../images/customer.png');font-family:Verdana, Arial, Helvetica, sans-serif;
							display:block; width: 128px; height: 128px; margin-left: 48px;}
#pre-reg-btn-customer:hover	{ background-image:url('../images/customer_hover.png');}

#pre-reg-btn-technician		{background-image:url('../images/tech.png');font-family:Verdana, Arial, Helvetica, sans-serif;
							display:block; width: 128px; height: 128px; margin-left: 48px;}
#pre-reg-btn-technician:hover	{ background-image:url('../images/tech_hover.png');}

.button		{ padding:2px 4px; border:1px solid;
					  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
					  background: #77ae99;/*#CCC*/ border-radius:5px; color:white; font-size: 12px; border:1px solid #006666; text-decoration: none;}

.button:hover	{ background:#f7941d none repeat scroll 0% 0%; color:white; border:1px solid black;
					  font-weight: bold;font-size: 12px; text-decoration: none;}

#c-content {margin-left: 34px; margin-top: 45px;}

.cals-register-t { width: 100%;}

.cals-r{vertical-align: top; text-align: right;}
.cals-l{vertical-align: top; text-align: left;}
.cals-mtu{
    text-align: center;
    padding-top: 15px;
}
.cals-mtud{
    color:orange;
    font-size: 16px;
    padding-top: 10px;
}

#recoveryform{
    background-color: white;
    overflow: auto;
    padding: 15px 0px;
}


#logo-img-header{
    margin: auto;
    width: 200px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    background-image: url("../images/loadingSciCan.gif");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center;
}