body {
font-family:Verdana, Helvetica, Arial;

font-size:0.75em;
color:#036;
width:auto;
margin:0;
padding:0;
}

/*
body,html{
height: 100%;
}


html>body{
min-height: 100%;
}
 

--------------------------- TOP-LEVEL LAYOUT --------------------------------*/
#container {
font-family:Verdana, Helvetica, Arial;
background-color:#fff;
line-height:130%;
width:800px;
text-align:left;
margin:0 auto;
}

#main_content {
width:800px;
}

#top {
background-color:#eff6ff;
height:100%;
overflow:hidden;
padding:3px 0;
}

.headertitle {
position:relative;
left:-85px;
top:-25px;
font-size:2.5em;
font-weight:bolder;
}

#top img {
vertical-align:text-bottom;
}

#content {
margin-top:10px;
background-repeat:no-repeat;
}

#footer {
clear:both;
background-color:#eee;
background-image:url('style%3Agradient_grey_light2');
background-repeat:x;
border-top:1px solid gray;
text-align:center;
margin:0 auto;
padding:2px 2px 4px;
}

.footer_item {
display:inline;
padding:2px 20px 5px;
}

#footer a:hover {
color:#666;
text-decoration:none;
}

#footer a:active {
color:#333;
text-decoration:none;
}

#topnav {
v-align:bottom;
float:left;
clear:both;
width:100%;
margin-top:0;
background-color:#eff6ff;
background-image:url('style%3Ablue_pixel');
background-repeat:repeat-x;
background-position:right bottom;
}

.sizer {
min-width:550px;
}

.maxwidth {
max-width:824px;
}

.maxwidth_tot {
max-width:1024px;
}

/*--------------------------- FORM --------------------------------*/
form {
display:inline;
margin:0;
}

input label select {
float:none;
text-align:left;
padding:0 1em;
}

/*------------- CHARITY / PROJECT / PEOPLE PAGE LAYOUT -------------------------*/
.main_collumn {
float:left;
width:500px;
clear:none;
maring-top:0;
padding-top:0;
margin-left:10px;
}

.right_collumn {
position:relative;
bottom:1px;
float:right;
width:270px;
margin-bottom:0;
}

.right_collumn_char {
float:right;
width:270px;
margin-bottom:10px;
margin-left:0;
margin-right:0;
}

.right_collumn_proj {
float:right;
width:270px;
clear:right;
margin-bottom:10px;
}

.right_collumn_user {
float:right;
width:270px;
clear:right;
margin-bottom:10px;
}

.right_collumn_char h5 {
width:270px;
}

.right_collumn h5 {
background-color:#999;
color:#fff;
padding-left:10px;
margin-bottom:0;
margin-right:0;
width:260px;
}

.right_collumn_block_user {
margin-bottom:10px;
border-top:0;
padding:10px;
}

.right_collumn_block_user h5 {
background-color:#999;
color:#fff;
padding:3px;
}

.right_collumn_block_char {
overflow:auto;
height:100%;
margin-bottom:10px;
border:1px solid #f3f3f3;
border-top:0;
padding:10px;
}

.right_collumn_block_proj {
background-color:#27752F;
overflow:auto;
width:100%;
height:100%;
margin-bottom:10px;
border:1px solid #ddd;
border-top:0;
padding:5px;
}

.left_collumn_block_proj_title {
color:#fff;
background-color:#27752F;
background-image:none;
margin-left:0;
margin-top:0;
margin-bottom:0;
border:0;
padding-left:10px;
padding-top:3px;
}


.left_collumn_block_user_title {
color:#fff;
background-color:#069;
background-image:none;
margin-left:0;
margin-top:0;
margin-bottom:0;
border:0;
padding-left:10px;
padding-top:3px;
}


.left_collumn_block_char_title {
color:#fff;
background-color:#f90;
background-image:none;
margin-left:0;
margin-top:0;
margin-bottom:0;
border:0;
padding-left:10px;
padding-top:3px;
}

.right_collumn_block_char_title {
color:#fff;
background-color:#f90;
background-image:none;
border:0;
padding-left:10px;
padding-top:3px;
margin:0;
}

.common_content_block {
border:1px solid #ddd;
border-top:0;
margin-bottom:20px;
padding-top:10px;
}

.right_collumn_block_proj h5 {
background-color:#999;
color:#fff;
padding:3px 0 3px 3px;
}

/*------------------- LISTS LAY-OUT -------------------------------------------*/

a.active:link {}     /* unvisited link */
a.active:visited {}  /* visited link */
a.active:hover {}   /* mouse over link */
a.active:active {}   /* selected link */

a.current.active:link {color: #003366; font-size:150%}     /* unvisited link */
a.current.active:visited {color: #003366; font-size:150%}  /* visited link */
a.current.active:hover {color: #003366; font-size:150%}   /* mouse over link */
a.current.active:active {color: #003366; font-size:150%}   /* selected link */

a.inactive:link {color: #CCCCCC}     /* unvisited link */
a.inactive:visited {color: #CCCCCC}  /* visited link */
a.inactive:hover {color: #CCCCCC}   /* mouse over link */
a.inactive:active {color: #CCCCCC}   /* selected link */

/*------------------- TRANSLATIONS -------------------------------------------*/
.translations_block {
float:right;
padding-right:5px;
padding-top:2px;
width:50px;
}

.lang_block {
float:right;
clear:none;
}

.translation_item {
text-align:right;
font-size:0.8em;
width:80px;
margin-top:7px;
margin-bottom:0;
}

/*------------------- TOP MENU TABS -------------------------------------------*/
.main_menu_main_link {
width:110px;
float:left;
text-align:center;
margin-top:5px;
margin-right:5px;
margin-left:5px;

padding-top:2px;
padding-bottom:2px;

background-color:#006699;

/* background-color:#38c; */
background-image:url('style%3Agradient_blue2');
background-repeat:repeat-x;

border-top:1px solid #69c;
border-left:1px solid #69c;
border-right:1px solid #69c;
font-weight:700;
}


#e7b10eb8501c0b506fae774172fe097a{
    background-color: #FFA500;
    background-image: none;
 
} 

.main_menu_selected {
background:none;
background-color:#FFF;
color:#034;
}

.main_menu_main_link a:hover {
color:#FC6;
text-decoration:none;
}

.main_menu_main_link a:active {
color:#F90;
text-decoration:none;
}

.main_menu_selected a:hover {
color:#039;
text-decoration:none;
}

.main_menu_selected a:active {
color:#000;
text-decoration:none;
}

.main_menu_sub_link {
position:absolute;
top:260px;
width:105px;
}

.bar_under_tabs {
width:100%;
height:100%;
background-color:#FFF;
/*border-bottom:1px solid #ccc;
border-bottom-style:dashed;*/
overflow:hidden;
margin-bottom:10px;
padding-top:5px;
clear:both;
padding-left:0;
}


.option_under_tabs {
width:122px;
float:left;
text-align:center;
margin-left:0;
margin-right:0;
padding-bottom:3px;
}

.this_option2 {
font-weight:700;
background-color:#eee;
padding-bottom:5px;
margin-bottom:0;
}

.this_option2_tablike {
position:relative;
top:5px;
}

.bar_under_bar {
width:100%;
height:20px;
position:relative;
bottom:10px;
background-color: #EEF3FF;

/*background-color: #99CCFF;*/
border-bottom:1px solid #99CCFF;
overflow:hidden;
margin-bottom:0;
clear:both;
padding-left:0;
padding-top:5px;
/*background-image:url('style%3Agradient_blue');
background-repeat:x;*/
}


/* ---------------------------- BLOCK TABS ----------------------*/

.tabs_block {	
	margin-bottom:0px;	
	background-color: #ffffff;	
}


.tabContent {
	clear:left;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-top:0px;
	margin-bottom:20px;
	width:100%;
	height:100%; 
	overflow:auto;
}

.tab {
	font-family:Helvetica, Verdana, Arial;
	text-align:center;
	border:0px;	
	height:18px;
	width:100px;
	float:left;
	font-weight:bolder;
	background-color:#eee;
	margin:3px 3px 0 8px;
	padding:3px;
}

.tab_selected {
	font-family:Helvetica, Verdana, Arial;
	text-align:center;
	font-weight:bolder;
	border:0px;	
	height:18px;
	width:125px;
	float:left;
	color:#fff;
	background-color:#FFF;
	margin:3px 3px 0 8px;
	padding:3px;
}

.block_in_tabblock {
background-color:#FFF;
margin-top:10px;
margin-left:10px;
overflow:auto;
}

.block_left_in_tabblock {
float:left;
clear:left;
margin-left:10px;
margin-top:10px;
width:490px;
}

.block_right_in_tabblock {
clear:right;
margin-top:10px;
float:right;
width:270px;
}

.block_in_block_in_tabblock {
background-color:#f9f9f9;
margin-right:10px;
margin-bottom:10px;
padding:10px;
}

/*------------------- TOP RIGHT ------------------------------------------------*/
.topright {
float:left;
position:relative;
}

.quick_log_box {
float:right;
text-align:right;
line-height:150%;
}

.quick_log_box2 {
text-align:right;
position:absolute;
top:-62px;
left:300px;
line-height:150%;
}

.topright_quicklogfields {
float:right;
width:450px;
padding:5px 5px 5px 10px;
}

.topright_quickitems {
width:550px;
}

.quick_log_box INPUT {
padding-left:0;
margin-left:0;
font-size:0.8em;
}

.quick_box {
float:right;
text-align:right;
position:absolute;
top:-60px;
left:225px;
background-color:#eee;
line-height:150%;
}

.quicksearch {
float:right;
position:relative;
bottom:2px;
}

.quicksearch input {
font-size:0.8em;
margin:2px;
}

.topright_button {
padding-left:3px;
padding-right:3px;
background-color:#fff;
border:1px solid #ade;
font-family:Tahoma, arial;
text-align:center;
font-size:9pt;
}

.topright_button_join {
width:100px;
}

.topright_button_invite {
font-size:9pt;
height:19px;
width:100px;
margin:6px 5px 2px 2px;
padding:2px 2px 1px;
}

.topright_submit input {
font-family:Tahoma, arial;
text-align:center;
font-weight:700;
font-size:10pt;
color:#06C;
height:28px;
width:50px;
background-color:#fff;
border:1px solid #fff;
background-image:url('style%3Agradient_blue');
background-repeat:repeat-x;
float:right;
cursor:"pointer";
margin:4px 0 3px 10px;
padding:3px 2px 4px;
}

.topright_avatar {
width:15px;
height:15px;
padding:4px 3px 3px;
}

.topright_avatar img {
width:15px;
height:15px;
}

.user_actions {
background-color:#fff;
background-image:url('style%3Agradient_grey_light2');
background-repeat:repeat-x;
border:1px solid #ccc;
padding:0 5px 5px;
}


.important_button {
	margin-top:10px;
	border:0px solid #ace;
	/*background-color:#dddddd;*/
	font-size:1.3em;		
}


.action_button {
	border:0px solid #ace;
	/*background-color:#dddddd;*/
	margin:4px;	
}

.action_button_edge {
margin-bottom:3px;
border-top:1px solid #ccc;
border-right:1px solid #999;
border-bottom:1px solid #666;
border-left:1px solid #999;
}

.action_button INPUT {
background-color:#eee;
background-image:url('style%3Agradient_blue');
}

.supportbutton:hover {
padding-left:7px;
}

.action_button a {
padding:4px;
}

.action_button a:hover {
padding-left:5px;
}

.subtitle_right_collumn {
color:#666;
float:left;
width:75px;
}

.menu_title {
font-family:Helvetica, Verdana, Arial;
font-size:1em;
padding-left:5px;
font-weight:700;
background-color:#ddd;
margin:0 0 .5em;
}

/* --------------------------- A, P, H1, H2, H3, etc --------------------------- 
 This H1-logo trick helps with mobile phones, visually impaired and with the Google ranking */
h1 {
height:70px;
width:223px;
background:url('style%3Ahelpalot_charities_we_04') no-repeat;
text-indent:-9000px;
margin:0;
padding:0;
}

/* This H1-logo trick helps with mobile phones, visually impaired and with the Google ranking*/
#logo {
background:transparent url("style%3Ahelpalot_charities_we_04") no-repeat 0 0;
display:block;
width:223px;
height:70px;
overflow:hidden;
line-height:1000px;
}

h2 {
/*font-family: Georgia, serif;*/
font-family:arial, Tahoma, arial;
font-size:1.5em;
margin:0 0 6px;

padding:2px 0;
}

h3 {
font-family: arial, Tahoma, arial;
font-size:1.1em;
margin:0 0 6px;
padding:2px 0;
}

h4 {
font-family:Helvetica, Verdana, Arial;
font-size:1em;
margin-top:10px;
margin-bottom:10px;
background-color:#eeeeee;
padding:2px 2px 2px 10px;
}

h5 {
font-family:Helvetica, Verdana, Arial;
font-size:1em;
font-weight:700;
height:20px;
margin:0 0 10px;
padding:5px 0 0 10px;
}

h6 {
font-family:Tahoma, arial;
margin:0;
}


a:link {color:#07C;text-decoration:none;}     /* unvisited link */
a:visited {color:#06C;text-decoration:none;}  /* visited link */
a:hover {color:#069;text-decoration:none;}   /* mouse over link */
a:active {color:#069;text-decoration:none;}   /* selected link */

img {
border:0;
}

p {
margin-top:2px;
}

hr {
height:0;
border:0;
border-top:1px solid #999;
}

/* -------- CUSTOM FOR PAGES --A, P, H1, H2, H3, etc --------------------------- */

.frontpageH2
{
	margin-left:10px;	
	
}

.projecth4 {
color:#fff;
background-color:#27752F;
background-image:none;
margin-left:0;
margin-top:0;
margin-bottom:10px;
border:0;
padding-top:3px;
}

.charityh4 {
color:#fff;
background-color:#f90;
background-image:none;
margin-left:0;
margin-top:0;
margin-bottom:10px;
border:0;
padding-top:3px;
}

.peopleh4 {
color:#fff;
background-color:#069;
margin-left:0;
margin-top:0;
padding-top:3px;
margin-bottom:0;
}

/* Used for error messages */
.red {
color:#900;
font-size:1.5em;
font-weight:700;
}

.breadcrum {
position:relative;
top:-4px;
text-align:left;
font-size:1em;
line-height:150%;
color:#666;
padding:1px 1px 1px 5px;
}

.header_title_bar {
clear:both;
width:100%;
height:40px;
background-color:#f3f3f3;
margin-bottom:20px;

}

.header_title_bar_warning {
padding:10px;
clear:both;
width:100%;
height:20px;
color:#cc0000;
background-color:#f3f3f3;
border-bottom: 1px solid #cc0000;
border-top: 1px solid #cc0000;
}

.system_message_warning
{
color:#cc0000;
}

.header_title_bar_ok {
padding:10px;
clear:both;
width:100%;
height:20px;
color:#009900;
background-color:#f3f3f3;
border-bottom: 1px solid #009900;
border-top: 1px solid #009900;
}

.system_message_ok

{
color:#009900;
}

.header_title_bar h2 {
padding-top:14px;
padding-bottom:10px;
padding-left:10px;
/*color:#000;*/
margin:0;	
	line-height:15px;
background-color:#ececec;
}

.user_actions h4 {
color:#666;
background-image:none;
background-color:none;
border:none;
padding-left:5px;
}

evaluation_title {
border-top-style:solid;
border-bottom-style:none;
background-color:#eee;
border-top-width:1px;
background-image:none;
}

.xstooltip {
visibility:hidden;
position:absolute;
top:0;
left:0;
z-index:2;
border:solid 1px #999;
background-repeat:repeat;
background-image:url(style%3Atransp90);
padding:3px;
}

/* ------------------- AVATAR --------------------------- */
.friend {
width:80px;
float:left;
padding:5px;
}

.friend img {
width:50px;
height:50px;
}

.avatars_box {
float:left;
width:95px;
height:100px;
text-align:center;
vertical-align:bottom;
}

.avatar_box {
margin-top:15px;
background-color:#fff;
margin-left:auto;
margin-right:auto;
}

.avatar_image img {
width:50px;
height:50px;
border:1px solid #ccc;
padding:0;
}

.avatar_subtitle {
font-size:0.85em;
line-height:100%;
width:93px;
}

.avatar_image_head {
float:left;
border:1px solid #ccccccc;
width:80px;
margin:10px;
}

.avatar_image_head img {
width:80px;
height:80px;
}

.supporter {
text-align:center;
float:left;
width:80px;
margin:5px 10px 10px 0;
padding:5px;
}

.supporter img {
width:50px;
height:50px;
border:1px solid #ccc;
}

.manager_avatar {
display:inline;
margin-top:2px;
margin-bottom:2px;
font-size:0.85em;
width:150px;
}

.manager_avatar img {
height:25px;
width:25px;
float:left;
vertical-align:middle;
border:1px solid #ccc;
margin:2px;
}

/* ------------------------------------------------------------------*/
.comment {
background-image:url('style%3Agradient_grey_light2');
background-repeat:repeat-x;
height:100%;
overflow:auto;
border-bottom:1px solid #999;
}

.news_title {
background-color:#eee;
border-bottom:1px solid #fff;
}

/* ------------------------------------------------------------------*/

.common_block_subtitle{
padding-left:10px;
padding-top:3px;
margin-bottom:0px;
margin-top:0px;
font-weight:normal;
background-color:#f6f6f6;
border-left: 1px solid #eeeeee;
border-right:1px solid #eeeeee;
color:#666666;
height:20px;
font-size:1em;
}


.pages_list_block {
float:left;
width:250px;
height:auto;
margin-left:11px;
padding-bottom:15px;
}

.my_overview_small_button
{
background-color: #cccccc; 
padding-right:2px;
padding-left:2px;
font-size:0.8em;
}

.my_overview_list_item
{
width:240px;
margin-bottom:10px;
background-color:#eeeeee;
height:40px;
margin-left:10px;
margin-right:10px;
line-height:1.5;
}

.page_list_item {
width:240px;
margin-bottom:10px;
background-color:#f9f9f9;
height:40px;
line-height:1.1;
margin-left:10px;
margin-right:10px;
}

.page_list_item2 {
width:460px;
margin-left:20px;
margin-top:20px;
background-color:#f9f9f9;
height:80px;
line-height:1.25em;
}

.page_list_item3 {
width:460px;
margin-left:20px;
margin-top:20px;
background-color:#f9f9f9;
height:80px;
line-height:1.25em;
}

.list_item_extra {
color:#666;
font-size:0.8em;
}

.list_item_extra3 {
color:#666;
font-size:0.9em;
}

.list_title{
font-size:1.1em;
color: #666699;
margin-bottom:1px;
font-weight:bold;
}

.list_subtitle{
color: #777;
margin-bottom:1px;
font-weight:bold;
}

.list_location
{
color: #888;
margin-bottom:1px;
}

.log_menu_item {
background-image:url('style%3Agradient_grey_light2');
background-repeat:repeat-x;
margin:2px 0 0;
padding:5px;
}

.personal_menu_item {
background-image:url('style%3Agradient_blue');
background-repeat:repeat-x;
margin:0;
padding:5px;
}

.explanation_text {
color:#999;
font-size:0.9em;
}

.join_box {
text-align:center;
float:left;
width:230px;
background-image:url('style%3Agradient_blue');
background-repeat:repeat-x;
padding:10px;
}


.join_button_backup {
	margin-top:10px;
	border:1px solid #ace;
	background-color:#eef3ff;
	font-size:1.5em;
	text-align:center;
	padding:10px;
}


.#join_button:hover {
font-size:1.7em;
}

.frontpage_leftblock {
float:left;
width:500px;
padding:10px;
}

.frontpage_rightblock {
float:right;
width:250px;
padding:10px;
}

.light_border {
border:1px solid #eee;
}

.big_button_text {
font-size:2em;
}

/* ---------------------------BACKGROUNDS (GRADIENTS) ------------------------------*/
.orange_gradient {
background-image:url('style%3Agradient_orange');
background-repeat:repeat-x;
}

.green_gradient {
background-image:url('style%3Agradient_green');
background-repeat:repeat-x;
}

.green_background {
background-color:#690;
}

.blue_gradient {
background-image:url('style%3Agradient_blue');
background-repeat:repeat-x;
}

.blue_gradient2 {
background-image:url('style%3Agradient_blue2');
background-repeat:repeat-x;
}

.blue_gradient_horizontal {
background-image:url('style%3Agradient_blue_hor_grey2');
background-repeat:repeat-y;
background-position:right;
}

.grey_gradient {
background-image:url('style%3Agradient_grey_light2');
background-repeat:repeat-x;
background-color:#fff;
}

#footer a:link,#footer a:visited {
color:#888;
text-decoration:none;
}

.form-item label,.form-item2 #labeltext {
float:left;
width:185px;
text-align:right;
padding:0 1em;
}

.left_collumn_char,.left_collumn_proj {
float:left;
width:500px;
clear:none;
margin-right:20px;
margin-left:10px;
margin-bottom:5px;
}

.right_collumn_block_char h4,.comment_title {
height:20px;
background-color:#999;
color:#fff;
padding-left:10px;
margin-bottom:0;
}

.charity_support_block,.project_support_block {
overflow:hidden;
width:100%;
height:100%;
}

.charity_manage_block,.project_manage_block,.friends_block {
width:100%;
height:100%;
overflow:hidden;
}

.charity_support_block h5,.project_support_block h5,.project_manage_block h5,.charity_manage_block h5 {
padding-top:2px;
padding-left:5px;
background-color:#eee;
}

.main_menu_main_link a:link,.main_menu_main_link a:visited {
color:#FFF;
text-decoration:none;
}

.main_menu_selected a:link,.main_menu_selected a:visited,.option_under_tabs_selected a:link,.option_under_tabs_selected a:visited,.option_under_tabs_selected a:hover,.option_under_tabs_selected a:active,.this_option_sub a:link,.this_option_sub a:visited,.this_option_sub a:hover,.this_option_sub a:active {
color:#036;
text-decoration:none;
}

.option_under_tabs_selected,.this_option_sub,.msgstatnew {
font-weight:700;
}

.block_right_in_tabblock h5,.block_left_in_tabblock h5,.block_in_tabblock h5 {
background-color:#ddd;
color:#888;
padding-top:3px;
margin-right:10px;
margin-bottom:0;
padding-left:10px;
}

.list_item_extra a:link,.list_item_extra a:visited,.list_item_extra3 a:link,.list_item_extra3 a:visited {
color:#223;
text-decoration:none;
}

.list_item_extra a:hover,.list_item_extra3 a:hover {
color:#556;
text-decoration:none;
}

.list_item_extra a:active,.list_item_extra3 a:active {
color:#778;
text-decoration:none;
}
.budgetFrame{
	width: 350px;
}
.budgetPie{
	float: left;
	clear: none; 
}
.budgetPreview{
	float: left;
}
.budgetLegend{
	float: left;
	margin-left: 5px;
	width: 160px;
	overflow: auto;
}
.legendItem{
	overflow: hidden;
	
}
.legendBox{
	border: 1px solid black;
	margin-top: 5px;
	height: 10px;
	width: 10px;	
	display: inline;
	float:left;
}
.legendTag{
	float: left;/a
	padding-left: 5px;
	
}
.footertext
{
color:#cccccc;
font-family:Helvetica, Verdana, Arial;
font-size:0.8em;
}