/* --------------------------------------------
		Técnico Lisboa
		Fénix Público
			
		Actualizado a: Setembro 2012
			
		by: Filipe Varela [NME]
-------------------------------------------- */


/********************
	ToDo:
	
	* remove !important


********************/






/********************
	Reset
********************/
body {
	margin:0px;
	padding:0px;
}

/********************
	Typography
********************/
@font-face {
	font-family: 'KlavikaBold';
	src: url('../images/type/klavikaboldbold-webfont.eot');
	src: url('../images/type/klavikaboldbold-webfont.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../images/type/klavikaboldbold-webfont.woff') format('woff'), url('../images/type/klavikaboldbold-webfont.ttf') format('truetype'), url('../images/type/klavikaboldbold-webfont.svg#webfontBUN34PZS') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaRegularPlain';
	src: url('../images/type/klavikaregular-plain-webfont.eot');
	src: url('../images/type/klavikaregular-plain-webfont.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../images/type/klavikaregular-plain-webfont.woff') format('woff'), url('../images/type/klavikaregular-plain-webfont.ttf') format('truetype'), url('../images/type/klavikaregular-plain-webfont.svg#webfontDvaJrdUe') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaLightPlain';
	src: url('../images/type/klavikalight-plain-webfont.eot');
	src: url('../images/type/klavikalight-plain-webfont.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../images/images/type/klavikalight-plain-webfont.woff') format('woff'), url('../images/type/klavikalight-plain-webfont.ttf') format('truetype'), url('../images/type/klavikalight-plain-webfont.svg#webfontpalXHmZY') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaMediumItalic';
	src: url('../images/type/klavikamedium-italic-webfont.eot');
	src: url('../images/type/klavikamedium-italic-webfont.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../images/type/klavikamedium-italic-webfont.woff') format('woff'), url('../images/type/klavikamedium-italic-webfont.ttf') format('truetype'), url('../images/type/klavikamedium-italic-webfont.svg#webfontQyMG82IJ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaRegularItalic';
	src: url('../images/type/klavikaregular-italic-webfont.eot');
	src: url('../images/type/klavikaregular-italic-webfont.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../images/type/klavikaregular-italic-webfont.woff') format('woff'), url('../images/type/klavikaregular-italic-webfont.ttf') format('truetype'), url('../images/type/klavikaregular-italic-webfont.svg#webfontPhNFtUba') format('svg');
	font-weight: normal;
	font-style: normal;
}

/********************
	The following four entries where added to remove an external dependency from: http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic
********************/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url('../images/type/wkfQbvfT_02e2IWO3yYueQ.woff') format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url('../images/type/oUan5VrEkpzIazlUe5ieaA.woff') format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../images/type/HkF_qI1x_noxlxhrhMQYED8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url('../images/type/9k-RPmcnxYEPm8CNFsH2gg.woff') format('woff');
}



html, body, p,
h1, h2, h3, h4, h5, h6 {
	font-family:'Lato', sans-serif;
}


/********************
	General
********************/
body {
	font:13px/1.62 'Lato', sans-serif;
	font-weight:400;
	color:#333;
	background:#e9eaeb;
}

p {
	font:13px/1.62 'Lato', sans-serif;
}

.blue {
	color:#009de0;
}

h1,
h2,
h3 {
	font-weight:700;
	line-height:1em;
	color:#222222;
}
h1 {
	font-size:18px;
}
h2 {
	font-size:16px;
	margin: 0 0 0.5em 0;	
}
	h2.blue	{
		margin: 0.5em 0 0.5em 0;
		color:#1376a4;
	}
	h3.grey {
		color:#666666;
	}
	h3.spaced {
		margin: 0.5em 0 0.5em 0;
	}

	h2.arrow_bullet {
		padding:1.4em 0 0.4em 1.1em;
		background:url(../images/newImage2012/bullet-big.png) no-repeat 0% 1.7em;
	}
	h3.arrow_bullet {
		padding-left: 1.4em;
		background: url(../images/newImage2012/bullet-small.png) no-repeat 0 0;
	}


a,
a:visited {
	text-decoration:underline;
	color:#009de0;
}
/*a:visited {
	color:#1376a4;
}*/
a:hover {
	text-decoration:none;
	color:#7bc2e0;
}

img,
a img {
	border:0;
}

ul {
	list-style-image:url(../images/newImage2012/bullet-small.png);	
	list-style-position:outside;
}
li {
	padding:0.3em 0 0.3em 0;
}


/***********************************************************
	Structure
***********************************************************/
#header {
	width:100%;
	position:relative;
	display:block;
	min-height:80px;
	border-top:3px solid #d6d7d8;
}
#logoist {
	margin:25px 0 25px 40px;
}
#logoist a {
	text-decoration: none;
	border: none;
}
#header_links {
	position:absolute;
	top:20px;
	right:40px;
	color:#999999;
	text-align:right;
}
	#header_links a {
		text-decoration:none;
	}


/***********************************************************
	Google Search
***********************************************************/
#search {
	position: absolute;
	/*right: 40px;*/
	right:31px;
	top: 55px;
	text-align: right;
}
	#search label {
		color:#e9eaeb;
	}
#textfield {
	width:143px;
	margin:0 10px;
	padding:6px 6px 6px 30px;
	background:#fff url("../images/newImage2012/search.png") no-repeat 0 0;
	font-family:KlavikaRegularPlain, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	border:none;
	outline:none;
}	
#submit {
	display:none;
	
	padding:3px 8px;
	font-family:'Lato', sans-serif;
	font-size:1em;
	color:#ffffff;
	background:#999999;
	border:none;
	vertical-align:-1px;
	cursor:pointer;
}
	#submit:hover {
		background:#009de0;
	}


/***********************************************************
	Profile Navigation
***********************************************************/
#perfnav {
	width:100%;
	display:block;
	background:#999999;
	font-family:KlavikaRegularPlain, sans-serif;
	font-size:13px;
}
	#perfnav ul {
		margin:0;
		padding:0 0 0 200px;
		white-space:nowrap;
		list-style:none;
	}
		#perfnav ul li {
			margin:0;
			padding:0;
			display:inline-block;
			
		}
	#perfnav a {
		display:block;
		margin:0;
		padding:8px 12px;
		color:#ffffff;
		text-decoration:none;
		white-space: nowrap;
	}
		#perfnav a:hover {
			color:#666666;
			background:#dddddd;
		}


/***********************************************************
	Holder
***********************************************************/
#holder {
	position:relative;
	clear:both;
}


/****************************************************
	Side Navigation
****************************************************/
td#latnav_container {
	width:200px;
	margin:0;
	padding:0;
	background: #f5f6f7;
	white-space:nowrap;
	vertical-align:top;
}
#latnav {
	margin: 15px 0px 30px;
	font-family:KlavikaBold, sans-serif;
	clear:left;
}
#latnav ul {
	width:200px;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
#latnav li {
	display:inline;
	margin:0;
	padding:0;
}
	#latnav li a {
		display:block;
		padding:8px 5px 8px 10px;
		color:#199cd8;
		font-size:12px;
		text-decoration:none;
		text-transform:uppercase;
		line-height:1.3em;
	}
	#latnav li.nobrd {
		border-bottom:0;
		border-left:3px solid #999;
	}
	#latnav a span {
		font-family:KlavikaBold, sans-serif;
	}
	
	#latnav li a.menu-top-item-selected {
		color:#ffffff;
		background:#00aeef;
	}
	
		#latnav li ul li a { padding-left: 20px; }
		#latnav li ul li ul li a { padding-left: 40px; }
		#latnav li ul li ul li ul li a { padding-left: 60px; }
	
		#latnav li a.menu-top-item-selected + ul a {
			color:#00aeef;
			background:#d6eff5;
		}
			#latnav li a.menu-top-item-selected ul a span {
				font-size:13px;
				font-family:KlavikaRegularPlain, sans-serif;
				text-transform:none;
			}
	#latnav li a:hover,
	#latnav li a.menu-top-item-selected + ul a:hover {
		color:#ffffff;
		background:#199cd8;
	}
	
	#latnav li a.menu-child-item-selected:before {
		content: "> ";
	}
		
.cluster_logo,
.partners_logo {
	clear:both;
	display:block;
	margin:0 auto;
	border:0;
}
	.cluster_logo {
		padding-top: 5em;
	}
	.partners_logo {
		padding:2em 0 0.2em 0;
	}


/***********************************************************
	Main container
***********************************************************/
#bigtable {
	width:100%;
	background:#ffffff;
}
td#main {
	width:100%;
	vertical-align:top;
	padding:20px 30px 40px;
}	
.image_container {
	height:150px;
	text-align:center;
}
.image_container_center {
	margin:0;
	padding:0;
	text-align:center;
}
.image_container img {
	border:none;
	vertical-align:middle;
	text-align:center;
	margin:0;
	padding:0;
}
.spot_event_1 { background: url(mit_bck.gif) repeat-x; border: 0; margin: 0; padding: 0; } /*Destaque: Candidaturas MIT 2009 */
.spot_event_2 { background: #353535; margin: 0; padding: 0; }  /* Destaque: II Temporada de M�sica */
.spot_event_3 { background: #44556A url(candidaturas_bck.jpg) no-repeat center; margin: 0; padding: 0; } /* Candidaturas 2� Ciclo */
.spot_event_4 { background: #44556A url(candidaturas_bck-1.jpg) no-repeat center; margin: 0; padding: 0; } /* MSc 2� Cyclo - EN */
.spot_event_5 { background: #2b3a22 url(background.gif) no-repeat center; margin: 0; padding: 0;} /* Destaque: QUC  */

.noticias,
.eventos,
.campus {
	width:30%;
	margin:0;
	padding:4px 0 4px 5px;
	color:#ffffff;
	text-align:left;
}
.noticias,
.eventos,
.campus {
	background:#eaeaea;
}
.info_cell_holder {
	width:30%;
	margin:0;
	padding:5px 10px 10px 10px;
	color:#333333;
	background:#ffffff;
	vertical-align:top;
	border-right:1px solid #eaeaea;
}
.info_cell_holder_nobrd {
	color:#333333;
	background:#ffffff;
	vertical-align:top;
	padding:5px 10px 5px 10px;
}
.hp_p_spacer {
	margin:5px 0;
}
.page { background: url(icon_page.gif) no-repeat 7px 50%; padding: 2px 0 2px 27px; }
.feed { background: url(icon_feed.gif) no-repeat 10px 50%; padding: 2px 0 2px 30px; }


/***********************************************************
	Footer
***********************************************************/
#footer {
	margin-bottom:80px;
	padding:20px 30px 50px;
	color:#666666;
	background:#333333;
	border-top:5px solid #eaeaea;
}
#foot_links,
#foot_copy {
	float: left;
	width: 30%;
	margin: 0;
	padding: 0;
}
#foot_copy {
	color:#999999;
	float:right;
	width:45%;
	text-align:right;
}
#footer a,
#footer a:visited {
	color:#cccccc;
	text-decoration:none;
}
#footer a:hover {
	color:#00aeef;
}


/***********************************************************
	Columns
***********************************************************/	
.col_left,
.col_left_photo {
	float:left;
	width:150px;
	margin:0 30px 0 0;
}
.col_left_photo img {
	border:2px solid #e2e2e2;
}
.col_right,
.col_right_photo {
	float:right;
	width:150px;
	margin:30px;
}
.col_right {
	width: 250px;
}
.col_right_photo img {
	border: 2px solid #e2e2e2;
	margin-bottom: 20px;
}

/* Side Box */
.box {
	width:250px;
	margin:0 0 1em 1em;
	background:#f5f6f7;
}
.box p {
	margin: 0;
}
.box img {
	border: 0;
}
#main .box_header {
	background:#eaeaea;
	padding: 3px 10px 3px 10px;
}
#main .box_cell {
	padding: 10px;
}
#main td.box_cell p {
	font-size: 1em;
}
.box ul {
	list-style-type:none;
	list-style-image:none;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.spaced_table {
	border: 1px solid #ccc;
	background: #eae7e4;
}
.spaced_table td {
	padding: 10px;
}


/***********************************************************
	text and other util widgets
***********************************************************/
.skipto { display: none; }
.greytxt { color: #777777; }
.grey_bright { color: #999999; }
.px10 { font-size: 1em; } 
.photoframer { display: block; border: 2px solid #999; }
.nospace { margin: 0; padding: 0;}
.pad_top_1 { padding-top: 1em; }
.inline { display: inline; }
.clear { clear: both; }
.center { text-align: center; }
.post_date { color: #999; margin: 0; padding: 0; }	
.bottom_border { border-bottom: 1px solid #ccc; }
.redbox { color: #fff; background: #c30; padding: 3px 6px 3px 6px; }
.marker { background: #fffbc7; padding: 2px; }
.update { font-size: 0.9em; color: #999; background: #e8e8e8; padding: 2px 3px; }
.pdf_solo { background: url(icon_pdf.gif) no-repeat 10px 50%; padding: 5px 0 5px 35px; }
.page { background: url(icon_page.gif) no-repeat 7px 50%; padding: 2px 0 2px 27px; }
.feed { background: url(icon_feed.gif) no-repeat 10px 50%; padding: 2px 0 2px 30px; }
ul.material { list-style-type: none; margin-left: 0; padding-left: 0; }
ul.material li.calendar { background: url(icon_date.gif) no-repeat 10px 50%; padding-left: 35px; }
ul.material li.cellphone { background: url(icon_cellphone.png) no-repeat 10px 50%; padding-left: 30px; }
ul.material li.doc { background: url(icon_doc.gif) no-repeat 13px 50%; padding-left: 35px; }
ul.material li.document { background: url(icon_generic_doc.gif) no-repeat 13px 50%; padding-left: 35px; }
ul.material li.link { background: url(icon_link.gif) no-repeat 10px 50%; padding-left: 35px; }
ul.material li.lightbulb { background: url(icon_lightbulb.gif) no-repeat 10px 50%; padding-left: 35px; }
ul.material li.pdf { background: url(icon_pdf.gif) no-repeat 10px 50%; padding-left: 35px; }
ul.material li.ppt { background: url(icon_ppt.gif) no-repeat 13px 50%; padding-left: 35px; }
ul.material li.submit { background: url(icon_doc_edit.gif) no-repeat 13px 50%; padding-left: 35px; }
ul.material li.xls { background: url(icon_excel.gif) no-repeat 13px 50%; padding-left: 35px; }


/***********************************************************
	licenciatura section
***********************************************************/
.degree_imageplacer {
	float:right;
	width:250px;
	margin:0 30px 0 30px;
}


/***********************************************************
	mapa campus alameda section
***********************************************************/	

.alameda,
.metro {
	width:45%;
	float:left;
	margin:1em 1em 2em 0;
}
.alameda img,
.metro img {
	float:left;
	margin:0 20px 0 0;
	padding:2px;
	border:1px solid #ccc;
}
#main .maps p {
	font-size: 1em;
	color: #999;
}


/***********************************************************
	general stripes layout table for www.ist.utl.pt
***********************************************************/
.tab_lay { border: 1px solid #e2e2e2; margin-bottom: 1.5em;}
.tab_lay th { color: #333; background: #ccc; text-align: left; padding: 5px; }
.tab_lay td { padding: 5px; height: 2em; }
.tab_lay td.subheader { font-weight: bold; color: #333; background: #e2e2e2; padding: 5px 5px 5px 5px; }
.tab_lay td.bluecell, .tab_lay tr.bluecell { background: #EDF3FE; }
.tab_themes { border: 1px solid #999; font-size: 11px; }
.tab_themes td { line-height: 1.5em; padding: 5px; height: 2em; }
.tab_themes td.title { background: #e2e2e2; }
.tab_themes h3 { color: #333; margin: 0; }
caption { color: #333; text-align: left; margin: 0 0.3em 0; padding: 1em 0 0.5em 0; }
#main p.table_comment { font-size: 0.9em; color: #666; margin: -1em 0 1em 0; padding: 0; }


/***********************************************************
	context navigation
***********************************************************/
#contextual_nav { float: right; width: 200px; margin: 0 0 20px 20px; padding: 20px 0 20px 20px; }
#contextual_nav h2 { color:#666; }
#contextual_nav ul, #contextual_nav li  { list-style-type: none; margin: 0; padding-left: 0; }
#contextual_nav ul { margin-bottom: 20px; padding-left: 15px; border-left: 1px solid #ccc; }
#contextual_nav li { background: url(icon_redcircle.gif) no-repeat 0 50%; padding-left: 15px; }


/***********************************************************
	sitemap
***********************************************************/
#sitemap ul { list-style-type: square; line-height: 0.9em; font-size: 1em; margin-top: 0.4em; }
#sitemap li { padding: 0.3em 0 0.3em 0; }
#sitemap h2.sitemap a, #sitemap h2.sitemap a:visited { text-decoration: underline; color: #c30; }
#sitemap h2.sitemap a:hover { text-decoration: none; background:#c30; color: #fff; padding: 2px 4px 2px 4px; }


/***********************************************************
	ensino - bolonha
***********************************************************/
#main .h_aux { font-weight: normal; color: #999; }
#main .h_aux a:link, #main .h_aux a:visited { text-decoration: none; color: #999; border-bottom: 1px solid #999; }
#main .h_aux a:hover { text-decoration: none; color: #999; border-bottom: 0; }
h3.question a:link, h3.question a:visited { text-decoration: none; color: #333; }
.question { margin-bottom: 20px; }	
.answer { background: #fff !important; border-left: 3px solid #e2e2e2; margin: 0 0 2em 2em; padding: 0 0 0 1em; }
.q_number { color: #d4cfb4; float: left; margin: -0.15em 0.5em 0 0; }
.h_box, .h_box_alt { background:#f6f6f6; width: 69%; padding: 0.75em; margin: 1em 0 ; border: 1px solid #e2e2e2; }
.h_box_alt { background: #FCFCEC; }
#main .tab_simpler { margin-bottom: 1em; }
#main .tab_simpler td { padding: 5px; }
#main .tab_simpler td.align_r { text-align: right; }


/***********************************************************
	Breadcrumbs
***********************************************************/
#main .breadcumbs {
	font-size:11px;
	color:#999999;
	padding-bottom: 0.45em;
	
}
#main .breadcumbs a,
#main .breadcumbs a:visited {
	text-decoration: none;
	color: #999;
}
#main .breadcumbs a:hover {
	text-decoration:underline;
	color:#666666;
}


/***********************************************************
	Languages
***********************************************************/
#version,
#version * {
	margin:0;
	padding:0;
	float:right;
}
#version {
	float:right;
}
	#version img {
		padding:1px;
		border:1px solid #fff;
		margin-left:3px;
	}
	#version img.activeflag {
		border:1px solid #00aeef;
	}


/***********************************************************
	Form1
***********************************************************/
.form1 fieldset {
margin: 1em 0;
padding: 1em;
background: #f6f6f6;
width: 80%;
border: 1px solid #e2e2e2;
}
.form1 fieldset p { color: #666; margin-top: 0; margin-bottom: 1em; }
.form1 legend {
margin: 0;
padding: 0 0.5em;
font-size: 1.2em;
font-weight: bold;
color: #000;
}
.form1 label { font-weight: normal; display: block; padding: 6px 0 3px;}
.form1 input { display: block; }
.form1 p.comment { font-size: 1em; color: #999; padding-top: 1em; }
.form1 input#button { margin-top: 1em; }
.form1 span.4d { color: #bb1309 !important; }
.form1 span.comment { font-size: 1em; color: #999; font-weight: normal; }
span.red { color: #c30 !important; }

*:first-child+html .form1 fieldset { padding-top: 1.75em; } /* ie7 only */

span.comment { font-size: 12px !important; color: #999; }
span.required { color: #b55; }

span.optionalfield { color: #888; }



/* --------------------------------------------------------
	main_r.css
	made by: Bruno Monteiro (GAEL)
	date: 04.03.2008
---------------------------------------------------------*/



















	





























/***********************************************************
	fenix - editor allowed classes & id's pub-
***********************************************************/

/* (id > class) version */
.pub-version { margin: 0; padding: 0; }
.pub-version * { margin: 0; padding: 0; }
.pub-version { float: right; padding-top: 0em; }
.pub-version img { padding: 1px; border: 1px solid #fff; }
.pub-version img.pub-activeflag { border: 1px solid #A2AEBC; background-color: #ccc; }

.pub-col_left, .pub-col_left_photo { float: left; width: 150px; margin: 0 30px 0 0;}
.pub-col_left_photo img { border: 2px solid #e2e2e2; } 
.pub-col_right, .pub-col_right_photo { float: right; width: 150px; margin: 30px; }
.pub-col_right { width: 250px; }
.pub-col_right_photo img { border: 2px solid #e2e2e2; margin-bottom: 20px;}

.pub-box { width: 250px; border: 1px solid #e2e2e2; margin: 0 0 1em 1em; }
.pub-box p { margin: 0; } 
.pub-box img { border: 0; }
#main .pub-box_header { background: #ccc; padding: 3px 10px 3px 10px; }
#main .pub-box_cell { background: #eae7e4; padding: 10px; }
#main td.pub-box_cell p { font-size: 1em;}
.pub-box ul { list-style-type: none; margin: 0; padding: 0; font-size: 1em; }

/* (id > class) contextual_nav */
.pub-contextual_nav { float: right; width: 200px; margin: 0 0 20px 20px; padding: 20px 0 20px 20px; /* border-left: 1px solid #ccc; */}
.pub-contextual_nav h2 { color:#666; }
.pub-contextual_nav ul, .contextual_nav li  { list-style-type: none; margin: 0; padding-left: 0; }
.pub-contextual_nav ul { margin-bottom: 20px; padding-left: 15px; border-left: 1px solid #ccc; }
.pub-contextual_nav li { background: url(//www.ist.utl.pt/img/icon_redcircle.gif) no-repeat 0 50%; padding-left: 15px; }

.pub-h_box, .pub-h_box_alt { background:#f6f6f6; width: 69%; padding: 0.75em; margin: 1em 0 ; border: 1px solid #e2e2e2; }
.pub-h_box_alt { background: #FCFCEC; }

.pub-skipto { display: none; }
.pub-greytxt { color: #666; }
.pub-grey_bright { color: #999; }
.pub-px10 { font-size: 1em; } 
.pub-photoframer { display: block; border: 2px solid #999; }
.pub-nospace { margin: 0; padding: 0;}
.pub-inline { display: inline; }
.pub-clear { clear: both; }
.pub-center { text-align: center; }
.pub-post_date { color: #999; margin: 0; padding: 0; }	
.pub-bottom_border { border-bottom: 1px solid #ccc; }
.pub-redbox { color: #fff; background: #c30; padding: 3px 6px 3px 6px; }
.pub-marker { background: #fff794; padding: 2px; }
.pub-update { font-size: 0.9em; color: #999; background: #e8e8e8; padding: 2px 3px; }
.pub-pdf_solo { background: url(//www.ist.utl.pt/img/icon_pdf.gif) no-repeat 10px 50%; padding: 5px 0 5px 35px; }
.pub-page { background: url(//www.ist.utl.pt/img/icon_page.gif) no-repeat 7px 50%; padding: 2px 0 2px 27px; }
.pub-feed { background: url(//www.ist.utl.pt/img/icon_feed.gif) no-repeat 10px 50%; padding: 2px 0 2px 30px; }
ul.pub-material { list-style-type: none; margin-left: 0; padding-left: 0; }
ul.pub-material li.pub-pdf { background: url(//www.ist.utl.pt/img/icon_pdf.gif) no-repeat 10px 50%; padding-left: 35px; }
ul.pub-material li.pub-doc { background: url(//www.ist.utl.pt/img/icon_doc.gif) no-repeat 13px 50%; padding-left: 35px; }
ul.pub-material li.pub-xls { background: url(//www.ist.utl.pt/img/icon_excel.gif) no-repeat 13px 50%; padding-left: 35px; }
ul.pub-material li.pub-document { background: url(//www.ist.utl.pt/img/icon_generic_doc.gif) no-repeat 13px 50%; padding-left: 35px; }
ul.pub-material li.pub-link { background: url(//www.ist.utl.pt/img/icon_link.gif) no-repeat 10px 50%; padding-left: 35px; }
ul.pub-material li.pub-lightbulb { background: url(//www.ist.utl.pt/img/icon_lightbulb.gif) no-repeat 10px 50%; padding-left: 35px; }
ul.pub-material li.pub-cellphone { background: url(//www.ist.utl.pt/img/icon_cellphone.png) no-repeat 10px 50%; padding-left: 30px; }

.pub-tab_lay { border: 1px solid #e2e2e2; margin-bottom: 1.5em;}
.pub-tab_lay th { color: #333; background: #ccc; text-align: left; padding: 5px; }
.pub-tab_lay td { padding: 5px; height: 2em; }
.pub-tab_lay td.pub-subheader { font-weight: bold; color: #333; background: #e2e2e2; padding: 5px 5px 5px 5px; }
.pub-tab_lay td.pub-bluecell, .pub-tab_lay tr.pub-bluecell { background: #EDF3FE; }

/***********************************************************
	Misc
***********************************************************/

.tab_lay caption { text-align: center; font-weight: normal; font-size: 1.1em; }

#latnav li a.rss { background: url(../images/rss_ico.png) 8px 8px no-repeat; padding-left: 28px !important; }
#latnav li a:hover.rss { background: #199cd8 url(../images/rss_ico.png) 8px 6px no-repeat;  padding-left: 28px !important; }

td#latnav_container { white-space: normal; }


/***********************************************************
	Execution Course - Annoucements
***********************************************************/

div.announcement {
/*width: 500px;*/
padding-top: 0.5em;
background: url(../images/ann_sep.gif) top left repeat-x;
}
div.announcement div.ann_body div, div.announcement div.ann_body p {
margin: 0;
padding: 0;
}
div.announcement div.ann_body br {
margin: -4px 0;
padding: 0;
}

div.announcement h3 a { text-decoration: none; }
.greytxt2 { color: #999; }


div.announcement div.ann_body * { /* overrides user defined font-family and font-size */
font-size: 1.0em !important;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

/* ----------------------
------ Unit Site -------
----------------------- */

div.unitname {
position: absolute;
left: 230px;
top: 34px;
}
div.unitname h1 {
display: inline;
padding: 1em 0;
color: #42515a;
font-size: 21px;
font-weight: bold;
}
div.unitname p {
color: #7a8899;
margin-top: 5px;
}

/* -----------------------------------
--- General.css shared properties ---
------------------------------------ */

.showinfo3 {
border-collapse: collapse;
margin: 1em 0;
}

.showinfo3 th {
vertical-align: top;
font-weight: normal;
border-bottom: 1px solid #aaa;
padding: 0.5em;
text-align: left;
}
.showinfo3 td {
border-bottom: 1px solid #ddd;
padding: 0.5em;
}

.usitechannels th {
	color:#fff;
	font-family:'Lato', sans-serif;
}

.usitechannels h3 {
	font-size:1.45em;
}

/***********************************************************
	General - Fenix
***********************************************************/
.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

.altJavaScriptSubmitButton { display:block; }
.showHideDetailsButton { display:none; }

table.smalltxt tr td { font-size: 0.85em;}
.smalltxt { font-size: 0.85em; }
.color888 { color: #888; }
.color777 { color: #777 !important; }

/* accessibility javascript */
.switchInline { display: none; }
.switchBlock { display: none; }
.switchNone { display: block; }
.dnone { display: none; }
.dinline { display: inline; }
.dblock { display: block; }

.nobullet { list-style: none; }

.cnone { clear: none; }
.mtop0 { margin-top: 0 !important; }
.mtop025 { margin-top: 0.25em;}
.mtop05 { margin-top: 0.5em;}
.mtop1 { margin-top: 1em;}
.mtop15 { margin-top: 1.5em !important;}
.mtop2 { margin-top: 2em;}
.mtop3 { margin-top: 3em;}
.mbottom0 { margin-bottom: 0 !important; }
.mbottom025 { margin-bottom: 0.25em;}
.mbottom03 { margin-bottom: 0.3em;}
.mbottom05 { margin-bottom: 0.5em;}
.mbottom1 { margin-bottom: 1em;}
.mbottom15 { margin-bottom: 1.5em;}
.mbottom2 { margin-bottom: 2em;}
.mbottom3 { margin-bottom: 3em;}
.mleft0 { margin-left: 0; }
.mleft1 { margin-left: 1em; }
.mvert0 { margin-top: 0; margin-bottom: 0; }
.mvert025 { margin-top: 0.25em; margin-bottom: 0.25em; }
.mvert05 { margin-top: 0.5em; margin-bottom: 0.5em; }
.mvert1 { margin-top: 1em; margin-bottom: 1em; }
.mvert15 { margin-top: 1.5em; margin-bottom: 1.5em; }
.mvert2 { margin-top: 2em; margin-bottom: 2em; }
.mvert3 { margin-top: 3em; margin-bottom: 3em; }
.indent6 { margin-left: 6em; }
.indent9 { margin-left: 9em; }
.indent12 { margin-left: 12em; }
.indent15 { margin-left: 15em; }
.indent18 { margin-left: 18em; }
.indent21 { margin-left: 21em; }
.indent24 { margin-left: 24em; }

table.thlight th { font-weight: normal; }
table.thright th { text-align: right; }
table.thleft th { text-align: left; }
table.thwhite th { background: #fff; }

.bold { font-weight: bold; }


/* background-colors */
.highlight1 { background-color: #fff7bb; } /* amarelo */
.highlight2 { background-color: #f5f5f5; } 
.highlight3 { background-color: #def; } /* azul */
.highlight4 { background-color: #dfb ; } /* verde */
.highlight5 { background-color: #fdfbdd; } /* amarelo */
.highlight6 { background-color: #ffc; }
.bgcolor1 { background-color: #fcfcf0; }
.bgcolor2 { background-color: #fbfbdd; }
.bgcolor3 { background-color: #fafaf6; }
.bgcolor4 { background-color: #f8f8f8; }
.bgcolorfafafa { background-color: #fbfbfb; }


/* content output margin reset 1 */
.coutput1 div, .coutput1 p {
margin: 0;
padding: 0;
}
.coutput1 blockquote {
margin-top: 0.25em;
margin-bottom: 0.25em;
}

/* content output margin reset 2 */
.coutput2 div, .coutput2 p, .coutput2 span p {
margin: 0.25em 0;
padding: 0.25em 0;
}
p.coutput2 {
}

.coutput2 blockquote {
margin-top: 0.5em;
margin-bottom: 0.5em;
}


.coutput2 ul {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.coutput2 ul li {
margin-top: 0;
margin-bottom: 0;
padding-top: 0.15em;
padding-bottom: 0.15em;
}

.permalink1 {
color: #999;
font-size: 10px;
font-weight: normal;
}
.permalink1 a {
color: #999;
}

ul.liinline {
margin: 0;
padding: 0;
}
ul.liinline li {
display: inline;
margin: 0;
padding: 0 0.25em;
}

/* noborder */
table.noborder { padding-left: 1em; padding-bottom: 1em; }
table.noborder tr td { border: none; }
table.noborder tr td { padding: 0; margin: 0; }
td.noborder { border: none; }

/** temporary place for teachers and employees presentation */
.personInfo tr td {
vertical-align: top;
}
td.personInfo_photo {
width: 115px;
text-align: center;
}
td.personInfo_photo div {
width: 105px;
border: 1px solid #ccc;
background: #fafafa;
padding: 0.5em;
}
td.personInfo_info {
padding-left: 0.5em;
padding-right: 4em;
}

table.personInfo2 tr {
margin: 0;
padding: 0;
}
table.personInfo2 tr td {
margin: 0;
padding: 0;
}

.inobullet ul { list-style: none; padding-left: 0; }
.inobullet ul li { list-style: none; }
.inomargin ul { margin: 0; padding: 0; }

.width225px { width: 225px; }


/* ----------------------
------- Tables ---------
----------------------- */

table {
line-height: 1.5em;
}

table caption {
padding: 0.5em 1em 0.1em 1em;
font-style: italic;
}

.tstyle1, .tstyle2, .tstyle3, .tstyle4, .tstyle5, .tstyle7, .tstyle8 {
border-collapse: collapse;
margin: 1em 0;
}

table.tstylenone { margin: 0; padding: 0; }
table.tstylenone th { border: none; background: none; margin: 0; padding: 0.1em; }
table.tstylenone td { border: none; background: none; margin: 0; padding: 0.1em; }

.tstylebordernone table tr td { border: none; }

/* --------------------- */
/* General table classes */

/* vertical aligment */
table.thtop th { vertical-align: top; }
table.thmiddle th { vertical-align: middle; }
table.tdtop td { vertical-align: top; }
table.tdmiddle td { vertical-align: middle !important; }
table.vamiddle td, table.vamiddle th { vertical-align: middle; }

.thwhite th {
background: #fff !important;
}

/* font-weight */
table.thlight th { font-weight: normal; }
table.thbold th { font-weight: bold; }
.tdbold td { font-weight: bold; }

/* text-align */
table.taleft th, table.taleft td { text-align: left; }
table.taright th, table.taright td { text-align: right; }
table.tacenter th, table.tacenter td { text-align: center; }
table.thleft th { text-align: left; }
table.thright th { text-align: right; }
table.thcenter th { text-align: center; }
.tdleft td { text-align: left; }
.tdright td { text-align: right; } /* take table from all, to work with tr ? */
.tdcenter td { text-align: center; }

/* background-color */
table.thbgnone th { background: none; }
tr.trhighlight1 td { background: #ffa; }
tr.selected td { background: #fdfbdd; }

/* delete? */
table .aleft  { text-align: left; }
table .aright  { text-align: right; }

/* paddings */
.tpadding01 th, .tpadding01 td {
padding: 4px 1px;
}
table.tdpright2 td {
padding-right: 4em;
}
/*
table.cellpadding3 tr th, table.cellpadding3 tr td {
padding: 3px;
}
*/

/* nostyle */
.tstylenone th, .tstylenone td {
border: none;
background: none;
}
/* noborder */
table.noborder { padding-left: 1em; padding-bottom: 1em; }
table.noborder tr td { border: none; }
table.noborder tr td { padding: 0; margin: 0; }

/* txt */
table.smalltxt tr td { font-size: 0.85em;}

.emphasis1 th { background: #ffc; }
.emphasis2 th { font-weight: bold; }

/* -------------------- */
/* General cell classes */

/* corners */
table th.cornerleft { background: none; border-left: none; border-top: none; }
table th.cornerleft2 { background: none; border-left: none; border-top: none; border-bottom: none; }
table td.cornerright { }

/* error , warning */
.tderror1 { color: #c00; }
.tderror1 span { background-color: #ffeadd; }

table.thnowrap tr th { white-space: nowrap; }
.nowrap { white-space: nowrap; }
.breakword { word-wrap: break-word; }


/* ------------------------- */
/* Table classes definitions */

/* table classes - general properties */
.tstyle1 { }
.tstyle2 { }
.tstyle3 { border: 2px solid #ccc; }
.tstyle4 { }
.tstyle5 { }
.tstyle7 { }
.tstyle8 { }


/* table classes - th properties */

.tstyle1 th, .tstyle2 th, .tstyle3 th, .tstyle4 th {
padding: 7px 5px; /* different top/bottom padding affect left/right padding rendering in different tables with same dimensions (?) */
text-align: center;
}


.tstyle1 th { border: 1px solid #ccc; background: #f8f8f8;}
.tstyle2 th { border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f5f5f5; }
.tstyle3 th { border: 1px solid #ccc; background: #eee; }
.tstyle4 th { border: 1px solid #ccc; background: #eee; }
.tstyle5 th { padding: 4px; border: 1px solid #fff; vertical-align: top; background: #f5f5f5; }
.tstyle7 th { border: 1px solid #eee; background: #eee; }
.tstyle8 th { padding: 4px; border: 1px solid #fff; background: #f5f5f5; }


/* table classes - td properties */

.tstyle1 td, .tstyle2 td, .tstyle3 td, .tstyle4 td  {
padding: 7px 5px; /*padding em "em" tem problemas de rendering no firefox, faz arredondamentos incoerentes */
}

/*
fa - fbfaf8
f8 - faf9f5
f5 - f8f6f1
ee - f3f0e7
cc - dad3ba
*/

.tstyle1 td { border: 1px solid #ccc; background-color: #fff; }
.tstyle2 td { border: none; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background-color: #fff; }
.tstyle3 td { border: 1px solid #ccc; background-color: #fafafa; }
.tstyle4 td { border: 1px solid #ccc; background-color: #fafafa; }
.tstyle5 td { padding: 4px; border: 1px solid #fff; background: #f5f5f5; }
.tstyle7 td { border: 1px solid #eee; background: #eee; }
.tstyle8 td { padding: 4px; background-color: #fff; }


/* table classes - tr properties */

table tr.bgwhite td {
background: #fff;	
}


/* ------------ */
/* Miscelaneous */

.leftcol { text-align: right; vertical-align: top; }
td.tdclear {  /* used in renderers column dedicated to feedback messages */
border-right: none;
border-bottom: none;
border-top: none;
background: none;
}
th.thclear {
border-left: none;
border-bottom: none;
border-top: none;
background: none;
}

td.tdwarning span {
background-color: #fff8bb; color: #664400;
}

table.ulnomargin tr td ul { margin: 0; padding: 0; }
table.ulnomargin tr td ul li { margin: 0; padding: 0; }


table.mtop05 { margin-top: 0.5em; }
table.smallmargin td { padding: 0.25em; }
	/* n�o funcionava com indent ou padding normal? testar*/
td.pleft1 { padding-left: 1em; }
td.pleft2 { padding-left: 2em; }
td.pleft3 { padding-left: 3em; }
td.pleft4 { padding-left: 4em; }
td.pleft5 { padding-left: 5em; }
td.pleft6 { padding-left: 6em; }

/* ----------------------
------ Feedback  -------
----------------------- */

.error0 { /*margin: 1em 0; padding: 0.1em 0.3em 0.1em 0.3em;*/ background-color: #ffeadd; color: #c00; /*padding: 0.1em 0.2em;*/ }
.error1, .error2 { background-color: #ffeadd; color: #c00; }
.error1 { border: 2px solid #c00; }
.error1 h4 { border-bottom: 1px dotted #d00; background: #fff; color: #c00; }
.error1 p { padding: 0.5em 0.5em;}
.error2 { padding: 0.2em 0.5em 0.2em 28px; background: #ffeadd) 6px 50% no-repeat; }

.success0 { margin: 1em 0; padding: 0.2em 0.5em 0.2em 0.5em; background-color: #e2f5e2; color: #146e14; }
.success1, .success2, .success3 { background-color: #efe; color: #070; }
.success1 { border: 2px solid #0a0; }
.success1 h4 { border-bottom: 1px dotted #0a0; background: #fff; }
.success1 p { background-color: #efe; padding: 0.5em 0.5em;}
.success2 h4 { border-bottom: 1px dotted #0a0; background: #fff; }
.success2 p { padding: 0.5em 0.5em;}
.success3 { padding: 0.2em 0.5em 0.2em 28px; background: #efe; }
.success4 { margin: 1em 0; padding: 0.2em 0.5em 0.2em 28px; background: #dfd; color: #070; }

.warning0 { margin: 1em 0; padding: 0.1em 0.3em 0.15em 0.3em; background-color: #fbf8cc; color: #805500; }



/* ----------------------
------ Timetables  -------
----------------------- */

.timetable{
color: #003333;
text-decoration: bold;
border-collapse:collapse;
border-color: #000;
border-width: 2px;
border-style: solid;
}

.timetable tr{
font-size: 9px;
color: #003333;
font-weight:bold;
background-color: #E1E1E1;
text-align: left;
}

.timetable th{
font-size: 11px;
color: #333333;
background-color: #999999;
text-align: center;
height: 20px;
vertical-align: middle;
border-style:solid;
border-top-width: 2px;
border-bottom-width: 2px;
border-left-width: 1.5px;
border-right-width: 1.5px
}

.period-first-slot{
border-width: 1.5px;
border-style: solid;
border-bottom-style:none;
}

.period-middle-slot{
border-width: 1.5px;
border-right-style: solid;
border-left-style: solid;
}

.period-last-slot{
border-width: 1.5px;
border-style: solid;
border-top-style:none;
}

.period-single-slot {
border-width: 1.5px;
border-style: solid;
}

.period-empty-slot{
border-width: 1px;
border-top-style: dashed;
border-left-style: solid;
border-right-style: solid;
}

.period-hours {
font-size: 10px; /*changed from 11px to 10px*/
color: #333333;
background-color: #999999;
text-align: center;
/*height: 20px;*/
vertical-align: middle;
border-style:solid;
border-width: 1px;
border-left-width: 1px;
border-right-width: 2px
}

.timetable a{
color: #003333;
font-weight: bold;
font-size: 9px;	
border-style:none;
}

table.timetable tr td.period-last-slot img {
float: right;
border: none;
padding: 2px;
}

table.timetable tr td.period-single-slot img {
float: right;
border: none;
padding: 2px;
}

span.float-left {
float: left;
}


/* ----------------------
------- Calendar -------
----------------------- */

.fenixCalendar_monthRow,
.fenixCalendar_daysOfWeek th,
.fenixCalendar_defaultDay,
.fenixCalendar_dayWithObjectOccurence {
	padding: 4px;
}

.fenixCalendar {
width: 80%;
padding: 0;
border-collapse: collapse;
margin-bottom:3em;
}

.fenixCalendar_monthRow {
	font-size:1.1em;
	font-style: normal;
	font-weight: 700;
	color: #333;
background: #bbb;
text-align: center;
padding:8px;
}

.fenixCalendar_daysOfWeek th {
	background:#eaeaea;
	border: 1px solid #cccccc;
}

.fenixCalendar caption {
	margin:0px;
	border:1px solid #999;
}

.fenixCalendar_weekRow td {
border: 1px solid #cccccc;
}

.fenixCalendar_daysOfWeek td {
color: #ffffff;
font-weight: 600;
text-align: center;	
background: #000000;
border: 1px solid #000;
border-bottom: 1px solid #bbb;
width: 16.7%;
}

.fenixCalendar_defaultDay{
text-align: right; 
background: #f5f6f7;
border-left: 1px solid #bbb; 
border-right: 1px solid #bbb; 	
width: 16.7%;		
}

.fenixCalendar_dayWithObjectOccurence{
text-align: right;
background: #eaeaea;
border-left: 1px solid #bbb; 
border-right: 1px solid #bbb; 	
width: 16.7%;	
}

.greyBorderClass {
background-color: #eee;
border: 1px solid #909090;
width: 100%
}
.blackBorderClass {
background-color: #ffffff;
border: 1px solid #909090;
}
.boldFontClass { 
font-weight: bold
}


/* ----------------------
---- Personal Card -----
----------------------- */

div.personalcard {
padding: 0.5em;
margin-top: 0em;
margin-bottom: 1em;
background: #fafafa;
border-bottom: 1px dotted #999;
}
.personalcard table {
margin-top: 0em;
margin-bottom: 0em;
}
.personalcard table tr td {
vertical-align: top;
}
td.personalcard_photo {
width: 115px;
text-align: center;
}
td.personalcard_photo div {
width: 105px;
border: 1px solid #ccc;
background: #fff;
padding: 0.5em;
}
td.personalcard_info {
padding-left: 0.5em;
}
td.personalcard_info ul {
padding-left: 1em;
}


/* ----------------------
----- To Organize ------
----------------------- */

table .tab_lay {
width: 100%;
margin-bottom: 1em;
}
table .tab_lay th {
font-size: 130%;
}
table .tab_lay th center {
vertical-align: middle;
padding: 0;
margin: 0;
font-size: 80%;
text-decoration: underline;
}


ul.ostructure li.osrootunit h3 { margin: 0; }
ul.ostructure1 li.osrootunit h3 { margin: 0; }
ul.ostructure1 { padding-left: 2em; padding-top: 0.75em; }
ul.ostructure1 ul { padding-left: 1.5em; padding-top: 1.0em; padding-bottom: 1.0em; }


/* lists */
.ulindent15 ul, ul.ulindent15 {
margin-left: 1.5em; /* IE */
padding-left: 1.5em; /* FF */
}

.infoop2 {
background-color: #faf5de; /*faf5de,f2e5a6 or f5fade,e5f2a6 */
vertical-align: middle;
padding: 0.5em 0.75em;
border-bottom: 1px solid #f2e5a6;
margin: 0.5em 0;
}

.infoop2 p { margin: 0.25em 0; }
.width100pc { width: 100%; }
.width100px { width: 100px; }
.width175px { width: 175px; }
.width200px { width: 200px; }
.width300px { width: 300px; }
.width500px { width: 500px; }
.width10em { width: 10em; }
.width50em { width: 50em; }
.width60em { width: 60em; }


fieldset {
margin: 1em 0;
padding: 1em;
border: 1px solid #e1e1dc;
background: #f0f0e2 url(../images/fieldset_bg_01.gif) top left repeat-x;
}
fieldset legend {
margin: 0;
padding: 0 0.5em;
color: #000;
font-weight: bold;
font-size: 1.2em;
}
.tstyle0 tr td {
padding: 4px;
}

/*****************************************************************
	SOP - exams table format
******************************************************************/

.examMapContainer{
	margin-bottom: 5px;	
	text-align: left;
}

.courseList{
	text-align:left;
	vertical-align: top;
}

.examMap{
	border: 1px solid #999;
}

.examMap_header_first{	
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #999;	
	background: #999;
	text-align: center;	
	width: 16.7%;
}

.examMap_header{
	color: #fff;
	font-weight: bold;	
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #999;
	text-align: center;
	width: 16.7%;	
}

.exam_cell_day_first{	
	color: #000;
	text-align: right;
	background: #ccc;
	font-size: 10px;
}

.exam_cell_day{
	color: #000;
	text-align: right;
	border-left: 1px solid #999;
	background: #ccc;
	font-size: 10px;
	}

.exam_cell_content{
	text-align: left;
	color: #000;
	border-left: 1px solid #999;
	background: #EBECED;
}

.exam_cell_content_first{
	text-align: left;
	color: #000;
	background: #EBECED;
}

.exam_cell_content_bottom{
	text-align: left;
	color: #000;
	border-left: 1px solid #999;
	background: #EBECED;
}

.exam_cell_content_first_bottom{
	text-align: left;
	color: #000;
	background: #EBECED;
}
	
.tab_exams_details { 
	font-size: 11px;
	padding: 10px;
	border: 1px solid #999;
}
	
.tab_exams_details th { 
	color: #333;
	padding: 2px;
	text-align: left; 
}

.tab_exams_details th.ordYear { 
	color: #333; 
	padding: 2px;
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #999;
}

.tab_exams_details td.subheader {
	color: #333; 
	text-align: left;
	padding: 2px;
 	font-weight: bold;	
	border-top: 0px;
	border-bottom: 1px solid #999;
}

.tab_exams_details td.firstRow { 
	text-align: left;
	padding: 2px; 
	height: 2em; 
	border-top: 0px;
}

.tab_exams_details td.notFirstRow { 
	text-align: left;
	padding: 2px; 
	height: 2em; 
	border-top: 1px dotted #999;
}

body h2:target { display: block; background: none; }
body h2:target span { background-color: #FCFFBA; }

.separator1 {
padding-bottom: 0.2em;
/*background: #efa;*/
position: relative;
width: 99%;
}
.separator1 span {
margin: 0;
padding:0;
}
.separator1 a {
font-size: 0.85em;
font-weight: normal;
position: absolute;
right: 5px;
}
.notarget:target { background: none; }
#logoist:target { background: none; }

div#logoist img.usitelogo {
	padding-left: 0px;
	margin-left: -170px;
}

/* -------------------------
---- Deploy Warning ----
-------------------------- */

.deploywarning {
background: #cd4108;
border-bottom: 3px solid #eb5f26;
color: #fbb699;
padding: 0.75em;
text-align: center;	
}

#header { position: relative; }
#logoist { top: 15px; }
#header_links { top: 10px; }
#search { top: 45px; }



/************************************
       AUTOCOMPLETE
***********************************/

/** new auto complete ***/
ul.autocomplete label {
display: block;
}

/* autocomplete */
input.autocomplete-loading {
background-image: url(../images/autocomplete/spinner.gif);
background-position: center right;
background-repeat: no-repeat;
}
div ul.autocomplete {
width: 375px !important;
position: absolute;
background-color: #fff;
border: 1px solid #aaa;
margin: 0px;
padding: 0px;
list-style: none;
color: #000;
display: none;
z-index: 1000;
}
div ul.autocomplete li {
display: block;
padding: 1px 4px;
cursor: pointer;
}
div ul.autocomplete li.selected {
background: #cef;
}
div ul.autocomplete li strong {
}



/*****************************************************************
	Auto Complete
******************************************************************/

div.autoComplete { 
position:absolute; 
width:250px; 
background-color:white; 
border:1px solid #888; 
margin:0px; 
padding:0px; 
} 
ul.autoCompleteItems  { 
list-style-type: none; 
margin:0px;
padding:0px;
} 
 
ul.autoCompleteItems li.selected { background-color:  #cef; }


div.flowerror span span span span { color: #c00; background-color: #ffeadd; }
div.flowerror span span span span span { color: #000; background: #fff; }
div.flowerror ul.autoCompleteItems { color: #000; }

div.flowerror_hide span span span span + span { display: none; }

.steps { color: #000; }
.steps span { border-bottom: 1px dotted #000; padding: 1px; }
.steps span.actual { background: #fffbc7; }

.marker { background: #fffbc7; padding: 2px; }
.lightbulb { background: url(//www.ist.utl.pt/img/icon_lightbulb.gif) no-repeat 10px 0px; padding-left: 35px; }













.error3 {
background-color: #ffeadd;
color: #a00;
border-top: 1px solid #c33;
border-bottom: 1px solid #c33;
padding: 4px 5px 5px 5px;
}

.success5 {
background-color: #e2f5e2;
color: #146e14;
border-top: 1px solid #0a0;
border-bottom: 1px solid #0a0;
padding: 4px 5px 5px 5px;
}

span.required {
color: #b33;
}


/* --- form    --- */
.fs_form {
margin-top: 2em;
}
.fs_form fieldset {
background: #f6f6f6;
width: 80%;
border: 1px solid #e2e2e2;
padding: 0em 2em 1.5em 2em;
position: relative;
margin-bottom: 1em;
padding-top: 1.0em;
}
.fs_form fieldset p {
color: #666;
}

.fs_form legend {
font-size: 1.2em;
font-weight: bold;
/*
padding: 0 0.5em;
position:absolute;
top: -0.5em;
left: 0.5em;
*/
color: #000;
}

.fs_form label { font-weight: normal; display: block; padding: 4px 2px; }
.fs_form table td img { padding: 4px; }
.fs_form p.comment { font-size: 1em; color: #999; padding-top: 1em; }
.fs_form input#button { margin-top: 1em; }
.fs_form span.red { color: #bb1309 !important; }
.fs_form span.comment { font-size: 1em; color: #999; font-weight: normal; }
span.red { color: #c30 !important; }
span.comment { font-size: 0.85em !important; color: #999; }



.alumnilogo {
background: url(../images/alumni03.gif) top right no-repeat; padding-right: 210px;	
}
.fwnormal {
font-weight: normal !important;
}

.ptoplegendfix[class] { padding-top: 0em; /* Firefox */ }
*:first-child+html .ptoplegendfix[class] { padding-top: 0em; /* IE7 */ }
@media screen and (min-width: 0px) { .ptoplegendfix{ padding-top: 0.75em !important; }  /* Opera */ }
@media screen and (-webkit-min-device-pixel-ratio:0) { body:first-of-type .ptoplegendfix { padding-top: 0.75em !important; } /* Safari */ }

.toplegendfix[class] { top: -0.5em; /* Firefox */ }
*:first-child+html .toplegendfix[class] { top: -0.5em; /* IE7 */ }
@media screen and (min-width: 0px) { .toplegendfix{ top: -0.75em !important; }  /* Opera */ }
@media screen and (-webkit-min-device-pixel-ratio:0) { body:first-of-type .toplegendfix { top: -0.75em !important; } /* Safari */ }






/***********************************************************
	General.css overrides (sorry guys, too much dependencies)
***********************************************************/
.usitechannel1,
.usitechannel2 {
	color:#333333;
}
.usitechannel1 {
	background:#b6b6b6;
}
.usitechannel2 {
	background:#c7c7c7;
}
	
.event_soon {
	margin-left:6px;
	padding:2px 6px;
	background: #ccc;
	color:#fff;
	
	font-size:9px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	vertical-align:2px;
	text-shadow:0px -1px 0px #c1c1c1;
}






/***********************************************************
	Errors
***********************************************************/
.serv_error_403 { background: url(403.gif) no-repeat 30px 10px; }
.serv_error_404 { background: url(404.gif) no-repeat 30px 10px; }


/********************
	Miscellaneous
********************/
body * :target {
	display:inline;
	background-color:#FCFFBA;
}
body caption:target { display: table-caption; background: none; }
body caption:target span { background: #FCFFBA; }

.dinline { display: inline !important; }
.tab_lay th { font-size: 1.0em !important; }
.tab_lay { border-collapse: collapse; }

.px10 i {
	color:#999999;
	font-size:12px;
}

a {
	-webkit-transition:all 0.15s ease;
	-moz-transition:all 0.15s ease;
	-ms-transition:all 0.15s ease;
	-o-transition:all 0.15s ease;
	transition:all 0.15s ease;
}



/********************
	Upgrade old browser
********************/
.browser_upgrade {
	display:none;
	font-size:11px;
	color:#333;
	margin:10px;
	padding:10px;
	border:2px solid #ccc;
}