/**
 *	@title:			CSS File for Concur'2007
 *
 *	@date:			25 Aug 2006
 *
 *	@development:	Core Factor, Lda. ( http://www.corefactor.pt )
 *
 *	To quickly find an element, search for an obvious name with a "=" in the beggining.
 *	Example: =nav	»	will place you under the section of that element (navigation)
 *
 */


@import url(menus.css);
@import url(headings.css);
@import url(hcalendar.css);


/* =default rules */
* {
	padding: 0;
	margin: 0;
}
* p, * li {
	color: black;
}

ul, ol {
margin-left: 10px;
}

a {
	text-decoration: none;
}

#nav a, #menu a, #footer a {
	color: white;
}
#content a {
	color: #0081A0;
}
#content a {
	border-bottom: 1px solid white;
}
#content a:hover {
	border-bottom: 1px solid #ccc;
}
/* =skeleton */
body {
	text-align: center;
	font:80%/1.7 Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background: #0081A0 url(../imgs/bg_body.png) repeat top left; 

	margin-top: 20px;
	margin-bottom: 20px;
} 
#site {
	width: 1000px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
}

/* =logo */
#logo {
	float: left;
	padding-bottom: 20px;
}
* html #logo {
	margin-left: 20px !important;
}
#logo h2 {
	display: none;
}
#logo a {
	display: block;
	width: 551px;
	height: 135px;
	background-color: red;
	background: transparent url(../imgs/logo.png) no-repeat top left;
	text-indent: -10000px;
	outline: none;
}
/* =accessbility enhancements */
#skip_links {
	display: none;
}


/* =nav */
#nav #logo, #menu {
	margin-left: 40px;
}
* html #menu {
	margin-left: 20px;
}
#nav {
	position: relative;
	overflow: auto;
}

#nav #home_link {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 135px;
	width: 23px;
	background: transparent url(../imgs/link_home.png) no-repeat top left;
	text-indent: -10000px;
	outline: none;	
}
#nav #home_link:hover {
	background-position: bottom left;
}

	/* =menus */
	#menu_top {
		float: right;
		padding-right: 40px;
		padding-top: 30px;
		/* to adjust left padding, adjust #logo's margin-right */
		
		width: 326px;

		right: 0;

	}
	#menu_top li {
		width: 143px;
		list-style-image: url(../imgs/bullet.png);
		list-style-image: none;		
		list-style-type: none;
		line-height: 22px;
		font-size: 14px;
		float: left;
		background: transparent url(../imgs/bullet.png) no-repeat top left;
		padding-left: 20px;
	}
	#menu_top li a {
		text-indent: -10000px;
		display: block;
		outline: none;
		width: 143px;
	}
	#menu {

		clear: both;
		width: 165px;
		position: relative;
		background: #000 url(../imgs/bg_menu.png) repeat top left;
		float: left;
	}
	
	#menu_side {
		margin-top: 93px;
		margin-bottom: 53px;		

		padding-left: 20px;
		font-size: 12px;

	}
	#menu_side li {

		padding-bottom: 15px;
	}
	#menu .top {
		position: absolute;
		top: 0;
		left: 0;
		width: 11px;
		height: 10px;
		background: transparent url(../imgs/corners.png) no-repeat top left;
	}
/**
migrated to Faux Collumns system. search for "=faux"	
	#menu .bottom {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 11px;
		height: 10px;
		background: transparent url(../imgs/corners.png) no-repeat bottom left;
	}	
*/
	#menu_side li {
		padding-left: 0px;
		line-height: 32px;
		list-style-image: url(../imgs/bullet_yellow.png);
		list-style-position: outside;
	}
	body.imglinks #menu_side li a {
		display: block;
		line-height: 22px;
		width: 130px;
		height: 22px;
		text-indent: -10000px;
		outline: none;
	}
	body.textlinks #menu_side li a:hover {
		color: #ccc;
		padding-left: 1px;
	}
	* html body.imglinks #menu_side li a {
		text-indent: 0;
		outline:inherit;
		background: none !important;
	}
	
	
	
	
/* =content */
#content {
	float: left;
	width: 780px;
	background-color: white;
	position: relative;
	background: white url(../imgs/bg_content.png) repeat-y top right;
	text-align: center;
}
#content div {
	text-align: left;
}
#content .top {
	background: transparent url(../imgs/corners_content.png) no-repeat top right;
	position: absolute;
	top: 0;
	right: 0;
	width: 780px;
	height: 20px;
}

/**
migrated to Faux Collumns system. search for "=faux"
#content .bottom {
	background: transparent url(../imgs/corners_content.png) no-repeat bottom right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 780px;
	height: 20px;	
}
*/

#content p, #content li {
	font-size: 10px;
	line-height: 18px;
}
#content, #menu {
/*	min-height: 482px;*/
}
#content .wide {
	width: 100%;
	float: left;
}
#content .wide * {
	font-size: 12px;
}
#content .left {
	width: 50%;
	float: left;

}
#content .right, #content .left {
	width: 49%;
	float: left;

}
#content .right div.almofada, #content .left div.almofada, #content .wide div.almofada {
	padding:20px;
	padding-top: 0;
	margin-top: 20px;
}
#content .wide div.almofada {
	padding-right: 40px;
}

#content .left div.almofada {
	border-right: 2px dotted #ccc;
}
#content hr {
	border: 0;
	color: white;
	height: 1px;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 5px;
	clear: both;
}

#content h2 {
	font-size: 14px;
}
#content li {
	list-style-type: none;
}
#content ul, #content ol {
	margin: 0;
	padding: 0;
}

.date {
	color: #f93;
}
.subtitle {
	color: #0081A0;
}
#gulbenkian_imgs {
	margin-top: 10px;
	margin-bottom: 10px;
}
img#building {
	margin-left: 20px;
}



/* =footer */
#footer {
	clear: both;
	padding-top: 0px;
	padding-left: 40px;

}
#footer p {
	font-size: 11px;
	color: white;

}
#footer #copyright {
	float: left;
}


.mais {
	background: transparent url(../imgs/mais.png) no-repeat center right;
	padding-right: 10px;
}


.erro {
	clear: both;
	text-align: center;
	margin-bottom: 10px;
	background-color: white;
	color: #c00;
	border: 2px solid #f00;
	padding: 10px;
	width: 30%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}


.mapa {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;	
}
.mapa img {
	border: 1px solid #ccc;
}

/* =faux collumns in the #body */

#body {
	background: transparent url(../imgs/bg_fauxbody.png) repeat-y top right;
}
#faux-round {
	clear: both;
	background: transparent url(../imgs/bg_fauxround.png) no-repeat bottom right;
	height: 25px;
}


.withimages img {
	float: right;
	margin-left: 10px;
	border: 1px solid #ccc;	
}

#content .wide ul, #content .wide ol {
	margin-top: 15px;
	margin-bottom: 15px;
}
#content .wide ul li {
	list-style-type: square;
	margin-left: 20px;
	margin-bottom: 5px;
}
#content .wide ol li {
	list-style-type: decimal;
}
#footer p {
	font-size: 10px;
}
p#copyright {
	float: left;
	padding-left: 10px;
}
#corefactor {
	float: right;
	padding-right: 25px;
	line-height: 18px;
	width: 210px;
	position: relative;
}
#corefactor span {
	float: left;
}
#corefactor a {
	background: transparent url(../imgs/corefactor_mini.png) no-repeat top left;
	text-indent: -10000px;
	display: block;
	float: left;
	width: 60px;
	margin-left: 5px;
	outline: none;
}
/**
#corefactor a {
	width: 60px;
	height: 17px;
	display: inline;

	text-indent: -10000px;
	outline: none;
	float: right;
	margin-right: 20px;
}*/

#top_link {
	clear: both;
	float: right;
	background: transparent url(../imgs/top.png) no-repeat top center;
	padding-top: 5px;
	margin-right: 40px;
}
#top_link_img {
	display: block;
	float: right;
	background: transparent url(../imgs/top.png) no-repeat top right;
	padding-right: 20px;
}


.obscurity {
	display: none;
}
#footer a:hover {
	border-bottom: 1px solid white;
}
#big_corefactor {
	text-indent: -10000px;
	outline: none;
	display: block;
	width: 216px;
	height: 71px;
	background: transparent url(../imgs/corefactor_big.png) no-repeat top left;
	float: left;
	margin-right: 20px;
}
#big_corefactor:hover {
	border-bottom: 1px solid white !important;
}
.business_info {
	display: block;
}
.person {
	width: 33%;
	float: left;
	height: 80px;
}

#whereareyou {
	position: absolute;
	bottom: 0;
	right: 30px;
	font-size: 10px;
	color: white;
}
#whereareyou a:hover {
	border-bottom: 1px solid white;
}
* html #whereareyou  { display: none; }

.googlemaps {
/*	background: transparent url(../imgs/googlemaps.png) no-repeat 2% 50%; 
	height: 30px;
	margin: 10px;
	margin-bottom: 20px; 
	margin-left: 0;
	padding: 10px;
	border: 1px solid #ccc;
	width: 200px; */
}

#footer #corefactor a:hover {
	border: 0;
}


.clearer {
	clear: both;
}

p.meta, .meta *, .meta {
	font-size: 9px !important;
	color: #999;
}

ul.clean li {
	list-style-type: none !important;
}

.header_workshops, .workshop_concurlink {
	text-align: center;
}

.workshop_concurlink {
	margin-top: 25px;
	margin-bottom: 25px;
}

.vcard .role {
	color: #f00 !important;
}
.vcard {
	width: 90%;
}



.important {
	font-weight: bold;
	padding-right: 20px;
	background: transparent url(../imgs/exclamation.png) no-repeat center right;
	padding-top: 2px;
	padding-bottom: 2px;
}
* html .important {
	background-image: url(../imgs/exclamation_ie.png);
}

.dtstart {
	color: #666;
	font-weight: bold;
	border: 0;
	font-size: 11px !important;
	padding: 0.2em;
	background-color: #eee;
}
.dtstart sup {
	font-size: 9px !important;
	font-weight: 400;
}


#call_deadlines {
	width: 250px;
	background-color: #eee;
	padding: 0.2em 0.5em;
	margin-bottom: 1em;
}
#call_deadlines ul {
	margin: 0 !important;
}
#call_deadlines h4 {
	color: #666;
}
#call_deadlines * {
	font-size: 11px !important;
}

.workhops .workshop-date h4.day,
.programlist h4 {
	background-color: #f6f6f6;
	padding: 0.2em 0.5em;
	color: #333;
	font-size: 16px !important;
	font-weight: 400;
	border-bottom: 2px solid #333;
	position: relative;
}
.workhops .workshop-date h4.day {
	position: relative !important;
	width: 95%;
}

.day a,
.programlist h4 a {
	position: absolute;
	right: 5px;
	font-size: 9px !important;
}

.workshop-date {
	list-style-type: none !important;
	padding-bottom: 2em;
}
.workshop-date li {
	list-style-type: square;
}

.date a {
	color: #f93 !important;
	text-decoration: underline;
}
.date a:hover {
	text-decoration: none;
}



.workshop-date:target .day,
.programlist li:target h4 {
	font-weight: bold !important;
	border-bottom-color: #f93 !important;
}


.invited-speaker .vcard a.fn.n,
.invited-tutorial .vcard a.fn.n {
	font-weight: bold;
}

.talk {
	padding-left: 2em;
}
.talk h4 {
	color: #999;
	font-weight: 400;
	font-size: 10px !important;
	margin-bottom: -1px;
}
.talk .talk-title {
	background-color: #eee;
	padding: 0.2em 0.5em;
	color: #333 !important;
	font-weight: bold;
	font-size: 12px !important;
	border-bottom: 0 !important;
}

.tohide {

}
	
.talk .description,
.accomodations_list .description {
	color: #333;
	background-color: #eee;
	padding: 1em 1.5em;
	font-size: 10px !important;
}

#acceptedpapers li {
	line-height: 1.5;
	margin-bottom: 1em !important;
/**	width: 45%;
	float: left;
	height: 100px;*/
}


#acceptedpapers  {
/*	height: 300px;
	overflow: auto;*/
	background-color: #eee;
	padding: 1em 1em !important;
}

.fees {
	border-collapse: collapse;
	margin: 1em 0em;
}
.fees td,
.fees th {
	padding: 0.2em 1em;
	text-align: center;
}
.fees th.period {
	background-color: #eee;
	border-bottom: 1px solid #999;
}
.fees th.period.empty {
	background-color: white;
}
.fees td {
	border-bottom: 1px solid #406073;
}
.fees .participants,
.fees .activity {
	text-align: left;
	background-color: #CAD9DD;
	color:#406073;
	width: 120px;
	border-bottom: 1px solid #406073;
}
 
#socialprogram_list li {
	margin-bottom: 2em !important;
}

#sponsors_list {
	
}
.accomodations_list li {
	margin-bottom: 1.5em !important;
	border-bottom: 1px solid #ccc;
}
.accomodations_list li li {
	margin-bottom: 0em !important;
	border-bottom: 0px;
}
.accomodations_list h4,
.accomodations_list h4 a {
	font-size: 16px !important;
	margin-bottom: 0.5em;
	
}
.programlist li {
	font-weight: bold;
}
.programlist .time {
	color: #333;
	display: block;
	float: left;
	height: 50px;
	width: 110px;
	font-size: 11px !important;
	padding: 0em 0.5em 0em 0em;
}

.programlist .workshops  .time  {
	height: 110px;
}

.programlist li {
clear: left;
}
.programlist li li {
	clear: left;
	height: 50px;
	list-style-type: none !important;
	overflow: visible;
}

.programlist .workshops ul {
	margin-top: 0 !important;
}

.programlist .speaker {
	font-weight: 400;
}
.programlist li.break {
	background-color: #eee;
	height: 20px;
	line-height: 20px;
}
.programlist li.break .type_event {
	font-weight: 400;
	color: #666;
	font-style: italic;
}

#ifip_workshop,
#ifip_workshop_2 {
	width: 150px;
	height: 160px;
	float: right;
	border-left: 1px solid #eee;
	padding-left: 0.5em;
}
#ifip_workshop_2 {
	height: 150px;
}
#ifip_workshop .time,
#ifip_workshop_2 .time {
	height: 150px;
	width: 60px;

}

.programlist .workshops li {
	height: 10px !important;
	clear: none;
	list-style-type: circle !important;
}

.programlist .chair {
	color: #999;
	height: 15px !important ;
	text-align: right;

}