@media screen {
* {
	border: 0px solid #ccc;
	color: #333;
	font-size: 13px; font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}
body {
	background: #ffffff;
	text-align: center;
}
ul { margin: 0 0 0 1em }
ol { margin: 0 0 0 1em }

/*colors*/
.color0 {
          background-color: #F2F2F2;
          }

.color4 {
          background-color: #DEE7F7;
          }

.color7 {
          background-color: #ff99cc;
          }

.color_light {
               background-color: #DEE7F7;
               }

.color_dark {
              color: #DEE7F7;
              }

.bg_color_dark {
                 background-color: #DEE7F7;
                 }

.color_bg {
            color: #ffffce;
            }

/* ########## Blocks, id and class ########## */

/*#Canvas {
 margin: 7px 7px 0px 7px;
 position: relative;
 width: 98%;
}
*/
#Canvas {
	  min-height: 95%;
	  position:relative;
          width: 98%;
          margin: 0 0.8em -5em 0.8em;
          }

#Stretcher {
             margin-left:25em;
             margin-top:1em;
             text-align: left;
             }

#Paint {
	vertical-align:top;
	text-align: center;
}
/*#Header {
	background: #335185;
	border: 1px solid #333;
	font-size: 10px;
	text-align: left;
	vertical-align: top; 
}*/
#ActionHeader {
	background: #ffffff;
	border: 1px solid #333;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	padding-bottom: 0px; padding-top: 3px; padding-left: 3px; 
	padding-right: 3px; 
	margin-bottom: 10px;
}

#Clock {float: right; padding-right: 3px; vertical-align:top; font-family: Arial, sans-serif;}
#Login {text-align: left; padding-left: 5px; vertical-align:top; font-family: Arial, sans-serif;}
#Search input.textbox {width: 90%;}
#Logo {text-align: left; padding-top: 5px; padding-left: 5px;}
#Logo a {font-size: 72px;}
#Title {}
.menuInactive {padding-left: 20px}
.menuInactive2 {font-size: 14px; text-decoration: none;}
#FormLabel {font-size: 12px; font-weight: bold;}
#ArcCalendar {padding-bottom: 10px;}
/* #SITELINKS {position: relative; text-align: center;} */
ul#MainMenuLinks li {list-style: none; display: inline;}

/* #top {height:1px;width:1px;display: none;} */
#toggleMenu {float: right; padding-right: 3px;}


#Menus {
	float: left;
	width: 240px; /* width: 25%; nogo w/ ie yet */
	border: 0px solid #ccc;
	padding-top: 0px;
	text-align: left;
}
#Footer {
	background: #e0e0e0;
	border: 1px solid #333;
	clear: both;
	font-size: 10px;
	padding: 2px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
}
#footerleft {
	float: left;
}
#footerright {
	float: right;
	padding-top: 10px;
}

#Identity {text-align: left; font-size: 12px; font-weight: bold; overflow: hidden;}

.Help {display: none; position: absolute; border: 1px dotted #333; z-index: 1000; background: #ffcf9f; }

.MenuBlock {
             background: #fff;
             padding:5px;
             text-align: left;
             margin-bottom: 1em;
             border:1px solid #777777;
             border-width: 0 1px 1px 0;
}

.MenuBlock p strong {
                      font-size: 1.4em;
                      }

.MenuBlock h1 {
                background: #777777;
                color:#F2F2F2;
                text-align: center;
                font-size: 1.2em;
                letter-spacing:0.1em;
                padding:0.1em 0;
                margin:0 0 1em 0;
}

.ContentBlock {
                position: relative;
                font-size: 1.1em;
                margin: 0;
                background: #F2F2F2;
                padding: 10px;
                text-align: left;
                height: 100%;
                z-index:310;
		}

.ContentBlock p {
		  padding: 10px;
                  font-size: 1.1em;
                  }

.ContentBlock > * {
                       padding: 0px;
                       text-align: left;
                       }

.ContentBlock * a {
                    text-align: left;
                    }

.ContentBlock * a:hover {
                          text-decoration:none;
                          }

.ContentBlock * a img {
                        border: 0px;
                        }

a img.Pictures {
                 height:30px;
                 }

a:hover img.Pictures {
                       height: 80px;
                       }
           }
.sub_pictures {
                margin: 2em;
                }

/* pictures block on the suboptions form*/
#pictures_block {
                  text-align: center;
                  height: 120px ;
                  }

#pictures_block div {
                      margin: 1em;
                      float: left;
                      }

#large_picture {
                 height: 80px;
                 }

#pictures_block #large img{
                            height: 80px;
                            }

#pictures_block #small img{
                            height: 30px;
                            margin-top: 50px;
                            }
/* list_panel and list_admin_menu .tt2 block*/

.list_panel,
#list_admin_menu { 
                   font-size: 1.4em; 
                   font-weight: bold;
                   border: 1px solid #000000;
                   padding:0.5em;
                   }

.list_panel { 
             font-size: 1.2em;
	     margin-bottom:0.5em
             }

.list_panel ul,
#list_admin_menu ul {
                      list-style-type: none;
                      margin:0 0.5em
                      }

.list_panel ul li,
#list_admin_menu ul li {
                         font-size:1em;
                         line-height:1.4em;
                         margin-top:0.3em;
                         }

.list_panel span {
			font-weight: normal!important;
			}

.list_panel ul li a:hover,
#list_admin_menu ul li a:hover {
                                 color:#3366cc;
                                 text-decoration:none;
                                 }

.list_panel ul li ul,
#list_admin_menu ul li ul {
                            font-size:0.9em;        
                            }

.list_panel ul li ul li,
#list_admin_menu ul li ul li{
                              font-size:0.9em;
                              line-height:1.2em;
                              margin-top:0em;          
                              }

/* list type on the list creation page */
#list_type {
             margin-left: 5em;
             list-style-type: none;
             }

#list_type dd {
                margin-left: 1em;
                }

img { 
      border: 0px;
      }

.navBar {
          position:relative;
          text-align: center;
          margin: 0 0 0 250px;
          font-size: 1.2em;
          }

.navBar .MainMenuLinks {
                         padding:3px 5px 0px 5px;
                         }

.displayNone {display: none;height:0px;width:0px;}
.printNone {}
.title {position: absolute; top: 60px; font-size: 16px; text-indent: 30px;}
.customMenu {text-indent: 0px; }
a.dingbat {text-align: center;}
.dingbat {text-indent: 0px; text-align: center; font-family: serif; font-weight: 100;}

.button { background:#ffffff !important; border: 3px solid; padding: 0px  2px  0px 2px; margin:2px; border-top-color: #cdcdcd; border-right-color: #ccc;border-bottom-color: #ccc; border-left-color: #cdcdcd;}
.button:hover {background: #ffffff; border-top-color: #ccc; border-right-color: #cdcdcd; border-bottom-color: #cdcdcd; border-left-color: #ccc;}

.smalltext {font-size: 10px;}
.smalltext a {font-size: 10px;}
.smallblacktext {color: #000; font-size: 12px;}
.mediumtext {font-size: 12px;}
.largetext {font-size: 16px;}

/* ########## Elements ########## */

img {}
.MainMenuLinks {border: 1px solid #333; background: #ccc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks {border: 1px solid #333; background: #ccc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks:link {border: 1px solid #333; background: #ccc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks:visited {border: 1px solid #333; background: #ccc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks:hover {border: 1px solid #333; background: #cdcdcd; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks:active {border: 1px solid #333; background: #cdcdcd; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinksCurrentPage {border: 1px solid #333; background: #ffffff; border-bottom: 1px solid #ffffff; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinksCurrentPage:hover {border: 1px solid #333; background: 
#ffffff; border-bottom: 1px solid #ffffff; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}


a.ActionMenuLinks {border: 1px solid #333; background: #ccc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ActionMenuLinks:link {border: 1px solid #333; background: #ccc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ActionMenuLinks:visited {border: 1px solid #333; background: #ccc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ActionMenuLinks:hover {border: 1px solid #333; background: #cdcdcd; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ActionMenuLinks:active {border: 1px solid #333; background: #cdcdcd; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ActionMenuLinksCurrentPage {border: 1px solid #333; background: #fff; border-bottom: 1px solid #fff; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ActionMenuLinksCurrentPage:hover {border: 1px solid #333; background: #fff; border-bottom: 1px solid #fff; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
ul li.ActionMenuLinksInactive {border: 1px dotted #333; background: #ccc; text-decoration: none; padding: 0px 10px 0px 10px;}


a.ArcMenuLinks {border: 1px solid #333; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinks:link {border: 1px solid #333; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinks:visited {border: 1px solid #333; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinks:hover {border: 1px solid #333; background: #cdcdcd; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinks:active {border: 1px solid #333; background: #cdcdcd; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinksCurrentPage {border: 1px solid #333; background: #cdcdcd; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinksCurrentPage:hover {border: 1px solid #333; background: #cdcdcd; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinksInactive { border-bottom: 1px solid #333; border-right:  1px solid #777777; border-top: 1px solid #777777; border-left: 1px solid #777777; color: #777777; text-decoration: none; padding: 0px 10px 0px 10px;}
a.ArcMenuLinksInactive:hover { border-bottom: 1px solid #333; border-right:  1px solid #777777; border-top: 1px solid #777777; border-left: 1px solid #777777; color: #777777; text-decoration: none; padding: 0px 10px 0px 10px;}
#ArcMenuLinksInactive {border: 0px solid #333; text-decoration: none; padding: 0px 0px 0px 3px;}

a.actionMenuLinks {border: 1px solid #333; background:#ffffff ; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinks:link {border: 1px solid #333; background: #ffffff; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinks:visited {border: 1px solid #333; background: #ffffff;  text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinks:hover {border: 1px solid #333; background: #cdcdcd; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinks:active {border: 1px solid #333; background: #cdcdcd; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinksCurrentPage {border: 1px solid #333; background: 
#cdcdcd; color: #afafaf; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinksCurrentPage:hover {border: 1px solid #333; background: 
#cdcdcd; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinksInactive { border-bottom: 1px solid #333; border-right:  1px solid #777777; border-top: 1px solid #777777; border-left: 1px solid #777777; color: #777777; text-decoration: none; padding: 0px 10px 0px 10px;}
a.actionMenuLinksInactive:hover { border-bottom: 1px solid #333; border-right:  1px solid #777777; border-top: 1px solid #777777; border-left: 1px solid #777777; color: #777777; text-decoration: none; padding: 0px 10px 0px 10px;}
#actionnuLinksInactive {border: 0px solid #333; text-decoration: none; padding: 0px 0px 0px 3px;}


.block {
         border:1px solid #000000;
         padding: 7px;
         margin-top:0;
         }

.block form {
              border:1px solid #ccc;
              margin:0.5em 0;
              }

.block form fieldset {
               padding:0.5em;
               clear:right;               
		}

.block span.default { 
                      color: #999;
                      padding-left: 2em;
                      font-weight: bold;
                      }

h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
           text-align: center;
           background: #FFFFFF;
           }
.homeblock {
	   background: #FFFFFF;
	   width: 490px;
}
h1.homeblock {
          border: 1px solid #000000;
	  padding: 7px;
	  text-align: center;   
	  background: #F2F2F2;
          width: 490px;
}

.listTitle {
             position:relative;
	     height: 1%;
	     width: 99.5%;
             text-align: center;
             border: solid #333;
	     border-width: 1px;
             padding: 2px 0px;
             background: #fff;
             font-size:1.3em;
             margin:0 auto;
             }

.listTitle a,
.listTitle a:hover  {
	              color:#333;
		      font-weight:bold;
		      letter-spacing: 0.1em;
		      text-decoration:none;
		      background:none!important;
		      border:none!important;
        	     }

.listTitle a:hover  {
	              color:#3366CC;
        	     }

.listTitle.description  {
		      font-size:1em;
		      font-weight:bold;
	              margin-top:0em;
	              margin-bottom:1.3em;
	              background:none!important;
		      border: solid #333;
	 	      border-width: 1px;
        	     }

.listTitle.description span {
		             color:#333;

	        	     }

#ErrorBlock {
              margin:0;
              padding:0;
              position:absolute;
              left:0;
              top:0;
              z-index:600;
              background: #777777;
              opacity:0.4;
              width:100%;
              height:100%;
              }

#ErrorMsg {
            position:absolute;
            width:60%;
            margin:20% 19%;
            z-index:610!important;
            border: 5px ridge #000;
            font-family:serif;
            font-size: 1.6em;
            font-weight: bold;
            text-align:center;
            color:#fff!important;
            background-color: #777777;
            padding:1em 0.5em;

  }



#ErrorMsg .MainMenuLinks {
                           color:#000000;
                           background-color:#fff;
                           border:2px outset #777777;
                           padding: 0 1.8em!important;
                           margin-top:1em;
                           font-size: 0.7em;
                           font-weight:bold;

 }

#ErrorMsg .MainMenuLinks:hover {
                                 background-color:#777777!important;
                                 border:2px inset #fff;
                                 color:#fff!important;
                                 }

#noticeMsg {
	     margin-top:2.5em;
             width:98%;
             border: 5px ridge #000;
             font-family:serif;
             font-size: 1.6em;
             font-weight: bold;
             text-align:center;
             color:#000000!important;
             background-color: #777777;
             padding:1em 0.5em;
	     z-index:710!important; 
}

#noticeMsg .MainMenuLinks {
                            color:#000;
                            background-color:#fff;
                            border:2px outset #000;
                            padding: 0 2em!important;
                            margin-top:1em;
                            font-size: 0.8em;
                            }

#noticeMsg .MainMenuLinks:hover {
                                  background-color:#000!important;
                                  border:2px inset #fff;
                                  color:#fff!important;
                                  }

p.listenum {
             margin: 0 0 0.5em 1.5em;
             padding:0.3em 0 0 0.5em!important;
             font-size:0.9em;
             }

ul.listenum {
              list-style: none; margin: 0 0 0 1em
              }

ul.listenum li {
                 padding: 4px;
                 }

ul.listenum li a.actionMenuLinks {
                                   background: #777777;
                                   color: #FFFFFF;
                                   font-size:1.1em;
  				   padding:0em 0.4em!important;
                                   }

ul.listenum li a.actionMenuLinks:hover {
                                         background: #FFFFFF;
                                         color:#777777;
                                         border: 1px solid #FFFFFF;
                                         padding:0em 0.4em!important;
                                         }


ul.menuLinks {list-style-type: none;}
ul.menuLinks li {font-size: 14px; list-style-type: none;}
ul li.menuLinks {font-size: 14px; list-style-type: none;}
a.menuLinks {padding: 0px 10px 0px 0px; text-decoration: none;}
a.menuLinks:link {text-decoration: none;}
a.menuLinks:visited {text-decoration: none;}
a.menuLinks:hover {border: 1px solid #dee7f7; background: #cdcdcd; text-decoration: none;}
a.menuLinks:active {border: 1px solid #cdcdcd; background: #dee7f7; text-decoration: none;}
a.menuLinksCurrentPage {border: 1px solid #dee7f7; background: #cdcdcd; padding: 0px 10px 0px 0px; text-decoration: none;}
a.menuLinksCurrentPage:hover  {border: 1px solid #dee7f7; background: 
#cdcdcd; padding: 0px 10px 0px 0px; text-decoration: none;}


strong a.menuLinks {font-size: 14px;}
strong a.menuLinksCurrentPage {font-size: 14px; border: 1px solid #dee7f7; background: #cdcdcd;}
strong a.menuLinksCurrentPage:hover  {font-size: 14px; border: 1px solid #dee7f7; background: #cdcdcd; text-decoration: none;}
ul a.menuLinks {padding: 0px 10px 0px 20px;}
ul a.menuLinksCurrentPage {padding: 0px 10px 0px 20px; font-weight: bold;}
ul a.menuLinksCurrentPage:hover {padding: 0px 10px 0px 20px; font-weight: bold; text-decoration: none;}


ul.calendar a {font-size: 10px;}
ul.calendar li {list-style: none; display: inline; padding: 0px 1px 0px 2px; font-size: 10px; text-decoration: none; border: 1px solid #333;}
ul li.calendarLinks {background: #ffcf9f;}
ul li.calendarLinks:hover {background: #cdcdcd; color: #afafaf; }
ul li.calendarLinksCurrentPage {background: #cdcdcd;}
ul li.calendarLinksCurrentPage:hover {background: #cdcdcd;}
ul li.calendarLinksInactive {}


a img {border: 0px;}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color: #afafaf; text-decoration:underline overline;}
abbr, acronym, .info {
	border-bottom: 1px dotted #007dd7;
	cursor: help;
}
h1 a:hover {text-indent: 30px; font-size: 16px; padding-bottom:10px;}
p a:hover {text-indent: 30px;}
p a:first-letter {font-size: 16px; font-weight: bold;}
 
p {text-indent: 0px;}

h1 {text-indent: 0px; font-size: 20px;}
h2 {text-indent: 0px; font-size: 16px;}
h3 {text-indent: 0px; font-size: 14px;}
h4 {text-indent: 0px; font-size: 14px;}
h5 {text-indent: 0px; font-size: 12px;}
h6 {text-indent: 0px; font-size: 12px;}
/* strong {text-indent: 30px; font-size: 16px; padding-bottom:10px;} */
/* strong {text-indent: 30px; font-size: 16px;} */


a.input {
	background: #ffffce; 
	border: 1px solid #333; 
	padding: 3px; 
	text-decoration: none;
	}
input {
	background: #ffffce; 
	border: 1px solid #333; 
	padding: 0px;
	}
input:hover {
	background: #ffffce;
	}
textarea {
	background: #ffffce; 
	border: 1px solid #333; 
	padding: 3px;
	}
textarea:hover {
	background: #ffffce;
	}

textarea.textbox {
	background: #cdcdcd; 
	border: 1px solid #333; 
	padding: 3px;
	}
textarea.textbox:hover {
	background: #cdcdcd;
	}
input.textbox {
	background: #cdcdcd; 
	border: 1px solid #333; 
	padding: 3px;
	}
input.textbox:hover {
	background: #cdcdcd;
	}
input.button { 
	background:#ffffff !important; 
	border: 1px solid; 
	padding: 0px  2px  0px 2px; 
	margin:2px; 
	border-top-color: #cdcdcd; 
	border-right-color: #ccc;
	border-bottom-color: #ccc; 
	border-left-color: #cdcdcd; 
	}
input.button:hover {
	background: #ffffff; 
	border-top-color: #ccc; 
	border-right-color: #cdcdcd; 
	border-bottom-color: #cdcdcd; 
	border-left-color: #ccc;
	}

/* Tables */

/* default table style */
table.table_style,
table.listOfItems,
table.ls_template {
                    border: 1px solid;
                    border-width: 0 2px 2px 0;
                    background-color:#ffffff;
                    width: auto;
                    margin: 10px;
                    font-size: 1em;
                    }
table.listOfItems {
                    overflow: scroll;
                    }

table.listOfItems td {
                       font-size: smaller;
                       border:1px solid #000;
                       }

table.listOfItems tr {
                       border:1px solid #000;
                       }

table.listOfItems th {
                       background-color: #000;
                       color:#fff;
                       padding:0 2px;
                       border:solid 1px;
                       text-align: center;
                       white-space: nowrap;
                       }

table.listOfItems th a {
                         color:#fff;
                         }

table.listOfItems th a:hover {
                               color: #f77d18;
                               }


table.listOfItems th.sortby {
                              background-color: #fff;
                              color:#000;
                              }

table.pending_lists {
                      border: 1px solid;
                      width: auto;
                      margin: 10px;
                      }

table.pending_lists th {
                         padding: 3px;
                         border: 1px solid;
                         }
table.pending_lists th.title_pending {
                                       padding: 10px;
                                       }

table.ls_template th {
                       padding: 3px;
                       border: solid 1px;
                       background: #DEE7F7;
                       text-align: center;
                       }

/* set_pending_list_request.tt2 template*/
ul#set_pending_radio {
                       display: inline;
                       list-style-type: none;
                       }

ul#set_pending_radio li {
                          display: inline;
                          margin-right: 1em;
                          margin-left: 1em;
                          }

form {
       line-height: 1.8em;
       }

form input,
form textarea,
form select {
              margin: 4px 0px;
              padding: 1px;
              font-size: 1em;
              }

form#logs_form label,
form.bold_label label {
                        font-weight: bold;
                        }

form#bold_label input {
                        margin-left: 5px;
                        margin-top: 5px;
                        }

form input[type="radio"],
form input[type="checkbox"] {
                              vertical-align: middle;
                              border:none;
                              }


/*pref.tt2 template - maybe to delete*/
table.preferences {
                    border: none;
                    border-spacing: 0.5em;
                    font-size: 1em;
                    }
table.preferences th {
                       font-weight: normal;
                       white-space: nowrap;
                       }

#table_container {
                   overflow: auto;
                   }

/* test relookage */


#ucdhead, #ucdhead img {
	padding: 0;
	margin: 0;
	display: block; /*inline causes Mozilla line spacing.*/
	text-align: left;
	}

.auraltext{
	position: absolute;
	font-size: 0;
	left: -1000px;
	}

/* Sympa style override */
body {
	background: #FFFFFF;
	text-align: left;
	}

body .ContentBlock .block {
        background: #EFEFEF;
        }

.ContentBlock h3 {	
	margin-top: 16px;
	}

.ContentBlock ul {
	margin-left: 28px;
	}

.ContentBlock a {
	text-decoration: none;
	border-bottom: none;
	color: #3366cc;
	}


.ContentBlock a:hover {
	text-decoration: underline;
	}

a:hover {background: none; color: #3366cc; text-decoration:underline;}


/* header */
#ucdheader {
	background: #335185 bottom left repeat-x;
	border: none;
	text-align: left;
	vertical-align: top; 
	height: 33px;
	padding-top: 3px;
}

#ucdheader h1 {
	text-align: left;
	color:#FFFFFF;
	padding: 3px 0 0 18px;
	display: inline;
	font-size: 18px;
	margin: 0;
	}

div.navBar {
	width: 500px;
	background: none;
	border: none;
	border-bottom: 1px solid #CCCCCC;
	margin: 12px 0 0 260px;
	padding: 0;
	text-align: left;
	}

.navBar #MainMenuLinks {
	margin: 0;
	border-top: 1px solid #FFFFFF;
	}


#MainMenuLinks a.MainMenuLinks {
	border: 1px solid #CCCCCC; 
	border-top: 1px solid #CCCCCC;
	background: #E2E5EA; 
	text-decoration: none; 
	padding: 0px 10px 0px 10px;
	margin: 0;
	}
	
a.MainMenuLinks:hover {
	text-decoration: underline;
	}
	
a.MainMenuLinks:active {
	text-decoration: underline;
	}
	
a.MainMenuLinksCurrentPage {
	border: 1px solid #656666;
	border-top: 1px solid #656666; 
	border-bottom: 1px solid #EFEFEF;
	background: #EFEFEF;
	}

a.MainMenuLinksCurrentPage:hover {
	background: #EFEFEF;
	border-bottom: none;
	border: 1px solid #656666;
	}


/* side menu */

#Menus {
	padding: 0;
	margin: -20px 0 0 0;
	}
	
#Menus a.menuLinks:hover {
	background: none;
	text-decoration: underline;
	/* 2007/04/25 MPK
	 * remove 'padding: 0' because it makes the :hover
	 * links move when you mouse over them.
	 */
	/* padding: 0; */
	border: none;
	}


div.MenuBlock {
	margin: 0;
	border: 1px solid #CCCCCC;
	}

.MenuBlock #email_login {
	width: 200px;
	}
.MenuBlock #passwd {
	width : 200px;
	}


.smalltext select {
	border: 1px solid #C0C0C0;
	} 

/* content area */
#Stretcher {
	margin: 0 0 0 250px;;
	text-align: left;
	border: none;
	}

.ContentBlock {
	margin: 0;
	background: #fff;
	padding: 10px;
	height: 100%;
}



/* home */
div.topiclist{
	float: left;
	margin: 0 0 0 30px;
	padding: 0 0 24px 0;
	text-align: left;
	}

#searchlists {
	clear: both;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	}

div.topiclist li {
	padding-top: 4px;
	}

div.topiclist li a {
	text-decoration: none;
	border: none;
	}

div.topiclist li a:hover {
	text-decoration: underline;
	border: none;
	}

#rss {
	text-align: right;
	padding-top: 20px;
	}

/* forms */

input.MainMenuLinks {
	background: #EFEFEF; 
	padding: 0 4px;
	}

input {
	background: inherit; 
	border: 1px solid #333; 
	padding: 0px;
	}
	
input.textbox {
	background: inherit; 
	border: none; 
	padding: inherit;
	}
	
input.textbox:hover {
	background: inherit;
	}
	
input.button {
	background: #EFEFEF !important; 
	border: none; 
	padding: inherit; 
	margin:inherit; 
	border-top-color: inherit; 
	border-right-color: inherit;
	border-bottom-color: inherit; 
	border-left-color: inherit; 
	}
	
input.button:hover {
	background:  inherit; 
	border-top-color: inherit; 
	border-right-color: inherit; 
	border-bottom-color:  inherit; 
	border-left-color: inherit;
	}


	
/* footer */

body #Footer {
	background: #FFFFFF;
	border: none;
	border-top: 1px solid #6C6C6C;
	clear: both;
	font-size: 8px !important; 
	padding: 10px 8px;
	text-align: left;
	margin-top: 20px;
	}


/*Header file for IET Web Templates*/
#page_content{
	width:100%;
	min-width:760px;
}
#topbar {
	width: 100%; 
	position: relative;
	background: url("/static/icons/header_3.jpg") no-repeat left top;
	padding-bottom: 3px;
}
#topbar img{
	border:0;
	padding:10px 0 0 15px;
	padding-bottom: 3px;
}
#mapLogo{
	display:block;

}
#map_fixer {
	position: absolute;
	left: -100px; top: -100px;
	display:none;
}
/* Searchbox */
div.searchbox {
	float:right;
	font-size: .9em;
	color: #002666;
	text-align:right;
	margin:-30px 10px 0 0;
	clear:both;
	padding:0;
}

div.searchbox fieldset,#topbar form{
	border:0;
	margin:0;
	padding:0;
}
div.searchbox label{
	color:#666;
}
div.searchbox input[type=text]{
	background:#eee;
	border:1px solid #999;
}

div.searchbox input{vertical-align:middle}
/* End Searchbox */

/* Top Right Links */
#toprightnav {
	float:right;
	margin:-55px 5px 2em 0;
	font-size: .9em;
	clear:both;
}	

#toprightnav a, #toprightnav a:visited {
	color: #002666;
	text-decoration: none;
}

#toprightnav a:hover {
	color: #002666;
	text-decoration: underline;
}

#toprightnav ul{
	padding:0;
	margin:0;
}

#toprightnav ul li{
	list-style-type:none;
	border-right:1px solid #ccc;
	padding:0 5px !important;
	margin:0 !important;
	display:inline
}
/*  End Top Right Links */


/* First Level Links */
#topnav {
	color: #F2EBCC;
	border-bottom: #BF9900 1px solid;
	background-color: #D9C266;
	position: relative;
	width: 100%;
	margin:0 0 3px 0;
	padding: 3px 0;
	font-weight: bold;
	clear:both;
	white-space:nowrap;
}

/* UL styles so the menu won't wrap */
#topnav ul {
	margin: 0;
	padding: 0;
	
}

#topnav ul li {
	display:inline;
	list-style-type: none;
	padding:0 12px;
	margin:0 -1px 0 -01px;
	border:solid #ECE0B2;
	border-width:0 0 0 1px;
}

#topnav ul.right{
	float: right;
	margin: -1.2em 0 0 0px;
	padding:0 10px;
	white-space:nowrap;
}


/* Make the link text black and non-bold */
#topnav a, #topnav a:visited {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#topnav a:hover {
	color: #000;
	text-decoration: underline;
}

/* ------------------------------- End First Level Links 
---------------------- */


/* --------------------------- Second Level Links 
------------------------- */
#midnav {
	
	margin: 0;
	padding-bottom:0px;
	width:100%;
	display:block;
	white-space:nowrap!important;
}

#midnav,#bottomnav {
	width: 100%;
	color:#fff;
	position:relative;
}

#midnav ul,#bottomnav ul {
	margin:0 auto!important;
	padding:0 !important;
	width:100%;
	display:table;
	white-space:nowrap;
	font-size: 1em;
	letter-spacing:1px;
}
#midnav ul {
	height:3.5em;
	white-space:nowrap;
}
#bottomnav ul{
	font-weight:normal;
}

#midnav ul li,#bottomnav ul li {
	list-style-type: none;
	display:table-cell!important;
	vertical-align:middle;
  margin:0 auto!important;
  padding:7px 0 !important;
	text-align:center;
	width:8%;
}

#midnav ul li{
	border-left:1px solid #31548C;
	border-right:1px solid #001232;
	background: url("/static/icons/bg_midnav_new.png") left top #002666;
}
#midnav ul li  span a{
	white-space:nowrap;
	color:#fff;
	text-align:center;
	margin:0 auto!important;	
	width:1px;
}

#midnav a{
	text-decoration: none;
}

#midnav a, #midnav a:visited{
	color: #fff;
	text-decoration: none;
}
#midnav a:hover{
	color: #fff;
	text-decoration: underline;
}


/* ------------------------- End Second level Links 
------------------------- */


/* A modified version of A List Apart - 
http://alistapart.com/articles/slidingdoors2/ */
#nav {
       position:relative;
       float:left;
       width:100%;
       margin: -1.6em 0 0 0.5em;
       clear:right;
       z-index:350;
       }
 
#nav ul {
          height:1.4em;
          margin:-2px;
          padding: 0;
          list-style:none;
          }

#nav ul li {
             float:left;
 	     min-width:0.7em;
             display:inline;
             margin:0 0 0.2em 0.5em;
             padding:0.1em 0.2em;
             border:1px solid #777777;
             border-width: 0 1px 0 0;
             border-bottom:1px solid #F2F2F2;
             }

#nav li.MainMenuLinks {
                        font-weight:normal;
                        background-color:#DEE7F7;
                        border-bottom:1px solid #CCCCCC;
                        padding-top:0.2em!important; 
                        }

#nav li.MainMenuLinks a {
			 color:#333;
                          }

#nav li.MainMenuLinks a:hover {
                                text-decoration:none!important;
                                color:#F2F2F2;
                                }

#nav li.MainMenuLinks:hover {
                              background-color: #777777;
                              border:1px solid #777777;
                              border-width: 0 1px 0 0;
                              border-bottom:1px solid #777777;
                              z-index:300;
                              }

#nav li.MainMenuLinksCurrentPage {
                                   font-weight:normal;
                                   background-color: #F2F2F2;
				   border:1px inset #3366CC;
                                   }

#nav li.MainMenuLinksCurrentPage a{
                                    color:#777777;
                                    padding:0.1em 0.4em; 
                                    border:none;
                                    }

#nav li.MainMenuLinksCurrentPage a:hover{
                                          
text-decoration:none!important;
                                          color:#777777;
                                          }

#nav li.MainMenuLinksCurrentPage:hover {
                                         border-bottom:1px solid 
#F2F2F2;
                                         border-right:1px solid #777777;
                                         z-index:300;
                                         }

#nav li.nolink{
                background-color: #F2F2F2;
                color:#000000;
		min-width:0.9em;
                padding:0.2em 0.4em 0em 0.4em;
                }

#nav > ul a {width:auto;}


#subnav {
  /* background-color: none; */
          position:relative;
	  float:left;
          width:99.9%;
          margin:1px;
          z-index:400!important;
          }


#subnav ul {
             font-size:0.9em;
             margin:1em 0 1em 2em;
             padding: 0;
             list-style:none;
             }

#subnav ul li {
                float:left;
                display:inline;
                margin:0 0.5em 0.2em 0.2em;
                background-color:#F2F2F2;
                }

#subnav ul li.MainMenuLinks{
                             background-color:#DEE7F7;
                             padding:0 1em!important;
                             border:1px outset #777777;
                             }

#subnav ul li.MainMenuLinks a {
                                text-decoration:none;
                                color:#333;
                                }
#subnav ul li.MainMenuLinks a:hover,
#subnav ul li.MainMenuLinks:hover {
                                    color:#F2F2F2;
                                    }

#subnav ul li.MainMenuLinks:hover{
                                   text-decoration:none;
                                   background-color:#777777!important;
		                  		   border:1px outset #777777;
                                   }

#subnav ul li.MainMenuLinksCurrentPage{
                                        background-color:#F2F2F2;
                                        padding:0 1em!important;
                                        color: #777777;
                                        border:1px inset #777777;
                                        }

#subnav ul li.MainMenuLinksCurrentPage a {
                                           color: #777777;
                                           text-decoration:none;
                                           }


/* http://web.ncf.ca/pat/pdqlib/popup.html */
a.boxpopup3 {
  position: relative;
  z-index: 24;
  background-color: lightyellow;
}

a.boxpopup3:hover {
  z-index: 25;
}

a.boxpopup3 span {
  display: none
}

a.boxpopup3:hover span { /*DISPLAYS ONLY ON HOVER*/
  display: block;
  position: absolute;
  top: 2em; 
  left: 0; 
  width: 16em;
  padding: 0.25em;
  border: 2px outset yellow;
  background-color: lightyellow;
  text-align: center;
}

/********************/
/* For the calendar */
/********************/
.divCal {
    	position:absolute;
    	border:1px #DEE7F7;
    	background:#DEE7F7;
	z-index:500;
	}

.divCal a{
    	text-decoration:none;
    	width:100%;
	}

.divCal table {
    		font-size:12px;
    		font-family:Tahoma;
    		text-align:center;
    		margin:0px;
    		width:140px;
		}

.divCal td {
    		margin : 0px;
    		border:1px solid #3366CC;
		}
.divCal .zoneTitre {
    		font-size:12px;
    		font-family:Tahoma;
    		text-align:center;
    		margin:0px;
   		background:#DEE7F7;
		}

.divCal .zoneNav {
    		font-size:10px;
    		font-family:Tahoma;
    		text-align:center;
    		margin:0px;
    		cursor:pointer;
		}

.divCal .zoneMois {
    		font-family:Tahoma;
    		width:70px;
    		margin:0px;
		}

.divCal .zoneAnnee {
    		font-size:10px;
    		font-weight:bold;
    		text-align:right;
    		margin:0px;
    		width:100%;
		}

.divCal .nSemaine {
    		font-family:Tahoma;
		width:30px;
		margin:0px;
		color:#f77d18;
		}

.divCal div{
    		margin : 0px;
		}

.divCal .td {
    		color:#fff;
		} /*par defaut*/

.divCal .tdx .enWeekend {
    			background:#3366CC;
			}

.divCal .tdx .enFeriee {
    			background:#3366CC;
			}

.divCal .tdx .enMois {
    			color:black;
    			font-weight:bold;
			}

.divCal .tdx .aujourdhui {
    			border:2px solid #ff99cc;
			}

.divCal .tdxNow {
    		color:black;
    		font-weight:bold;
		}

.divCal .tdxNow:hover {
   			 background:#f77d18;
			}

.divCal .tdx:hover {
    			background:#ccccff;
			}

.divCal .tdx:hover .enWeekend {
    				background:#99ccff;
				}

.divCal .tdx:hover .enMois {
    				color:#333;
    				font-weight:bold;
    				background:#99ccff;
				} /*pour firefox */

/* http://web.ncf.ca/pat/pdqlib/popup.html */
a.boxpopup3 {
  position: relative;
  z-index: 24;
  background-color: lightyellow;
}

a.boxpopup3:hover {
  z-index: 25;
}

a.boxpopup3 span {
  display: none
}

a.boxpopup3:hover span { /*DISPLAYS ONLY ON HOVER*/
  display: block;
  position: absolute;
  top: 2em; 
  left: 0; 
  width: 16em;
  padding: 0.25em;
  border: 2px outset yellow;
  background-color: lightyellow;
  text-align: center;
}