@charset "utf-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}


.matter{
	font: normal 13px Arial;
	color: #000000;
	text-align: justify;
	padding-left: 10PX;
	padding-right: 10PX;
	padding-top: 5PX;
	font-size: 13px;
}

.matters2{
	font: normal 12px Arial; color:#666;
}
.headermatter{font:normal 13px verdana; color:#0000FF;  text-align:center; padding-left:10PX; padding-right:10PX; padding-top:5PX;}

.headermatter2{font:normal 16px verdana; color:#000000;  text-align:center; padding-left:10PX; padding-right:10PX; padding-top:5PX;}
.headermatter2a{font:normal 16px verdana; color:#ffffff;  text-align:left; padding-left:10PX; padding-right:10PX; padding-top:5PX;}

.headermatter2b{font:normal 16px verdana; color:#000000;  text-align:left; padding-left:10PX; padding-right:10PX; padding-top:5PX;}



.headermatter5{font:normal 26px verdana; color:#FFFFFF;  text-align:center; padding-left:10PX; padding-right:10PX; padding-top:5PX;}




.LEFT-matter{font:normal 13px Arial; color:#000000;  text-align:justify; padding-left:5PX; padding-right:5PX; padding-bottom:5PX;}
.LEFT-matterWHITE{font:normal 13px Arial; color:#FFFFFF;  text-align:justify; padding-left:5PX; padding-right:5PX; padding-bottom:5PX;}


.LEFT-matterWHITE1{font:normal 13px Weibei SC; color:#FFFFFF;  text-align:justify; padding-left:5PX; padding-right:5PX; padding-bottom:5PX;}
.LEFT-matterWHITE2{font:normal 13px Weibei SC; color:#000000;  text-align:justify; padding-left:15PX; padding-right:15PX; padding-bottom:15PX; padding-top:15px;}



.WHITEcenter{font:normal 13px Arial; color:#FFFFFF;  text-align:center; padding-left:5PX; padding-right:5PX; padding-bottom:5PX;}


.nav-01 a{font:bold 12px "arial"; color:#ffffff; text-decoration:none;  text-align:center; }
.nav-01 a:hover{font:bold 12px "arial"; color:#000000; text-decoration:none; text-align:center;}
.nav-01 a:focus { outline: none; }
.navdown01{font:normal 12px "arial"; color:#FFfff; text-decoration:none; text-align:center;}


.join {font:bold 26px "arial"; color:#FF0000; text-decoration:none;  text-align:center; }
.join a{font:bold 26px "arial"; color:#FF0000; text-decoration:none;  text-align:center; }
.join a:hover{font:normal 26px "arial"; color:#000000; text-decoration:none; text-align:center;}
.join a:focus { outline: none; }

.join2 {font:bold 26px "arial"; color:#ff0000; text-decoration:underline;  text-align:center; }
.join2 a{font:bold 26px "arial"; color:#ff0000; text-decoration:underline;  text-align:center; }
.join2 a:hover{font:bold 26px "arial"; color:#ffffff; text-decoration:underline; text-align:center;}
.join2 a:focus { outline: none; }


.join3 {font:bold 26px "arial"; color:#000000; text-decoration:underline;  text-align:center; }
.join3 a{font:bold 26px "arial"; color:#000000; text-decoration:underline;  text-align:center; }
.join3 a:hover{font:bold 26px "arial"; color:#ffffff; text-decoration:underline; text-align:center;}
.join3 a:focus { outline: none; }


.nav-02{font:bold 14px "arial"; color:#333333; text-decoration:none;}
.nav-02 a{font:bold 14px "arial"; color:#333333; text-decoration:none;}
.nav-02 a:hover{font:bold 14px "arial"; color:#FF0000; text-decoration:underline;}
.nav-02 a:focus { outline: none; }
.navdown02{font:bold 14px "arial"; color:#FFfff; text-decoration:none;}

.registration-link{font:bold 14px "arial"; color:#FFFFFF; text-decoration:none; padding-left:5PX;}
.registration-link a{font:bold 14px "arial"; color:#FFFFFF; text-decoration:none; padding-left:5PX;}
.registration-link a:hover{font:bold 14px "arial"; color:#000000; text-decoration:underline; padding-left:5PX;}
.registration-link a:focus { outline: none; }
.registration-linkdown02{font:bold 14px "arial"; color:#FFfff; text-decoration:none;}






.inter-matter{font:normal 12px Arial; color:#666666;  text-align:justify; padding-top:10px; padding-bottom:10px;}
.normalmatter{font:normal 13px Arial; color:#000000; text-align:left;}
.matterhead{font:bold 16px Arial; color:#990000;}


.footer{font:normal 12px Arial; color:#666666; text-align:center;}
.error{font:normal 12px Arial; color:#ff0000; text-align:center;}





.nav-side{font:normal 14px "arial"; color:#ffffff; text-decoration:none;  text-align:left; padding-left:4px;}
.nav-side a{font:normal 14px "arial"; color:#ffffff; text-decoration:none;  text-align:left; padding-left:4px; }
.nav-side a:hover{font:normal 14px "arial"; color:#000000; text-decoration:none; text-align:left; padding-left:4px;}
.nav-side a:focus { outline: none; }
.navdownside{font:normal 14px "arial"; color:#FF6600; text-decoration:none; text-align:left; padding-left:4px;}


.ADLINK{font:normal 14px "arial"; color:#F00; text-decoration:none;  text-align:left; padding-left:4px; padding-right:4px; padding-bottom:4px; padding-top:4px;}
.ADLINK a{font:normal 14px "arial"; color:#F00; text-decoration:none;  text-align:left; padding-left:4px; padding-right:4px; padding-bottom:4px; padding-top:4px; }
.ADLINK a:hover{font:normal 14px "arial"; color:#000000; text-decoration:none; text-align:left; padding-left:4px; padding-right:4px; padding-bottom:4px; padding-top:4px;}
.ADLINK a:focus { outline: none; }
.navdownside{font:normal 14px "arial"; color:#FF6600; text-decoration:none; text-align:left; padding-left:4px; padding-right:4px; padding-bottom:4px; padding-top:4px;}


.likeImage{width: 50px;height: 20px;background-image: url("http://homebasework.net/images/yes.jpg");background-repeat: no-repeat;}
.likeImage iframe{opacity: 0;}

.likeImage2{width: 50px;height: 20px;background-image: url("http://homebasework.net/images/no.jpg");background-repeat: no-repeat;}
.likeImage2 iframe{opacity: 0;}









.l1{font:normal 14px "arial"; color:#fa6020; text-decoration:none;  text-align:center;  }
.l1 a{font:normal 14px "arial"; color:#fa6020; text-decoration:none;  text-align:center;  }
.l1 a:hover{font:normal 14px "arial"; color:#000000; text-decoration:none; text-align:center; }
.l1 a:focus { outline: none; }



.l2{font:normal 14px "arial"; color:#2196f3; text-decoration:none;  text-align:center;  }
.l2 a{font:normal 14px "arial"; color:#2196f3; text-decoration:none;  text-align:center;  }
.l2 a:hover{font:normal 14px "arial"; color:#000000; text-decoration:none; text-align:center; }
.l2 a:focus { outline: none; }


.l3{font:normal 14px "arial"; color:#ffc337; text-decoration:none;  text-align:center;  }
.l3 a{font:normal 14px "arial"; color:#ffc337; text-decoration:none;  text-align:center;  }
.l3 a:hover{font:normal 14px "arial"; color:#000000; text-decoration:none; text-align:center; }
.l3 a:focus { outline: none; }


.l4{font:normal 14px "arial"; color:#58bdc5; text-decoration:none;  text-align:center;  }
.l4 a{font:normal 14px "arial"; color:#58bdc5; text-decoration:none;  text-align:center;  }
.l4 a:hover{font:normal 14px "arial"; color:#000000; text-decoration:none; text-align:center; }
.l4 a:focus { outline: none; }


.l5{font:normal 14px "arial"; color:#7986cb; text-decoration:none;  text-align:center;  }
.l5 a{font:normal 14px "arial"; color:#7986cb; text-decoration:none;  text-align:center;  }
.l5 a:hover{font:normal 14px "arial"; color:#000000; text-decoration:none; text-align:center; }
.l5 a:focus { outline: none; }


.l6{font:normal 14px "arial"; color:#7cb342; text-decoration:none;  text-align:center;  }
.l6 a{font:normal 14px "arial"; color:#7cb342; text-decoration:none;  text-align:center;  }
.l6 a:hover{font:normal 14px "arial"; color:#000000; text-decoration:none; text-align:center; }
.l6 a:focus { outline: none; }













 
   
   
   
   
   
   
   
   
   
   
   
   
a.btn { padding: 20px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #2196f3;display: inline-block;width:150px;height:30px;text-decoration: none;}
a.btn:hover {padding: 20px 1px 3px 1px;background: #8acbff;color: #000000;text-decoration: none;}
a.btn:active {padding: 20px 1px 3px 1px;background: #123754;color: #ffffff;text-decoration: none;}
   
 
a.btnsecond { padding: 20px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #2196f3;display: inline-block;width:150px;height:30px;text-decoration: none;}
a.btnsecond:hover {padding: 20px 1px 3px 1px;background: #8acbff;color: #000000;text-decoration: none;}
a.btnsecond:active {padding: 20px 1px 3px 1px;background: #123754;color: #ffffff;text-decoration: none;}



a.btnthird { padding: 10px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 24px;text-align:center;background: #7cb342; display: inline-block;width:360px;height:30px;text-decoration: none;}
a.btnthird:hover {padding: 10px 1px 3px 1px;background: #96d356;color: #000000;text-decoration: none;}
a.btnthird:active {padding: 10px 1px 3px 1px;background: #123754;color: #ffffff;text-decoration: none;}


   
   
   
a.MAINbtn { padding: 18px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #2196f3;display: inline-block;width:100px;height:30px;text-decoration: none;}

a.MAINbtn:hover {padding: 18px 1px 3px 1px;background: #5bb7ff;color: #000000;text-decoration: none;text-align:center;}

a.MAINbtn:active {padding: 18px 1px 3px 1px;background: #123754;color: #ffffff;text-decoration: none;text-align:center;}
a.MAINbtn.active {
   color: #123754;
   background-color: #000000;
}  



a.btntwo { padding: 15px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #2196f3;display: inline-block;width:160px;height:35px;text-decoration: none;}

a.btntwo:hover {padding: 15px 1px 3px 1px;background: #5bb7ff;color: #000000;text-decoration: none;text-align:center;}

a.btntwo:active {padding: 15px 1px 3px 1px;background: #123754;color: #ffffff;text-decoration: none;text-align:center;}




a.btnthree { padding: 10px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #2196f3;display: inline-block;width:260px;height:20px;text-decoration: none;}

a.btnthree:hover {padding: 10px 1px 3px 1px;background: #5bb7ff;color: #000000;text-decoration: none;text-align:center;}

a.btnthree:active {padding: 10px 1px 3px 1px;background: #123754;color: #ffffff;text-decoration: none;text-align:center;}



a.btnfour { padding: 10px 1px 3px 1px; font-family: Arial;color: #000000;font-size: 14px;text-align:center;background: #51AF60;display: inline-block;width:300px;height:15px;text-decoration: none;}
a.btnfour:hover {padding: 10px 1px 3px 1px;background: #51AF60;color: #000000;text-decoration: none;text-align:center;}
a.btnfour:active {padding: 10px 1px 3px 1px;background: #51AF60;color: #000000;text-decoration: none;text-align:center;}



a.btnfive { padding: 10px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #acd1b2;display: inline-block;width:300px;height:15px;text-decoration: none;}
a.btnfive:hover {padding: 10px 1px 3px 1px;background: #51AF60;color: #000000;text-decoration: none;text-align:center;}
a.btnfive:active {padding: 10px 1px 3px 1px;background: #51AF60;color: #ffffff;text-decoration: none;text-align:center;}


a.btnsix { padding: 1px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #2196f3;display: inline-block;width:15px;height:12px;text-decoration: none;}
a.btnsix:hover {padding: 1px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #2196f3;display: inline-block;width:15px;height:12px;text-decoration: none;}
a.btnsix:active {padding: 1px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #2196f3;display: inline-block;width:15px;height:12px;text-decoration: none;}



a.btnseven { padding: 1px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #cfcfcf;display: inline-block;width:15px;height:12px;text-decoration: none;}
a.btnseven:hover {padding: 1px 1px 3px 1px;background: #2196f3;color: #000000;text-decoration: none;text-align:center;}
a.btnseven:active {padding: 1px 1px 3px 1px;background: #5bb7ff;color: #ffffff;text-decoration: none;text-align:center;}



a.btnthirdLONGall { padding: 10px 1px 1px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #CFCFCF;display: inline-block;width:100%;height:20px;text-decoration: none;}
a.btnthirdLONGall:hover {padding: 10px 1px 1px 1px;background: #5bb7ff;color: #000000;text-decoration: none;text-align:center;}
a.btnthirdLONGall:active {padding: 10px 1px 1px 1px;background: #5bb7ff;color: #000000;text-decoration: none;text-align:center;}


.btnthirdLONGallACTIVE {padding: 10px 1px 1px 1px;background: #2196f3;color: #000000;text-decoration: none;text-align:center;}


a.nextbutton { padding: 10px 1px 1px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #2196f3;display: inline-block;width:100%;height:20px;text-decoration: none;}
a.nextbutton:hover {padding: 10px 1px 1px 1px;background: #5bb7ff;color: #000000;text-decoration: none;text-align:center;}
a.nextbutton:active {padding: 10px 1px 1px 1px;background: #5bb7ff;color: #000000;text-decoration: none;text-align:center;}



/*LOGIN FORM*/



@import url(https://fonts.googleapis.com/css?family=Montserrat);

/*basic reset*/
* {margin: 0; padding: 0;}

html {
	height: 100%;
	/*Image only BG fallback*/
	
	/*background = gradient + image pattern combo*/
	
}

body {
	font-family: montserrat, arial, verdana;
}
/*form styles*/
#msform2 {
	width: 340px;
	margin: 0px auto;
	text-align: center;
	position: relative;
}
#msform2 fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 10px 15px;
	box-sizing: border-box;
	width: 95%;
	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
#msform2 fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#msform2 input, #msform2 textarea {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 5px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2C3E50;
	font-size: 12px;
}
/*buttons*/
#msform2 .action-button {
	width: 145px;
	background: #27AE60;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 7px 5px;
	margin: 7px 5px;
}
#msform2 .action-button:hover, #msform2 .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
/*headings*/
.fs-title {
	font-size: 14px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 0px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 12px;
	color: #666;
	margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: white;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #27AE60;
	color: white;
}





























/*MAIN REGISTRATION FORM*/
@import url(https://fonts.googleapis.com/css?family=Montserrat);

/*basic reset*/
* {margin: 0; padding: 0;}

html {
	height: 100%;
	/*Image only BG fallback*/
	
	/*background = gradient + image pattern combo*/
	
}

body {
	font-family: montserrat, arial, verdana;
}
/*form styles*/
#msform {
	width: 600px;
	margin: 50px auto;
	text-align: center;
	position: relative;
}
#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#msform input, #msform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2C3E50;
	font-size: 13px;
}
/*buttons*/
#msform .action-button {
	width: 100px;
	background: #27AE60;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	margin-top: 10px;
}
#progressbar li {
	list-style-type: none;
	color: white;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #27AE60;
	color: white;
}


















/*CATEGORY 10 FORM*/


form.register{
    width:700px;
    margin: 20px auto 0px auto;
    height:630px;
    background-color:#fff;
    padding:5px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}
form p{
    font-size: 8pt;
    clear:both;
    margin: 0;
    color:gray;
    padding:4px;
}
form.register fieldset.row1
{
    width:670px;
    padding:5px;
    float:left;
    border-top:1px solid #F5F5F5;
	    border-right:1px solid #FFFFFF;
    	border-left:1px solid #FFFFFF;
   	 	border-bottom:1px solid #FFFFFF;

    margin-bottom:15px;
}
form.register fieldset.row1 label{
    width:140px;
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top:2px;
}
form.register fieldset.row2
{
    border-top:1px solid #F1F1F1;
    border-right:1px solid #F1F1F1;
	    	border-left:1px solid #F1F1F1;
   	 		border-bottom:1px solid #F1F1F1;
    height:220px;
    padding:5px;
    float:left;
	width:685px;
}


form.register fieldset.rowTHREE
{
    border-top:1px solid #F1F1F1;
    border-right:1px solid #F1F1F1;
	    	border-left:1px solid #F1F1F1;
   	 		border-bottom:1px solid #F1F1F1;
    height:550px;
    padding:5px;
    float:left;
	width:685px;
}


form.register fieldset.rowFIVE
{
    border-top:1px solid #F1F1F1;
    border-right:1px solid #F1F1F1;
	    	border-left:1px solid #F1F1F1;
   	 		border-bottom:1px solid #F1F1F1;
    height:450px;
    padding:5px;
    float:left;
	width:685px;
}



form.register fieldset.row3
{
    border-top:1px solid #F1F1F1;
		    border-right:1px solid #F1F1F1;
    		border-left:1px solid #F1F1F1;
   	 		border-bottom:1px solid #F1F1F1;
    padding:5px;
    float:left;
    margin-bottom:15px;
    width:685px;
}
form.register fieldset.row4
{
    border-top:1px solid #F1F1F1;
    border-right:1px solid #F1F1F1;
    padding:5px;
    float:left;
    clear:both;
    width:500px;
}
form.register .infobox{
    float:right;
    margin-top:20px;
    border: 1px solid #F1F1F1;
    padding:5px;
    width:380px;
    height:98px;
    font-size:9px;
    background: #FDFEFA url(../img/bg_infobox.gif) repeat-x top left;
}
form.register legend
{
    color: #abda0f;
    padding:2px;
    margin-left: 14px;
    font-weight:bold;
    font-size: 14px;
    font-weight:100;
}
form.register label{
    color:#444;
    width:98px;
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top:2px;
}
form.register label.optional{
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top:2px;
    color: #A3A3A3;
}
form.register label.obinfo{
    float:right;
    padding:3px;
    font-style:italic;
}
form.register input{
    width: 270px;
    color: #505050;
    float: left;
    margin-right: 5px;
}
form.register input.long{
    width: 270px;
    color: #505050;
	height:20px;
}

form.register input.long1{
    width: 550px;
	height: 20px;
    color: #000000;
}















form.register input.short{
    width: 40px;
    color: #505050;
}
form.register input[type=radio]
{
    float:left;
    width:15px;
}
form.register label.gender{
    margin-top:-1px;
    margin-bottom:2px;
    width:34px;
    float:left;
    text-align:left;
    line-height:19px;
}
form.register input[type=text]
{
    border: 1px solid #E1E1E1;
    height: 18px;
}
form.register input[type=password]
{
    border: 1px solid #E1E1E1;
    height: 18px;
}


.button1 {
	width: 100px;
	background: #27AE60;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 7px 5px;
	margin: 7px 5px;
}
.button1:hover, .button1:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}




form.register input[type=text].year
{
    border: 1px solid #E1E1E1;
    height: 18px;
    width:30px;
}
form.register input[type=checkbox] {
    width:14px;
    margin-top:4px;
}
form.register select
{
    border: 1px solid #E1E1E1;
    width: 130px;
    float:left;
    margin-bottom:3px;
    color: #505050;
    margin-right:5px;
}
form.register select.date
{
    width: 40px;
}
form.register select.year
{
    width: 50px;
}
form.register select.month
{
    width: 100px;
}
input:focus, select:focus{
    background-color: #efffe0;
}
p.info{
    font-size:7pt;
    color: gray;
}
p.agreement{
    margin-left:15px;
}
p.agreement label{
    width:390px;
    text-align:left;
    margin-top:3px;
}

.error1 {
    color: red;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 10px;
    text-align: left;
}

form.register label .error1{
color: red;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 10px;
    text-align: left;

}

.required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px;
}