﻿#login {
    width: 470px;
    margin-top: 100px;
    min-height: 210px;
    padding: 25px;
    background-color: #6cc4c9;
    color: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#login h1 {
    font-size: 1.57em;
    color: #fff;
    margin-top:0;
}
#login form fieldset input {
    padding: 3px 9px;
    width: 243px;
    height: 24px;
    margin:10px 0;

    -moz-border-top-left-radius: 12px 10px;
    -moz-border-top-right-radius: 12px 10px;
    -moz-border-bottom-right-radius: 12px 10px;
    -moz-border-bottom-left-radius: 12px 10px;
    -webkit-border-top-left-radius: 12px 10px;
    -webkit-border-top-right-radius: 12px 10px;
    -webkit-border-bottom-right-radius: 12px 10px;
    -webkit-border-bottom-left-radius: 12px 10px;
    border-top-left-radius: 12px 10px;
    border-top-right-radius: 12px 10px;
    border-bottom-right-radius: 12px 10px;
    border-bottom-left-radius: 12px 10px;
}
#login form fieldset input:focus {
    -moz-box-shadow: inset 0 1px 3px #7b7b7b;
-webkit-box-shadow: inset 0 1px 3px #7b7b7b;
box-shadow: inset 0 1px 3px #7b7b7b;
outline: none;
}
#login form input[type=submit] {
    background-color: #e6304a;
    text-decoration:none;
    color: #fff;
    font-size: 1.14em;
    font-weight: 700;
    font-family: "ff-din-round-web", sans-serif;

    padding: 5px 30px;
    margin: 10px 0 0 160px;

    border:none;
    -moz-border-top-left-radius: 12px 10px;
    -moz-border-top-right-radius: 12px 10px;
    -moz-border-bottom-right-radius: 12px 10px;
    -moz-border-bottom-left-radius: 12px 10px;
    -webkit-border-top-left-radius: 12px 10px;
    -webkit-border-top-right-radius: 12px 10px;
    -webkit-border-bottom-right-radius: 12px 10px;
    -webkit-border-bottom-left-radius: 12px 10px;
    border-top-left-radius: 12px 10px;
    border-top-right-radius: 12px 10px;
    border-bottom-right-radius: 12px 10px;
    border-bottom-left-radius: 12px 10px;
}
#login form input[type=submit]:hover {
    background-color: #db2163;
}
#login #forgotPasswordLink {
    margin-top:40px;
}
#login p {
    font-family: "ff-din-round-web", sans-serif;
}
#login a {
    font-family: "ff-din-round-web", sans-serif;
    color: #fff;
    font-weight: 500;
    text-decoration: underline;
}
#login a:hover,
#login a:active {
    text-decoration: none;
}
#login #cookies {
    font-size: 13px;
    line-height: 16px;
    width: 260px;
	clear: both;
}
#recaptcha_logo {
    display: none;
}
#recaptcha_tagline {
    display: none;
}
#recaptcha_table {
    border: none !important;
}
#login #statusMessage {
    background-color: #c9e9ea;
    color: #000000;
    width: 440px;
    padding: 20px 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#login #statusMessage ul {
    color: #e6304a;
}
#login #statusMessage table td {
    background-color: #c9e9ea;
}
#login input#RememberMe {
    margin-right: 5px;
}

#login input::-webkit-input-placeholder {
    font-weight: normal;
    font-family: "ff-din-round-web", sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #3f4343;
}

#login input:-moz-placeholder { /* Firefox 18- */
    font-weight: normal;
    font-family: "ff-din-round-web", sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #3f4343;
}

#login input::-moz-placeholder {  /* Firefox 19+ */
    font-weight: normal;
    font-family: "ff-din-round-web", sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #3f4343;
}

#login input:-ms-input-placeholder {  
    font-weight: normal;
    font-family: "ff-din-round-web", sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #3f4343;
}

#login input.placeholder {  
    font-weight: normal;
    font-family: "ff-din-round-web", sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #3f4343;
}

/*responsive design overrides*/

@media screen and (max-width:950px) {
    #header {
        background-color: #dee2d9;
    }

        #header .logo-small {
            float: left;
        }

    #login {
        width: auto;
        margin-top: 10px;
	    padding-top: 20px;
		max-width: none; 
    }

    .content #login #cookies {
        width: auto;
    }
	.content #login form fieldset {
		padding: 0 9px;
	}
    .content #login form input {
        width: 100%;
	    margin: 8px -9px;
		

    }

        .content #login form input[type="submit"] {
            float: right;
            width: auto;
	        margin: 8px 0;
        }

		#login #cookies {
			margin: 8px 0;
		}

		#login #statusMessage {
			width: auto;
		}
}