@font-face
{
font-family: exo;
src: url('font/Exo2-Regular.ttf'); /* IE9 */
}

html, body {
    margin: 0px;
    padding: 0px;
}

body.paypal-feedback-body{
	background-color: rgb(61, 61, 61);
	padding: 5px;
	border: 2px solid whitesmoke;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	box-shadow: 10px 10px 25px #000000;

}

div.header {
	background-color: black;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 80px;
	z-index: 20;	
}

div.login-header{
	text-align:right;
	padding-right:8px;
	line-height:0.5em;
}

div.footer {
	background-color: black;
	bottom:0px;
	left: 0px;
	width: 100%;
	height: 170px;
	z-index: 20;
}

div.banner {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 314px;
}

div.banner img{
	position: absolute;
	top: 79px;
}

div.content {
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	background-color: #0f0f0f;
	margin-bottom:20px;
	padding:20px;
	padding-top:1px;
	
}

div.container {
	margin:0 auto; 
	overflow:auto; 
	padding:100px 0; 
	width:940px;
}

h1, h3, h4, h5, h6, p, ul , a{
	color:white;
	font-family: sans-serif;
	font-family: exo;
}

h2 {
	color:#ff2e7e;
	font-family: sans-serif;
	font-family: exo;
	
}

hr.headline {
	border-color:#ff2e7e;
}

li, p {
	line-height: 1.5em;
}

p.login-text {
	line-height: 0.5em;
}

a {
	color:#ff2e7e;
	cursor:pointer;
}

div.contact-container{
	display:inline-block;
	display:block-inline;
	width:80px;
	text-align:center;
}

div.contact-container p{
	margin-top:0px;
}

div.contact-container img{
	width:50px;
	margin-left:5px;
}

.modal{
	position: fixed;
	background-color: rgb(39, 39, 39);
	width: 30%;
	z-index: 100;
	left: 35%;
	top: 10%;
	padding: 5px;
	border: 2px solid whitesmoke;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	box-shadow: 10px 10px 25px #000000;
}

.overlay
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 20;
}

.modal-content
{
	width:90%;
	float:left;
	margin-left:5%;
}

.half-col
{
	width: 50%;
	float: left;
}



input[type="text"], input[type="password"]{
	background-color: #727272;
	color: #ff2e7e;
	border: none;
	padding: 5px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 3px;
	margin-top: -20px;
	width: 52%;
}

.txtBtn {
	background-color: #ff2e7e;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
border: 1px solid #289428;
border-bottom: 3px solid #289428;
display: inline-block;
cursor: pointer;
color: #000000;
font-family: sans-serif;
font-family: exo;
padding: 11px 21px;
text-decoration: none;
text-shadow: 0px -1px 0px #77D360;;
}
.txtBtn:hover {
	background-color:#C2FF67;
}
.txtBtn:active {
	position:relative;
	top:2px;
}