/* 
/login.html 
/recoveraccount.html
/regster.html
*/
body { min-width: 500px; }


/* login.html */
.loginbodycl
{
	background:-webkit-gradient( linear, left top, right bottom, color-stop(0.05, #eaeffa), color-stop(1, white) );
	background:-moz-linear-gradient( left top, #eaeffa 5%, white 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeffa', endColorstr='white', gradientType='1');
	background-color: #eaeffa;
}

#wloginmt
{
width: 100%;
border: solid;
border-width: thin;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #99b3e6), color-stop(1, #2952a3) );
	background:-moz-linear-gradient( center top, #99b3e6 5%, #2952a3 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99b3e6', endColorstr='#2952a3');
	background-color: #2952a3;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#loginmt
{
width: 100%;
padding: 20px;
/* 
border: solid;
border-width: thin;
	-webkit-border-top-right-radius: 50%;
	-moz-border-radius-topright: 50%;
border-top-right-radius: 50%;
	-webkit-border-bottom-right-radius: 50%;
	-moz-border-radius-bottomright: 50%;
border-bottom-right-radius: 50%;
	-moz-box-shadow:inset -200px 0px 10px 20px orange;
	-webkit-box-shadow:inset -200px 0px 10px 20px orange;
	box-shadow:inset -200px 0px 10px 20px orange;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #99b3e6), color-stop(1, #5c85d6) );
	background:-moz-linear-gradient( center top, #99b3e6 5%, #5c85d6 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99b3e6', endColorstr='#5c85d6');
	background-color: #5c85d6;
*/
}
#loginmtd1, #loginmtd2 { width: 50%; }
#loginmtd3 { text-align:center;color:red;padding-top: 25px; }

   /* --bsslogin */
#wbssloginta
{
display: inline-block;
padding: 5px;
background-color: #2952a3;
	-webkit-border-bottom-left-radius: 50%;
	-moz-border-radius-bottomleft: 50%;
border-bottom-left-radius: 50%;
	-webkit-border-bottom-right-radius: 50%;
	-moz-border-radius-bottomright: 50%;
border-bottom-right-radius: 50%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
#bssloginta
{
width: 300px;border: solid;border-color: #2952a3;background-color: #d6e0f5;padding-left: 10px;padding-right: 10px;border-width: thin;
-webkit-transition: 0.5s;
transition: 0.5s;
}
#bssloginta:hover { border-color: #7094db; }
#bssloginh1
{
font-size: 140%;padding-bottom: 1.5cm;padding-top: 1cm;color: black;
}
#bssloginh2 { height: 35px;font-size: 100%;font-weight: normal;padding: 0px;margin: 0px; }
#labidjubuti {  }
#widjubuti { padding-left: 10px; }
.idjubutilogcl, .passwordjubutilogcl { width: 90%;padding: 4px;  margin-bottom: 5px;
outline: none;
border: thin solid grey;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.idjubutilogcl:focus, .passwordjubutilogcl:focus
{ border-color: #2952a3;box-shadow: 1px 1px 2px 0 rgba(41, 82, 163, 0.5), -1px -1px 2px 0 rgba(41, 82, 163, 0.5); }
#labpasswordjubuti {  }
#wpasswordjubuti { padding-left: 10px; }
#wlogin { padding-bottom: 10px;padding-top: 10px; }
.loginbssdis
{
font-weight: bold;
min-width: 220px;
padding-left: 10px; 
padding-right: 10px;
outline: none;
background-color: #2952a3;
color: white;
font-size: 18px;
border-color: #5c85d6;
}
.loginbssdis:hover
{
background-color: #5c85d6;
border-color: #99b3e6;
}


   /* --prologin */
#wprologinta
{
display: inline-block;
float: right;
padding: 5px;
background-color: #2952a3;
	-webkit-border-bottom-left-radius: 50%;
	-moz-border-radius-bottomleft: 50%;
border-bottom-left-radius: 50%;
	-webkit-border-bottom-right-radius: 50%;
	-moz-border-radius-bottomright: 50%;
border-bottom-right-radius: 50%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
#prologinta
{
margin-right: 1%; margin-left: auto;width: 300px;border: solid;border-color: #2952a3;background-color: #ffbb99;padding-left: 10px;padding-right: 10px;border-width: thin;
-webkit-transition: 0.5s;
transition: 0.5s;
}
#prologinta:hover { border-color: #7094db; }
#prologinh1 { font-size: 140%;padding-bottom: 1.5cm;padding-top: 1cm;color: black; }
#prologinh2 { font-size: 100%;font-weight: normal;padding: 0px;margin: 0px; }
#labidjubutipro {  }
#widjubutipro { padding-left: 10px; }
.idjubutiprologcl, .passwordjubutiprologcl { width: 90%;padding: 4px; margin-bottom: 5px;
outline: none;
border: thin solid grey;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.idjubutiprologcl:focus, .passwordjubutiprologcl:focus
{ border-color: #2952a3;box-shadow: 1px 1px 2px 0 rgba(41, 82, 163, 0.5), -1px -1px 2px 0 rgba(41, 82, 163, 0.5); }
#labpasswordjubutipro {  }
#wpasswordjubutipro { padding-left: 10px; }
#wloginpro { padding-bottom: 10px;padding-top: 10px; }

.loginprodis
{
font-weight: bold;
min-width: 220px;
padding-left: 10px; 
padding-right: 10px;
outline: none;
background-color: #e67e00;
color: white;
font-size: 18px;
border-color: orange;
}
.loginprodis:hover
{
background-color: orange;
border-color: #ffc966;
}

    /* --forgot pass */
.wloginfgpsscl { margin-top: 10px;margin-bottom: 15px; }
.loginfgpsstcl { width: 100%; }
.loginfgpsstd1cl { width: 50%; }
.loginfgpsstd2cl { width: 50%;text-align: right; }

#loginwfpbss { padding-left: 1.5cm; }
#loginfpbss {  }
#loginwfppro { padding-right:1.5cm; }
#loginfppro {  }

   /* -- reg area */
#loginregt { width: 100%; }
#loginregtd1, #loginregtd2 { width: 50%;vertical-align: top; }
#loginregtd1
{
	-webkit-border-top-right-radius: 15%;
	-moz-border-radius-topright: 15%;
border-top-right-radius: 15%;
	-webkit-border-top-left-radius: 15%;
	-moz-border-radius-topleft: 15%;
border-top-left-radius: 15%;
	-webkit-border-bottom-right-radius: 15%;
	-moz-border-radius-bottomright: 15%;
border-bottom-right-radius: 15%;
	-webkit-border-bottom-left-radius: 15%;
	-moz-border-radius-bottomleft: 15%;
border-bottom-left-radius: 15%;
	-moz-box-shadow:inset -20px 30px 0px 0px #2952a3;
	-webkit-box-shadow:inset -20px 30px 0px 0px #2952a3;
	box-shadow:inset -20px 30px 0px 0px #2952a3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #adc2eb), color-stop(1, white) );
	background:-moz-linear-gradient( center top, #adc2eb 5%, white 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adc2eb', endColorstr='white');
	background-color: white;
}
#loginwbssreg
{
padding-left:1.5cm; margin-top: 10px;font-weight: bold;
}
#loginbssreg
{
font-size: 19px;background-color: white;padding-left: 5px;padding-right: 5px;border: thin solid grey;
text-decoration-thickness: 1px;
}
#loginwbssavan
{
padding-left: 2cm;width: 70%;
}
.loginbssavantajel { color: darkblue; }
.loginbssavantajel:hover { color: #2952a3; }
.loginbssavantajed { color: black; }

#loginregtd2
{
	-webkit-border-top-right-radius: 15%;
	-moz-border-radius-topright: 15%;
border-top-right-radius: 15%;
	-webkit-border-top-left-radius: 15%;
	-moz-border-radius-topleft: 15%;
border-top-left-radius: 15%;
	-webkit-border-bottom-right-radius: 15%;
	-moz-border-radius-bottomright: 15%;
border-bottom-right-radius: 15%;
	-webkit-border-bottom-left-radius: 15%;
	-moz-border-radius-bottomleft: 15%;
border-bottom-left-radius: 15%;
	-moz-box-shadow:inset -20px 30px 0px 0px #e67e00;
	-webkit-box-shadow:inset -20px 30px 0px 0px #e67e00;
	box-shadow:inset -20px 30px 0px 0px #e67e00;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e67e00), color-stop(1, white) );
	background:-moz-linear-gradient( center top, #e67e00 5%, white 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e67e00', endColorstr='white');
	background-color:#e67e00;
}
#loginwproreg
{
padding-left: 1.5cm;margin-top: 10px;font-weight: bold;
}
#loginproreg
{
font-size: 19px;background-color: white;padding-left: 5px;padding-right: 5px;border: thin solid grey;
text-decoration-thickness: 1px;
}
#loginwproavan
{
padding-left: 2cm;width: 70%;
}
.loginproavantajel { color: darkblue; }
.loginproavantajel:hover { color: orange; }
.loginproavantajed { color: black; }

#loginpict { width: 100%; }
#loginpictd1, #loginpictd2 { width: 50%;vertical-align: top; }
#wloginbsspic, #wloginpropic
{
text-align: center;
margin: 5px;
}
#loginbsspic, #loginpropic
{
max-width: 100%;
max-height: 400px;
height: auto;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* ---login.html */


/* /recoveraccount.html */

.rebssbodycl
{
	background:-webkit-gradient( linear, left top, right bottom, color-stop(0.05, #eaeffa), color-stop(1, white) );
	background:-moz-linear-gradient( left top, #eaeffa 5%, white 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeffa', endColorstr='white', gradientType='1');
	background-color: #eaeffa;
}
#recbssmt { width: 100%;padding: 1cm;padding-top: 5px; }
.recbsstd1cl { width: 20%; }
.recbsstd2cl { width: 30%; }
.recbsstd3cl { width: 50%; }
.recbssh1cl { font-size: 150%;
color: #2952a3; 
width: 55%;
margin-left: 1cm;
margin-top: 1cm;
}
.recbsslbcl
{
font-size: 18px;
padding: 7px;
}

.recbssficl
{
border: 2px solid #2952a3;
font-size: 16px;
background-color: white;
padding: 3px 7px 3px 7px;
outline: none;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
-webkit-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.recbssficl:focus { border-color: red; }

.recbsssbcl
{
box-sizing: border-box;
border: 2px solid #ccc;
font-size: 22px;
background-color: white;
outline: none;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.recbsssbcl:hover { color: white;background-color: #2952a3;border: 2px solid grey; }
.warningrpass1cl { color: darkred;padding-left: 1cm;font-weight: bold; }
.wrecsrypasscl { color: darkgreen;margin-top: 40px;font-size: 20px; }
.wrecsrbpasscl { color: #2952a3;font-weight: bold;font-size: 20px; padding: 3px;background-color: white; }
.wrecsrppasscl { font-size: 20px; }
.wrecsruppasscl { color: #2952a3;margin-left: 10px;font-weight: bold; }



/* /register.html */

.regbssbodycl
{

}
.allregbsstcl { margin-top: -5px;margin-left: 2px;border: solid;border-color: #2952a3;width: 100%;padding: 10px;padding-right: 1px;border-top-width: thin; }
.bssregalltd1cl { width: 40%;
padding-top: 10px;
padding-bottom: 5px;
background-color: #eaeffa;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
 }
.bssregalltd2cl { width: 59%; }
#t3dlw1, #t3dlw2, #t3dlw3, #t3dlw4, #t3dlw5, #t3dlw6, #t3dlw7, #t3dlw8, #t3dlw9
{ background-color: red; } 
.registrationh1cl { font-size: 175%;color: #2952a3;margin-left: 20px; }
.registrationfmscl { margin-left: 30px; font-size: 110%; }

.bssregalltd3wlcl
{
width: 1%;
border: thin solid #2952a3;
-webkit-transition: 1s;
transition: 1s;
}
#regblakwartd { background-color:black; }
#bssswreg1, #bssswreg2 { color: red;font-weight: bold; }
#bssswreg1 { padding-bottom: 20px; }
.h2bssregfcl { text-align: center;margin: 0px; font-size: 110%;padding-top: 15px; padding-bottom: 15px; }

.stylediv1cl
{
display: inline-block;
width: 15px;
height: 100%;
margin-top: 40px;
background-color: #2952a3;
border-left: 2px solid #2952a3;
	-webkit-border-bottom-right-radius: 100%;
	-moz-border-radius-bottomright: 100%;
border-bottom-right-radius: 100%;

}

.regnamefcl
{
padding-left: 10px;font-weight: bold;
}
.bssregficl
{ 
margin-left: 20px;
padding: 3px 5px;
border: 2px solid #85a3e0;
box-sizing: border-box;
-webkit-transition: 1s;
transition: 1s;
width: 80%;
min-width: 250px;
margin-bottom: 7px;
outline: none;
}
.bssregficl:focus { border: 2px solid #2952a3; }
#policyterms { 
width: 25px;
height: 25px;
}
.wwregbsssubttcl { text-align: center; }
.wregbsssubttcl
{
display: inline-block;
padding: 3px;
padding-left: 2px;
padding-right: 2px;
background-color: darkred;
box-shadow: 0 2px 6px 0 rgba(139, 0, 0, 0.3), 0 3px 10px 0 rgba(139, 0, 0, 0.5);
}
.regbsssubttcl
{
outline: none;
cursor: pointer;
/*
	-webkit-border-top-right-radius: 5%;
	-moz-border-radius-topright: 5%;
border-top-right-radius: 5%;

	-webkit-border-top-left-radius: 5%;
	-moz-border-radius-topleft: 5%;
border-top-left-radius: 5%;

	-webkit-border-bottom-right-radius: 5%;
	-moz-border-radius-bottomright: 5%;
border-bottom-right-radius: 5%;

	-webkit-border-bottom-left-radius: 5%;
	-moz-border-radius-bottomleft: 5%;
border-bottom-left-radius: 5%;
*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2952a3), color-stop(1, #99b3e6) );
	background:-moz-linear-gradient( center top, #2952a3 5%, #99b3e6 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2952a3', endColorstr='#99b3e6');
	background-color: #2952a3;

font-size: 120%;
font-weight: bold;
padding: 5px;
color: white;
border: solid 2px red;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.regbsssubttcl:hover
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #99b3e6), color-stop(1, #4775d1) );
	background:-moz-linear-gradient( center top, #99b3e6 5%, #4775d1 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99b3e6', endColorstr='#4775d1');
	background-color: #99b3e6;

transform: translateY(-1px);
}
#codspam { max-width: 40%; }
.wbchcodcl { text-align: right; margin-right: 5px;margin-top:3px; }
.bchcodcl { margin-right: 5px; }
.imgcodcl
{
width: 170px;
height: 50px;
border: thin solid #ccc;
padding: 1px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}
.bssficl {  }
.bssfwcl { color: darkred; }
.bssfdcl { color: green;font-weight: bold; }
.srbssregcl { border-width: thin;width: 99%;height: 100%; }

#advret { width: 100%; }
#advretd1 { width: 60%; 
padding-left: 5px; padding-right: 5px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}
#advretd2 { width: 40%; }


#pict { width: 100%; }
#pictd1, #pictd2 { width: 50%;vertical-align: top; }
#wbsspic, #wpropic
{
text-align: center;
margin: 5px;
}
#bsspic, #propic
{
max-width: 100%;
max-height: 400px;
height: auto;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}