@charset "utf-8";

/*##############################
CLEARFIX STYLES
##############################*/
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}


/****** CLEAR FIX (to push the footer to the bottom) ******/
.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*##############################
BASIC STYLES
##############################*/
body
{
font:14px/21px Arial,Helvetica,sans-serif;
text-align:center;
background:#FFF;
color:#232323;
}

/* Make HTML 5 elements display block-level for consistent styling */ 
header, footer, article, hgroup, address, nav
{
	display: block;
}

a:link, a:visited
{
font-weight:normal;
color:#37a20e;
text-decoration: underline;
padding: 0px;
}

a:active, a:hover
{
color:#4bda15;
text-decoration: none;
padding: 0px;
}

hr
{
height:2px;
border-top: 1px solid #FFF;
border-right:none;
border-bottom: 1px solid #CCC;
border-left:none;
}


input, textarea
{
	-moz-border-radius:3px 3px 3px 3px;
	background-color:#FEFEFE;
	border:1px solid #BBBBBB;
	color:#74918A;
	font-size:12px;
	font-style:italic;
	margin-top:5px;
	outline:medium none;
	padding:5px;
	vertical-align:middle;
}

input[type=submit]
{
	-moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
	background:-moz-linear-gradient(-90deg, #FFFFFF, #E1E1E1) repeat scroll 0 0 transparent;
	border-color:-moz-use-text-color -moz-use-text-color #EBEBEB;
	border-style:none none solid;
	border-width:medium medium 1px;
	color:#74918A;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	height:34px;
	margin:10px 10px 10px 0;
	overflow:visible;
	padding:0 4px;
	position:relative;
	text-shadow:1px 1px 0 #FFFFFF;
	top:1px;
	white-space:nowrap;
}

input[type=submit]:hover
{
	-moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
	background:-moz-linear-gradient(-90deg, #9BBFB6, #74918A) repeat scroll 0 0 transparent;
	color:#FFF;
	text-shadow:-1px -1px 0 #333;
	border-bottom-color:#74918A;
}


input[type=submit].small_submit
{
	height:24px;
}

input[type=submit].small_submit:hover
{
	height:24px;
}

h1
{
font-size:1.6em;
margin:2px 0px 12px 0px;
}

h2
{
font-size:1.4em;
margin:2px 0px 10px 0px;
}

h3
{
font-size:1.3em;
margin:2px 0px 8px 0px;
}

h4
{
font-size:1.2em;
margin:2px 0px 6px 0px;
}

h5
{
font-size:1.1em;
margin:2px 0px 4px 0px;
}

h6
{
font-size:1em;
margin:2px 0px;
}

p
{
	padding-bottom:10px;
}


/*##############################
MULTI USE STYLES
##############################*/
.clear{clear:both;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

/*ERROR MESSAGE*/		
.error
{
padding: 8px 0px 8px 40px;
margin:5px 0px;
-moz-border-radius:4px;
border:1px solid #BF0008;
background:#FFDFDE url("../images/delete.png") no-repeat;
background-position:10px 10px;
color: #BF0008;
}

.error span
{
	font-weight:bold;
}

.error a:link, .error a:visited
{
color:#BF0008;
font-weight:bold;
text-decoration:underline;
}

.error a:hover, .error a:active
{
color:#FFF;
background:#BF0008;
font-weight:bold;
text-decoration:underline;
}


/*SUCCES MESSAGE*/		
.succes
{
padding: 8px 0px 8px 40px;
margin:5px 0px;
-moz-border-radius:4px;
border:1px solid #057100;
background:#DFFFDE url("../images/check.png") no-repeat;
background-position:10px 10px;
color: #057100;
}

.succes span
{
	font-weight:bold;
}

.succes a:link, .succes a:visited
{
color:#057100;
font-weight:bold;
text-decoration:underline;
}

.succes a:hover, .succes a:active
{
color:#FFF;
background:#057100;
font-weight:bold;
text-decoration:underline;
}


/*INFORMATION MESSAGE*/		
.info
{
padding: 8px 0px 8px 40px;
margin:5px 0px;
-moz-border-radius:4px;
border:1px solid #003f73;
background:#DEF0FF url("../images/info.png") no-repeat;
background-position:10px 10px;
color: #003f73;
}

.info span
{
	font-weight:bold;
}

.info a:link, .info a:visited
{
color:#003f73;
font-weight:bold;
text-decoration:underline;
}

.info a:hover, .info a:active
{
color:#FFF;
background:#003f73;
font-weight:bold;
text-decoration:underline;
}


/*WARNING MESSAGE*/		
.warning
{
padding: 8px 0px 8px 40px;
margin:5px 0px;
-moz-border-radius:4px;
border:1px solid #6E7300;
background:#FEFFDE url("../images/warning.png") no-repeat;
background-position:10px 10px;
color: #6E7300;
}

.warning span
{
	font-weight:bold;
}

.warning a:link, .warning a:visited
{
color:#6E7300;
font-weight:bold;
text-decoration:underline;
}

.warning a:hover, .warning a:active
{
color:#FFF;
background:#6E7300;
font-weight:bold;
text-decoration:underline;
}

.pagination
{
	margin:5px 0px;
}

.pagination a, .pagination strong {
 background: #e3e3e3;
 padding: 4px 7px;
 text-decoration: none;
border: 1px solid #cac9c9;
color: #292929;
font-size: 13px;
}

.pagination strong, .pagination a:hover {
 font-weight: normal;
 background: #cac9c9;
}

.admin_link
{
	position:absolute;
	top:5px;
	right:5px;
}



/*##############################
HEADERBACKGROUND STYLES
##############################*/
#headerbackground
{
background:#d1d1d1;
height: 120px;
width:100%;
}



/*##############################
HEADER TOP STYLES
##############################*/
#header_top
{
position:relative;
background:#232323;
margin: 0 auto;
height:60px;
width:960px;
color:#FFF;
text-align:left;
}

#header_top #logo
{
position:absolute;
top:4px;
left:10px;
background:transparent url(../images/logo.png) no-repeat top left;
height:58px;
width:114px;
cursor:pointer;
}

#header_top .navigation
{
height:40px;
position:absolute;
top:10px;
right:5px;
}

#header_top ul.navigation 
{
margin:11px auto 0;
}

#header_top ul.navigation  li
{
float:left;
display:inline;
padding:0px 20px;
}

#header_top ul.navigation  li a:link, #header_top ul.navigation  li a:visited
{
color:#7ad919;
font-weight:normal;
text-decoration: none;
background:none;
padding:0px;
margin:0px;
}

#header_top ul.navigation  li a:hover, #header_top ul.navigation  li a:active
{
color:#7ad919;
font-weight:normal;
text-decoration:none;
background:none;
padding:0px;
margin:0px;
}

#header_top .loginform
{
position:absolute;
top: 25px;
right:100px;
height:auto;
width:500px;
}




/*##############################
HEADER STYLES
##############################*/
header
{
position:relative;
margin: 0 auto;
text-align:left;
width:960px;
height:60px;
}



/*##############################
CONTAINER STYLES
##############################*/
#container
{
text-align:left;
width: 960px;
margin:10px auto 0 auto;
/***** needed for the clearfix *****/
padding: 0px 4px 150px 0px;
}

#container h1
{
	clear:left;
}

.depositimg
{
	float: left;
	padding:15px;
}

img.smalltutthumbnail
{
	width: 32px;
	height: 32px;
	padding:3px;
	border: 1px dotted #999;
}

.ads_form input[type="radio"], #depositform input
{
	margin:30px 5px 30px 40px;
}

.ads_form label, #depositform label
{
	font-size: 1.6em;
}

input.depositinput
{
	border:none;
	background:none;
}

.ads_form img
{
	width:24px;
}

.ads_form a
{
	background:none;
}


ul.user_nav
{
	background:#E8E8E8;
	border:1px solid #C6C6C6;
	margin:10px 0px 10px 0px;
	padding:6px;
	overflow:hidden;
}

ul.user_nav li
{
	float:left;
	display:inline;
	padding:0px 6px;
}

table.reward_list, table.table_list
{
	width:100%;
	padding:0px;
	margin:10px 0px 10px 0px !important;
}

table.reward_list th, table.table_list th
{
	background:#F3F3F3;
	border-bottom:1px solid #E2E2E2;
	padding:5px 5px 0px;
	height:30px;
	font-size:12px;
}

table.reward_list tr.even, table.table_list tr.even
{
	background:#FFF;
	height:25px;
}

table.reward_list tr.odd, table.table_list tr.odd
{
	background:#F3F3F3;
	height:25px;
}

table.reward_list tr td, table.table_list tr td
{
	padding:5px 5px 0px;
	vertical-align:top;
}

img.small_donate
{
	width:64px;
}

img.project_thumb
{
	padding:5px;
}


img.search_img
{
	float:left;
	padding:0px 30px 0px 0px;
}

.search_table
{
	margin:0px 0px 10px 0px;
}

table#deposit_history_table
{
	width:100%;
	padding:0px;
	margin:10px 0px 10px 0px !important;
}

table#deposit_history_table th
{
	background:#F3F3F3;
	border-bottom:1px solid #E2E2E2;
	padding:5px 5px 0px;
	height:30px;
	font-size:12px;
}

table#deposit_history_table tr.even
{
	background:#FFF;
	height:25px;
}

table#deposit_history_table tr.odd
{
	background:#F3F3F3;
	height:25px;
}

table#deposit_history_table tr td
{
	padding:5px 5px 0px;
}




/*##############################
SIDEBAR STYLES
##############################*/
#sidebar
{
width:280px;
float:right;
}

.sidebar_ads li
{
	float:left;
	display:inline;
}

.sidebar_ads li a
{
	background:none;
}


/*##############################
Leftcontent STYLES
##############################*/
#leftcontent
{
width:670px;
padding:0px 20px 40px 0px;
}


/*##############################
FOOTERBACKGROUND STYLES
##############################*/
#footerbackground
{
background:#d1d1d1;
text-align:left;
width: 100%;

/*Important to use for the clearfix (pust footer to bottom)*/
position: relative;
margin: -150px auto 0px auto; /* negative value of footer height */
height: 150px;
clear:both;
}


/*##############################
FOOTER STYLES
##############################*/
footer
{
position:relative;
text-align:left;
width: 960px;
height:150px;
margin:0 auto;
}
