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

.fb{font:normal 22px "Arial black";color:#ffffff; text-align:left; padding-left:10px;}
.nav{font:bold 12px Arial, Helvetica, sans-serif;color:#0e385f; text-align:left;}
.nava{font:bold 12px Arial, Helvetica, sans-serif; color:#FF0000; text-align:center;}
.toptext{font:bold 16px Arial, Helvetica, sans-serif;color:#000000;padding-left:0px;}

.mainbutton{font:normal 14px  "Artist"; color:#FFFFFF; text-decoration:none; text-align:center;}

.mainbutton2{font:normal 14px  "Arial"; color:#FFFFFF; text-decoration:none; text-align:center;}


.headmatter{font:normal 14px Arial; color:#ffffff; padding-left:13px; text-align:justify; padding-right:13px; padding-top:10px; padding-bottom:10px;}

.pageheading {font:normal 16px "Arial"; color:#ffffff; background-color:#06193b; padding-left:5px; text-decoration:none; }
.pageheading a{font:normal 16px "Arial"; color:#ffffff; background-color:#06193b; padding-left:5px; text-decoration:none; }
.pageheading a:hover{font:normal 16px "Arial"; color:#ffffff; background-color:#06193b; padding-left:5px; text-decoration:underline; }
.pageheading a:focus { outline: none; }

.matter{
	font: normal 14px Arial;
	color: #000000;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}
.matterhead{font:normal 17px Arial; color:#000000;}

.matterhead2{font:bold 22px Arial; color:#000000; text-align:center;}


.news{font:normal 12px Arial; color:#ffffff; padding-left:5px; padding-top:5px; text-align:justify; padding-right:5px;}

.footer{font:normal 12px Arial; color:#999999; padding-left:10px; text-align:left; padding-right:10px;}

.headerpunchline{font:normal 14px "artist"; color:#000000; padding-top:15px; padding-left:5px;}

.downloadregular{font:normal 14px Arial; color:#ffffff;}

.text3{font:normal 13px  "Artist"; color:#FFFFFF; text-decoration:none; text-decoration:blink; text-align:right;}
.text4{font:normal 14px "arial"; color:#000000; text-decoration:none; text-align:LEFT; }


.redbgcolor{background-color:#fc3645;}

.footertext{font:normal 12px Arial; color:#666666;  padding-left:8px; padding-right:10px; padding-top:25px; text-align:justify;}
.copyright{font:normal 12px Arial; color:#ffffff; text-decoration:none; background-color:#000066; padding-left:8px;}


.nav-01{font:normal 16px "arial"; color:#FFFFFF; text-decoration:none;  text-align:left; padding-left:10px; }
.nav-01 a{font:normal 16px "arial"; color:#FFFFFF; text-decoration:none;  text-align:left; padding-left:10px;}
.nav-01 a:hover{font:normal 16px "arial"; color:#000000; text-decoration:none; text-align:left; padding-left:10px;}
.nav-01 a:focus { outline: none; }
.navdown01{font:normal 16px "arial"; color:#FF6600; text-decoration:none; text-align:center;}


.nav-02{font:normal 14px "arial"; color:#000000; text-decoration:none; text-align:left;}
.nav-02 a{font:normal 14px "arial"; color:#000000; text-decoration:none; text-align:left;}
.nav-02 a:hover{font:normal 14px "arial"; color:#666666; text-decoration:none; text-align:left;}
.navdown2{font:normal 14px "arial"; color:#666666; text-decoration:none; text-align:left;}

.nav-02A{font:normal 12px "arial"; color:#FFFFFF; text-decoration:none; text-align:left;}
.nav-02A a{font:normal 12px "arial"; color:#FFFFFF; text-decoration:none; text-align:left;}
.nav-02A a:hover{font:normal 12px "arial"; color:#FF0000; text-decoration:none; text-align:left;}
.navdown2A{font:normal 12px "arial"; color:#000000; text-decoration:none; text-align:left;}


.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;}



.nav-03{font:normal 15px  "Arial"; color:#ffff00; text-decoration:blink; text-align:right;}
.nav-03 a{font:normal 15px  "Arial"; color:#ffff00; text-decoration:blink; text-align:right;}
.nav-03 a:hover{font:normal 15px  "Arial"; color:#FFFFFF; text-decoration:underline; text-align:right;}

.more{font:normal 15px  "Arial"; color:#FF0000; text-decoration:none; text-align:right;}
.more a{font:normal 15px  "Arial"; color:#FF0000; text-decoration:none; text-align:right;}
.more a:hover{font:normal 15px  "Arial"; color:#FF0000; text-decoration:underline; text-align:right;}


.text1{font:normal 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;  text-align:LEFT;}
.text1 a{font:normal 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;  text-align:LEFT;}
.text1 a:hover{font:normal 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline;  text-align:LEFT;}


.text2{font:normal 12px Arial; color:#ffffff; text-decoration:none; background-color:#096d97; text-align:CENTER;}
.text2 a{font:normal 12px Arial; color:#ffffff; text-decoration:none; background-color:#096d97; text-align:CENTER;}
.text2 a:hover{font:normal 12px Arial; color:#ffffff; text-decoration:underline; background-color:#096d97; text-align:CENTER;}

.PT{font:normal 15px Arial; color:#ffff00; text-decoration:none; text-align:center;}
.PT a{font:normal 15px Arial; color:#ffff00; text-decoration:none; text-align:center;}
.PT a:hover{font:normal 15px Arial; color:#ffffff; text-decoration:underline; text-align:center;}

.lowerbutton{font:normal 12px Arial; color:#ffffff; text-decoration:none; text-align:left;}
.lowerbutton a{font:normal 12px Arial; color:#ffffff; text-decoration:none; text-align:left;}
.lowerbutton a:hover{font:normal 12px Arial; color:#ffffff; text-decoration:underline; text-align:left;}
.lowerbuttonheading{font:normal 14px Arial; color:#ffffff; text-decoration:none; text-align:left;}


.join1{font:bold 18px  "Arial"; color:#F00; text-decoration:blink; text-align:center;}
.join1 a{font:bold 18px  "Arial"; color:#f00; text-decoration:blink; text-align:center;}
.join1 a:hover{font:bold 18px  "Arial"; color:#000000; text-decoration:underline; text-align:center;}

















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: 15px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #2196f3;display: inline-block;width:90px;height:35px;text-decoration: none;}
a.MAINbtn:hover {padding: 15px 1px 3px 1px;background: #5bb7ff;color: #000000;text-decoration: none;text-align:center;}
a.MAINbtn:active {padding: 15px 1px 3px 1px;background: #123754;color: #ffffff;text-decoration: none;text-align:center;}


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



a.btntwo { padding: 15px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #2196f3;display: inline-block;width:150px;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.btntwob { padding: 15px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #123754;display: inline-block;width:150px;height:35px;text-decoration: none;}
a.btntwob:hover {padding: 15px 1px 3px 1px;background: #123754;color: #ffffff;text-decoration: none;text-align:center;}
a.btntwob:active {padding: 15px 1px 3px 1px;background: #123754;color: #ffffff;text-decoration: none;text-align:center;}



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


a.btnthreeb { padding: 15px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #123754;display: inline-block;width:230px;height:35px;text-decoration: none;}
a.btnthreeb:hover {padding: 15px 1px 3px 1px;background: #123754;color: #ffffff;text-decoration: none;text-align:center;}
a.btnthreeb:active {padding: 15px 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.btneight { padding: 12px 1px 3px 1px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #4caf50;display: inline-block;width:100%;height:25px;text-decoration: none;}
a.btneight:hover {padding: 12px 1px 3px 1px;background: #c5e1a5;color: #000000;text-decoration: none;text-align:center;}
a.btneight:active {padding: 12px 1px 3px 1px;background: #4caf50;color: #ffffff;text-decoration: none;text-align:center;}


a.btnnine { padding: 12px 1px 3px 1px; font-family: Arial;color: #000000;font-size: 14px;text-align:center; background:#F90; display: inline-block;width:140px;height:25px;text-decoration: none;}
a.btnnine:hover {padding: 12px 1px 3px 1px; background:#F96; color: #ffffff;text-decoration: none;text-align:center;}
a.btnnine:active {padding: 12px 1px 3px 1px;background:#F96;color: #ffffff;text-decoration: none;text-align:center;}



a.btnten { padding: 15px 0px 3px 0px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #2196f3;display: inline-block;width:100%;height:35px;text-decoration: none;}
a.btnten:hover {padding: 15px 0px 3px 0px;background: #5bb7ff;color: #000000;text-decoration: none;text-align:center;}
a.btnten:active {padding: 15px 0px 3px 0px;background: #123754;color: #ffffff;text-decoration: none;text-align:center;}

a.btneleven { padding: 15px 0px 3px 0px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #52AF50;display: inline-block;width:100%;height:35px;text-decoration: none;}
a.btneleven:hover {padding: 15px 0px 3px 0px;background: #00cc00;color: #000000;text-decoration: none;text-align:center;}
a.btneleven:active {padding: 15px 0px 3px 0px;background: #00cc00;color: #ffffff;text-decoration: none;text-align:center;}

a.btntwelve { padding: 15px 0px 3px 0px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #CC3300;display: inline-block;width:100%;height:35px;text-decoration: none;}
a.btntwelve:hover {padding: 15px 0px 3px 0px;background: #ff0000;color: #000000;text-decoration: none;text-align:center;}
a.btntwelve:active {padding: 15px 0px 3px 0px;background: #ff0000;color: #ffffff;text-decoration: none;text-align:center;}


a.btntwelveb { padding: 15px 0px 3px 0px; font-family: Arial;color: #ffffff;font-size: 14px;text-align:center;background: #4caf50;display: inline-block;width:100%;height:35px;text-decoration: none;}
a.btntwelveb:hover {padding: 15px 0px 3px 0px;background: #c5e1a5;color: #000000;text-decoration: none;text-align:center;}
a.btntwelveb:active {padding: 15px 0px 3px 0px;background: #4caf50;color: #ffffff;text-decoration: none;text-align:center;}










































/*MAIN REGISTRATION FORM*/
@import url(http://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: 500px;
	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;
}




.button2 {
	width: 100px;
	background: #27AE60;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 0px 0px;
	margin: 0px 0px;
}
.button2: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;
}