@import url(https://fonts.googleapis.com/css?family=Oswald|Open+Sans:400,600);

.EroCMSregModal {
	display: none;
	position: fixed;
	z-index: 11;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.EroCMSregModal-content {
	background-color: #fefefe;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #888;
	width: calc(100% - 40px);
	font: 13px/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.EroCMSregModal-content li:before {
	content: "\2713\0020";   
	margin-left: -1em;
	margin-right: .100em;
	font-size:20px;
	color:#008000
}

.EroCMSregModal-content ul {
	padding-left: 20px;
	text-indent: 2px;
	list-style: none;
	list-style-position: outside;
	margin: 0;
}

.EroCMSregModal-content ul li {
	font: 13px/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

.EroCMSregModal .regColumn {
	width:100%;
	margin-bottom:20px;
}

@media (min-width: 750px) {
	.EroCMSregModal-content {
		width: 700px;
		margin: 10% auto;
	}
	
	.EroCMSregModal-content .regColumn {
		float:left;
		margin-bottom:0px;
		width:48%;
	}
	
}

.EroCMSregModal .regClose {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin-top:-10px;
}

.EroCMSregModal #EroCMSregForm {
    display:none;
}

.EroCMSregModal .regClose:hover,
.EroCMSregModal .regClose:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.EroCMSregModal .ui-state-error {
	border:1px solid #cd0a0a;
	background-color:#fef1ec;
	color:#cd0a0a;
	width:243px;
	margin-bottom:10px;
}

.EroCMSregModal .ui-state-highlight {
    border:1px solid #569a05;
    background-color:#cdf2a1;
    color:#181818;
    width:243px;
    margin-bottom:10px;
}

.EroCMSregModal  .loginLink,
.EroCMSregModal  .regLink {
    text-align:center;
    border-top:1px solid;
    margin-top:10px;
    padding-top:10px;
    text-transform: uppercase;
}

.EroCMSregModal #submitEroCMSregModal {
	width:243px;
}

.EroCMSregModal .clearfix {clear: both;}

.EroCMSregModal-content h4 {
	font-family: 'Oswald', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;
}

.EroCMSregModal-content input[type="text"],
.EroCMSregModal-content input[type="password"],
.EroCMSregModal-content input[type="email"] {
    background: #fff;
    padding: 8px 8px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666;
    margin: 0;
    width: 225px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    color: #999;
    border: 1px solid #e8e8e8;
}

.EroCMSregModal-content .button {
    -webkit-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);
    box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);
    font-size: 13px;
    font-weight: bold;
    text-shadow: none;
    border: 0 none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    height: 40px;
}