﻿/* ------------------------------------
	core.css // www.ist.utl.pt
	written by BM @ GAEL
	date: 14.08.2009
	
	re-written on 30.08.2012
	Tiago Machado
-------------------------------------- */



@font-face {
	font-family: 'KlavikaMediumPlain';
	src: url('http://static.ist.utl.pt/fonts/klavika/klavikamedium-plain-webfont.eot');
	src: local('?'), url('http://static.ist.utl.pt/fonts/klavika/klavikamedium-plain-webfont.woff') format('woff'), url('http://static.ist.utl.pt/fonts/klavika/klavikamedium-plain-webfont.ttf') format('truetype'), url('http://static.ist.utl.pt/fonts/klavika/klavikamedium-plain-webfont.svg#webfontTWPh10Er') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaRegularPlain';
	src: url('http://static.ist.utl.pt/fonts/klavika/klavikaregular-plain-webfont.eot');
	src: local('?'), url('http://static.ist.utl.pt/fonts/klavika/klavikaregular-plain-webfont.woff') format('woff'), url('http://static.ist.utl.pt/fonts/klavika/klavikaregular-plain-webfont.ttf') format('truetype'), url('http://static.ist.utl.pt/fonts/klavika/klavikaregular-plain-webfont.svg#webfontDvaJrdUe') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaLightPlain';
	src: url('http://static.ist.utl.pt/fonts/klavika/klavikalight-plain-webfont.eot');
	src: local('?'), url('http://static.ist.utl.pt/fonts/klavika/klavikalight-plain-webfont.woff') format('woff'), url('http://static.ist.utl.pt/fonts/klavika/klavikalight-plain-webfont.ttf') format('truetype'), url('http://static.ist.utl.pt/fonts/klavika/klavikalight-plain-webfont.svg#webfontpalXHmZY') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*

@font-face {
	font-family: 'KlavikaMediumPlain';
	src: url('/type/klavikamedium-plain-webfont.eot');
	src: local('?'), url('/type/klavikamedium-plain-webfont.woff') format('woff'), url('/type/klavikamedium-plain-webfont.ttf') format('truetype'), url('/type/klavikamedium-plain-webfont.svg#webfontTWPh10Er') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaRegularPlain';
	src: url('/type/klavikaregular-plain-webfont.eot');
	src: local('?'), url('/type/klavikaregular-plain-webfont.woff') format('woff'), url('/type/klavikaregular-plain-webfont.ttf') format('truetype'), url('/type/klavikaregular-plain-webfont.svg#webfontDvaJrdUe') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaLightPlain';
	src: url('/type/klavikalight-plain-webfont.eot');
	src: local('?'), url('/type/klavikalight-plain-webfont.woff') format('woff'), url('/type/klavikalight-plain-webfont.ttf') format('truetype'), url('/type/klavikalight-plain-webfont.svg#webfontpalXHmZY') format('svg');
	font-weight: normal;
	font-style: normal;
}

*/

* {text-rendering: optimizelegibility;}


/* ============  @ GLOBAL PROPERTIES  ============ */
body { font: 62.5%/2em 'Lato', Arial, Helvetica, sans-serif; font-weight:300 !important; color: #222; 
background: #333;
}
h1 { font-size: 2.1em; line-height: 0.86em; color: #547184; }
h2 { font-size: 1.8em; line-height: 1em; color: #547184; }
h3 { font-size: 1.4em; line-height: 1.286em; }
h4 { font-size: 1.2em; line-height: 150%; }
h5 { font-size: 1.3em; line-height: 1.385em; font-weight: bold; }
p, table p { font-size: 1.3em; line-height: 150%; margin-top: 0; margin-bottom: 1em; }
#content {font-size: 1.1em; line-height: 1.9em;}
ol { list-style: decimal; margin: 0 0 15px 15px;}
ul { list-style-image: url(/img/icons/orange_sq_bullet.png); list-style-type: square; margin: 0 0 15px 0; } 
li, ol li { font-size: 1.3em; line-height: 150%; margin: 0 0 0 14px; padding: 0 0 5px 0;}
li ul li, li ol li { font-size: 1.1em; line-height: 150%; margin: 0 0 0 14px; padding: 0;}
a:link, a:visited { color: #009DDF; text-decoration: none; }
a:visited { color: #009DDF; }
a:hover { color: #888; }
#centered {width:980px; margin: 30px auto 50px; background: url(/img/sidebar.png) top right repeat-y #FFF;}
#container {background: url('/img/page/cubes.png') repeat scroll center top #FFF; width: 100%; margin: 0 auto 0; overflow: auto;}
.toggle_grid { background:transparent url(/img/16_col.gif) repeat-y; margin-bottom: 20px;}
.nobg {background: #FFFFFF !important;}
sup { vertical-align: top; font-size: 0.6em; }

/* ============  @ HEADER  ============ */
#header { width: 980px; height: 111px; margin: 20px auto 0; background: transparent;}
#logo { float: left; width: 230px; margin: 27px 0 18px 0;}
#logo h1 a:link, #logo h1 a:visited, #logo h1 a:hover { text-indent: -9999px; text-decoration: none; display: block; width: 230px; height: 55px; background: url(/img/tecnico.png) no-repeat; }

/* ============  profile nav + language  ============ */
#perfnav, #perfnav_en, #utilities { width: auto; float: right; list-style: none; background: transparent; margin: 25px 0 0; padding: 10px 0 10px 10px; }
#utilities {}
#perfnav li, #perfnav_en li, #utilities li  { display: inline; padding: 10px 0; margin: 10px 0; }
#perfnav li a, 
#perfnav_en li a,
#perfnav li a:visited,
#perfnav_en li a:visited,
#perfnav li a:hover,
#perfnav_en li a:hover { font-family: 'KlavikaRegularPlain'; font-size: 14px; font-weight: normal; color: #999; padding: 10px 15px; margin: 0; }
#perfnav li a:hover, #perfnav_en li a:hover { color: #009DDF; }
#utilities a { font-family: 'KlavikaRegularPlain'; font-size: 14px; font-weight: normal; color: #009DDF; padding: 10px 10px 10px 5px; margin: 0; }
#utilities a:hover, #language a:hover {color: #333;}
#language a {color: #009DDF !important;}
	
/* ============  @ MAIN NAVIGATION  ============ */
#global_nav { text-transform: uppercase; font-weight: bold; overflow: hidden; width:980px; margin: 0 auto;}
#global_nav ul { list-style: none; margin: 0; padding: 0; }
/* #global_nav ul li { font-size: 1em; float:left; text-align: center; background: #b4d262 !important; margin: 0; padding: 0; } */   /*/// CHANGING ////*/
#global_nav ul li { font-size: 1em; float:left; text-align: center; background: #999; margin: 0; padding: 0; } 	
#global_nav ul li a, #global_nav ul li a:visited { display: block; color: #fff; text-decoration: none; border-right: 1px solid #fff; margin: 0; padding: 9px 0 8px; font-family: 'KlavikaLightPlain'; font-size:12px; line-height:15px; font-weight: normal;}
/* #global_nav ul li a:hover { background: #9eb856; } */
#global_nav ul li a:hover { background: #009DE0; }
#global_nav ul li.last a, #global_nav ul li.last a:visited {border-right: none; }

/* ============  @ main navigation (search box)  ============ */
#_hp { float: left; margin: 0; padding: 0; border:none !important; background: #CCC !important;}
#cse-search-box { float: left; position: relative; }
#search_hp { background: #999 !important; padding: 15px 0pt 15px 15px; }
#search_hp label, #search label { display: inline; padding: 0pt; }
#search_hp .input_field { float: left; display: block; width: 122px; height:15px; color: #FFF; border: none !important; margin: 0px; padding:9px 8px 8px 34px !important; background: #CCC !important; font-family: 'KlavikaLightPlain', sans-serif; font-size: 12px; line-height: 15px; border-radius: 0px;}
#search_hp:hover .input_field, #search_hp .input_field:focus { color: #FFF; background-color: #009DE0 !important; background-image: none;
 -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
 box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.3);
}
#search_hp .button, #search .button { vertical-align: bottom; padding-bottom: 4px; }
#search_hp #submit_button { position: absolute; top:0; left:0; width:18px; height:18px; margin:9px 0 0 10px; border: none; background: url('/img/magnifier.png') no-repeat scroll 0 0 transparent; }
#search_hp #submit_button:hover {background: url('/img/magnifier.png') no-repeat scroll 0 -30px transparent; }

	/* ============  navigation matrix for active state  ============ */
#sob #sob_nav a, #ens #ens_nav a, #inv #inv_nav a, #ino #ino_nav a, #org #org_nav a, #viv #viv_nav a, #med #med_nav a { background:#666; }
#sob #content ol.letters, #sob #content ol.letters li {list-style-type:lower-alpha;}
#sob #content ol.lowerroman, #sob #content ol.lowerroman li {list-style-type:lower-roman;}
#sob .prefix_1 h4 {padding-top:3px; padding-bottom:0;}
#alu #alu_nav a, #can #can_nav a, #doc #doc_nav a, #pes #pes_nav a, #alum #alum_nav a {color: #333; }
#sob_nav a {width:140px;}
#ens_nav a {width:114px;}
#inv_nav a {width:151px;}
#org_nav a {width:151px;}
#viv_nav a {width: 144px;}
#med_nav a {width: 110px;}
#search_hp {width: 164px;}
body.seccao_1 #sidebar #local_nav #seccao_1 a,
body.seccao_2 #sidebar #local_nav #seccao_2 a,
body.seccao_3 #sidebar #local_nav #seccao_3 a,
body.seccao_4 #sidebar #local_nav #seccao_4 a,
body.seccao_5 #sidebar #local_nav #seccao_5 a,
body.seccao_6 #sidebar #local_nav #seccao_6 a,
body.seccao_7 #sidebar #local_nav #seccao_7 a,
body.seccao_8 #sidebar #local_nav #seccao_8 a
 { font-family:'KlavikaMediumPlain'; text-transform: uppercase; font-weight: bold; color:#fff; background: #666; } 

/* ============  @ CONTENT  ============ */
#content {}
#content_header { display: none; background: transparent; height: 1%; overflow: auto; width:980px; margin: 0  }
#content_header p { float: left; display: inline; width: 700px; font-size: 1.2em; color: #b3b3b3; padding: 15px 10px 0; }
#content_header a:link, #content_header a:visited { color: #b3b3b3; border-bottom: 1px solid #e2e2e2; }
#content_header a:hover { color: #666;}
#content { min-height: 380px; margin-bottom: 2em; }
#content h2 { font-size:20px; color:#333; font-weight:700; margin: 0.5em 0 1.5em; }
#content h3 { padding-top: 1.5em; padding-bottom:1em; }
#content h4 { color: #666; padding-top:1em; padding-bottom: 0.5em; }
#content ul.material, #content ul.social { list-style: none; list-style-image: none; padding: 0; }
#content ul.material li {padding-top: 5px;}
#content ul.material li.calendar { background: url(/img/icons/calendar-month.gif) no-repeat 0 50%; padding-left: 25px; margin: 2px 0; } 
#content ul.material li.doc { background: url(/img/icons/document-word.gif) no-repeat 0 50%; padding-left: 25px; margin: 2px 0; } 
#content ul.material li.html, #content ul.material li.html-doc { background: url(/img/icons/document-globe.gif) no-repeat 0 50%; padding-left: 25px; margin: 2px 0; }
#content ul.material li.image { background: url(/img/icons/document-image.gif) no-repeat 0 50%; padding-left: 25px; margin: 2px 0;}
#content ul.material li.information { background: url(/img/icons/information-balloon.gif) no-repeat 0 50%; padding-left: 25px; }
#content ul.material li.illustrator { background: url(/img/icons/document-illustrator.gif) no-repeat 0 50%; padding-left: 25px; margin: 2px 0; } 
#content ul.material li.mail { background: url(/img/icons/mail.gif) no-repeat 0 50%; padding-left: 25px; margin: 2px 0; } 
#content ul.material li.news { background: url(/img/icons/comment.gif) no-repeat 0 50%; padding-left: 25px; margin: 2px 0;}
#content ul.material li.pdf { background: url(/img/icons/pdf.gif) no-repeat 0 50%; padding-left: 25px; margin: 2px 0; } 
#content ul.material li.zip { background: url(/img/icons/document-zipper.png) no-repeat 0 50%; padding-left: 25px; margin: 2px 0; } 
#content ul.material li.pps { background: url(/img/icons/pps.png) no-repeat 0 50%; padding-left: 25px; margin: 2px 0; } 
#content ul.material li.rss { background: url(/img/icons/rss.gif) no-repeat 0 50%; padding-left: 25px; margin: 2px 0; }
#content ul.material li.submit { background: url(/img/icons/icon_doc_edit.gif) no-repeat 0 50%; padding-left: 25px; margin: 2px 0; } 
#content ul.material li.team { background: url(/img/icons/users.gif) no-repeat 0 50%; padding-left: 25px; margin: 2px 0; } 



#content ul.material li a {}
#content_wrapper p a:hover, #content_wrapper li a:hover {border-bottom: 1px solid;}
#content_wrapper p a:visited, #content_wrapper li a:visited {color:#66C4EC;}
#content blockquote p { color: #666; font-style: italic; padding: 0.5em 2em; }
#content_wrapper{float:left; margin: 40px 0 50px 10px;}
#pagination { margin: 0; padding: 1.5em 0 0 0; } 
ul#pagination  { list-style: none; list-style-image: none; }
ul#pagination li { font-size: 1.1em; color: #666; margin: 0; padding: 0; border: 0; }
ul#pagination a { color: #ddd; border: 1px solid #ddd; margin-right: 2px; }
ul#pagination li.previous_off, #pagination li.next_off { float:left; display:block; color:#999; padding: 3px 4px; }
ul#pagination li.next a, #pagination li.previous a { color:#666; border: 1px solid #fff; }
ul#pagination li.next a:hover, #pagination li.previous a:hover { background: none; color: #46c; }
ul#pagination li.page_active { float:left; display:block; font-weight:bold; color: #46c;; padding:4px 6px; }
ul#pagination a:link, #pagination a:visited { float:left; display:block; color:#666; text-decoration:none; padding:3px 6px; } 
ul#pagination a:hover { background: #f2f2f2; }

	/* ============  @ Homepage  ============ */
#hp_content_wrapper {margin-left: 10px; height: 1%; }
#hp #content { width: 960px; margin-bottom: 0; padding-bottom: 2em; margin-left: 10px; }
#hp #centered {background: none; margin: 0 auto 50px;}
#hp_content_wrapper #events, #hp_content_wrapper #news, #hp_content_wrapper #hlights {float:left; position:relative; width:278px; height:395px; margin: 0 30px 36px -20px; padding:0 21px; background: #FFF;}
#hp_content_wrapper #hlights {margin: 0 -20px 0 -20px;}
#hp_content_wrapper #events h2, #hp_content_wrapper #news h2, #hp_content_wrapper #hlights h2 {float:left; font-size:18px; font-weight: 700; margin: 0;}
#hp_content_wrapper #events h2 a:hover, #hp_content_wrapper #news h2 a:hover, #hp_content_wrapper #hlights h2 a:hover {font-size:18px; font-weight: 700; color: #009DDF;}
#hp_content_wrapper #events h2 a, #hp_content_wrapper #news h2 a, #hp_content_wrapper #hlights h2 a {float:left; width:278px; padding: 31px 0 27px;}
#hp_content_wrapper #events h3, #hp_content_wrapper #news h3, #hp_content_wrapper #hlights h3 {float:left; margin: 0; padding: 0;}
#hp_content_wrapper #events h3 a, #hp_content_wrapper #news h3 a, #hp_content_wrapper #hlights h3 a {float:left; width:278px; padding: 0; font-size: 13px; font-weight: 700; color:#666;}
#hp_content_wrapper #events h3 a:hover, #hp_content_wrapper #news h3 a:hover, #hp_content_wrapper #hlights h3 a:hover {color:#009DDF;}
#hp_content_wrapper #events p, #hp_content_wrapper #news p, #hp_content_wrapper #hlights p {float:left; width:278px; padding: 0 0 10px 0; font-size: 13px; font-weight: 300; color:#333;}
#hp_content_wrapper #hlights p {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

#seemore {position:relative; left:22px; bottom:30px; padding: 0; margin: 0;}
#seemore ul {float:left; position:relative; list-style: none;}
#seemore ul li {float:left; margin: 0; padding: 0;}
#seemore ul li a {float:left;}
#seemore ul:hover li a {background:#666;}
#seemore ul li ul {display:none;}
#seemore ul:hover li ul {display:block; position:absolute; top:0; left:100%;}
#seemore ul:hover li ul li {float:left; margin: 0 0 1px 1px;}
#seemore ul:hover li ul li a{float:left; width: 152px; background: url('/img/see-more.png') no-repeat right 0 #999; font-weight: 400;}
#seemore ul:hover li a:hover,
#seemore ul:hover li ul li a:hover {background: #009DDF; }
#seemore ul:hover li ul li a:hover {background: url('/img/see-more.png') no-repeat right -24px #009DDF;}
#seemore a {float:left; padding: 5px 16px 7px; background: #999; color:#FFF; font-weight:400; font-size: 12px; line-height: 100%;}

/*Comandos da lightbox escondidos na homepage*/
#hp #cboxCurrent, #hp  #cboxNext, #hp  #cboxPrevious {display:none !important;}
.column_resources {margin-top: -8px !important;}
.column_resources li {border-bottom: 1px dotted #E3E3E3 !important; padding: 5px 0 !important;}

	/* ============  @ Spot  ============ */
div.scrollable { width: 980px; height: 294px; margin: 0 auto 30px auto; border-top: 5px solid transparent; overflow: hidden; }
#spot { height: 298px; overflow: hidden; position: relative; }
#spot .spot_controls { position: absolute; top: 260px; left: 50%; z-index: 10; font-size: 2.2em ; }
#spot .spot_controls a { text-decoration: none; color: #333; padding: 0 2px; }
#spot .spot_controls a.first { padding-left: 10px; }
#spot .spot_controls a.last { padding-right: 10px; }
#spot .spot_controls a.active { color: #fff; }
#spot .spot_page { position: absolute; opacity: 0; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
#alum .scrollable, #alum #spot {width:700px; border-bottom: none;}

	/* ============  @ Highlights  ============ */
#higlights { clear: both; }
#hp__hlights { width:980px; height: 163px; margin-left: -10px; }
#hlight_left, #hlight_middle, #hlight_right {float: left; margin: 0;}
#hlight_left a, #hlight_middle a, #hlight_right a{ float:left; display:block; width: 182px; height: 119px; padding:44px 30px 0 114px; font-size: 13px; line-height: 120%; color: #666; font-weight: 400; background-image: url(/img/highlights.png); background-repeat: no-repeat; background-color: #FFF;}
#hlight_middle a {padding-right:32px !important; background-position: -326px 0;}
#hlight_right a {background-position: -654px 0;}
#hlight_left a:hover, #hlight_middle a:hover, #hlight_right a:hover{color:#333;}
#hlight_left a:hover {background: url(/img/highlights.png) 0 -163px no-repeat #FFF;;}
#hlight_middle a:hover {background: url(/img/highlights.png) -326px -163px no-repeat #FFF;;}
#hlight_right a:hover{background: url(/img/highlights.png) -654px -163px no-repeat #FFF;;}


	/* ============  @ Noticias & Eventos / News & Events  ============ */
#not .news_wrapper, #eve .events_wrapper { width: 700px; margin-bottom: 3em; overflow: auto; }
#not #content p, #eve #content p { padding-top: 0; margin-top: 0; }
#not p.news_date, #eve p.events_date { font-size: 1.2em; color: #999; margin-top: 1.5em; margin-bottom: 0; padding-bottom: 0; }
#eve p.events_date { margin: 0 0 0.5em 0; }
#not select { margin-bottom: 1em; }
#not h2, #eve #content h2 { margin: 0.5em 0 1em 0; }
#not h3 { margin: 0 0 0.5em 0;}
#eve h3 { margin: 0.5em 0 0 0; }
#not p.select  { display: inline; }
#not .new, #eve .event { margin-bottom: 3.5em; }
#not ul.categories, #eve ul.categories, #not ul.keywords, #eve ul.keywords { list-style-type: none; list-style-image: none; color: #999; }
#eve #select { padding: 0.5em; }
#eve #select p { display: inline; color: #666; }
#not ul#months, #eve ul#months { list-style: none; display: inline; margin: 0; padding: 0; }
#not ul#months li, #eve ul#months li { display: inline; margin: 0 0.3em; padding: 0; }
#eve dl.event_info { font-size: 1.2em; padding: 0.5em; }
#eve .event_info dt { float: left; clear: left; width: 80px; color: #666; padding: 0 0 0.3em 0; }
#eve .event_info dd { margin: 0 0 0 90px; padding: 0 0 0.3em 0; }
#eve .event_details {}
#eve .event_details ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
#eve .event_details li { color: #999; margin-left: 0; }

	/* ============  @ Sobre o IST / About IST ============ */
#sob blockquote p {color: #999; font-style: italic; margin: 1em 0 1.8em 0; padding: 0; }
#sob col.topic { width: 160px; }
#sob col.l_topic { width: 280px; }
#sob .contacts th { padding-top: 2em; }
#sob .partner_logo{ margin-top: 1em; border: 1px solid #ccc; }
#sob h4.austin { color: #a42a22; margin-bottom: 0; }
#sob .ff_geral { width: 340px; }
#sob .ff_ensino, #sob .ff_emp, #sob .ff_inv, #sob .ff_rh, #sob .ff_infra { width: 335px; }
#sob .ff_emp, #sob .ff_inv, #sob .ff_infra { margin-left: 5px;}
#sob .vertical_divider {margin: 0 -1px 10px 0; padding: 0 10px 0 0; border-right: 1px solid #e2e2e2;} 
#sob .ff_emp .big_numbers, #sob .ff_finance .big_numbers { font-size: 2.4em; color: #ccc; padding: 12px 10px; border-bottom: none; }
#sob .ff_finance .big_numbers { text-align: right; }
#sob .ff_emp .info, #sob .ff_finance .info { vertical-align: middle; border-bottom: none; }
#sob .numbers { text-align: right; font-size: 1.4em; width: 100px; color: #999; }
.hlight_box { background: #eff7fc; margin-bottom: 2em; padding: 2em 2em 0.5em; border-left: 5px solid #d7eefc; }
#sob .worldmap { margin-bottom: 1em; }
#sob .transport { overflow:auto; margin-bottom: 1em; }
#sob .transport h4 { margin-bottom: 0.3em; }
#sob .transport_icon { margin: 3em 0 0 -1em; }
#sob #map { width: 696px; height: 300px; border: 2px solid #e2e2e2; margin: 2em 0 3em; overflow: auto; }
#cluster, #mit, #cmu, #epfl, #austin, #gri, #gri_en { margin: 10px 0; }
#cluster a:link, #cluster a:visited,
#epfl a:link, #epfl a:visited,
#mit a:link, #mit a:visited,
#cmu a:link, #cmu a:visited,
#austin a:link, #austin a:visited,
#gri a:link, #gri a:visited,
#gri_en a:link, #gri_en a:visited { display: block; width: 218px; height: 78px; text-indent: -9999px;}
#cluster a:link, #cluster a:visited { background: url(/img/sobre-IST/partners_sprite.png) 0 0; border: 1px solid #e2e2e2;}
#cluster a:hover { background: #fff url(/img/sobre-IST/partners_sprite.png) 0 -78px; border: 1px solid #ccc; }
#epfl a:link, #epfl a:visited { background: url(/img/sobre-IST/partners_sprite.png) -218px 0; border: 1px solid #e2e2e2;}
#epfl a:hover { background: url(/img/sobre-IST/partners_sprite.png) -218px -78px; border: 1px solid #ccc; }	
#mit a:link, #mit a:visited { background: url(/img/sobre-IST/partners_sprite.png) -436px 0; border: 1px solid #e2e2e2;}
#mit a:hover { background: url(/img/sobre-IST/partners_sprite.png) -436px -78px; border: 1px solid #ccc; }
#cmu a:link, #cmu a:visited { background: url(/img/sobre-IST/partners_sprite.png) -654px 0; border: 1px solid #e2e2e2;}
#cmu a:hover { background: url(/img/sobre-IST/partners_sprite.png) -654px -78px; border: 1px solid #ccc; }
#austin a:link, #austin a:visited { background: url(/img/sobre-IST/partners_sprite.png) -872px 0; border: 1px solid #e2e2e2;}
#austin a:hover { background: url(/img/sobre-IST/partners_sprite.png) -872px -78px; border: 1px solid #ccc; }
#gri a:link, #gri a:visited { background: url(/img/sobre-IST/partners_sprite.png) -1090px 0; }
#gri a:hover { background: url(/img/sobre-IST/partners_sprite.png) -1090px -78px; }
#gri_en a:link, #gri_en a:visited { background: url(/img/sobre-IST/partners_sprite_en.png) 0 0; }
#gri_en a:hover { background: url(/img/sobre-IST/partners_sprite_en.png) 0 -78px; }

	/* ============  @ Sobre o IST / About IST - Google Maps ============ */

.googlemaps_window h2 {font-size: 15px !important; margin-bottom: 1em !important;}
.googlemaps_window p {font-size: 13px !important; margin-bottom: 0em !important;}


	/* ============  @ Ensino / Education  ============ */
#ens .toggler, #sob .toggler  { text-indent: -99999px; float: left; display: block; width: 11px; height: 5px; background: url(/img/icons/exp_coll_sprite.gif) no-repeat 0 0; margin: 7px 10px 10px 0; }
#ens .active, #sob .active { display: block; width: 11px; height: 5px; background: url(/img/icons/exp_coll_sprite.gif) no-repeat -11px 0; margin: 7px 10px 10px 0; }
#ens .toggled, #sob .toggled { display:none; }
#ens .toggled td, #sob .toggled td  { padding-bottom: 2em;}
#ens .lic_thumb, #sob .lic_thumb { float: left; margin: 5.7em 1em 1.3em 0; }
#ens table h3, #sob table h3 { font-size: 1.2em; }
#ens table.PhD td, #sob table.PhD td  { padding-bottom: 2em; }

	/* ============  @ InvestigaÃ§Ã£o / Research  ============ */
#ibb a:link, #ibb a:visited { display: block; width: 220px; height: 136px; background: url(/img/investigacao/associated_labs_sprite.png) 0 0; }
#nano a:link, #nano a:visited { display: block; width: 220px; height: 136px; background: url(/img/investigacao/associated_labs_sprite.png) 0 -136px; }
#inesc-id a:link, #inesc-id a:visited { display: block; width: 220px; height: 136px; background: url(/img/investigacao/associated_labs_sprite.png) 0 -272px; }
#ipfn a:link, #ipfn a:visited { display: block; width: 220px; height: 136px; background: url(/img/investigacao/associated_labs_sprite.png) 0 -408px; }
#isr a:link, #isr a:visited { display: block; width: 220px; height: 136px; background: url(/img/investigacao/associated_labs_sprite.png) 0 -544px; }
#it a:link, #it a:visited { display: block; width: 220px; height: 136px; background: url(/img/investigacao/associated_labs_sprite.png) 0 -800px; }
#laeta a:link, #laeta a:visited { display: block; width: 220px; height: 136px; background: url(/img/investigacao/associated_labs_sprite.png) 0 -680px; }

	/* ============  @ OrganizaÃ§Ã£o / Organization  ============ */
#org h2 { margin-top: 1em; }
#org .filter td.top_h, #org .filter td.f_top_h { font-size: 1.4em; font-weight: bold; text-indent: 0.5em; padding-top: 1.5em;}
#org .filter td.f_top_h { padding-top: 0.5em; }
#org .filter td.mid_h { font-size: 1em; color: #000; font-weight: bold; text-transform: uppercase; text-indent: 0.5em; padding-top: 1em;}
#org .filter td { text-indent: 2em; }
#org #filter-form label { padding-left: 0.5em; }
#org p.form_helper { font-size: 1.1em; color: #b3b3b3; padding: 0.3em 0 0.3em 3.8em;}

	/* ============  @ Viver no IST / Living at IST  ============ */
#viv .video_container { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin: 2em 0; }
#viv #influenza_box { background: #f2f2f2 url(/img/viver-IST/gripeA_bck.gif) no-repeat bottom right; margin-bottom: 2em; padding: 1em 0 0 4em; border-left: 5px solid #e2e2e2; overflow: hidden; }
#viv #influenza_box h3 { color: #c31723; margin-bottom: 0; padding-bottom: 0; }
#viv #influenza_box p { margin-top: 0; padding-top: 0; }
#viv #influenza_box div {padding-bottom: 1em;}
 
	/* ============  @ Media  ============ */
#med sup { font-size: 1.2em; font-weight: bold; color: red; }
#med #search_form label { display: block; color: #666;  }
#med legend { width: 100%; }
#med img.wallpaper { padding-top:10px; }
#med #search_term, #med #search_term2 { display: block; width: 320px; margin: 1em 0; padding: 3px 3px; }
#med #expert { background: #f2f2f2; margin: 1em 0 1em 0; padding: 1em 0 0; overflow: auto; }
#med #expert h3 { margin: 0 1em 1em; }
#med #expert p { margin: 0 1em 1em; 	}
#med #expert #search_form { padding-top: 2.5em; }
/*#med #expert #search_term { width: 320px; }*/
#med #submit { display: block; margin: 1em 0; }
#med #content p.form_help {font-size: 1em; color: #999; margin-top: -5px; padding-top: 0; }
#med #other_event { color: #999; padding: 3px 3px; border: 1px solid #999; }
#med textarea { width: 450px; height: 100px; }
#med #access { margin-bottom: 1.5em; }
#med .form_helper { list-style-type: decimal; color: #999; margin-top: 0.5em; }
#med .form_helper li { padding-bottom: 1em; display: list-item; }
#event_form, #new_form { background: url(/img/media/sprite_media.png) 0 0; width: 182px; height: 39px; margin: 0 0 1em 0; padding: 0;}
#new_form { background: url(/img/media/sprite_media.png) 0 -39px; }
#event_form_en, #new_form_en { background: url(/img/media/sprite_media_en.png) 0 0; width: 182px; height: 39px; margin: 0 0 1em 0; padding: 0;}
#new_form_en { background: url(/img/media/sprite_media_en.png) 0 -39px; }
#event_form span, #new_form span, #event_form_en span, #new_form_en span { display: none; }
#event_form li, #new_form li, #event_form_en li, #new_form_ens li { float:left; list-style:none; display:inline; margin: 0; padding: 0; }
#event_form li, #event_form a, #new_form li, #new_form a, #event_form_en li, #event_form_en a, #new_form_en li, #new_form_en a { float: left; display: block; width: 91px; height: 39px; margin: 0; padding: 0;}
		
	/* ============  @ Find an expert auto-complete  ============ */
.ac_results { padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 1.2em; overflow: hidden; }
.ac_loading { background : Window url('./indicator.gif') right center no-repeat; }
.ac_over { background-color: Highlight; color: HighlightText; }

	/* ============  @ Alunos / Students  ============ */
#alu .hlight_box { overflow: hidden; margin: 2em 0; }	
#alu #search_job a:link, #alu #search_job a:visited { width: 146px; height: 29px; display: block; text-indent: -9999px; background: url(/img/alunos/recrutamento_sprite.png) no-repeat 0 0; }
#alu #search_job a:hover { background: url(/img/alunos/recrutamento_sprite_hover.png) no-repeat 0 0;}
#alu #announce_job a:link, #alu #announce_job a:visited { width: 146px; height: 29px; display: block; text-indent: -9999px; background: url(/img/alunos/recrutamento_sprite.png) no-repeat 0 -29px; margin-top: 1em;}
#alu #announce_job a:hover { background: url(/img/alunos/recrutamento_sprite_hover.png) no-repeat 0 -29px;}
#alu #search_job_en a:link, #alu #search_job_en a:visited { width: 146px; height: 29px; display: block; text-indent: -9999px; background: url(/img/alunos/recrutamento_sprite_en.png) no-repeat 0 0; }
#alu #search_job_en a:hover { background: url(/img/alunos/recrutamento_sprite_en_hover.png) no-repeat 0 0;}
#alu #announce_job_en a:link, #alu #announce_job_en a:visited { width: 146px; height: 29px; display: block; text-indent: -9999px; background: url(/img/alunos/recrutamento_sprite_en.png) no-repeat 0 -29px; margin-top: 1em;}
#alu #announce_job_en a:hover { background: url(/img/alunos/recrutamento_sprite_en_hover.png) no-repeat 0 -29px;}

	/* ============  @ Candidato / Prospective students  ============ */
#can #int_student a:link, #can #int_student a:visited { display: block; width: 700px; height: 182px; background: url(/img/candidatos/are_you.jpg) 0 -182px; margin: 0 0 2em; }	
#can #int_student a:hover { display: block; width: 700px; height: 182px; background: url(/img/candidatos/are_you.jpg) 0 0; margin: 0 0 2em; }	
#cand_nav { margin: 1em 0 3em 0;}
#cand_lic, #cand_mes, #cand_fc, #cand_dout { background: #fff url(/img/candidatos/cand_grad.gif) repeat-x; padding: 0 2em 0; margin-bottom: 1em; border: 1px solid  #ddd; }
#cand_lic:hover, #cand_mes:hover, #cand_fc:hover, #cand_dout:hover  { background: #f8f8f8; }
#content .nav_box h4 { color: #4ca0c4; background: #eff7fc; display: inline; padding: 0 0.5em 0 0;  }
.crossover_line { background: url(/img/candidatos/nav_box_line.gif) repeat-x 50% 50%; }
.nav_box { background: #eff7fc url(/img/candidatos/nav_box_bck.gif) no-repeat left top; margin: 2em 0; padding: 1em 2em 0.5em; overflow:auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.sub_nav { list-style-type: none; list-style-image: none; margin: 1em 0; }
.sub_nav li { background: url(/img/icons/arrow-curve-left.png) no-repeat 0 50%; padding-left: 25px; }
.sub_nav li.inactive, .sub_nav li.active { background: none; color: #999; }
.sub_nav li.active { padding: 3px 0 0 20px; }
.sub_nav li.active a { color: #fff; font-weight: bold; background: #adc95f; padding: 4px 7px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.sub_nav li.active a:hover { background: #9eb856; }

	/* ============  @ Alumni  ============ */
#content ul.material, #content ul.social { padding: 0; }
#alum ul.advantages { list-style: none; list-style-image: none; padding: 0; }
#alum ul.advantages li.job { background: url(/img/alumni/icon_baseemprego.png) no-repeat 0 50%; padding: 1.2em 0 1.2em 6em; margin: 0 0 1em 0; }
#alum ul.advantages li.secretary {  background: url(/img/alumni/icon_secretaria.png) no-repeat 0 50%; padding: 1.2em 0 1.2em 6em; margin: 0 0 2.5em 0; }
#alum ul.advantages li.email {  background: url(/img/alumni/icon_email.png) no-repeat 0 50%; padding: 1.2em 0 1.2em 6em; margin: 0 0 1em 0 } 
#alum ul.advantages li.search-colleagues { background: url(/img/alumni/icon_pesquisacolegas.png) no-repeat 0 50%; padding: 1em 0 1em 6em; margin: 0 0 2.5em 0; }
#alum ul.advantages li.webpage { background: url(/img/alumni/icon_webpage.png) no-repeat 0 50%; padding: 1.2em 0 1.2em 6em; margin: 0 0 2em 0; }
#alum ul.advantages li.library { background: url(/img/alumni/icon_biblioteca.png) no-repeat 0 50%; padding: 1.2em 0 1.2em 6em; margin: 0 0 2em 0; }
#alum ul.advantages li.mailinglists { background: url(/img/alumni/icon_mailinglist.png) no-repeat 0 50%; padding: 1.2em 0 1.2em 6em; margin: 0 0 1em 0; }
#alum ul.advantages li.alerts { background: url(/img/alumni/icon_alertas.png) no-repeat 0 50%; padding: 1.2em 0 1.2em 6em; margin: 0 0 1em 0; ; }
#alum .hlight_box { background: #f8f8f8; color: #666; margin-bottom: 2em; padding: 2em 2em 0.5em; border-left: 5px solid #f2f2f2; }
#alum #alumni_logo { text-align: center; }
#alumni_ebtist, #alumni_tut, #alumni_tes, #alumni_obs, #alumni_press, #alumni_merch, #alumni_ccongresso, #alumni_cultura { width: 160px; height: 99px; padding: 0 0 1em 0; }
#alumni_ebtist_b, #alumni_tut_b, #alumni_tes_b, #alumni_obs_b, #alumni_img01, #alumni_img02, #alumni_img03, #alumni_img04 { width: 220px; height: 136px; padding: 0 0 1em 0; }
#alumni_ebtist { background: url(/img/alumni/sprite_alumni.jpg) no-repeat 0 0; }
#alumni_tut { background: url(/img/alumni/sprite_alumni.jpg) no-repeat -160px 0; }
#alumni_tes { background: url(/img/alumni/sprite_alumni.jpg) no-repeat -320px 0; }
#alumni_obs { background: url(/img/alumni/sprite_alumni.jpg) no-repeat -480px 0; }
#alumni_press { background: url(/img/alumni/sprite_alumni_col.jpg) no-repeat 0 0; }
#alumni_merch { background: url(/img/alumni/sprite_alumni_col.jpg) no-repeat -160px 0; }
#alumni_ccongresso { background: url(/img/alumni/sprite_alumni_col.jpg) no-repeat -320px 0; }
#alumni_cultura { background: url(/img/alumni/sprite_alumni_col.jpg) no-repeat -480px 0; }
#alumni_ebtist_b { background: url(/img/alumni/sprite_alumni_bigger.jpg) no-repeat 0 0; }
#alumni_tut_b { background: url(/img/alumni/sprite_alumni_bigger.jpg) no-repeat -220px 0; }
#alumni_tes_b { background: url(/img/alumni/sprite_alumni_bigger.jpg) no-repeat -440px 0; }
#alumni_obs_b { background: url(/img/alumni/sprite_alumni_bigger.jpg) no-repeat -660px 0; }

#alumni_img01 { background: url(/img/alumni/sprite_alumni_2011.jpg) no-repeat 0 0; }
#alumni_img02 { background: url(/img/alumni/sprite_alumni_2011.jpg) no-repeat -220px 0; }
#alumni_img03 { background: url(/img/alumni/sprite_alumni_2011.jpg) no-repeat -440px 0; }
#alumni_img04 { background: url(/img/alumni/sprite_alumni_2011.jpg) no-repeat -660px 0; }



	/* ============  @ Mapa do sÃ­tio / Sitemap  ============ */
#standards_logos { text-align: center; margin: 2em 0; }
#standards_logos img { padding: 0 1em; }
#sit.seccao_2 #content ul { list-style-type: none; list-style-image: none; }
#sit.seccao_2 #content li { margin-left: 0; padding-left: 0; }

/* ============  @ Tabs  ============ */
ul.tabs { list-style:none; height:30px; margin:0 !important; padding:0; border-bottom:1px solid #e2e2e2; }
ul.tabs li { list-style-image:none !important; float:left; text-indent:0; margin:0 4px 0 0 !important; padding:0; }
ul.tabs a { display:block; width: 134px; height: 30px; font-size: 1.0em; color:#999; line-height:30px; text-align:center; text-decoration: none; padding:0; margin:0; position:relative; top: 1px; border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; -moz-border-radius-topleft: 5px; moz-border-radius-topright: 5px;-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
ul.tabs a:active { outline:none; }
ul.tabs a:hover { color: #333; height: 30px; border-bottom: none; }
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-color: #f2f2f2; cursor:default !important; color:#666 !important; }
div.panes div.pane { display:none; padding-bottom: 2em; }
div.panes div { display:none; border: 1px solid #e2e2e2; border-top:0; height:1%; background:#f2f2f2 url(/img/icons/big/calendar.gif) no-repeat 30px 20px; padding: 2em 0 1em 1em; }
div.panes ul { list-style-type: none; list-style-image: none; margin-left: 17em; }
div.panes ul li { margin-right: 2em; } 

/* ============  @ Forms  ============ */
label { font-size: 1.2em; color: #666; vertical-align: middle; display: block; }
.inp_txt, .inp_txt_small { display: block; width: 80%; margin: 0.3em 0 1em; padding: 3px 3px; }
.inp_txt_small { width: 40%; }
.inp_txt_nospace { margin: 0.3em 0;}
.radio { margin: 0.5em; vertical-align: middle; }

/* ============  @ Tables  ============ */
table { width: 100%; border-collapse: collapse; margin: 2em 0 1em; }
caption { font-size: 1.4em; font-weight: bold; text-align: left; margin: 1em 0 0 0; padding: 0; }
th { font-size: 1.1em; text-align: left; text-transform: uppercase; border-bottom: 3px solid #e2e2e2; }
td { font-size: 1.2em; padding: 4px; border-bottom: 1px solid #f2f2f2; }
td.first_subheader, td.subheader { font-weight: bold; background: #f2f2f2; padding: 10px; }
td.no_brd { border-bottom: none; }
td.subheader { border-top: 3px solid #e2e2e2; }
tr.stripe { background: #f3f7fe; }
#org th, #org td { border-bottom: none; }
#org td { padding: 0.2em 0; }
.header_100 { width: 100px; }
.header_110 { width: 110px; }
.header_120 { width: 120px; }
.header_160 { width: 160px; }
.header_175 { width: 175px; }
.header_180 { width: 180px; }
.header_220 { width: 220px; }
.header_240 { width: 240px; }
.header_260 { width: 240px; }
.header_340 { width: 340px; }
.header_360 { width: 360px; }
.header_380 { width: 380px; }
.header_480 { width: 480px; }
.header_540 { width: 540px; }

/* ============  @ SIDEBAR  ============ */
#sidebar { margin-top: 50px;}
#sidebar ul#local_nav {list-style: none; list-style-image: none; margin: 0; padding: 0;}
#sidebar ul#local_nav li { margin: 0; padding: 0; }
#sidebar ul#local_nav li a, #sidebar ul#local_nav li a:visited  { display: block; font-family:'KlavikaMediumPlain'; text-transform: uppercase; font-size:12px; line-height:100%; text-decoration: none; color: #009DE0; padding: 10px 0 9px 20px; margin-bottom: 2px;}
#sidebar ul#local_nav li a:hover { color: #FFF; background: #009DE0; }

/* ============  @ FOOTER  ============ */
	
#footer {width: 100%; margin:0; background: #333;}
#footer a:link {color: #CCC; text-decoration: none; }
#footer a:visited { color: #CCC; }
#footer a:hover { color: #009DDF; }
#footer ul {list-style: none !important;}
#footer_quick_links {}
#footer_quick_links ul {width: 980px; margin: 0 auto;}
#footer_quick_links ul li {float: left; margin: 0;}
#footer_quick_links ul li a {float:left; margin: 0; padding: 25px 0 24px; font-family: 'KlavikaLightPlain'; font-size: 14px; font-weight: normal; color: #999;}
#footer .service {display: none;}
.login a{width: 152px;}
.webmail a{width: 172px;}
.biblioteca a{width: 176px;}
.shuttle a{width: 184px;}
.recrutamento a{width: 192px;}
.empregabilidade a{width: 104px;}
#footer_info_location {border-top: 1px dotted #666;}
#footer_info_location_wrapper {width:980px; margin: 0 auto;}
#contacts {float:left; width: 176px; padding-bottom:2.6em;}
#contacts h2 {float:left; padding-bottom: 41px;}
#contacts h2 a{float:left; width: 176px; height:34px; margin:48px 0 0; text-indent: -9999px; display:block; background: url(/img/footer.png) -84px 0 no-repeat;}
#contacts h2 a:hover{background-position: -84px -36px;}
#contacts p {float:left; width:176px; border-top: 1px dotted #666; color: #ECECEC; padding: 15px 0; margin: 0; font-size: 11px; line-height: 150%;}
#contacts p strong {color:#009DDF !important;}
#contacts p a {color:#ECECEC !important; padding: 1.2em 0; margin: 0; font-size: 11px; line-height: 150%;}
#contacts p a:hover {color:#009DDF !important;}
#location {float:left; margin: 34px 0 34px 65px; padding: 0;}
#location div.map {float:left; width:480px; height:251px; display:block; background: url(/img/map.png) 0 0 no-repeat; position: relative;}
#location div.map:hover {background: url(/img/map.png) 0 -253px no-repeat;}
#location div.map a.loc-a {position:absolute; display: block; top: 107px; left:  279px; width: 20px; height: 30px; background:none;}
#location div.map a.loc-b {position:absolute; display: block; top: 106px; left: 160px; width: 20px; height: 30px; background:none;}
#location div.map a.loc-c {position:absolute; display: block; top: 38px; left: 316px; width: 20px; height: 30px; background:none;}
#location ul {float:left; width: 259px; background: url(/img/distance.png) -17px 5px no-repeat; margin-top:45px; }
#location ul li {float:left; padding-left: 110px;}
#location ul li a{float:left; font-size:12px; line-height: 120%; padding-bottom: 20px; }
#location ul li a strong {font-weight:700;}
#location ul li a:hover strong {color:#009DDF;}
#location ul li a:hover {color:#999;}
#footer_nav {width:100%; border-top: 1px dotted #666;}
#footer_nav_wrapper {width:980px; margin: 0 auto; font-family: 'KlavikaLightPlain'; font-size: 1.2em; font-weight: normal; color: #999;}
.copyright {float:left; width:260px; font-family: 'KlavikaLightPlain'; font-size: 13px; font-weight: normal; color: #999; padding: 27px 0; margin: 0; line-height: 100%;}
.copyright a {color:#666 !important;}
.copyright a:hover {color:#009DDF!important;}
#site_info, #site_info ul, #site_info li{float:left; margin: 0; padding: 0;}
#site_info li a {float:left; margin: 0; font-size: 13px; line-height: 100%; padding: 27px 30px 27px 0;}
#social_media {float:right; width: 84px; padding: 20px 0 0 0;}
#social_media li {float:left; margin: 0 0 0 2px;}
#social_media li a{text-indent: -9999px; display:block; width: 26px; height: 26px; background-image: url(/img/footer.png); background-repeat: no-repeat;}	
.fb a{background-position: 0 0;}
.tw a{background-position: -28px 0;}
.rss a{background-position:-56px 0;}		
.fb a:hover{background-position: 0 -28px;}
.tw a:hover{background-position: -28px -28px;}
.rss a:hover{background-position: -56px -28px;}	
		

/* ============  SOME UTILITIES  ============ */
hr { border-width: 1px 0 0; border-color: #e2e2e2; border-style: solid; clear: both;  margin: 0 0 1em; padding: 0; height: 0; }
.hide { display: none; }
.inline { display: inline; }
.question { font-size: 1.2em; font-family: "Times New Roman", Georgia, serif; font-style: italic; font-weight: bold;}
.answer { font-size: 1.0em; margin: 1em 0 2em; font-style: normal; }
.top { text-align: right; }
.speech p { font-size: 1.3em; line-height: 1.385em; font-style: italic; }

	/* ============  text colors + markers  ============ */
.missing { background: #ffe3da; padding: 2px 0;}
.marker { background: #fffbc7; padding: 2px; }
.dark_grey { color: #333;}
.strong_grey { color: #666; }
.medium_grey { color: #999;}
.light_grey { color: #b3b3b3; }
.img_caption { font-size: 1em; color: #666; padding: 5px; }
.small_txt { font-size: 1em; }
.small_leading { line-height: 1.4; }

	/* ============  text colors + markers  ============ */
.error  { margin-bottom: 2em; padding: 1em 1em 0.5em; border-left: 5px solid #fbc2c4; }
.success { margin-bottom: 2em; padding: 1em 1em 0.5em; border-left: 5px solid #c6d880; }
.warning { margin-bottom: 2em; padding: 1em 1em 0.5em; border-left: 5px solid #fff6bf; }

 	/* ============  space  ============ */
.bottom_spacer { margin-bottom: 2em; }
.bottom_pad { padding-bottom: 2em; }
.top_space { margin-top: 1em; }
.top_pad { padding-top: 1em;}
.no_space { margin: 0; padding: 0;}
.no_bottom_space { margin-bottom: 0; padding-bottom: 0;}
.vcard { font-size: 1.2em; }

 	/* ============  404 ============ */
#error #centered {background:#FFF; }
#search_page #centered {background:#FFF; }


/* ============  @ Slider  ============ */
#slider { width: 700px; height: 195px; position: relative; overflow: hidden; background: #f2f2f2; margin: 0 0 2em 0; padding: 0; }
#sliderContent { width: 700px; position: absolute; top: 0; margin: 0; padding: 0; }
.sliderImage { float: left; position: relative; display: none; }
.sliderImage span { position: absolute; font: 1em/1.5em 'Lato', sans-serif; font-weight:300; padding: 15px 15px 20px; width: 700px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #f8f8f8; display: none; }
.clear { clear: both; }
.sliderImage span strong { font-size: 1.2em; font-weight: bold; }
.bottom { bottom: 0; left: 0; }
#slider ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0;}
#slider li { margin: 0; padding: 0;}

/* ============  @ Colorbox  ============ */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:url(/img/colorbox/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(/img/colorbox/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(/img/colorbox/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(/img/colorbox/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(/img/colorbox/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(/img/colorbox/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(/img/colorbox/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(/img/colorbox/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(/img/colorbox/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(/img/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(/img/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(/img/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(/img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}
