/* --------- /stylesheets/main.css --------- */ 
@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:1.5em;}h2{font-size:1.4em;}h3{font-size:1.3em;}h4{font-size:1.2em;}h5{font-size:1.1em;}h6{font-size:15px}

ol{list-style:decimal}ul{list-style:square}li{margin-left:0px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px}

* {
	margin: 0;
	padding: 0;
}

.clear {clear: both; line-height: 0em;}

body {
	font: .7em/1.5em "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #747474; 
}

a {cursor: pointer;}

/*p img{float:left;margin:0 1.5em 1.5em 0;padding:0;}*/
/*p img.right{float:right;margin:1em 0 1em 1em;}*/


/* ------------ Div que vai conter o background em flash ------------ */
#background {
	position: fixed;
	left: 0; top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: #fff url(/images/site/background.png) no-repeat;
	margin: 0px;	       
}

/* ------------ Div que vai sobrepor-se ao background ------------ */
#container {
	position: absolute;
	left: 0; top: 70px;
	z-index: 100;
	width: 100%; height: 100%;
	background-color: transparent;

}

/* ------------ Area do site ------------ */
#content {
	-moz-box-shadow: 2px 1px 1px #eee;
	-webkit-box-shadow: 2px  1px 1px #eee;
	box-shadow: 2px 1px 1px #eee;
	margin: auto;
	width: 830px;
	padding: 0;
	background-color: transparent;
}

/* ------------ Zona do Logotipo------------ */

#header .top {	background: url(/images/site/top.png) no-repeat;	width: 282px;	height: 18px;}
#header .logo {	background-color: #fff;	}
#header .logo a img {		border: 0; }
#header .bg_white{background-color:#fff;}
#header a{text-decoration:none;}
/* ------------ Topo do site que tem o canto redondo á direita e Login ------------ */

#login_btn {padding: 0px;}
#login_btn a{	font-size: 1.1em;	font-weight:bold ;	color: #0c99a6;	text-decoration: none;}
#login_btn a:hover{color: #227B7F;}

/* ------------ Div que contem as áreas dinamicas do site ------------ */

#site_body {	width: 100%;background-color: #fff;}
#content {width: 850px;}
#transbg {-webkit-border-radius: 15px; -moz-border-radius: 15px;padding:10px; background:transparent url(/images/site/main.png) repeat scroll left top;}
#header .left_col, .right_col{background-color:#fff;}
#login_bar{clear:both;}
#headermsg{float:left;}

#header .top {	background: url(/images/site/top_bar.png) no-repeat; width: 100%;height: 27px;}
/* ------------ Coluna da esqueda e da direita ------------ */
.left_col, #left_col {	width: 517px;	margin: 0px 35px 10px 35px;float: left;}
.right_col, #right_col {	font-size: 1.1em; width: 217px;	float: left;}
#extra_col{	width:130px;float:left;}


#footer_col{
	margin-top:10px;
	float: left;
	background-color:#fff;
	width:100%;
	-moz-box-shadow: 2px 1px 1px #eee;
	-webkit-box-shadow: 2px  1px 1px #eee;
	box-shadow: 2px 1px 1px #eee;
}
.footer_container{
	width:734px;
	margin: 0px 35px 10px 35px;
}
.footer_col{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:10px 0;
	color:#333;
	float:left;
	margin-right:55px;
	width:220px;
	font-size:12px;
}
.footer_container .last{width:180px;margin-right:0px;}
.footer_col h2{color:#4A4A4A; text-transform: uppercase;margin-top:10px;margin-bottom:10px;}
.footer_col a{color:#666666;text-decoration:none;}
.footer_col a:hover{color:#4A4A4A;}
.recent_list{padding:0px;list-style-image:none;list-style-position:outside;list-style-type:none;}
.recent_list li{padding:10px 0;border-bottom: 1px dotted #999;}

/* ------------ Menu ------------ */
#menu {
	background:#0E9AA7 none repeat scroll 0 0;
	color:#FFFFFF;
	float:left;
	font-weight:bold;
	margin:0 0 0 -20px;
	padding:10px 20px 10px 50px;
	position:relative;
	width:800px;
	z-index:0;text-shadow: 2px 2px 2px #228187;
	
}
#menu .fold {
	background:transparent url(/images/site/2008/fold_left.png) no-repeat scroll left top;
	bottom:-15px;
	height:15px;
	left:0;
	position:absolute;
	width:20px;
}
#menu .right_fold {
	background:transparent url(/images/site/2008/fold_right.png) no-repeat scroll left top;
	bottom:-15px;
	height:15px;
	right:0;
	position:absolute;
	width:20px;
}

#menu a{
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
	margin: 5px 4px;
	padding-top:10px;
	padding-bottom:11px;
	padding-left:5px;
	padding-right:5px;
}
#menu span {color:#ddd;font-size:1em;margin: 0px;}
/*#menu a{border-bottom: 1px dotted #ddd;}*/
#menu a:hover{color:#3b3b3b; }

/* ------------ BreadCrums ------------ */

#heightloss{height:30px;}
#breadcrums {
	display:none;
	width: 100%;
	padding: 10px 0px 10px 0px;
	color: #898989;
}

#breadcrums span {
	color: #0c99a6;
	font-weight: bold;
}

/* added by Pedro */
#breadcrums span a{
	color: #0c99a6;
	font-weight: bold;
	text-decoration: none;
}
#breadcrums span a:hover{color: #227B7F;}


/* ------------ Esta class deve estar presente em todas as áreas da coluna da esquerda ------------ */
.section {
	margin: 25px 0px 45px 0px; /*  define o espaçamento entre secções (noticias, about, workshops, participate)   */
	color: #707070;
	font-size: 1.2em; /* cor e tamanho do texto das secções*/
}

/* Titulos das Secções */
.section h1 { 
	font-size: 1.5em;
	color: #237C80;
	font-weight: bold;
	margin: 10px 0px 20px 0px;
}

/* Todos os Links da Coluna da esquerda serão a azul */
.section a{color: #0c99a6;text-decoration: none;}
.section a:hover{color: #227B7F; text-decoration:underline;}
.section ul { margin:10px 0px 10px 0px;
	padding:0px;}
.section li {text-indent: 0px;list-style: none;margin-bottom:5px;}

.date{  }

#choose_tickets{margin-top:5px;margin-bottom:5px; }
#choose_tickets span{background:#0170B5;color:#fff;padding:8px; }
#choose_tickets li{float:left;margin-right:15px; text-indent:0px;margin-bottom:15px;}
#choose_tickets li.active{color:#0170B5;}
#choose_tickets li.active span{background:#0081CF;color:#fff; }


#news p {margin: 16px 0px 16px 0px;} /* as noticias devem ser inseridas num paragrafo para os espaçamentos ficarem correctos  */
#workshops li {font-weight: normal;margin-bottom: 5px;}


/* ------------ User Profile ------------ */
#profile_header{background: #EBEBEB; padding:5px;margin-bottom:50px;}
#profile_header span {color:#66667D;}

#profile_header .profile_image{float:left;border: 2px solid #ddd;}
#profile_header .profile_inner{}
#profile_header li{font-size:.8em;}

#profile_friends{float:left;width:170px;margin-right:5px;}
#profile_sessions{float:left;width:330px;}

#profile_social h2, #profile_friends h2, #profile_sessions h2{color:#66667D;border-bottom: 1px dotted #999;font-size:1.1em; }
.notyet{font-style: italic;}

#profile_social li{font-size:.8em;}

#addfriend a,#edit_information, #removefriend a,#edit_password,#edit_email,#edit_tickets,#del_ticket {padding-left:11px;background-repeat: no-repeat;	background-position: center left;}
#edit_information{ background-image: url(/images/site/small_edit.png);}
#edit_password{  background-image: url(/images/site/small_pass.png);}
#edit_email{  background-image: url(/images/site/small_email.png);}
#edit_tickets{  background-image: url(/images/site/small_tickets.png);}
#del_ticket{  background-image: url(/images/site/small_del.png);}

#addfriend a { background-image: url(/images/site/small_add.png); }
#removefriend a{  background-image: url(/images/site/small_remove.png);}
#user_manage{
		background:#eee;
		border: 1px solid #ddd;
		padding:5px;
}


a.buttonspecial{
	background:url(/images/buttons/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
}
a:hover.buttonspecial{
	color:#0066CC;
}
.msg{
	background:url(/images/buttons/msg.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}

.user{
	background:url(/images/buttons/user.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}

/* ------------ Sponsors ------------ */
.greybox .title {
	background-color:#0E9AA7;
	color:#FFFFFF;
	font-size:14px;
	margin:0 -46px 0 0;
	padding:5px 40px 5px 10px;
	position:relative;
	text-transform:uppercase;
	text-shadow: 2px 2px 2px #1E7291;
}
.greybox .title span.fold {
	background:transparent url(/images/site/2008/fold_right.png) no-repeat scroll center center;
}
.greybox .title span.fold {
	bottom:-15px;
	display:block;
	height:15px;
	position:absolute;
	right:0;
	width:20px;
}

.greybox{margin-top:30px;}
.greybox .box {
	margin-left:10px;
	background-color: #fff;
}
.box a {
/*	padding: 1px 5px 1px 5px;*/
	color:#00a4b4 ;
	background-color: #fff;
	text-decoration: none;
} 
.box a:hover{color:#237C80;}
.box .imgright{float:right;}
.box .link {margin-top: 2px;}
.box .link img {position: relative; top: 3px;}
.box a img {border: 0px;}

.box h2 {font-size: 1em; font-weight: normal; background-color: #EBEBEB;  margin: 0px 0px 3px 0px; text-indent: 16px;}

.Sponsors a {text-align: center; display: block;}
.box .bronze a {float: left; width: 48%;padding: 1%; vertical-align: middle;}  
/* ------------ Pesquisa & Newsletter ------------ */

#search, #newsletter {margin-top: 20px; color: #707070;}

#right_col .input_box {
	border: 0px;
	background-color: #ebebeb;
	height: 15px;
	width: 140px;
	color: #707070;
}

/* Pedro: added margin-left and height=30 and width=30 */
#right_col .submit_btn {
	width: 30px;
	height: 20px;
	border: 0px;
	font-size:10px;
	background: #0e9aa6;
	color: #fff;
	cursor: pointer;
	margin-left: 5px;
	margin-top:3px;
	padding: 0;
}
#right_col .submit_btn:hover {
	color: #FFDEB0;
	background:#247C80;
}

#newsletter {margin-top: 10px; color: #707070; margin-bottom: 10px;}
/*#newsid{margin-left:5px;}*/

/* ------------ Blue Boxes ------------ */

.blue_box { margin-top: 20px; 	font-size: 1.1em;}
.blue_box p {text-align: center;}

.blue_box .title {
	padding: 6px 11px 5px 11px;
	background: #00a4b4 url(/images/site/gradient.jpg) repeat-y left top;
	color: #fff; }


.blue_box .blue_gradient {
	width: 201px;
	background: #00a4b4 url(/images/site/gradient.jpg) repeat-y right top;
	padding: 8px;
	color: #fff;
}

.blue_box a {
	padding: 1px 2px 1px 2px;
	color:#00a4b4;
	background-color: #fff;
	text-decoration: none;
} 


.blue_box .link {margin-top: 2px;}
.blue_box .link img {position: relative; top: 3px;}

#supporting a {background: none;}

/* ------------ Added by Pedro ------------ */


/* ---------------------- ERROR Messages  ---------------------- */


.success {
	background-color:#D8EFC2;
	border:2px solid #00A4B4;
	color:#529214;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
}
.error {background-color:#FFDFE0;color:#FF787A;font-weight:bold;padding-top: 10px;padding-bottom: 10px;border: 1px solid #FFBFC2;}
.success img{border: 0px solid #999;}
.error img{border:0px;}

#errorExplanation {width: 502px;	border: 2px solid #00a4b4;	padding: 5px;	padding-bottom: 2px;	margin-top: 2px;	margin-bottom: 20px;	background-color: #EFEFEF;margin-left:0px;}
#errorExplanation h2 {text-align: left;	font-weight: bold;	padding: 5px 5px 5px 15px;	font-size: 14px;	margin: -7px;	
background-image: url(/images/site/2009/menu_blue.jpg) repeat-y right top;
color: #fff;}
/*background: #00a4b4 url(/images/site/gradient.jpg) repeat-y right top;*/
#errorExplanation p {	color: #4C4D4F;	margin-top:5px;	margin-bottom: 0;	padding: 5px;	font-size: 12px;}
#errorExplanation ul li {	font-size: 12px;list-style: none;	color: #4C4D4F;margin-bottom: 0px;margin-left:16px;	margin-top:3px;}


/* PAGINATION */

.pagination { 
/*	float:right; margin-top:20px;  margin-left: 6px;*/
	text-align:center;
	}
.pagination a {
  text-decoration: none;
  font-size:8pt;
  padding: 2px 4px 2px 4px;
  margin: 2px;
  text-decoration: none;
  color: #006699;
/*  background-color: #fff;	
  border: 1px solid #eee;*/
}
.pagination a:hover, .pagination a:active {
/*  border: 1px solid #36878B;*/
  background-color: #fff;
  color: #728F23;
}
.pagination span.current {
  font-family:Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size:9pt;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	
	padding:2px 6px;
  margin: 2px;
  font-weight: bold;
  background-color: #006699;
  color: #FFF;
}
.pagination span.disabled {
  font-family:Arial, Helvetica, sans-serif;
  text-decoration: none;
  padding: 2px 4px 2px 4px;
  margin: 2px;
  background-color: #fff;
/*  border: 1px solid #eee;*/
  color: #BFBFBF;
}
/* END PAGINATION */


/*  Formy - CSS Framework 0.8   */


fieldset, form, label, legend
 {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  
}




/* fieldset legend*/
fieldset { margin: 0 0 1.5em 0; padding: 1.4em; border: 1px solid #F5F5F5; }
legend	 {  font-size:1.2em;   color: #00A4B4; }

/* label */
label	 { float:left; width:9.5em; display:block; clear:left; margin:.5em 0 0 0 ; text-align:left; color:#333; cursor:hand; }
label small{color:#707070;}
#escondeme{display:none;}

/* Textarea input select */
textarea, input, select 
	{ padding: .2em; margin: 0.5em 0.5em 0 0; width:280px;   }
textarea
	{ border: 1px solid #999999; }
textarea:focus, input[type="text"]:focus  
	{ border: 1px solid #24797C; }
select                                                              
	{ background-color: #fff; color: #000; border: 1px solid #999999; width:287px; }
input[type="text"], input[type="password"]
	{ border: 1px solid #999999; }
input[type="submit"]
	{ margin: 0.5em 0.5em 0 0; padding: .4em;
			background: #0e9aa6;
			background: #00a4b4 url(/images/site/gradient.jpg) repeat-y right top;
			border:0px;
			border-right: 1px solid #24797C;
			border-bottom: 1px solid #24797C;
			color: #fff;
			cursor: pointer;}
input[type="checkbox"]
	{ color: #000; }
input[type="radio"]
	{ padding: 0.5em; background-color: #fff; color: #000; }
.formtext{margin: 0.5em 0.5em 0 0;}
#ticket_value  { width: 136px;}
#user_fiscal_number { width: 129px;}
#discount_discount_code  { width: 120px;}
#ticket_sponsorship, #ticket_donation{width:125px;}
.toto {width: auto; float: right;}
.smallertextbox{width: 129px;}
p.help{margin-left:120px;margin-right:50px; font-size:11px;}

.tooltip{
	background-color:#0C70AC;
	color:#FFFFFF;
	margin-bottom:5px;
/*	margin-left:289px;*/
	margin-right:5px;
	margin-top:-40px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	width:250px;
}
.tooltip a{padding:1px;background:#fff;color:#0C70AC;text-decoration:none;}
.tooltip a:hover{color:#0081CF;}

/* 
	option optgroup 
*/

option
	{ background-color:#fff; color:#000; }

optgroup
	{ background-color:#ccc; color:#000; }

/* 
	button 
*/

button
	{ margin: 0.5em 0.5em 0 0; padding: .4em; 
		background: #0e9aa6;
		color: #fff;
		cursor: pointer;
		
		 }




/* ------------ Themes  ------------ */
#theme_list { padding: 0px;}
#theme_list li {
	width: 100%; 
	list-style: none; 
	margin-bottom:10px; 
	height: 28px; 
	clear: left;
	font-size: 1.2em;
	color: #00a4b4;
	font-weight: bold;

}

#theme_list li p, #theme_list li span {float: left;}
#theme_list li p {width: 28px; height: 28px; margin-top: 0px;}
#theme_list li span { padding: 5px; text-indent: 10px;}

/*Quadrados*/
.user_experience p { background-color: #5f0417 }
.mobile p {background-color:#a81e2f}
.acessibility p {background-color: #ed1c24;}
.history p {background-color: #f15a22;}
.futureTrans p {background-color: #f58220;}
.genetics p{background-color: #faa61a;}
.Networks p{background-color: #feda00;}
.sustainable p{background-color: #fff200}
.crafts p{background-color: #bad64f;}
.socialNews p{background-color: #72a742;}
.webDesign p{background-color: #00af62;}
.openTech p{background-color: #00aaad;}
.digitalArts p{background-color: #0071bc;}
.ArtIntelegence p{background-color: #17479e;} 
.spimes p{background-color: #662d91;}
.teledildonics p{background-color: #a3238e;}
.techEd p{background-color: #ec008c;}

 
#theme_list .user_experience { background-position: 469px 0%}
#theme_list  .mobile { background-position: 518px 0%;}
#theme_list .acessibility  {background-position: 420px 0%;}
#theme_list .history {background-position: 224px 0%;}
#theme_list .futureTrans {background-position: 77px 0%;}
#theme_list .genetics {background-position: 224px 0%;}
#theme_list .Networks {background-position: 273px 0%;}
#theme_list .sustainable {background-position: 126px 0%;}
#theme_list .crafts {background-position: 175px 0%;}
#theme_list .socialNews {background-position: 273px 0%;}
#theme_list .webDesign {background-position: 371px 0%;}
#theme_list .openTech {background-position: 273px 0%;}
#theme_list .digitalArts {background-position: 420px 0%;}
#theme_list .ArtIntelegence {background-position: 224px 0%;} 
#theme_list .spimes {background-position: 371px 0%;}
#theme_list .teledildonics {background-position: 273px 0%;}
#theme_list .techEd {background-position: 322px 0%;}

  
/* ------------ Speakers List  ------------ */ 

#speakers_list {margin-top: 30px; width: 100%} 

#speakers_list div {
	margin-bottom:50px; 
	font-size: 1em;
	display: block;
	}

#speakers_list div div { margin-bottom: 0px; float: right; width:  390px;}

#speakers_list img { 
	float: left; 
	padding: 10px; 
	border: 2px solid; 
	margin-right: 10px; 
}

#speakers_list h3 {
/*	font-size: 1.3em;*/
	color: #237C80;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0px;
	float: none;
}

#speakers_list p {margin: 5px 0px;}   

#speakers_list .from {color:#afafb0;}

#speakers_list .theme {position: relative; bottom: 0px; margin: 0;}

#speakers_list .theme span {color: #00a4b4;font-weight: bold;}

.presentationslist {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	clear:both;
}

.presentationslist li {
	background: #fff url(/images/buttons/b-download.gif) no-repeat left top;
	padding-left:16px;
}
#Speaker img { float: left; border: 10px solid; margin-right: 10px;}

#Speaker h3 { font-size: 1.3em;color: #237C80;font-weight: bold;margin-bottom: 25px;}
#Speaker .speaker_bio {padding-top: 0px;}

#Speaker a, #Program a, #Session a{ 
/*	color: #0c99a6;*/
	font-weight: bold;text-decoration: none;} 

/* going to change somethings... */
#Program h3 {
	font-size: 1.5em;
	color: #237C80;
	font-weight: bold;
	margin-top:10px ;
	margin-bottom: 25px;
	padding: 5px;
}  
#Program .marker, #Session .marker { margin-right: 8px; height:28px; margin-top:0px; width:28px; float: left;}
       
.user_experience_speaker .marker { background-color: #5f0417!important; }
.mobile_speaker .marker {background-color:#a81e2f!important; }
.acessibility_speaker .marker {background-color: #ed1c24!important; }
.history_speaker .marker {background-color: #f15a22!important; }
.futureTrans_speaker .marker {background-color: #f58220!important; }
.genetics_speaker .marker {background-color: #faa61a!important; }
.Networks_speaker .marker {background-color: #feda00!important; }
.sustainable_speaker .marker {background-color: #fff200!important; }
.crafts_speaker .marker {background-color: #bad64f!important; }
.socialNews_speaker .marker {background-color: #72a742!important; }
.webDesign_speaker .marker {background-color: #00af62!important; }
.openTech_speaker .marker {background-color: #237C80!important; }
.digitalArts_speaker .marker {background-color: #0071bc!important; }
.ArtIntelegence_speaker .marker {background-color: #17479e!important; } 
.spimes_speaker .marker {background-color: #662d91!important; }
.teledildonics_speaker .marker {background-color: #a3238e!important; }
.techEd_speaker .marker {background-color: #ec008c!important; }
       
.user_experience_speaker h3 { color: #5f0417!important; }
.mobile_speaker h3 {color:#a81e2f!important; }
.acessibility_speaker h3 {color: #ed1c24!important; }
.history_speaker h3 {color: #f15a22!important; }
.futureTrans_speaker h3 {color: #f58220!important; }
.genetics_speaker h3 {color: #faa61a!important; }
.Networks_speaker h3 {color: #feda00!important; }
.sustainable_speaker h3 {color: #fff200!important; }
.crafts_speaker h3 {color: #bad64f!important; }
.socialNews_speaker h3 {color: #72a742!important; }
.webDesign_speaker h3 {color: #00af62!important; }
.openTech_speaker h3 {color: #237C80!important; }
.digitalArts_speaker h3 {color: #0071bc!important; }
.ArtIntelegence_speaker h3 {color: #17479e!important; } 
.spimes_speaker h3 {color: #662d91!important; }
.teledildonics_speaker h3 {color: #a3238e!important; }
.techEd_speaker h3 {color: #ec008c!important; }

.user_experience_speaker img { border-color: #5f0417!important; }
.mobile_speaker img {border-color:#a81e2f!important; }
.acessibility_speaker img {border-color: #ed1c24!important; }
.history_speaker img {border-color: #f15a22!important; }
.futureTrans_speaker img {border-color: #f58220!important; }
.genetics_speaker img {border-color: #faa61a!important; }
.Networks_speaker img {border-color: #feda00!important; }
.sustainable_speaker img {border-color: #fff200!important; }
.crafts_speaker img {border-color: #bad64f!important; }
.socialNews_speaker img {border-color: #72a742!important; }
.webDesign_speaker img {border-color: #00af62!important; }
.openTech_speaker img {border-color: #237C80!important; }
.digitalArts_speaker img {border-color: #0071bc!important; }
.ArtIntelegence_speaker img {border-color: #17479e!important; } 
.spimes_speaker img {border-color: #662d91!important; }
.teledildonics_speaker img {border-color: #a3238e!important; }
.techEd_speaker img {border-color: #ec008c!important; }
          

/* ------------ Program Internal  ------------ */ 

#talk{margin-top:5px;}
#talk .title {background-color: #EBEBEB;padding: 10px 2px 5px 2px;text-align: center;font-size: .9em;width: 90px;color: #707070;}
#talk .box_intro {padding:4px;font-size:1em;background-color: #fff;border: 4px solid #EBEBEB;}
#talk a {font-size:0.8em;}
#talk .box_full {background-color: #fff;padding-left:5px;padding-right:5px;border: 4px solid #EBEBEB;}
#talk .box_full p{padding:0 0 1em 0em;}


#home ul.subsection_tabs {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;
	height:20px;
	clear:both;
}

#home ul.subsection_tabs li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
}

#home ul.subsection_tabs li.tab a {
	display:block;
	height:20px;
	padding:0 6px 0 6px;
	background-color:#fff;
	color:#666;
	width:100px;
	text-decoration: none;

}

#home ul.subsection_tabs li.tab a:hover {
	color:#666;
}

#home ul.subsection_tabs li.tab a.active {
	background-color:#ddd;
}

#home ul.subsection_tabs li.source_code {
	float:right;
}
.previous_space{margin-top:80px;float:left;width:64px;}
.center_space{
	float:left;
	width:385px;
}
.next_space{margin-top:80px;float:left;width:64px;}

/* ---------------------- LATEST MEMBERS gallery (  page) ---------------------- */

.latest_members{
	min-height: 60px;
	padding: 0;
	margin: 18px 0;
	list-style: none;
}
* html .latest_members {
	height: 60px; /* min-height for lte IE6 */
}
.latest_members li {
	float: left;
	width: 32px;
	padding: 0 5px;
	margin: 0 0 8px;
}
.latest_members img {	display: block;	border: 4px solid #ddd;	background: #fff;}
.latest_members img:hover {display: block;	border: 4px solid #222;}

 /*------------------------- Small Speaker List  -------------------------------*/ 

#speakers_list a {}
#speakers_list  .thin_speaker {float: left;width: 32%;text-align: center;height: 120px;}
#speakers_list .thin_speaker h3 {min-height: 50px; margin-top: 5px; font-size: 1em;}
#speakers_list .thin_speaker img {float: none;margin: 0px;}

/*******************
CHOOSE THUMBNAILS OR LIST VIEW style (speakers page) valid for all editions
*******************/
.block_chooser {text-align: right;}
.block_chooser span{display:none;}
.listblocks, .thumbblocks {text-decoration: none;padding:  0px 13px 0px 0px; margin-left: 5px;}
.listblocks {background: #fff url(/images/site/list_thumb.gif) no-repeat top right;}
.thumbblocks {background: #fff url(/images/site/list_thumb.gif) no-repeat top left;}
a.listblocks:hover{background-position: -15px -16px;}
a.thumbblocks:hover {background-position: 0px -16px;}

/*------------------------- Session List  -------------------------------*/ 

.tabbed_theme{
	margin-left:25px;
}
#sessionsList .session {width: 45%; float: left; text-align: center; height: 140px; margin-bottom: 20px;}

#sessionsList .marker {
	width: 230px;
	padding : 2px;
	height: 140px;
	position: relative;
	background-color: transparent!important;
}

#sessionsList  .marker h3 {
  background-color: white;
	font-size: 1.3em;
	position: absolute;
	left: 4px;
	bottom:5px;
	text-align: left;
	width: 220px;
	padding: 5px; 
	margin-bottom: 0px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

#sessionsList p { 
	color: #f0f0f0;
	font-size: .9em;
	width: 100%;
	margin-top: 5px;
}

#sessionsList .marker h3 span {
	font-size: .8em; 
	font-weight: normal;
}
#sessionsList .marker h3 small{
	font-size:.7em;
}
#sessionsList .marker .vote { 
	background: transparent url(/images/site/vote.png) no-repeat;
    padding-top: 4px;
	text-align: center;
	width: 25px; height: 25px;
	font-size: 1em;
	position: absolute;
	bottom: -10px;
	right: -10px;
	color: #fff;
}
 


/*------------------------- Session Page  -------------------------------*/  
#Session h3 {
	font-size: 1.6em;
	line-height: 1em;
}

#Session h3 p {
	font-size: .6em;
	font-weight: normal;
	margin-top: 5px;
}

#Session h4 {
	font-size: 1em;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 15px;
}
 
#Session img {
border:2px solid;
float:left;
margin-right:10px;
}


#Session .session_desc, #commentList li p {
	font-size: .9em;
	font-weight: normal;
}
.session {margin:0px 20px 20px 0px !important;}
.session_desc p { 
	margin-top: 5px;
}
.related .session {height: 110px!important;}
.related, #commentList {border-top:1px dotted #DDDDDD;margin-top:25px;padding-top:10px;} 
.contact img{border: 2px solid #ccc;}
 
#comment_form{padding:15px;}
#comments li {list-style:none inside;}
.comment{width:100%;
	font-size:0.9em;
	font-weight:normal;
	float:left;margin-top:5px;margin-bottom:5px;border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;padding-top:10px;padding-bottom:10px; }
.user_avatar{float:left;	margin-left:30px;margin-right:50px;}
.user_comment{float:left;}
.user_comment p{font-size:0.9em;
font-weight:normal;}
/*------------------------- User Page  -------------------------------*/  

#userProfile .profile_image {float: left; margin-right: 10px; padding: 5px; border:2px solid #00A4B4;}
/*#userProfile h1, #userProfile h3 {margin-bottom: 10px;}
#userProfile h3 {font-size: 1.1em;}
*/
#userProfile .tags {margin-top: 10px;}
#userProfile .tags a {background-color: #EBEBEB; padding: 2px; margin: 2px; display: block; float: left;}

.user_desc, .user_short_desc {margin-top: 15px;}

.user_short_desc {font-size: 1.2em;}


/*------------------------- News Page  -------------------------------*/ 
.news_page h1 {font-size: 1.2em; margin: 5px; line-height: 1.3em;}
.news_page p {margin-bottom: 30px;}   
#news li{font-weight:normal;border-bottom: 1px dotted #ddd;padding-top:10px;padding-bottom:10px;}
/*------------------------- Price Table  -------------------------------*/  
.price_list {text-align:center}
.price_list td, .price_list th {padding:10px;}
.price_list th {color:#227B7F;}
.price_list .lefty {border-left:1px dotted #227B7F}
.price_list .righty {border-right:1px dotted #227B7F}
.price_list .down {border-bottom:1px dotted #227B7F}
.price_list p {margin:1px; padding:0px; font-size:1.3em; font-weight:bold}
 
/*------------------------- Tickets Table  -------------------------------*/  
 
 /*------------------------- Program Table  -------------------------------*/ 
#ProgramController {	background-color: #fff; border-bottom: 1px solid #999; padding: 4px 0px; margin-bottom: 10px;}

#ProgramController ul {list-style: none; padding: 0;}
#ProgramController li{
	float: left;
	padding: 0px;
	margin:0px;
	margin-right:5px;
	border:0px;
	text-indent: 0px!important;
} 

#ProgramController li a{
	cursor: pointer;
	padding: 4px;     
/*	color: #0c99a6;*/
	font-size: .95em;
	margin: 0px;
}
#ProgramController li .active {background-color:#EBEBEB;}

.jFlowSelected {
	background-color: #fff;
	border: 1px solid #0c99a6;
	font-size: 1.1em!important;
	padding: 6px 10px!important;
	font-weight: bold; }    
	
	
 	 /*------------------------- User List  -------------------------------*/ 
    #user_list ul {list-style: none; padding: 0;}
	#user_list li{
		float: left;
		padding: 2px;
		margin:5px;
		border:0px;
		text-indent: 0px!important;
	} 

	#user_list li a img{border: 0px!important; margin: 0px;}

	.player {text-align: center;}  

/*------------------------- Schedule  -------------------------------*/ 

.schedule .se{border:1px dashed #747474; vertical-align: top; font-size: .8em; padding:5px; }
   .schedule th {font-size: 0.8em;}
.schedule .time {font-size: 0.7em; text-align: left; font-weight: normal;}

.schedule p {font-size: 1.1em; color: #747474; font-weight: bold; color: #227B7F; padding:0px; margin: 0px 0px 3px 0px;}

.lunch {text-align: center; background-color: #747474; color: #fff; padding: 5px;}

.press p{text-align: center;} 

#flickr_badge_uber_wrapper {text-align:center; width:100%;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px; float: left;}
.flickr_badge_image img {}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#FFFFFF;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
 
.twitter center b, .twitter small {display: none;}


div#gsfn_search_widget img { border: none; } div#gsfn_search_widget { font-size: 12px; width: 280px; border: 6px solid #DDD; padding: 10px;} div#gsfn_search_widget a.widget_title { color: #000; display: block; margin-bottom: 10px; font-weight: bold; } div#gsfn_search_widget .powered_by { margin-top: 8px; padding-top: 8px; border-top: 1px solid #DDD; } div#gsfn_search_widget .powered_by a { color: #333; font-size: 90%; } div#gsfn_search_widget form { margin-bottom: 8px; } div#gsfn_search_widget form label { margin-bottom: 5px; display: block; } div#gsfn_search_widget form #gsfn_search_query { width: 60%; } div#gsfn_search_widget div.gsfn_content { } div#gsfn_search_widget div.gsfn_content li { text-align:left; margin-bottom:6px; } div#gsfn_search_widget div.gsfn_content a.gsfn_link { line-height: 1; } div#gsfn_search_widget div.gsfn_content span.time { font-size: 90%; padding-left: 3px; } div#gsfn_search_widget div.gsfn_content p.gsfn_summary { margin-top: 2px }


/*******************
JQUERY TOOLS TABS style valid for all editions
*******************/

/* root element for tabs  */
ul.css-tabs { margin:0 !important; 	
	padding:0;height:30px;	background-color:#EEEEEE;border-bottom:1px solid #DDDDDD;}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	border-width:1px 1px 0;
	color:#777777;
	display:block;
	float:left;
	font-size:13px;
	height:18px;
	margin-right:2px;
	padding:5px 30px;
	position:relative;
	text-decoration:none;
	top:1px;
}

ul.css-tabs a:hover {background-color:#ddd;color:#333;}	
/* selected tab */
ul.css-tabs a.current {background-color:#FFFFFF;border-bottom:2px solid #FFFFFF;color:#3B3B3B;cursor:default;}
/* tab pane */
div.panes{
	padding-top:20px;
}


/*******************
ADD THIS style valid for all editions
*******************/
.addthis_toolbox .custom_images a{width: 32px;height: 32px;margin: 0;padding: 0;}
.addthis_toolbox .custom_images a:hover img{opacity: 1;}
.addthis_toolbox .custom_images a img{opacity: 0.75;}

/*******************
jQUERY TOOLS TOOLTIPS style valid for all editions
*******************/
.tooltip { 
     background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}

/*******************
JQUERY VALIDATE style valid for all editions
*******************/
.required{color:red;}
.formError {
		position:absolute;
		top:300px; left:300px;
		padding-bottom:13px;
		display:block;
		z-index:5000;
}
#debugMode{
	background:#000;
	position:fixed;
	width:100%; height:200px;
	top:0; left:0;
	overflow:scroll;
	opacity:0.8;
	display:block;
	padding:10px;
	color:#fff;
	font-size:14px;
	z-index:100000;
}
.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent {
	width:100%; 
	background:#ee0101;
	color:#fff;
	width:150px;
	font-family:tahoma;
	font-size:11px;
	border:2px solid #ddd;
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {background:#33be40;}
.blackPopup .formErrorContent {background:#393939;color:#FFF;}
.formError .formErrorArrow{
	position:absolute;
	bottom:0;left:20px;
	width:15px; height:15px;
	z-index:5001;
}
.formError .formErrorArrowBottom{top:0;margin:-6px;}
.formError .formErrorArrow div{
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	box-shadow: 0px 2px 3px #444;
	-moz-box-shadow: 0px 2px 3px #444;
	-webkit-box-shadow: 0px 2px 3px #444;
	font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
}
.formError .formErrorArrowBottom div{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}		
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0px solid #ddd;} 
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}



/*******************
HOMEPAGE COLUMNS style valid for all editions
*******************/
.main_first_row{float:left;margin-top:10px;}
.main_other_row{margin-top:99px;}

.left_main,.right_main{float:left;height:215px;}
.left_main{width:240px;margin-right:20px;}
.right_main{width:250px;}
.left_main ul,.right_main ul{padding:0px;list-style-image:none;list-style-position:outside;list-style-type:none;}
.left_main li,.right_main li a{font-weight: normal;	padding:5px 0;}