/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.





*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body { min-width: 960px; }
.container { position: relative; margin: 0px auto; width: 960px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-left: 4px; margin-right: 4px; }
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11 { position: relative; }
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
.container .grid_1 {width: 72px;}
.container .grid_2 {width: 152px;}
.container .grid_3 {width: 232px;}
.container .grid_4 {width: 312px;}
.container .grid_5 {width: 392px;}
.container .grid_6 {width: 472px;}
.container .grid_7 {width: 552px;}
.container .grid_8 {width: 632px;}
.container .grid_9 {width: 712px;}
.container .grid_10 {width: 792px;}
.container .grid_11 {width: 872px;}
.container .grid_12 {width: 952px;}
.container .prefix_1 {padding-left: 80px;}
.container .prefix_2 {padding-left: 160px;}
.container .prefix_3 {padding-left: 240px;}
.container .prefix_4 {padding-left: 320px;}
.container .prefix_5 {padding-left: 400px;}
.container .prefix_6 {padding-left: 480px;}
.container .prefix_7 {padding-left: 560px;}
.container .prefix_8 {padding-left: 640px;}
.container .prefix_9 {padding-left: 720px;}
.container .prefix_10 {padding-left: 800px;}
.container .prefix_11 {padding-left: 880px;}
.container .suffix_1 {padding-right: 80px;}
.container .suffix_2 {padding-right: 160px;}
.container .suffix_3 {padding-right: 240px;}
.container .suffix_4 {padding-right: 320px;}
.container .suffix_5 {padding-right: 400px;}
.container .suffix_6 {padding-right: 480px;}
.container .suffix_7 {padding-right: 560px;}
.container .suffix_8 {padding-right: 640px;}
.container .suffix_9 {padding-right: 720px;}
.container .suffix_10 {padding-right: 800px;}
.container .suffix_11 {padding-right: 880px;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix { zoom: 1; }


@font-face {
    font-family: 'AkkuratBold';
    src: url('/assets/akkurat-bold.eot');
    src: url('/assets/akkurat-bold.eot?iefix') format('eot'),
         url('/assets/akkurat-bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Akkurat';
    src: url('/assets/akkurat.eot');
    src: url('/assets/akkurat.eot?iefix') format('eot'),
         url('/assets/akkurat.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AkkuratLight';
    src: url('/assets/akkurat-light.eot');
    src: url('/assets/akkurat-light.eot?iefix') format('eot'),
         url('/assets/akkurat-light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/** SITE-WIDE DEFAULTS **/
body { background-color: #585859; color: #B3B3B3; font-family: 'Akkurat', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; /*overflow: hidden;*/ }
.font-preloader { font-family: 'Akkurat'; color: #585859; visibility: hidden; position: absolute; top: 0px; left: 0px; }

#old-browsers { background: #585859; border: 1px solid #B3B3B3; left: 50%; margin-left: -175px; padding: 15px; position: absolute; top: 25%; width: 320px; z-index: 11; }
  #old-browsers .close { color: #FFF; display: block; margin-top: 15px; text-align: right; }

div.grid { background: url('../assets/bg-grid_4px.png') top center repeat; display: none; margin: 0; width: 100%; height: 200%; z-index: 10; opacity: 0.5; filter: alpha(opacity=50); position: absolute; left: 0px; top: 0px; }
  body.grided div.grid { display: block; }

a:link { color: inherit; text-decoration: none; }
a:visited { color: inherit; text-decoration: none; }
a:hover, a.active, .active > a { color: inherit; text-decoration: none; }
a:active { color: inherit; text-decoration: none; }

.whited a:link { color: inherit; text-decoration: none; }
.whited a:visited { color: inherit; text-decoration: none; }
.whited a:hover { color: #585859; text-decoration: none; }
.whited a:active { color: inherit; text-decoration: none; }

h1, h3.title { color: #FFFFFF; font-weight: normal; font-size: 20px; line-height: 24px; margin: 0px 4px 24px 4px; }
h2 { font-weight: normal; }
h3 { font-weight: normal; }

p { margin: 0px 0px 16px 0px; }
p.title { color: #FFFFFF; margin: 0px 0px 16px 0px; }
p.subtitle { color: #FFF; margin: 0px; }
  p + p.subtitle { margin: 16px 0px 0px 0px; }

a.read-more { color: #FFF; display: block; }

/*** HEAD ***/
#header { background-color: inherit; height: 72px; }
  #header.container { margin-top: 8px; }
#header img { float: left; margin: 17px 52px 0px 0px; }
  ul.navMaster { color: #FFF; float: right; font-family: 'AkkuratBold', 'Helvetica', 'Arial', sans-serif; font-size: 15px; margin: 16px 0px 0px 0px; text-transform: uppercase; }
    ul.navMaster li { display: block; float: left; padding: 4px 16px; position: relative; }
    ul.navMaster li:hover { background: #FFFFFF; color: #585859; }
    ul.navMaster li:hover a { color: #585859; }

  ul.navSecondary { background: #FFFFFF; -webkit-box-shadow: -1px 2px 12px #585859; -moz-box-shadow: -1px 2px 12px #585859; box-shadow: -1px 2px 12px #585859; display: none; font-family: 'Akkurat', 'Helvetica', 'Arial', sans-serif; left: 0px; padding: 0px 0px 8px 0px; position: absolute; text-transform: none; top: 0px; width: 85px; z-index: 4; }
    ul.navSecondary li.title, ul.navSecondary li.title:hover, ul.navSecondary li.title a, ul.navSecondary li.title:hover a { background: #FFF; color: #585859; display: block; font-family: 'AkkuratBold', 'Helvetica', 'Arial', sans-serif; font-size: 15px; height: 24px; margin: 4px 0px 0px 0px; padding: 0px 8px; text-transform: uppercase; }
    ul.navMaster li.publisher-menu:hover ul.navSecondary { display: block; }
      ul.navMaster li:hover ul.navSecondary { display: block; }
    ul.navSecondary li { float: none; font-size: 12px; margin: 0px; padding: 4px 16px; }
      ul.navSecondary li:hover { background: #999999; color: #FFFFFF; }
      ul.navSecondary li:hover a { color: #FFFFFF; }
      ul.navSecondary li a { display: block; margin: 0px; padding: 0; }

  ul.navFilters { background: #999999; display: none; left: 110px; padding: 8px 0px; position: absolute; top: -8px; z-index: 2; }
    ul.navSecondary li:hover ul.navFilters { display: block; }
    ul.navFilters li { }
    ul.navFilters li:hover { background: #FFFFFF; color: #585859; }
    ul.navFilters li:hover a { color: #585859; }

  ul.navMaster li.projects-menu, ul.navMaster li.projects-menu ul.navSecondary li { width: 78px; position: relative; }
    ul.navMaster li.projects-menu ul.navSecondary { width: 110px; }
  ul.navMaster li.publisher-menu, ul.navMaster li.publisher-menu ul.navSecondary li { width: 78px; position: relative; }
    ul.navMaster li.publisher-menu ul.navSecondary { width: 110px; }
  ul.navMaster li.office-menu, ul.navMaster li.office-menu ul.navSecondary li { width: 85px; }
    ul.navMaster li.office-menu ul.navSecondary { width: 117px; }
  ul.navMaster li.contact-menu { width: 70px; }

  ul.navFilters.themes, ul.navFilters.names { width: 232px; }
  ul.navMaster li.projects-menu li ul.navFilters.themes li, ul.navMaster li.projects-menu li ul.navFilters.names li { width: 200px; }

  ul.navMaster li.lang-menu { padding: 0; }
  ul.navMaster li.lang-menu:hover { background: #585859; }
  ul.navMaster li.lang-menu a { width: 50px; height: 24px;  float: left; display: block; }

  .portuguese       { background: url(/assets/uk-branco.png); }
  .english          { background: url(/assets/br-branco.png); }
  .portuguese:hover, .english:hover { background: url(/assets/br+uk-cor.png); }

/*  ul.navMaster li.lang-menu a img { margin: 5px 5px 0 0 !important; }*/

/*** CONTENT ***/
#content { }
.whited, .whited_image { background: #FFFFFF; overflow: hidden; }

img.ico { height: 16px; margin-left: 4px; margin-right: 8px; width: 16px; }

/*** PUBLISHER ***/
.form-header { margin-bottom: 16px; margin-left: 2px; margin-right: 2px; }

.field-group { margin-bottom: 32px; }
  .field-group h2 { color: #FFFFFF; font-weight: bold; margin-bottom: 16px; }
.field { margin-bottom: 16px; }
label { color: #B3B3B3; display: block; font-weight: bold; margin: 0; padding: 2px 2px 4px 2px; }
label.no-block { color: #B3B3B3; display: inline; font-weight: normal; margin: 0; padding: 0px; }

input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea { background: #585859; border: 1px solid #B3B3B3; color: #FFFFFF; /*color: #B3B3B3; */font-family: inherit; font-size: inherit; padding: 2px; border-radius: 2px; }
input[type="submit"], input[type="reset"], button, .btn { background: #777777; border: 1px solid #B3B3B3; border-radius: 2px; color: #FFFFFF; font-family: inherit; font-size: inherit; padding-left: 12px; padding-right: 12px; }
input[type="submit"]:hover, input[type="reset"]:hover, button:hover { background: #585859; border-color: #FFFFFF; }
textarea { height: 320px; resize: none; }

.grid_9 input[type="text"], .grid_9 input[type="password"], .grid_9 input[type="search"] { width: 530px; }
.grid_6 input[type="text"], .grid_6 input[type="password"], .grid_6 input[type="search"] { width: 350px; }
.grid_5 input[type="text"], .grid_5 input[type="password"], .grid_5 input[type="search"] { width: 440px; }

.grid_4 input[type="text"], .grid_4 input[type="password"], .grid_4 input[type="search"], .grid_4 textarea { width: 306px; }
.grid_4 select { width: 306px; }
.grid_2 input[type="text"], .grid_2 input[type="password"], .grid_2 input[type="search"], .grid_2 textarea { width: 146px; }
.grid_2 select { width: 146px; }

.attachment_magick_image img { max-width: 152px; }

#error_explanation, .form-messages { font-size: 13px; line-height: 18px; padding: 8px 16px; margin: 12px 0px 24px 0px; border-bottom-left-radius: 6px 6px; border-bottom-right-radius: 6px 6px; border-top-left-radius: 6px 6px; border-top-right-radius: 6px 6px; }
  #error_explanation h2, .form-messages h2 { margin: 0px 0px 0px 0px; font-weight: bold; }
  #error_explanation ul, .form-messages ul { list-style: disc inside; }
#error_explanation, .form-messages.error { color: #C00; background: #FFEEEE; }
.form-messages.success { color: #3C3; background: #DDFFDD; font-weight: bold; }

.items-header { margin: 0px 4px 24px 4px; }
  .items-header h1 { color: #FFFFFF; font-size: 18px; line-height: 24px; }

.items-list { margin: 0px 4px 0px 4px; }
.items-list table { margin: 32px 0px 16px 0px; text-align: left; width: 100%; }
  .items-list table thead { color: #FFFFFF; }
    .items-list table thead tr { border-top: 1px solid; }
    .items-list table thead th { padding: 2px 0px 6px 0px; }
  .items-list table tbody tr { border-top: 1px solid; }
    .items-list table tbody tr.even { color: #CCCCCC; }
    .items-list table tbody td { padding: 2px 0px 6px 0px; }

#loader-indicator { position: fixed; top: 120px; left: 40px; display: none; }

.verticalSlider {}
  .verticalSlider .go-up { background: #999999 url('../assets/ico-arrow_up_white.png') center 4px no-repeat; color: #FFF; cursor: pointer; left: 0px; height: 24px; position: absolute; right: 0px; top: 0px; text-align: center; }
  .verticalSlider .go-down { background: #999999 url('../assets/ico-arrow_down_white.png') center 4px no-repeat; bottom: 0px; color: #FFF; cursor: pointer; height: 24px; left: 0px; position: absolute; right: 0px; text-align: center; }

/* attachment magick */
.loadedAttachments, .newAttachments, .attachmentQueue { clear: both; overflow: hidden; }
.newAttachments { min-height: 30px; margin-top: 15px; margin-bottom: 15px; padding-top: 15px; padding-bottom: 15px; }
.uploadAttachments, .pickAttachments { margin: 15px; }
.imagesToggleSortable { clear: both; float: left; margin: 15px; }
.attachmentQueue .attachment {
  min-height: 20px;
  margin: 5px 0px;
}
.attachment-upload-instructions { clear: both; margin: 15px 0px; }
.thumbnails {margin-top:5px; font-size: 12px; line-height: 16px; font-family: Helvetica, Arial, Sans-serif; color:#000;}
.thumbnails h4 {margin:15px 0px 15px 0px; border-top:2px solid #CCC;}
.attachment_magick_image  {margin:0px 0px 0px 0px; /*clear:left;*/ padding: 3px 3px 3px 3px;cursor:pointer;}
.attachment_magick_image:hover {}
.attachment_magick_image.alpha { clear: left; }

.attachment_magick_image p {margin:0px;}
.attachment_magick_image a {float:right;}
.attachment_magick_image input[type="text"] {width:inherit; font-family:inherit; font-size:1em; border:1px solid #999; -webkit-border-radius:3px; -moz-border-radius:3px; margin-left:-2px;}

/*** GRID ***/
div.grid { background: url('../assets/bg-grid_4px.png') top center repeat; display: none; margin: 0; width: 100%; height: 200%; z-index: 10; opacity: 0.5; filter: alpha(opacity=50); position: absolute; left: 0px; top: 0px; }
  body.grided div.grid { display: block; }

.overlay00001 { position: fixed; top: 0px; left: 0px; width: 100%; background-image: none; background-attachment: scroll; background-color: rgb(0, 0, 0); z-index: 99999; opacity: 0.6; height: 100%; background-position: 0% 0%; background-repeat: repeat repeat;}
.overlay00003 { background-color: white; position: fixed; top: 50%; left: 50%; z-index: 999991;}
.overlay00003 #close_overlay { position: absolute; top: 5px; right: 5px; width: 19px; height: 20px; display: block; float: right; cursor: pointer; background: #000 url('../assets/close_button.png'); }
.overlay00003 img {margin: auto; display: block;vertical-align: middle}
.generic_page p, .generic_page ul, .generic_page ol { color: #333333; font-family: 'AkkuratLight', 'Helvetica', 'Arial', sans-serif; font-size: 14px; margin: 0px 0px 16px 0px; }
.generic_page p.title { font-family: 'AkkuratBold', 'Helvetica', 'Arial', sans-serif; margin: 16px 0px 0px 0px; }

.generic_page ul { list-style-position: inside; list-style-type: disc; }
.members { padding-left: 244px; }
  .member { color: #333333; font-family: 'AkkuratLight', 'Helvetica', 'Arial', sans-serif; font-size: 14px; margin: 16px 0px; }
    .member h2 { font-family: 'AkkuratBold', 'Helvetica', 'Arial', sans-serif; }
  .biography { display: none; margin-top: 16px; margin-bottom: 32px; }
    .member.open .biography { display: block; }
    .biography img { margin-bottom: 16px; }
    
    .members .close { float: right; margin: 20px 0px 0px 0px; }
.projects { clear: both; position: relative; margin-top: 16px; }
  .project { height: 232px; margin: 0px 4px 8px 4px; position: relative; }
    .project.inactive { background: #616262; -webkit-transition: background 250ms ease-in-out; -moz-transition: background 250ms ease-in-out; -o-transition: background 250ms ease-in-out; transition: background 250ms ease-in-out; }
      .project.inactive img { opacity: 0; filter: alpha(opacity=0); }
      .project.inactive h2 { opacity: 0; filter: alpha(opacity=0); }
    .project img { float: left; height: 232px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; width: 232px; }
    .project img.hover { left: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; }
      .project:hover img { /*opacity: 0;*/ }
      .project:hover img.hover { opacity: 1; filter: alpha(opacity=100); }
    .project.inactive:hover { border-color: #FFF; }
      .project.inactive:hover img { opacity: 0; filter: alpha(opacity=0); }
      .project.inactive:hover img.hover { opacity: 0; filter: alpha(opacity=0); }
    .project h2 { bottom: 4px; clear: both; color: #FFF; font-weight: normal; left: 3px; padding-top: 4px; position: absolute; -webkit-transition: color 250ms ease-in-out; -moz-transition: color 250ms ease-in-out; -o-transition: color 250ms ease-in-out; transition: color 250ms ease-in-out; text-shadow: #333333 1px 1px 2px; }
      .project:hover h2 { color: #FFF; }

.projects h3.title { width: 232px; overflow: hidden; }
  .projects h3.title.inactive { color: #616262; }

#controlLeftSlow, #controlLeftFast, #controlRightSlow, #controlRightFast { width: 80px; position: absolute; top: 120px; bottom: 64px; z-index: 5; /*background: #EEE; opacity: 0.5;*/ }
#controlLeftSlow { left: 40px; }
#controlLeftFast { left: 0px; width: 40px; /*opacity: 0.3;*/ }
#controlRightSlow { right: 40px; }
#controlRightFast { right: 0px; width: 40px; /*opacity: 0.3;*/ }

.river-goleft { float: left; margin-left: 4px; margin-bottom: 13px; }
.river-goright { float: right; margin-right: 4px; margin-bottom: 13px; }
.river-goright img, .river-goleft img { width: 16px; height: 16px; }

.show-project { }
  ul.navProject { color: #FFFFFF; font-size: 12px; float: right; margin: -44px 4px 16px 4px; padding-top: 0px; }
    ul.navProject li { float: left; padding: 2px 8px; }
    ul.navProject li.navGallery { padding: 0px 8px; }
    ul.navProject img.ico { margin-left: 24px; margin-right: 0; }

  .gallery { background: #616262; clear: left; overflow: hidden; width: 100%; height: 544px; }
    .gallery img { float: left; }

  ul.galleryThumbs li { margin: 0px; padding: 0px; }
    ul.galleryThumbs li a { display: block; padding: 1px 6px; }
    ul.galleryThumbs li:hover, ul.galleryThumbs li.active { color: #585859; background: #FFFFFF; }
  
  .go-left { float: left; margin-top: -8px; margin-bottom: 8px; }
  .go-right { float: right; margin-top: -8px; margin-bottom: 8px; }

  .over-go-left { height: 484px; left: 0px; position: absolute; width: 280px; top: 67px; }
  .over-go-right { height: 484px; left: 680px; position: absolute; width: 280px; top: 67px; }

  .text { color: #333333; font-family: 'AkkuratLight', 'Helvetica', 'Arial', sans-serif; font-size: 14px; }
.meta-data { float: left; margin-left: 28px; width: 312px; }
  .meta-data h1 { color: #FFFFFF; font-weight: normal; }
  .meta-data h2 { font-weight: normal; }
.publications { padding-left: 244px }
  .publication { clear: left; color: #333333; font-family: 'AkkuratLight', 'Helvetica', 'Arial', sans-serif; margin: 16px 0px; overflow: hidden; }
    .publication h2 { font-family: 'AkkuratBold', 'Helvetica', 'Arial', sans-serif; }
    .publication img { float: left; }

/* jQuery UI autocomplete */
.ui-autocomplete { position: absolute; background-color: #FFF; border: 1px solid #999; border-radius: 3px; }
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; }
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; }
.ui-menu .ui-menu-item a.ui-state-hover,
	.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; background-color: #ccc; cursor: pointer; }