*{margin:0;padding:0;}
button, #science-block button{/*border:1px solid rgba(153,0,51,0.6);*/border:none ;padding:2px 10px;background-color:/*rgba(153,0,51,0.2)rgba(63,63,63,0.8)*/ #990033;color:white;border-radius:3px;cursor:pointer;
transition: opacity 0.2s ease-in-out;}
button:hover, #sicence-block button:hover, #science{opacity:0.8}
a {text-decoration: none; outline: none; color:#C40233;}
a.link-block{display: block}
a:hover.titol {}
a:hover {color:#C40233;}
a img {	border: none; }

#footer a{color:black !important;}
#full_window_container hr{border-top:1px solid #3F3F3F;margin-top:30px;}
.centerer, .centergrid{width:960px; margin-right: auto; margin-left:auto;}


hr {border: 0;clear: both;height: 0px;}

html{font-family: "Arial","Helvetica","Nimbus Sans L","Verdana",sans-serif; /*background-color:#ececec*/background-color:#E4E6EA/*rgba(220,220,220,0.5)*/; background-image: url('img/micro.jpg');	background-size: cover;
    background-repeat: no-repeat;}
/*body{color: #404040;background-color: #ececec; font-size:12px;}*/
body{/*color:#404040;*/ color:black; font-size:12px; margin:0;padding:0;z-index:0;position:relative;}
/*body#home{background: url('./img/background-pix.png') repeat-x #ececec;}*/
#body_wrapper{  top:0;position:absolute; width:100%;}

#container{margin: auto auto; width:960px;padding-top:20px;padding-bottom:25px;background-color:rgba(255,255,255,1)/*white*/; 
box-shadow:  0 5px 30px 2px #999999;/*0px 5px 6px 0px rgba(0,0,0,0.5)*/;border: 1px solid rgba(0,0,0,0.25);border-radius:5px; padding-left:20px;padding-right:20px;position:relative;margin-top:152px; border-top:0px;
border-top-left-radius:0px;border-top-right-radius:0px;}

#main a, #floating_browser a, #home a{color: #C40233}
#main p a:hover, #main ul a:hover, #main table a:hover, #main ol a:hover, #floating_browser a:hover{text-decoration:underline}
#header a{color:black;}
#main table{border:none;}
#main table.bordered .bordered, table.status, td.status{border:1px solid rgba(0,0,0,0.2); border-bottom: 3px solid rgba(0,0,0,0.2);border-radius:0px;}
#thread.bordered, #main table tr .bordered{border: 1px solid rgba(0,0,0,0.2); border-bottom: 3px solid rgba(0,0,0,0.2);}
#main .bordered.hovable tr:hover td{z-index: 200; background-color: rgba(255,204,51,0.15);border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
#main .bordered.hovable tr td{border-top: 1px solid transparent; border-bottom: 1px solid transparent;}

#home #header #menu_tabled td{background-color:transparent; border: none !important;}
#home #header a{color:black}
#home #header #logo{margin-top:-35px;}
#home #spacer_header{background-color:transparent;}
/*#home #header-wrapper{background-color:white;}*/

/* -- home --*/
/*#container-home{background-color:rgba(0,0,0,0.01);}*/
/*#container-home{
 background-color:#F6F6F4;
 background-image:-moz-linear-gradient(top, #E1E0DC 0%, #ffffff 100%);
background-image:linear-gradient(top, #E1E0DC 0%, #ffffff 100%);
background-image:-webkit-linear-gradient(top, #E1E0DC 0%, #ffffff 100%);
background-image:-o-linear-gradient(top, #E1E0DC 0%, #ffffff 100%);
background-image:-ms-linear-gradient(top, #E1E0DC 0%, #ffffff 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#E1E0DC), color-stop(100%,#ffffff));
}*/


/*#container-home { background:#F6F6F4;}*/
#container-home #footer{color: white;/*box-shadow: 0 0 5px rgba(0,0,0,0.4);*/ background-color: transparent; padding-top: 5px; margin-top:0;/*border-top:1px solid rgba(0,0,0,0.1);*/}
#container-home #footer a{color:black !important;}
#container-home .table-top-three, .table-top-three{ border:none;}
#home .thum, .thum {border-radius: 150px; border:1px solid rgba(0,0,0,0.4);}
#container-home .home-section{background-color:transparent; padding-top:0;padding-top:40px;padding-bottom:40px;}
#container-home #halloffame{ width:100%;}

/*#container-home #halloffame table td{padding-top:10px;padding-bottom:10px;}*/
#container-home #halloffame th, .table-top-three th{background-color:rgba(0,0,0,0.05);font-weight: bold;}
#container-home #footer img{border-radius: 200px;background-color:transparent;}

.clear {clear:right;width:100%;}
.floatcenter{
    display: inline-block;
    margin-left: auto;
}
.floatright{float: right;}
.floatleft{float: left;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-justify{text-align: justify;}

ul.menu {padding:0px}
ul.menu, ul.list{list-style: none outside none;}
.list-bullet{list-style: auto inside none; }
ul, ol, .indent {padding-left: 24px;}
ul.menu.left li{margin-right: 10px; float:left; margin-left: 0px;}
ul.menu.right li{margin-left: 10px; float:right; margin-right: 0px;}

/* science */



.ff{opacity: 0.5}
#arrow {font-family: "Georgia", serif; color:#990033; font-size: 48px;}
.shadow{text-shadow:0 1px 0 #FAFAFA;}
.boxshadow{-moz-box-shadow: 0 2px 2px #BBBBBB;}
.color{color:#990033}
.white{color:white;}
.button{background-color: #404040;}
.darkgray{color: #333333;}
.lightgray{color:#999999 !important;}
.mail{font-size: 11px;}
.smalltext{font-size: 11px;}
.myaccount {text-decoration:underline ; padding-right:4px; color:blue !important;}
.badge {vertical-align:middle; margin: 0 2px;}
.no-border {border:0px}

/*header*/
#header{  position: relative; clear: both; width:1002px; margin: auto auto;height:115px;}
#header hr{border:none; width: 960px; float: left; margin-left: 20px;opacity:0.4;}
#header-wrapper{width: 100%;background-color: transparent;z-index: 200; position:absolute;}

#menu_tabled{width:100%; border:none; padding:0px;margin:0px;border-collapse: separate;
    border-spacing: 0;}
#menu_tabled td{padding:0; margin:0;}
#menu_tabled td.current + td {border-top-left-radius: 5px; border-left:1px solid #C9C9CA; } 
#navbar {width:auto;line-height:42px;position:relative; float:right;}

td.menu_section {text-align:center; font-size: 14px; line-height: 42px; padding: 12px; font-weight:bold;text-transform: capitalize;margin-left:0px; border-top:1px solid #C9C9CA;}
.menu_section a{transition: all 0.3s ease-in-out;}
.menu_section a:hover{color:#C40233 !important;}
.menu_section.current {/*border-radius: 5px;*/ border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid #C9C9CA; border-top:none;border-right:none; border-left:none; 
background-color: transparent; background: none;}
.menu_section.rounded-menu, .navbar_spacer_left.rounded-menu {border-top-right-radius: 5px;border-right:1px solid #C9C9CA;}
.menu_section.current a{color:#C40233 !important;}
#langmenu{ width:960px; margin:auto auto; text-align: right; padding-top: 15px;height:45px;position:relative;clear:both;}

#langmenu ul.menu li{margin-left: 8px; float:right;}
#logo {position:absolute; left:0; top:0;padding-top:15px; padding-left:20px;}
#navbar_td{width:68%;}
.navbar_spacer_right{width:2%; border-top-right-radius:5px;
			 		border-right:1px solid #C9C9CA; 
			 		border-top:1px solid #C9C9CA;}
.navbar_spacer_left{width:36%; border-left:1px solid #C9C9CA;border-top-left-radius:5px;
			 		border-top:1px solid #C9C9CA;}
#google_translate_element{position:absolute; top:12px; left:1%;}
.forum_header,.forum_toplinks{border:1px solid rgba(0,0,0,0.15) !important;}

#spacer_header{border-right: 1px solid #C9C9CA; border-left:1px solid #C9C9CA;height:50px;background: white;}
td.menu_section, .navbar_spacer_right, .navbar_spacer_left{background-color: white;}

/*main*/
#titles {background-color: white; padding: 156px 0 0 0; padding-bottom:20px;/*border: dotted 1px green*/}
#titles h1 {background-color: transparent;}
	h1 {margin: 13px 0; /*border-top:1px solid #CCCCCC;padding-top:25px;*/}
	h1 {text-shadow:0 1px 0 #FAFAFA; text-align: center; font-size: 42px; line-height: 42px; color: black;letter-spacing: -1px; font-weight: bold}
#intro {/*background: #EF4836;*/box-shadow: 0 0 15px rgba(0,0,0,0.2); padding-top:15px; padding-bottom:15px;
height:200px; background-color: rgba(255,255,255,0.65); /*border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2);*/ width: 100%; }
#titles{
	/*background: url(img/grab_gpus_bright.jpg) no-repeat center bottom fixed;*/
	background-image: url('img/micro.jpg'); 
	background-color: #E4E6EA;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
}


#intro .intro-block {width: 470px;}
#intro p { padding-top:8px; font-size: 16px;line-height: 24px}
#intro blockquote {padding-left: 20px;}
#intro blockquote p {font-family:Georgia,"Times New Roman","Times"; font-style:oblique; font-size: 18px; margin-top: 32px; line-height: 22px; color:#333333; }
#intro blockquote #small-quote {margin-top:10px;}
#intro blockquote .quotes {position:relative;top:7px;line-height:10px;font-size:36px; font-style:bold; color:#990033}

h2 {margin: 8px 0; font-size: 20px; font-weight: bold; text-shadow:0 1px 0 #FAFAFA; color:black}
#joinbutton {position:relative; z-index: auto;margin-right:auto; margin-left: auto; font-size: 28px; font-weight:bold; height:auto;width:300px;text-align:center;}
#joinbutton span {color:white; background-color:gray; display-block; padding: 8px 16px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#joinbutton span:hover {background-color:#990033}
#joinbutton a {}


h3 {margin: 4px 0; font-size: 16px;font-weight: lighter; text-shadow:0 1px 0 #FAFAFA; color:black}
#main{margin: 0px 0 16px 0px; padding:0; font-size: 13px;line-height: 18px;}
p {margin-bottom: 6px;}

.home-section {padding-top: 36px;} /*science,volunteers*/
.home-section a h3, .subpage-section a h3 {color:black}
.home-section a:hover h3, .subpage-section a:hover h3 {color:#C40233 }

a.no-deco,a.no-deco:hover {text-decoration:none}


.block {padding: 16px 6px 0 6px; width: 220px;}
.block a .thum {width:180px; height:180px; margin: 16px 0; 
-webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
          margin-left: auto;
          margin-right:auto;}
.block a .thum:hover{ opacity:0.7;}
.block a #thum-1 {background: url('img/thumbnails/cancer_thumbnail.jpg')}
.block a #thum-2 {background: url('img/thumbnails/hiv_thumbnail.jpg')}
.block a #thum-3 {background: url('img/thumbnails/neuro_thumbnail.jpg')}
.block a #thum-4 {background: url('img/thumbnails/tech_thumbnail.png')}
/*.block a:hover #thum-4 {background: url('img/thumbnails/cancer_thumbnail_hover.jpg')}*/
.home-section .block p { width:220px; font-size:14px; line-height: 20px; font-weight: 300 !important;}

/*.amzonad {width:468px; height:60px; margin: 16px 0}*/
.amzonad {width:470px; height:62px; margin: 0px 0}
/* US */
#amzonad-1 {background: url('img/GPUGRID_amazon.png')}
/* UK Ireland */
.amzonaduk {width:470px; height:62px; margin: 0px 0}
#amzonad-2 {background: url('img/GPUGRID_amazon_UK.png')}
/* German */
.amzonadde {width:470px; height:62px; margin: 0px 0}
#amzonad-3 {background: url('img/GPUGRID_amazon_DE.png')}
/* Spanish */
.amzonades {width:470px; height:62px; margin: 0px 0}
#amzonad-4 {background: url('img/GPUGRID_amazon_ES.png')}
/* French */
.amzonadfr {width:470px; height:62px; margin: 0px 0}
#amzonad-5 {background: url('img/GPUGRID_amazon_FR.png')}
/* Italian */
.amzonadit {width:470px; height:62px; margin: 0px 0}
#amzonad-6 {background: url('img/GPUGRID_amazon_IT.png')}
/* Italian */
.amzonadgr {width:470px; height:62px; margin: 0px 0}
#amzonad-7 {background: url('img/GPUGRID_amazon_GR.png')}
#amazonads_links{
	list-style-type: none;
}

#amazon_ads_wrapper{
	float:right;
	padding-right:100px;
	clear:left;
	padding-top: 20px;
	position:relative;
}

#monetary_donation_wrapper{
	padding-top:20px;
	position:relative; 
	clear: both;
}

.new_feature_icon{
	width:auto;
	height:auto;
	position:absolute;
	margin-top:4px;
	margin-left:-19px;
	
}


.intro-block{padding: 24px 0px; width: 460px;}
.top{ margin-bottom:16px;}
.bottom{ margin-bottom:0px;}

.table-top-three {width:100%; margin:16px 0 10px 0; padding:0; }
.table-top-three th {}
.table-top-three .rowt {background:none;} /* as opposed to row0, row1 */
.table-top-three .thin {width: 10px;}

/* -- tables --*/
.bordered {
	border-collapse: collapse;
	border: none;
}
.bordered .row0 {
	border-collapse: collapse;
	
}

.bordered .row1 {
	border-collapse: collapse;
	background-color: white !important;
}

/* -- Supages -- */
.subpage-section {padding: 24px 0 0 0; margin-bottom: 16px}
.subpage-section h3 {margin: 12px 0 8px 0;}
.subpage-section p {line-height: 20px;}
.narrow {width: 45%; margin-right: 16px;}

/*About*/
#about-the-project {width: 384px; margin-right: 16px; text-align:justify;}
.scientist-block {padding: 0 0 16px 0;}
.scientist-block .bio {width:800px; }
.scientist-block img {border: 5px solid #ffffff; outline: 1px solid #d9d9d9 }
.scientist-block p {}
#map_canvas{
	width:1000px;
	height:250px;
	margin-top:30px;
	margin-bottom:10px;
	margin-right: -20px; margin-left: -20px; 
}

/*Science*/
#science-technique {width: 575px; }
.figure {margin-left:24px;position:relative;z-index:0;}
.experiment {margin-bottom: 32px;}
.science-block{width: 45%; margin-left: auto; margin-right: auto; padding:16px 10px 0 10px;}
#full_window_container{width:100%; height: 100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.8);z-index:1000;}
#floating_browser{position:relative; width:60%; height: 90%;max-height:750px; margin-top:1%; margin-left:auto; margin-right:auto; padding:15px;z-index:1200;background-color:white; border:1px solid rgba(0,0,0,0.1);
overflow-y:auto;min-width:960px;}






/*footer*/
#footer{color: rgba(0,0,0,0.8); padding-bottom: 8px; margin: 8px 0 0px 0; border-right-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-color: #cccccc; border-style: solid; border-top-width: 0px; text-align: left;}
#footer{	height:80px;width:100%; background:transparent;}
#footer ul.menu {margin-bottom: 16px; font-size: 12px;}
#footer ul.menu li {line-height: 16px;}
#footer ul.menu li a{display:block; }
#footer ul.menu li.button a:hover {background: #990033; color:white;}
	.dot{font-weight: bold; opacity: 0.5;}
	.copy{width:500px;margin-top:15px;clear:left;}
#ads-block {margin-top:32px;width:960px;margin-right:auto;margin-left:auto;}
#social li{padding:3px 0; text-decoration:none;line-height:10px;}
#social ul{list-style-type: none;}
#social{padding-top:5px;}

.hidden{visibility: hidden;}

#admin { padding: 32px; }
#admin a {color:#990033}
#admin a:hover {text-decoration:underline}
#admin li {line-height:22px}
#footer .inner_menu{width:960px; margin:auto auto;}

/*donations page*/

#basicdata {
   
    padding: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:solid 1px gray;  
}
.topicbox span {
	margin-top:-15;

}
.topicbox {
    width: 300px!important;
    min-height: 150px!important;
    height: auto!important;
    padding: 0 10 10 10;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:solid 1px gray;  
}
.topicbox input {
	display: block;
	width: 150px;
	float: right;
	margin-bottom: 0px;
	margin-right: 50px;
}
.topicbox label { 
        text-align:right;
	display: block;
	width: 90px;
	float: left;
	margin-bottom: 0px;
	margin-left: 0px;
}
.topicbox h6 {
        margin:5 0 30 0;
}
.topicbox#ind {
	float:left;
}
.topicbox#col {
	float:right;
}
form h6 {
     font-size: 14;
     text-align: center;
     color:#373737;
     margin:15 0 0 0;
}
.tagline {
     width: 500px;
     font-size: 12;
     color: #373737;
}
#topic .tagline{
     margin:5 0 20 115;
}
#comm {
     margin-left:200;
}
#comm .tagline {
     margin:5 0 10 25;
}
.donatetitle{
	width: 150px;
	padding: 5 10;
	background-color: gray;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
	text-align: center;
}
#pbar {
	margin: 25 100 25 100;
}
.donationbox {
	color: black;
	background-color:#F2F2F2;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
	margin: 25px 0;
	margin-right:auto;
	margin-left:auto;
	padding: 20px 25px;
	clear:both;
	width:75%;

}
.donationbox h4 {
	color: #373737;
	font-size: 14px;
	line-height: 15px;
	padding-bottom: 5px;
	margin: 0 10 10 0;
	border-bottom: dotted 1px gray;
}

.donationbox h5 {
	color: black;
	margin: 5px 0;
}
.donationbox ul {
	margin: 10 20 20 0;
	list-style: none;
}
#paypal_logo {
	float:right;
}
ol.donationlist {
	color: black;
	font-size: 12px;
	margin-bottom: 20;
	float: left;
}
ul.donationlist {
	color: gray;
	font-size: 11px;

}
span.opt{
	font-size: 12px;
	color:gray;
	margin: 10 auto 10 0;
}

#basicdata label, #basicdata input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	margin-right: 5px;
}

#formInscripcio input.formbutton {
	width: 80px;
    	margin: 25px 10px;
   	background: #d4d0c8;
    	color: #203C66;
    	border: 1px solid #a8a8a8;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	padding: 2px 4px;
}

#formInscripcio input.formbutton#sub {
	margin-left:260;
}
#formInscripcio input.formbutton#res {
	margin-right:250;
}

#formInscripcio input.formbutton:hover {
    background: #edece8;
    text-decoration:none;
}
#formInscripcio input.checkbox {
	width: 20px;
}
#basicdata label {
	text-align: right;
	width: 150px;
	padding-right: 20px;
}

#formInscripcio span#euros {
	display: block;
	padding: 5 0 0 5;
}
#formInscripcio br {
	clear: left;
}

/* Performance page*/
#chart_div{
	clear:both;
	margin-top: -2% !important;
	position:relative;
}

#performance_personal_records{
	width:38%;
	margin-top: 20px;
	margin-bottom:9px;
	float:right;
	padding:20px;
	position:relative;
	background-color:ivory;
	box-shadow:  0 5px 4px #999999;
	border:1px solid rgba(0,0,0,0.1);
  height:1043px;
  overflow-y:scroll;
}

#performance_personal_records h2{
padding-bottom:15px;
}

#personal_performance_table{
	width:100%;
	margin: auto auto;
	
}
#personal_performance_table td{
	font-size:11px;

}
#personal_performance_table td.center{
	text-align:center;
}

#personal_performance_table th{
	background-color: rgba(0,0,0,0.05);
}

#performance_explanation {
	margin:auto auto;
	margin-top:10px;
	width:100%;
	float:left;
	
	padding:20px;
	padding-top: 20px;
	margin-right:15px;
	margin-left:15px;
	position:relative;

}
#performance_explanation h2{
	padding-bottom:15px;
}

#perfor_speedometer{
	width:30%;
	float:left;	
}
#performance_column_wrapper{
	width:50%;
	float:left;
}
#performance_rank_averages{
	width:100%;
	float:left;
	margin-left: 30px;
}

#performance_rank_averages table{
margin-top:25px;
border: 1px solid #bfbfbf;
border-radius: 0px;
}

#perfor_speedometer img{
	float:right;
	opacity:0.8;
	padding-right: 30px;
	padding-top:60px;
}

#performance_explanation p{
	text-align: justify;
}

h2.perpadme{
	z-index:300;
	position:relative;
	padding-left:35px;
	padding-top: 20px;
}
#performance_graph_wrapper{
	width: 90%;
	margin-top: -30px;
	z-index:20;
}

#performance_rank_wrapper{
	padding:20px;
	padding-top: 50px;
	margin: auto auto;
	width:90%;
	height:250px;
	
	
}

#performance_rank_tabs{
	width:33%;
	float:left;
	padding:15px;
	padding-top:0;
	padding-right:0;
	padding-left:0;
	margin-right:-1px;
	z-index: 50;
	position:relative;
}

#performance_rank_tabs ul{
	list-style-type: none;
 height:1000px;
overflow-y:scroll;
}
#performance_rank_tabs ul li{
	padding:10px;
	text-align: right;
	border: 1px solid #BFBFBF;
	border-top: none; 
	background-color: #F2F2F2;
	overflow:auto;
	font-size:10px;
}

#performance_rank_tabs ul a:first-child li{
	border-top: 1px solid #BFBFBF;
}
#performance_rank_tabs ul a{
	color:black;
	font-weight: bold;
}
#performance_rank_tabs ul a:hover{
	text-decoration:none;
}

#performance_rank_tabs ul a:hover li{
	background-color:white;
}

#performance_rank_container{
	width:64%;
	float:left;
	border: 1px solid #BFBFBF;
	padding-left: 20px;
	overflow:auto;
	margin-bottom:40px;
	position:relative;
	clear:right;
}

#performance_table{
	width:100%;
}
#performance_table th{
	background-color: #F2F2F2;
}

#performance_table td{
	text-align:center;
}

#performance_rank_tabs ul a.selected li {
	/*border-right:1px solid white;*/
	border-left: 5px solid #e26a6a;
	background-color:white;
}