/* CSS Document */

/*generic tags*/
a{color:#900;font-weight:bold;text-decoration:none;}
a:hover{text-decoration:none;}
div, form, h1, h2, h3, h4, p{margin: 0; padding: 0;}
body {margin:0;padding:0;text-align:center; /*fix for explorer to center wrapper*/;font-family: Arial, Helvetica, sans-serif; font-size: 13pt; background:#dcdcdc;background:#dcdcdc url(img/sliver_left_133pxoffset3.gif) repeat-y top center;}
table {font-size: 80%;}
ul, li{padding: 0; margin: 0;}
img {padding:0; margin: 0;}
p {padding:0 0 0.5em 0; font-size: 90%}
h1 {font-size: 100%; font-weight:bold; margin: 5px 0;}
h2 {font-size: 80%;margin: 5px 0; border-bottom: 1px black solid;font-weight:bold;}
h3 {font-size: 80%; font-weight:bold;}
table {margin-bottom: 1em;}
td, th, tr {padding: 0; margin: 0;}

/*classes*/
ul.numeric {list-style-type:decimal; margin-left:30px;}
ul.dashed {list-style-type:square; margin-left:30px; list-style-position: inside;}
p.indent {margin-left:20px;}
p.footer {font-size: 70%; text-align:center; margin:30px 0 30px 0;}
/*.clearBoth {clear:both; width:99%;}*/
.clearBoth {clear:both;}
p.imagesubscript{font-size: 70%;}
.hide {visibility:hidden;}

/*ids*/
#wrapper{margin:0 auto; width:738px; text-align: left;}
#dropWrapper {}

#header {background:#900;color:white;height:70px;margin-top: 1px; border: 1px solid #999; margin-left: 132px;}
#header #title {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 26px; font-weight:bold; margin:17px 0 0 140px;}
#header img {float:left; margin: 4px 0 0 20px;}
					
#menu {background:#dcdcdc;margin-top: 1px; border: 1px solid #999; margin-left: 135px;}
#menu ul {}
#menu li {display: inline;margin: 0 0 0 20px;}
#menu li a {font-size:70%;}
#menu li a:hover {}

#subMenu {float: left; width: 132px; text-align:right; padding:0; list-style-position:inside; margin-top: 98px; height: 0px; } /* th 0px heigth is to prevent FF to put a block below the menu with the clearboth property */
#subMenu ul {padding: 8px; margin: 4px;}
#subMenu li {list-style-type: none;}
#subMenu li a {font-size: 70%;}
#subMenu li.firstItem {text-transform:uppercase; border-bottom: 1px black dashed;}
#subMenu li#selected {}

#mission {font-size: 110%; margin: 0 0px; text-align:center; letter-spacing:0.5px;}
#main img.marginLeft {float:left; margin:0px 10px 5px 0;}
#main img.fullWidth {clear: both; width:568px;}
#logininfo {font-size: 90%; margin-left: 10px; vertical-align:middle;}


#menu #iconBar img{border: 1px black solid; margin:2px;}
#menu #iconBar a {padding: 0px; margin: 0px;}
#menu #iconBar {font-size:70%; vertical-align:top; margin-left:10px;}

#main img.hidden {display:none;}
#main img {border: 1px black solid;}
#main {margin: 15px 15px 20px 15px;}
#main #mainColumn {margin-left: 135px; width: 570px;}

#main #structureList h3 {font-size:80%; margin-left:10px;}
#main #structureList table {margin-left:10px;}
#main #structureList #tableHeader {display:none;}
#main #structureList .name {width:200px;}
#main #structureList .function {width:200px;}

#main #publications td.linepublication {padding-bottom:5px}
#main #publications td.linepublication span.LastName, span.ArticleTitle {font-size:90%}
#main #publications td.linepublication span.ISOAbbreviation, span.date {font-weight: bold; font-size:80%}

#main #researchersList td.line{width:380px;} 
#main #researchersList td.name{width:140px; padding-left:15px;} 

#main #bulletin table {width:100%; border:1px #ddd solid;}
#main #bulletin h2{font-weight: bold; border:none;}
#main #bulletin h2#today{color: red;}
#main #bulletin h2.group {text-decoration:underline;}
/*#main #bulletin #week { width:98.5%; margin-left:1.5%;}*/
#main #bulletin .bullet th{background-color: #ddd; width:100%; padding-left:3px;}
#main #bulletin .bullet a{font-size: 90%;}
#main #bulletin table #time, #location {font-size:90%; font-weight:normal; background-color: #eee;}
#main #bulletin table #time td, #location td {padding: 1px;}
#main #bulletin table #subbullet td{padding: 3px;}
#main #bulletin th {text-align: left; width:100%; font-weight:normal;}
#main #bulletin th td{background-color: #ddd;}
#main #bulletin table .insert {text-align: left; background-color:#fff; border:1px solid #ddd; margin:3px; margin:1%; font-size:100%; width:98%;}
#main #bulletin .insert th {text-align: right; background-color:#ddd; }

#main p.subitems {font-size:70%; padding-left:15px;}

/*
#main #researchersList td.name {width:250px; padding-left: 2px;}
#main #researchersList td.email {width:10px;}
#main #researchersList td.function {width:250px;}
#main #researchersList #tableHeader {display:none;}
#main #researchersList #lineHeader {border-bottom: 1px #000 solid; padding-left: 2px;}
*/

#main #teamMembers #tableHeader {display: none;} 
#main #teamMembers td.name {width: 250px; padding-left: 0;}
#main #teamMembers td.function {width: 150px;}
#main #teamMembers td.email {width: 25px;}

#main div#subgroup {font-weight: bold; padding: 10px 0 0 0; border-bottom: 1px black solid;}
#main table#files {margin:0;}
#main #files #tableHeader {display: none;}
#main #files #tableHeader {display: none;}
#main #files td.description {width: 360px; font-size: 80%;}
#main #files td.details {font-size: 70%; width: 180px;}

#main #feedback {color:#FF0000; font-weight:bold;}

#main #submissions h2 {font-size: 80%;}
#main #submissions td.description {width: 280px;}
#main #submissions td.subgroup {width: 50px; padding-right:10px;}
#main #submissions td.date {width: auto; padding-right:10px;}
#main #submissions td.details {width: auto; padding-right:10px;}


#main table#publications {background-color:#FFFFFF;}
#main #publications table#publications td {background-color: #ddd; border-bottom: 10px white solid;}
#main #publications table {margin: 0;}
#main #publications table#publicationsHeader tr th{text-align:left; font-size: 100%; margin:0; padding:0;}#main #publications table#publicationsHeader tr th.LastName {width:120px;}
#main #publications table#publications td {vertical-align:top;}
#main #publications table#publications td.Description {width: auto;}
#main #publications table#publications td.LastName {width: 120px; font-size:90%;}
#main #publications table#publications td.Buttons img{margin: 1px;}
#main #publications table#publications td.Description span.Date {font-size: 80%; text-align: right; font-style:italic;}
#main #publications table#publications span.ISOAbbreviation {font-size:80%;text-align: left; font-style:italic;}
#main #publications table#publications span.ArticleTitle {font-size:80%;text-align: left;}
#main #publications table#publications .linepublication {font-size: 80%; background-color: #FFF;}
#main #publications table#publications .linebutton {background-color: #FFF;}


#main table#facebook td {width: 100%; padding:6px 16px; margin: 0px; font-size:80%; vertical-align: top;}
#main table#facebook tr {padding:0px; margin: 0px;}
/*#main table#facebook img {width: 110px; height:150px;}*/
#main table#facebook img {width: 75px; height:95px;}

#main #movies {width: 570px;}
#main #movies h3 {font-size:100%;}
#main table#media {padding: 0; margin: 0; font-size: 80%;}
#main table#media tr {}
#main table#media td {border-bottom: 5px white solid; margin: 0 20px 0 0; padding: 0; }
#main table#media td#description {vertical-align:top; background-color:#ddd; padding-left: 5px; width:520px;}
#main table#media td#description #title {display:block; font-weight:bold;}
#main table#media td#description img {float: right;}
#main table#media img#youtube {width:60px; height:45px;}

#main #formAndre table {margin-bottom: 30px;}
#main #formAndre th {text-align:left; padding-bottom: 2px; width: 260px;}
#main #formNita table {margin-bottom: 30px;}
#main #formNita th {text-align:left; padding-bottom: 2px;}

#mainColumn {margin-left: 120px; height:100%;}/*counter peekaboo bug?*/

#gatekeeper {clear:both; height:1%;}

#footer {height:139px;background-image:url(img/footer.jpg);}