/* Default CSS for accounts. */

.cm-account-login-form {
}

.cm-account-login-table {
}
.account_info .fieldset_heading{ padding-left:10px;}
.contact_info .fieldset_heading{ padding-left:10px;}
.create-account-form {
	margin: 10px 10px 0px 0px;
	padding: 5px;
	/*background-color:#efefef;*/
}

.create-account-form fieldset {
	margin: 10px 10px 0px 0px;
	border:none;
	vertical-align: top;
}

.create-account-form .form-line, .create-account-form fieldset.form-line {
	display: block;
	clear: both;
	width: 100%;
}

.create-account-form .form-label, .create-account-form fieldset.form-label {
	display: block;
	width: 100%;
	padding: 0;
	margin: 5px 0 0 10px;
	text-align: left;
	font-size:14px;
}

.create-account-form .form-element, .create-account-form fieldset.form-element {
	display: block;
	margin: 5px 0 0 10px;
	padding: 0;
	text-align: left;
	width: 100%;
}
.form-element input[type="text"], input[type="username"], input[type="password"], select{ padding:5px;}
.create-account-note {
	clear: both;
	margin: 10px 10px 0px 0px;
	padding: 5px;
	/*background-color:#efefef;*/
	border:1px solid black;
}

.layout-table-login {
	width: 100%;
	border-spacing: 10px;
	border-collapse: separate;
}

.cm-account-login-table-3 td { width:100%; display:block; text-align:left !important; font-size:14px;
}
.cm-account-login-table-3 td input[type="text"], input[type="username"], input[type="password"]{ padding:5px; margin-bottom:10px;}
.cm-account-login-table-3 td input[type="submit"]{color: #fff;
    background-color: #eb001f;
	padding: 8px 38px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight:600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-image: none;
    border: 1px solid transparent;}
.cm-account-login-table-3 td input[type="submit"]:hover{background-color:#333333; color:#fff;}
.button-login-create-account{color: #fff;
    background-color: #eb001f;
	padding: 8px 38px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight:600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-image: none;
    border: 1px solid transparent;}
.button-login-create-account:hover{background-color:#333333; color:#fff;}
.layout-table-login > tbody > tr > td {
	width: 50%;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	background-color:#edeeee;
}
.cm-login-and-create-account-forgot-password-row p a{ font-size:14px;}
.account_info{ display:inline-block; width:48%;}
.contact_info{ display:inline-block; width:48%;}
@media screen and (max-width:648px){
.layout-table-login > tbody > tr > td {
	width: 100%;
	display:block;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	margin-bottom:10px;
	background:none;
}
.account_info{ display:block; width:100%;}
.contact_info{ display:block; width:100%;}
}
@media screen and (max-width:400px){
.form-element input[type="text"], input[type="username"], input[type="password"], select{ width:90%;}
}