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

/* BRAYDENBOX CLASSES */
.BraydenBox-Error{
	width:400px; 
	padding:15px; 
	background:#ffcccc; 
	border:1px solid #cc0000;
	color:#000000;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.BraydenBox-HintBox{
	/*display:none;*/
	visibility:hidden;
}

.BraydenBox-Enclosure{
	position:relative;
}

.BraydenBox-Enclosure div.BraydenBox-HintBox{
	background:rgba(33,33,33,0.7);
	border:1px solid #000000;
	/*display:none;*/
	visibility:hidden;
	color:#ffffff;
	width:200px;
	padding:10px;
	margin-left:10px;
	position:absolute;
	top:-20px;
	left:250px;
	opacity:0;
	-webkit-transition: opacity 0.5s; /* Safari */
    transition: opacity 0.5s;
}

.BraydenBox-Enclosure:hover div.BraydenBox-HintBox{
	/*display:block;*/
	visibility:visible;
	opacity:100;
	-webkit-transition: opacity 0.5s; /* Safari */
    transition: opacity 0.5s;
}

.BraydenBox-Success{
	width:400px; 
	padding:15px; 
	background:#ccffcc; 
	border:1px solid #00cc00;
	color:#000000;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
.BraydenBox-content-box {
	text-align:center;
	font-weight:300;
	background-color: white;
	color: black;
	width: 35%;
	min-width:500px;
	max-width: 600px;
	height: 540px;
	margin: auto;
	border:8px solid #262626;
	font-size: 14px;
	font-family: "Montserrrat", sans-serif;
}
.BraydenBox-Container{
	width:100%;
	clear:both;
}
.BraydenBox-Column{
	float:left;
}
.BraydenBox-content-box-text {
	text-align: center;
	font-size: 12px;	
	font-weight:100;
	margin: 5px;
	font-family: "Montserrat", sans-serif;
}
.BraydenBox-content-box-header-text {
	text-align: center;
	font-size: 24px;	
	font-weight:100;
	margin: 5px;
	font-family: "Montserrat", sans-serif;
}
input.BraydenBox-input:invalid{
	border:2px solid #ff9999;	
}
input.BraydenBox-input:valid{
	border:2px solid #66cc66;	
}
input.BraydenBox-input:not(:focus):invalid{
	border: 1px solid #9A9A9A;
}
input.BraydenBox-input, textarea.BraydenBox-input {
	padding: 7px;
    background-color: #E0E0E0;
    color: #7f7f7f;
    font-size: 14px;
	border: 1px solid #9A9A9A;
	border-radius: 3px;
	width: 50%;
}
input.BraydenBox-smallInput {
	width: 100px;
}
checkbox.BraydenBox-checkbox {
	margin-left: 40px;
	padding-left: 40px;
}
select.BraydenBox-select {
	padding: 6px;
    border: 1px solid;
    background-color: #E0E0E0;
    color: #7f7f7f;
    font-size: 14px;
}
.BraydenBox-btn {
	color: white;
	background:#262626;
	border:3px solid #FFFFFF;
	font-size: 18px;	
	font-weight:500;
	font-family: "Montserrat", sans-serif;
	padding: 14px;
	margin: 15px;
} 
.BraydenBox-btn:hover {
	padding: 11px;
	background-color: #FFFFFF;
	margin: 18px;
	color: black;
	border: 3px solid black;
	cursor: pointer;
}