/* -------------------------------
BODY STYLES
----------------------------------*/

* {
  margin: 0;
  padding: 0;
}

body {
  color: #ACACAC;
  background:#555555 url(images/bg-default-gray.png) 0 0 repeat-x;
  font-family: "Lucida Grande", Arial, sans-serif;
  font-size:14px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  float: none;
}

.clearfix { 
  display: inline-block;  
}


/* Hide from IE-mac \*/
* html .clearfix { float: left; height: 1%; }
/* End hide from IE-mac */

/*----------------------------------------------------
BASIC HTML ELEMENTS STYLES
------------------------------------------------------*/

a {
  color: #DFDFDF;
  text-decoration:underline;
}

a:focus{
	outline:none;
}

a:hover {
  text-decoration: none;
}

a:focus {
	outline:none;
}

ul {
	list-style:none;
}

/*----------------------------------------------------
LAYOUT ELEMENTS STYLES
------------------------------------------------------*/

#wrapper {
	width:910px;
	margin:0 auto;
}

#header {
	position:relative;
	height:130px;
}

#logo {
	position:absolute;
	top:47px;
	left:20px;
}

#logo h1{
	display:block;
	width:305px;
	height:58px;
	background:url(images/defeat_logo.png) 0 0 no-repeat;
	text-indent:-9000px;
}

#twitter {
	position:absolute;
	top:29px;
	/*left:490px;*/
	right:20px;
}

#butSignup {
	position:absolute;
	top:42px;
	right:20px;
}

#logo a img, #twitter a img, #butSignup a img {
	border:none;
}

#colLeft {
	float:left;
	width:406px;
	padding:0 28px 0 20px;
	background:url(images/separator.png) 100% 0 no-repeat;
}

#colLeft h2{
	display:block;
	background:url(images/form_title.png) 0 0 no-repeat;
	text-indent:-9999px;
	height:46px;
	margin-bottom:25px;
}

#colRight {
	float:left;
	width:406px;
	padding:0 0 0 28px;
}

#colFullWidth {
	padding:0 28px 0 20px;	
}

#colRight h2, #colFullWidth h2 {
	display:block;
	background:url(images/faq_title.png) 0 0 no-repeat;
	text-indent:-9999px;
	height:46px;
	margin-bottom:25px;
}

#faq {
	margin-top:15px;
	border-top:1px solid #666666;
}

#faq li {
	/*border-top:1px solid #404040;*/
	border-bottom:1px solid #666666;		
	/*background:url(images/bk_faq.png) 0 0 repeat-x;*/
}

#faq li a.title {
	display:block;
	padding:8px 30px 8px 4px;
	line-height:28px;
	color:#DFDFDF;
	font-weight:bold;
	text-decoration:none;
	background:url(images/ico_expand.png) 99% 8px no-repeat;
	line-height:130%;
	
}

#faq li a.title:hover {
	background:#3a3a3a url(images/ico_expand.png) 99% 8px no-repeat;
}

#faq li a.active {
	color:#DFDFDF;
	background:url(images/ico_collapse.png) 99% 8px no-repeat;
}

#faq li a.active:hover {
	background:#3a3a3a url(images/ico_collapse.png) 99% 8px no-repeat;
}

#faq li div {
	padding:10px 8px 14px 4px;
	font-size:13px;
}

#faq li div p {
	margin-bottom:10px;
	text-align:justify;
}

#footer {
	background:url(images/bk_footer.jpg) 0 0 repeat-x;
	margin-top:30px;
	padding:30px 0 50px;
	text-align:center;
	font-size:12px;
	position:relative;
}

#footer a {
	color:#DFDFDF;
}

#footer #copy {
	position:absolute;
	left:20px;
	top:20px;
}

#footer #footerMenu {
	position:absolute;
	right:20px;
	top:20px;
}

#footer #footerMenu li {
	float:left;
	padding-left:15px;
}

.successmsg, .errormsg {
	margin-top:15px;
}

.successmsg div, .errormsg div {
   -moz-border-radius-bottomleft:6px;
   -moz-border-radius-topleft:6px;
   -moz-border-radius-bottomright:6px;
   -moz-border-radius-topright:6px;
   padding:10px 15px;
   margin-bottom:15px;
}

.successmsg div{
	border:1px solid #66CC33;
	color:#66CC33;
}

.errormsg div{
	border:1px solid #FE256B;
	color:#FE256B;
}

#success a, #success a:visited {
	color:#66CC33;
	text-decoration: underline;
}

#success a:hover {
	color:#66CC33;
	text-decoration: none;
}

/*----------------------------------------------------
FORM
------------------------------------------------------*/

form {
	padding-top:0px;
}

form div {
	margin: 0 0 17px;
}

label {
	display:block;
	float:left;
	width:155px;
	line-height:36px;
}

input {
	float:left;
	width:215px;
	background:url(images/bk_input.png) 0 0 no-repeat;
	padding: 12px 12px 0;
	border:none;
	height:24px;
	color:#ACACAC;
}

select {
	margin-left:5px;
	margin-top:5px;
	float:left;
	width:120px;	
}

input.checkbox {
	width:auto;
	height:auto;
	background:none;
	padding:0;
	margin-right:8px;
}

input.submit, input.sendfriend {
	width:128px;
	height:42px;
	display:block;
	background:url(images/bk_submit.png) 0 0 no-repeat;
	cursor:pointer;
	margin-top:10px;
}

input.sendfriend {
	background:url(images/bk_send.png) 0 0 no-repeat;
	margin-top:0;
	float:left;
	margin-left:-3px;
}

#loader {
    text-align:center;
    padding-bottom:10px;
    font-size:11px;
}

#loader img {
    vertical-align:middle;
    margin-right:5px;
}

/* PRIVACY POPUP
--------------------------*/
#backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;   
	z-index:100;  
}  
#popupPrivacy{  
	display:none;  
	position:fixed;    
	height:400px;  
	width:650px; 
	background:#555555 url(http://www.defeatdowntime.com/images/bg-default-gray.png) 0 -350px repeat-x;;  
	border:5px solid #000;  
	z-index:200;  
	padding:25px;
	font-size:13px;  
}  

#popupPrivacy p {
	margin:0.8em 0;
}
#popupPrivacy h3{  
	color:#dedede;
	margin-top:20px; 
}  
#popupPrivacyClose{  
	font-size:14px;  
	line-height:14px;  
	right:15px;  
	top:10px;  
	position:absolute;  
	color:#6fa5fd;  
	font-weight:700;  
	display:block;  
}