/**********************************************************************
 * Standard HTML TAG Style
 */

BODY {
  margin: 0; 
  padding: 0;
  width: 100%;
  height: 100%;
  color: #00080;
  background-color: white;
}

TABLE { 
  margin: 0; padding: 0;
  empty-cells: show;
  align: center
}

TR {
  margin: 0; padding: 0;
}

TD {
  margin: 0; padding: 0;
}

DIV {
  margin: 0; padding: 0;
}

A:link    { color: #0000FF; background-color: inherit;}
A:visited { color: #0000FF; background-color: inherit;}
A:hover   { color: #008080; background-color: inherit;}
A:active  { color: #008000; background-color: inherit;}

A {
  text-decoration: none;
  background-color: inherit;
}

P {
  margin: 5px 5px 5px 5px; 
  padding: 0 0 0 0;
}

IMG {
  padding: 0;
  margin: 0;
  border: 0px solid red;
}


FORM {
  margin: 0;
  padding: 0;
}

/**********************************************************************
 * Format style
 */

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

DIV.center { 
  width: 100%; 
  text-align: right;  
}


TABLE.tip {
  width: 350px;
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #000080;
  background-color: inherit;
  text-align: left;
  margin: 5px 100px 5px 100px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #F0F0F0;
}

DIV.tip {
  padding: 10px;
}

.body {
  /*min-height: 1000px;
  height: 1000px;*/
}

div[class] .body {
  height: auto;
}

.note {
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: 12px; 
  color: black;
  margin: 5px 100px 0px 100px;
  text-align: left;
  padding: 10px 10px 10px 10px;
  background-color: #fffff0;
  border: 1px solid #F0F0F0;
}

.smallnote {
  font-family: Palatino linotype, Helvetica, sans-serif;
  font-size: 12px; 
  text-align: left;
}

.remark {
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: 12px; 
  text-align: left;
  margin: 30px 10px 30px 10px;
  padding: 10px 10px 10px 10px;
  color: #0000A0;
  background-color: #DDDDDD;
  font-weight: bold;
}


.authorization {
  font-size: 10px;
  text-align: left;
  clear: left;
  display: block;
  float: left;
}

.btntopics {
	vertical-align: bottom;
	text-align: right;
  margin: 4px;
	width: 100%;
}

.btntopics IMG {
  border: 0 solid red;
}


/**********************************************************************
 * Header
 */

.pageheader {
  text-align: center;
  background: #FFFFFF url(images/sinus.gif) 0 0 repeat-x scroll;
  color: black;
}

.pageheader IMG {
  margin: 0px;
  border: 0px solid red;
}

.headerpdf {
  width: 100%;
  text-align: center;
  font-size: 12px;

}

.pagecontent {
  vertical-align: top;
}

.pagefooter {
  /*margin: 0;
  padding: 0;
  text-align: right;
  background: white url(images/sinus.gif) 0 0 repeat-x scroll;
  color: black;
  font-size: 14px;
  */
  clear: both;
  margin-top: 40px;
  font-size: 14px;
  text-align: center;
  text-decoration: italix;
  width: auto;
  color: #000080;

}

.pagefooter IMG {
  margin: 25px;
  border: 0px solid red;
}

.pagefooter A {
  background-color: transparent;
}

TABLE.page {
  background-color: white;
  border-spacing: 0;
}

.menuleft {
  background-color: #FFEE00;
  width: 160px;
  border-right: 1px dotted #AAAAAA; 
  vertical-align: top;
  text-align: center;
  list-style-image: url(images/arrow.gif);
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: 14px;
  min-height: 1000px; 
  height: 1000px;
}

.menuleft .active {
  font-weight: bold;
}

.menuleft .topicsAZmenu {
  text-align: left;
  margin: 0;
  padding: 20px;
}

.google {
  margin: 10px 0 10px 0;
  padding: 5px;
  width: 80%;
  height: 70px;
  text-align: center;
  background-color: white;
  border: 1px solid #AAAAAA;
}

.menutop {
  width: 100%;
  background-color: #000080;
  color: white;
  font-size: 22px;
}

.menubot {
  width: 100%;
  font-size: 10px; 
  background-color: #000080;
  color: white;
  margin: 0;
  padding: 0;
}

.menutop a {
  margin: 5px 1px 5px 1px;
  padding: 0px 5px 0px 5px;
  text-align: center;
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: 18px; 
  background-color: yellow;
  text-decoration: none;
}

.menutop a         { background-color: #000080; text-decoration: none; color: white; }
.menutop a:visited { background-color: #000080; color: white; }
.menutop a:active  { background-color: #FFEE00; color: DarkSlateBlue; }
.menutop a:link    { background-color: #000080; color: white; }
.menutop a:hover   { background-color: #FFEE00; color: DarkSlateBlue; }

#activem { background-color: #FFEE00; color: DarkSlateBlue; }

.w3c {
  display: none;
  background-color: green;
}

.vlang {
 position:float;
 float:right;
 margin: 0 10px 0 0;
 text-align: right;
 vertical-align: top;
 color: #000000; 
 font-size: 14px;
}
.vlang .link {
 color: #000080;
}

.logoMcgill {
 position: float;
 float :left;
 margin: 0 0 0 40px;
 text-align: left;
 color: #000000; 
 font-size: 14px;
}

.logo {
 position: float;
 float :left;
 margin: 5px;
}

.title1 {
  margin: 30px 200px 15px 5px;
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: 22px; 
  text-decoration: none;
  font-weight: bolder;
  background-color: inherit;
  color: #000080;
  clear: left;
}

.title1 A         { color: #000080; }
.title1 A:visited { color: #000080; }
.title1 A:active  { color: #000080; }
.title1 A:link    { color: #000080; }
.title1 A:hover   { color: #000080; }

.title2 {
  margin: 15px 200px 0px 12px;
  font-family: Palatino linotype, Helvetica, sans-serif;
  font-size: 16px; 
  font-weight: bolder;
  background-color: inherit;
  color: #000080;
  clear: both;
}

.title3 {
  margin: 15px 200px 0px 12px;
  font-family: Palatino linotype, Helvetica, sans-serif;
  font-size: 16px; 
  font-weight: bolder;
  background-color: inherit;
  color: #000080;
  clear: both;
}

.title2           { color: #000080; }
.title2 A:visited { color: #000080; }
.title2 A:active  { color: #000080; }
.title2 A:link    { color: #000080; }
.title2 A:hover   { color: #000080; }

DIV.section1,
DIV.section2,
DIV.section3 {
  font-family: Palatino linotype, Helvetica, sans-serif; 
  vertical-align: bottom;
  margin:0;
  padding:0;
}

DIV.section1 P {
  margin: 0px 30px 5px 20px;
  color: #000080;
}

DIV.section2 P {
  margin: 0px 30px 5px 20px;
  color: #000080;
}

DIV.section3 P {
  margin: 0px 30px 5px 20px;
  color: #000080;
}

DIV.section1 UL LI {
  margin: 5px 90px 5px 25px;
  color: #000080;
  text-align: left;
  clear: both;
}

DIV.section2 UL LI {
  margin: 5px 90px 5px 25px;
  color: #000080;
  text-align: left;
  clear: both;
}

DIV.section3 UL LI {
  margin: 5px 90px 5px 25px;
  color: #000080;
  text-align: left;
  clear: both;
}

OL {
  color: #000080;
}

OL LI {
  margin-top: 5px;
}

/************************************************************************
  * Page des definitions
  */

.definitions {
	margin: 5px 25px 25px 25px;
  border-collapse:  collapse;
  border: 2px solid #DDDDEE;
}

.definitions TD .def {
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
}

.definitions .name1 { 
  padding: 8px;
  color: #000080;
  background-color: #FFFFFF;
  font-size: 22px; 
  text-align: left;
  vertical-align: top;
}

.definitions .def1 {
  padding: 8px;
  color: #000080;
  background-color: #FFFFFF;
}

.definitions .name2 { 
  padding: 8px;
  color: #000080;
  background-color: #EEEEEE;
  font-size: 22px; 
  text-align: left;
  vertical-align: top;

}

.definitions .name1 A:hover   { color: #000080; }
.definitions .name1 A:link    { color: #000080; }
.definitions .name1 A:active  { color: #000080; }
.definitions .name1 A:visited { color: #000080; }

.definitions .name2 A:hover   { color: #000080; }
.definitions .name2 A:link    { color: #000080; }
.definitions .name2 A:active  { color: #000080; }
.definitions .name2 A:visited { color: #000080; }

.definitions .def2 {
  padding: 8px;
  color: #000080;
  background-color: #EEEEEE;
}


.definitionslist {
  height: 100%;
  color: #000080;
  background-color: #EEEE55;
  list-style-type: none;
}
  
.popdeftitle {
  text-decoration: underline;
  font-weight: bold;
  text-align: left;
}

.poppubtitle {
  display: block;
  font-weight: bold;
  text-align: left;
}

.poppubauthors {
  display: block;
  font-weight: normal;
  text-align: left;
}

.poppubjournal {
  font-weight: normal;
  font-style: italic;
  text-align: left;
}

.poppubyear {
  margin: 0px 0px 0px 10px;
  font-weight: bold;
  text-align: left;
}

.poppuburl {
  margin: 5px;
  display :block;
  font-weight: normal;
  text-align: left;
  text-decoration: underline;
}



TABLE.topicsAZ {
  border: 3px solid #AAAADA;  
  border-spacing: 0px;
  empty-cells: show;
  margin-left: auto;
  margin-right: auto; 
}

TABLE.topicsAZ TH {
  text-align: center;
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: 16px; 
  font-weight: bold;
  background-color: #cccccc;
  color: #303000;

}

TABLE.topicsAZ TD { 
  margin: 10px; padding: 10px;
  text-align: left;
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: 14px;
  color: #000080;
  background-color: inherit; 
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  border-left: 1px dotted #DDDDDD;
  border-right: 1px dotted #DDDDDD;
}


/************************************************************************
  * Page des modules
  */

.moduletitle { 
  margin: 20px 0px 15px 5px; 
  font-family: Palatino linotype, Helvetica, sans-serif;
  font-style: Palatino Linotype;
  font-size: 24px; 
  font-weight: bold;
  color: #000080;
  background-color: inherit;
  text-align: center;
}

.moduleheader {
  margin: 0; 
  padding:0;
}

.modulebesttitle {
  margin: 0px 0px 0px 0px; 
  font-family: Palatino linotype, Helvetica, sans-serif;
  font-style: Palatino Linotype;
  font-size: 24px;
  font-weight: bold;
  color: red;
  background-color: inherit;
  text-align: center;
}

.modulebesttitle img {
  vertical-align: middle;
  margin-left: 15px;
  margin-right: 15px;
}

.bestpractices {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 35px;
  margin-right: 35px;
  border: 1px solid red;
  background-color: #ffd3d1;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: justify;
}

.modulebuttons_container {
  width: 100%;
  text-align: center;
  display: block;
  clear: both;
  /*height: 60px;*/
}

.modulebuttons {
  vertical-align: top;
  margin-top: 5px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  width: 750px
}

/*
.modulebuttons a {
  color: #FFFFFF;
  text-decoration: none;
}

.modulebuttons a:hover {
  color: yellow;
  text-decoration: underline;
}

.modulebuttons a.selected {
  color: yellow;
  text-decoration: none;
}


/*.modulebuttons IMG {
  border: 0 solid red;
  margin: 5px 20px 0px 20px; 
}
*/

.moduletopics {
  margin: 0 0 5px 0; 
  text-align: left;
}

#topics {
  height: 0px;
  margin: 0px;
  padding: 0px;
}


.moduletopics UL {
  list-style-type: none;
}

.moduletopics UL .no {
  margin: 0 1em 0 0; 
  color: #000050;
  background-color: inherit ;
  font-family: Palatino linotype, Helvetica, sans-serif;
  font-size: 16px; 
  font-weight: bold;
  display: block;
  float: left;
  clear: left;
  width: 2em;
  text-align: right;
}

.moduletopics UL .ti {
  margin: 0px 0px 8px 5px;
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: 14px; 
  font-weight: bold;
  text-decoration: none;
  display: block;
  float: left;
  clear: right;
  padding-top: 3px;
}

.moduletopics>UL .ti {
  float: none;
}

.moduletopics UL A.ti       { color: #000080; background-color: inherit; }
.moduletopics UL A.ti:hover { color: #008080; background-color: inherit; }

.modulecontent {
  font-family: Palatino linotype, Helvetica, sans-serif; 
  margin: 5px 5px 5px 5px;
  text-align: left;
}

#publist {
  list-style-type: none;
}

#publist li {
  margin-top: 30px;
  border-top: 1px solid LightBlue;
}

.modulecontent UL LI {
  margin-top: 15px;
}

.conclusion {
  font-weight: bold;
}

TABLE.quick {
  width: 700px;
}

TABLE.in_depth a.refdef,
TABLE.quick a.refdef {
  text-align: center;
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: inherit; 
  font-weight: inherit;
  background-color: transparent;
  color: inherit;
}

TABLE.quick td:first-child + td + td {
  text-align: center;
  }

TABLE.in_depth,
TABLE.in_depth2,
TABLE.quick {
  border: 3px solid #AAAADA;  
  border-spacing: 0px;
  empty-cells: show;
  margin-left: auto;
  margin-right: auto; 
 }

TABLE.quick TH,
TABLE.in_depth TH,
TABLE.in_depth2 TH {
  text-align: center;
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: 16px; 
  font-weight: bold;
  background-color: #cccccc;
  color: #303000;
  border-right: 1px solid #AAAAAA;  
}

TABLE.quick TD, 
TABLE.in_depth TD,
TABLE.in_depth2 TD { 
  margin: 0; padding: 0;
  text-align: left;
  font-family: Palatino linotype, Helvetica, sans-serif;
  font-size: 14px;
  color: #000080;
  background-color: inherit; 
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  border-left: 1px dotted #DDDDDD;
  border-right: 1px dotted #DDDDDD;
}

TABLE.quick CAPTION,
TABLE.in_depth CAPTION,
TABLE.in_depth2 CAPTION {
  display: none; /* bug */
  text-align: center;
  width: auto;
  caption-side: bottom;
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: 16px; 
  font-weight: bolder;
  color: #000080;
	background-color: yellow;
}

TABLE.quick TH .smallnote,
TABLE.in_depth TH .smallnote,
TABLE.in_depth2 TH .smallnote {
  text-align: center;
}

TABLE.in_depth TD,
TABLE.in_depth2 TD {
    vertical-align: top;
}

TABLE.quick TD.rowtitle,
TABLE.in_depth TD.rowtitle,
TABLE.in_depth2 TD.rowtitle {
  text-align: center;
  font-family: Palatino linotype, Helvetica, sans-serif; 
  font-size: 14px; 
  font-weight: normal;
  background-color: #EEEEDD;
  color: #303000;
}



A.refdef {
  background-color: inherit;
  text-decoration: none;
}

A.refdef:link    { color: #0020E0; background-color: inherit;}
A.refdef:visited { color: #0020E0; background-color: inherit;}
A.refdef:hover   { color: red; background-color: inherit;}
A.refdef:active  { color: red; background-color: inherit;}

A.refpub {
  background-color: inherit;
  text-decoration: none;
}

A.refpub:link    { color: #0066ff; background-color: inherit;}
A.refpub:visited { color: #0066ff; background-color: inherit;}
A.refpub:hover   { color: red; background-color: inherit;}
A.refpub:active  { color: red; background-color: inherit;}


DIV.listitem {
  clear: both;
}

#team {
  width: 550px;
  margin-left: 30px;
  margin-right: auto;
}

#team table {
  border: 1px solid grey;
  padding: 0;
  border-collapse: collapse;
}

#team table td {
  border: 1px solid grey;
  padding: 3px;
  text-align: center;
}

.teammember {
  float: left;
  margin: 5px;
  height: 100px; 
}

#announcement {
  border: 1px solid #c056da;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: 75px;
  margin-right: 75px;
  background-color: #f6f6f6;
}

#announcement h1 {
  font-size: 18px;
  color: Purple;
  text-align: center;
}

#assess_announcement {
  border: 1px solid #CC0000;
  margin: 10px;
  background-color: LightYellow;
}

#assess_catchphrase {
  color: #CC0000;
}