@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:'gothic';
	src:url(../fonts/GOTHIC.TTF);
}


.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
	border-radius: 15px;-webkit-border-radius: 15px;
}

.icon {
    padding: 10px;
    background: #009999;
    color: white;
    min-width: 50px;
    text-align: center;
}

.input-field {
    width: 100%;
    padding: 10px;
    outline: none;
	font-family: gothic; font-size: 14px;
}

.input-field:focus {
    border: 2px solid #009999;
}

#maindiv{width:100%; background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-size:cover; text-align:center;}
.textdiv{width:400px; max-width:400px; font-family:gothic; vertical-align:top; display:inline-block; position:relative;}
#info{margin-left:5px; border-left:dashed 1px #CCCCCC; padding-left:10px;}
#rdname{width:400px; display:inline-block; position:relative; height:50px; font-size:36px; color:#fff; text-align:left; vertical-align:top; padding-top:20px;}
#rdname-small{width:400px; display:inline-block; position:relative; height:30px; font-size:36px; color:#fff; text-align:left; vertical-align:top; padding-top:20px;}
#tagline{font-family:gothic; font-size:24px; color:#FF9900; text-align:left;}
#logodiv{width:148px; display:inline-block; position:relative;}
#loginform .lglabel{display: inline-block; position: relative; border-left: dotted 2px #ff9900; padding-left: 10px; margin-bottom: 10px;}
#loginform .formcontrol{display: inline-block; position: relative; width: 100%; margin-bottom: 10px; font-family: gothic; font-size: 16px; padding: 10px; border-radius: 15px;-webkit-border-radius: 15px; outline: none; border:solid 1px #00a651; height: 10px; }
.greenbtn{text-align:center; font-family:gothic; color:#FFFFFF; border-bottom:solid 1px #999999; background-color:#009999; padding-left:20px; padding-right:20px; border-radius:20px; width:auto; border:solid 1px #00a651; height:30px; text-decoration:none; transition:background 1s ease;}
.greenbtn:hover{text-align:center; font-family:gothic; color:#009999; border-bottom:solid 1px #00a651; background-color:#fff; padding-left:20px; padding-right:20px; border-radius:20px; width:auto; border:solid 1px #009999; text-decoration:none; transition:background 1s ease;}
.redbtn{text-align:center; font-family:gothic; font-size:14px; color:#333333; border-bottom:solid 1px #FFCC33; background-color:#FFCC33; padding-left:20px; padding-right:20px; border-radius:20px; width:auto; border:solid 1px #FFCC33; height:25px; line-height:25px; text-decoration:none; transition:background 1s ease; margin-bottom:15px; display:inline-block; position:relative;}
.redbtn:hover{text-align:center; font-family:gothic; color:#FFCC33; border-bottom:solid 1px #FFCC33; background-color:rgba(0,0,0,0.2); padding-left:20px; padding-right:20px; border-radius:20px; width:auto; border:solid 1px #FFCC33; text-decoration:none; transition:background 1s ease;}
@media screen and (max-width: 748px) {
	#maindiv{width:100%; height:auto; background-image:url(../images/bg.jpg); background-repeat:repeat; background-size:cover; text-align:center;}
	.textdiv{width:95%; font-family:gothic;}
	#info{margin-right:0px; border:dotted 0px #CCCCCC;}
	#rdname{width:100%; font-size:24px; height:30px;}
	/*#rdphoto{height:110px; width:110px;}*/
	#tagline{font-size:18px; text-align:center;}
	#logodiv{width:80px; display:inline-block; position:relative;}
	#logo{width:80px; height:auto;}
	
	.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
	border-radius: 15px;-webkit-border-radius: 15px;
}

.icon {
    padding: 10px;
    background: #009999;
    color: white;
    min-width: 50px;
    text-align: center;
}

.input-field {
    width: 100%;
    padding: 10px;
    outline: none;
	font-family: gothic; font-size: 14px;
}

.input-field:focus {
    border: 2px solid #009999;
}


}