
/********************************************
   HTML ELEMENTS
********************************************/ 

#donate{
	clear: both;
	width: 700px;
	margin: 0 auto;
	line-height: 1.8em;

}
/* headers */
#donate h1, #donate h2, #donate h3 {
	font: normal 1.8em Arial,Helvetica,sans-serif;
	color:#222;
	letter-spacing:-1px;
	margin-top:10px;
	margin-bottom: 10px;
}
#donate h1 { font-size: 1.8em; } 
#donate h2 { font-size: 1.7em; color:#333; }
#donate h3 { font-size: 1.5em; color:#C34E23; font-weight: normal; letter-spacing: 0px;}


#main h1 { 
	font: normal 3em Arial,Helvetica,sans-serif;
	color: #222; 	
	padding: 0 0 5px 0;
	margin: 0 15px 15px 15px;
	letter-spacing:-1px;
	border-bottom: dotted 2px #999;
}



#sidebar h1 {
	font: normal 1.7em Arial,Helvetica,sans-serif;
	/* color: #74743D; */ 	
	color: #6C6E3A;
	padding: 0;
	margin: 0 0 10px 5px;	
	letter-spacing:-1px;	
}

#donate h1, #donate h2 {
	margin: 10px 15px;
	padding: 0;
}

#donate ul, #donate ol {
	margin: 10px 30px;
	padding: 0 15px;	
}

/* form elements */
#donate form {
	margin: 14px 0px;
	padding: 20px;
	/*overflow: auto;*/
	border: 0px solid #cacaca; 
	background: #E4E4E4;	
}
#donate label {
	display:block;
	font-weight:bold;
	font-size: 140%;
	margin:10px 0;
}
#donate input {
	padding: 2px;
	font-size: 140%;
	border: 1px solid #cacaca;
	color: #666666;
}
#donate select {
	padding: 2px;
	font-size: 130%;
	border: 1px solid #cacaca;
	color: #666666;
}
#donate textarea {
	font-size: 120%;
	padding:2px;
	border: 1px solid #cacaca;
	display:block;		
	color: #666666;
}
#donate input.button { 
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	border: 2px solid #333;
	background: #333;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;	
	cursor: pointer;
	height: 30px;
	width:200px;
}

#donate input.button_donate { 
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	border: 2px solid #C85E35;
	float: right;
	/*padding: 2px 3px 1px;*/
	background: #C85E35;
}

#donate input.button_donate_now { 
  cursor: pointer;
	color: #00A5DB;
	font-size: 1.1em;
	font-weight: bold;
	border: 2px solid #0081C5;
	border:outset 0px #0081C5;
	float: right;
	background: #A8DEF1;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;		
}

#donate form span.input, #donate form span.checkbox, #donate form span.textarea {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#eee none repeat scroll 0 0;
display:block;
margin: 0 0px 10px 0;
padding:5px;
}


.form_label{
float: left; 
clear:left;
width: 160px;
padding-top: 10px;
line-height:1.2em;

}
.form_input{
float: left; 
width: 440px
}


.error ul,li
{
color: red;
}

.link {
text-align: right;
display: block;
color:#222;
width: 450px;
background-color: #ccc;
padding: 3px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}



/* donatations */
#top_appeal {
background:#fff none repeat scroll 0 0;
width: 700px;  
margin-bottom: 0px; 
border: solid 6px #A8DEF1;
overflow: hidden;
display: block;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
.top_appeal_img img {
float: right;
display: block;
text-align: left;
width: 300px;
border: solid 6px #e7e7e7;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
.top_appeal_text {
float: left;
display: block;
color:#222;
width: 300px;
margin: 0px 20px 20px 20px;
}
.top_appeal_text_donate {
display: block;
color:#222;
margin: 20px;
}

#top_appeal p, #top_appeal h3{
text-align: left;
color:#222;
}

.top_appeal_content h3 {
color: #fff;
font-size: 1.7em;
}
.appeal a {
color: #000;
text-decoration: none;
margin-right: 10px;
}
.appeal a:hover {
color: #6b6b6b;
text-decoration: none;
margin-right: 10px;
}

.appeal h3 {
color:#000;
}
.appeal {
background:#BDBDBD none repeat scroll 0 0;
overflow: hidden;
margin: 10px 0 0 0;
padding:14px;
display: block;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
.appeal_img {
float: left;
display: block;
text-align: left;
width: 180px;

}
.appeal_img img {
border: solid 6px #6b6b6b;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
.appeal_text {
float: left;
display: block;
color:#222;
width: 450px;
}

#left{margin:0 auto; width: 182px;}

#donate_causes{float: right; width: 182px; margin-top: 20px; margin-bottom: 20px}

#donate_causes_content{text-align: left; background-color: #00A5DB;}

.appeal p, .appeal h3{
text-align: left;
}

#dontate_ways{float: right; width: 182px; margin-bottom: 20px}

#dontate_ways_content{text-align: left; background-color: #ccc;}


#dontate_ways_cont{
color: #fff;
}

#dontate_ways_cont h4 {
font-size: 1.3em;
padding-bottom: 6px;
font-weight: normal; 
}

#donate_ways_content2 h2 {
color: #fff;
}

#donate_ways_content h2 {
color: #000;
}

#appeals_list_left ul, #appeals_list_left li {
margin: 0;
margin-top: 6px;
color: #fff;
}
#appeals_list_left h2, #appeals_list_left a, #appeals_list_left a:hover {
}

#appeals_list span {color: #444; text-decoration: italic}


ul#donate_choices {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;
padding: 6px 0 6px 0;
text-align: center;
}

ul#donate_choices li a:hover {
background-color:#205F7E;
opacity:1;
}
ul#donate_choices li a {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#4D92B3;
color:white;
opacity:0.7;
padding:5px 7px;
text-decoration:none;
}
ul#donate_choices li {
display:inline;
margin-left:5px;
}



/* additional classes */
.clear { clear: both; }

.roundtop { 
	background: url(../images/tr.gif) no-repeat  top right; 
	border: 0px red solid;
	height:15px;
}

.roundbottom {
	background: url(../images/br.gif) no-repeat bottom right; 
	height:15px;
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
   }



/* form tab menu */
#form_tab ul {
	font: normal 1.2em Arial,Helvetica,sans-serif;
	list-style: none;
	margin: 0; padding: 0;		
}
#form_tab li {
	display: inline;
}
#form_tab li a {
	float: left;
	display: block;
	padding: 6px 4px 5px 4px;	
	margin: 0 2px;
	color: #666; 
  background-color: #f1f1f1;
	text-decoration: none;
}
#form_tab li a:hover {
	color: #222;
	background-color: #ccc;
}
#form_tab li a.current  {	
	color: #222;
	font-weight: bold;
	background-color: #ccc;
}
#form_tab li a.nothing  {	
	color: #666;
	font-weight: none;
	background-color: #f1f1f1;
}




/********************************************
   APPEALS ADMIN AREA
********************************************/ 

div#content_wrapper { font-family: Arial,Helvetica,sans-serif; }

ol#appeals_list {  }
ol#appeals_list li { cursor: move; text-align: left; }

div#message_wrapper { margin: 20px 0 0 0; }
p#message, p#form_message { display: none; background-color: green; color: white; margin: 0; padding: 5px; }

div.loading { display: none; }

img.delete { margin-right: 5px; }
img.edit { margin-right: 5px; }

form#add_appeal {  }
form#add_appeal fieldset { border: none; margin: 0; padding: 0; }
form#add_appeal ol { list-style: none; margin: 0; padding: 0; }
form#add_appeal ol li { margin: 0 0 10px 0; overflow: hidden; padding: 0; width: 100%; }
form#add_appeal ol li p { color: #444}
form#add_appeal label { width: 150px; color: #222; font-size: 110%; margin: 0px }
form#add_appeal label.error { clear: both; color: red; display: block; padding: 0 0 0px 0px; width: 400px; }
form#add_appeal input { float: left; width: 400px; }
form#add_appeal input.submit { margin-left: 0px; width: auto; cursor: pointer; -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
form#add_appeal input.submit-orange { background-color: #CF8800; color: white; margin-left: 0px; margin-right: 20px; width: auto; cursor: pointer;  -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px; }
form#add_appeal input.submit-green { background-color: green; color: white; margin-left: 0px; width: auto; cursor: pointer;  -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px; }

form#add_appeal input:focus, form#add_appeal textarea:focus, #single input:focus, #single textarea:focus {border: 1px solid #000}
