/*
 *
 * WARNING! This configuration file is under ansible control. Do not edit this
 *          file directly. *ALL* changes should be made via the source area.
 *
 *    From role: app.mail_list
 *     For host: mail-list1
 *
 */

/*****************************************************************************
 * Fixups for hacked university header/banner.
 */

body.unimelbhack { margin-top: 60px; }

#g-user-details {
    position: relative;
    top: 3px;
    width: auto;
    display: inline;
    float: right;
    height: 24px;
    text-align: right;
    font-size: 16px;
    color: #9ec1e6;
    padding-right: 10px;
}

/*****************************************************************************
 * mainMenuBar, the always-there navigation tabs at the top.
 * See main_menu.tt2.
 */

.mainMenuBar {
    position: relative;
    text-align: center;
    margin: 1em 0;
    font-size: 1.5em;
}

.mainMenuBar ul {
    border-bottom: 1px solid #3366CC;
    width: 100%;
    list-style: none;
}

.mainMenuBar * li {
    display: inline;
}

.mainMenuBar * a {
    border: 1px solid #3366cc;
    background: #3366cc;
    color: #dee7f7;
    padding: 4px 5px 4px 5px!important;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -KHTML-border-radius: 5px 5px 0 0;
    -icab-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.mainMenuBar * a:hover {
    border: 1px solid #99ccff;
    border-bottom: 1px solid #99ccff;
    background: #99ccff;
    color: #3366cc;
}

.mainMenuBar * a.currentMenu {
    border: 1px solid #3366cc;
    background: #dee7f7;
    border-bottom: 1px solid #dee7f7;
    color: #3366cc;
}

/*****************************************************************************
 * navMenuBar, action specific menu tabs.
 * See nav.tt2.
 */

.navMenuBar {
    float: left;
    font-size: 1em;
}

.navMenuBar ul {
    padding: 0 10px;
    list-style: none;
}

.navMenuBar * li {
    display: inline;
    margin-right: 4px;
    padding: 5px 0 0 0;
    float: left;
}

.navMenuBar * a {
    border: 1px solid #3366cc;
    background: #3366cc;
    color: #dee7f7;
    padding: 4px 5px 4px 5px!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -KHTML-border-radius: 5px;
    -icab-border-radius: 5px;
    border-radius: 5px 5px;
}

.navMenuBar * a:hover {
    border: 1px solid #99ccff;
    background: #99ccff;
    color: #3366cc;
}

.navMenuBar * a.currentMenu {
    border: 1px solid #3366cc;
    background: #dee7f7;
    color: #3366cc;
}

/*****************************************************************************
 * subMenuBar, subaction specific menu tabs.
 * 3 levels of tabs? Really? *sigh*
 */

.subMenuBar {
    border-top: 1px solid black;
    position: relative;
    margin: 1em 0;
    font-size: 0.9em;
}

.subMenuBar ul {
    padding: 0 10px;
    list-style: none;
}

.subMenuBar ul li {
    display: inline;
}

.subMenuBar * a {
    border: 1px solid #3366cc;
    background: #3366cc;
    color: #dee7f7;
    padding: 4px 5px 4px 5px!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -KHTML-border-radius: 5px;
    -icab-border-radius: 5px;
    border-radius: 5px 5px;
}

.subMenuBar * a:hover {
    border: 1px solid #99ccff;
    background: #99ccff;
    color: #3366cc;
}

.subMenuBar * a.currentMenu {
    border: 1px solid #3366cc;
    background: #dee7f7;
    color: #3366cc;
}

/*****************************************************************************
 * Left-column navigation menus are class MenuBlock.
 */

.MenuBlock {
    background: #fff;
    padding: 5px;
    text-align: left;
    margin-bottom: 1em;
    border: 1px solid #3366CC;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -KHTML-border-radius: 10px;
    -icab-border-radius: 10px;
    border-radius: 10px;
}

.MenuBlock h3 {
    background: #3366CC;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    padding: 0.1em 0;
    margin: 0 0 1em 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -KHTML-border-radius: 5px;
    -icab-border-radius: 5px;
    border-radius: 5px;
}

.MenuBlock ul {
    list-style: none;
}

.MenuBlock a {
    font-weight: bold;
}

.MenuBlock * li.currentMenu a {
    color: #f77d18;
}


/*****************************************************************************
 * The sympa templates us <a class="input"> for the help links in headings.
 */


a.input {
    float: right;
    margin-right: 5px;
    background: #3366cc;
    color: #dee7f7;
    padding: 0 5px;
    border: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -KHTML-border-radius: 5px;
    -icab-border-radius: 5px;
    border-radius: 5px;
}

/*****************************************************************************
 * Stuff from ugly Sympa CSS.
 */

select { 
         background-color: #ffffce;
}

.menuInactive2 {
                 font-size: 1em;
                 line-height: 1.4em;
                 text-decoration: none;
                 font-weight: normal;
}

ul#MainMenuLinks {
    border-bottom: 1px solid #3366CC;
    float: right;
    width: 100%;
    margin-top: 1em;
}

ul#MainMenuLinks li {
    list-style: none;
    display: inline;
}

.text_left { 
             text-align: left;
}

.text_right { 
              text-align: right!important;
}

td.text_right { 
                text-align: right;
}

.text_center { 
               text-align: center;
}

.text_justify { 
                text-align: justify;
}

/* list_panel and list_admin_menu .tt2 block*/

.list_panel,
#list_admin_menu { 
                   font-size: 1.4em; 
                   font-weight: bold;
                   border: 1px solid #000;
                   padding: 0.5em;
                   -moz-border-radius: 4px;
                   -webkit-border-radius: 4px;
                   -KHTML-border-radius: 4px;
                   -icab-border-radius: 4px;
                   border-radius: 4px;
}

.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: #f77d18;
                                 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: 2em;
    list-style: none;
}

#list_type ul {
    list-style: none;
}

input[type="radio"] {
    margin-bottom: 0;
    margin-right: 0.5em;
}

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

img { 
      border: 0px;
}

/* Font */
.smaller { 
           font-size: smaller;
}

.larger { 
          font-size: larger;
}

span.center { 
              text-align: center;
}

/* review.tt2 cels */
td.review_cels { 
                 white-space: nowrap;
                 padding: 0 0.2em;
}

td.review_cels_mail { 
                     white-space: nowrap;
                      text-align: left;
                      padding: 0 0 0 0.2em;
}

.search_form, .edit_list_request_help { 
                                        float: right;
}

#home_rss_news {
                 float: right;
}

#home_rss_news input {
                      background: #f77d18; 
                      border: 1px solid #f77d18; 
                      color: #fff;
                      padding: 0.05em 1em;
                      margin: 0;
                      text-decoration: none;
                      font-size: 0.9em;
                      font-weight: 600;
                      letter-spacing: 0.1em;
                      /* if IE zoom: 1;*/
                      zoom: 1;
                      -moz-border-radius: 10px;
                      -webkit-border-radius: 10px;
                      -KHTML-border-radius: 10px;
                      -icab-border-radius: 10px;
                      border-radius: 10px;
}

#home_rss_news input:hover {
          background: #fff; 
          color: #f77d18; 
}

#home_search_list { 
                    clear: both;
}

#home_search_list form fieldset { 
                                  display: inline;
                                  vertical-align: top;
}

#home_container { 
                  padding: 10px;
                  margin: 0;
                  border: 1px dashed #333;
                  -moz-border-radius: 4px;
                  -webkit-border-radius: 4px;
                  -KHTML-border-radius: 4px;
                  -icab-border-radius: 4px;
                  border-radius: 4px;
}

.edit_list_request_enum{ 
                         margin: 1em;
                         padding-left: 1em;
                         text-align: left;
                         font-size: 1em;
}
                         
/*colors*/
.color0 { 
          background-color: #DEE7F7;
}

.color4 { 
          background-color: #DEE7F7;
}

.color7 { 
          background-color: #ffccee;
}

.color_light { 
               background-color: #DEE7F7;
}

.color_dark { 
              color: #DEE7F7;
}

.color_bg { 
            color: #ffffce;
}

.bg_color_bg { 
    background-color: #ffffce;
}

table tbody tr.bg_color_error,
.bg_color_error { 
    background-color: #ffccee;
}

.list_menu_links { 
    font-weight: bold;
    font-size: 1.2em;
}

a.list_menu_links:hover { 
    color: #f77d18;
    text-decoration: none;
}

.mailing_lists_menu { 
    padding: 10px;
    margin: 5px 25px 5px 25px;
    float: left;
    font-size: 1.1em;
    text-align: left;
}

ul.no_style { 
    list-style: none;
}

.align_top { 
             vertical-align: top;
}
/*explanation bloc of the template &quot;ls_template.tt2&quot;*/
#template_editor { 
                   margin-top: 10px;
}

#template_editor ul {
                      padding-left: 5px;
}
#template_editor li {
                      margin: 2px;
}

/*block of the color table*/
#color_table { 
               border: 1px dotted;
               padding-top: 3px;
               padding-left: 3px;
               padding-bottom: 4px;
}

#color_table th { 
                  border: solid 1px; 
                  text-align: center; 
                  padding: 1px; 
}

#color_table td { 
                  border: 1px solid #000;
                  padding-left: 10px;
}

#color_table .separator { 
                          border: none; 
                          padding: 0px;
                          background-color: #fff;
}

#color_table tr#color_table_title th { 
                                       background-color: #DEE7F7;
}

/*ul of the &quot;help.tt2&quot; template*/
#help {
        padding-left: 10px;
        padding-top: 5px;
        margin-bottom: 20px;
}

#help li { 
           padding: 1px;
}

/** menu &quot;ul&quot; &quot;li&quot; style **/
#help_editfile, #blaklist { 
                            margin: 1em;
}

#help_editfile ul, #blacklist ul {
                                   padding-left: 1em;
                                   margin-top: 0.5em;
                                   margin-bottom: 0.5em;
}

/*bounce level color*/
.bounce_level2 { 
                 background-color: #F00;
}

.bounce_level1 { 
                 background-color: #FF8C00;
}

/* 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;
} 

#global_mailing_lists { 
                        text-align: center;
}

#show_cert { 
             border: 1px solid;
}

#show_cert ul { 
                list-style-type: none;
                padding-top: 5px;
                margin-bottom: 5px;
}

#show_cert ul li { 
                   line-height: 1em;
                   padding-left: 3px;
}

#cp_template { 
               border: 1px solid;
               padding: 3px;
               background-color: #ffcd9d;
               width: 410px;
}

#cp_template fieldset { 
                        display: inline;
                        border: 1px solid;
                        vertical-align: top;
                        margin-left: 3px;
}

#cp_template legend,
#cp_template label { 
                     padding-left: 3px;
}

/* pre */
pre.code { 
           font-family: monospace;
}

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

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

.ContentBlock {
                position: relative;
                font-size: 1.1em;
                margin: 0;
                background: #fff;
                padding: 10px;
                text-align: left;
                height: 100%;
                border: 1px solid #3366CC;
                border-width: 1px;
                z-index: 310;

                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                -KHTML-border-radius: 10px;
                -icab-border-radius: 10px;
                border-radius: 10px;
}

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

.ContentBlock > * {
                       padding: 0px;
                       border-bottom: 0px dotted #999;
                       text-align: left;
}

.ContentBlock * a {
                    border-bottom: 1px dotted #3366CC;
                    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;
}

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

.navBar .MainMenuLinks {
                         padding: 3px 5px 0px 5px!important;
                         -moz-border-radius: 10px 10px 0 0;
                         -webkit-border-top-left-radius: 10px;
                         -webkit-border-top-right-radius: 10px;
                         -webkit-border-bottom-left-radius: 0px;
                         -webkit-border-bottom-right-radius: 0px;
                         -KHTML-border-radius: 10px 10px 0 0;
                         -icab-border-radius: 10px 10px 0 0;
                         border-radius: 5px 5px 0 0;
}

.displayNone {
               display: none;
               height: 0px;
               width: 0px;
}

.title {
         position: absolute;
         top: 60px;
         font-size: 1.6em;
         text-indent: 30px;
}

.customMenu {
              text-indent: 0px;
}

a.dingbat {
            text-align: center;
}

.dingbat {
           text-indent: 0px;
           text-align: center;
           font-weight: 100;
}

.button {
          background: #DEE7F7 !important;
          border: 3px solid;
          padding: 0px  2px  0px 2px;
          margin: 2px;
          border-top-color: #99ccff;
          border-right-color: #999;
          border-bottom-color: #999;
          border-left-color: #99ccff;
}

.button:hover {
                background: #DEE7F7;
                border-top-color: #999;
                border-right-color: #99ccff;
                border-bottom-color: #99ccff;
                border-left-color: #999;
}

.smalltext {
             font-size: 0.8em;
}

.smalltext a {
               font-size: 0.8em;
}

.smallblacktext {
                  color: #000;
                  font-size: 1.2em;
}

.mediumtext {
              font-size: 1.2em;
}

.largetext {
             font-size: 1.6em;
}

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

.MainMenuLinks {
    padding: 5px!important;
    margin-top: 0!important;
    border: 0!important;
}

a.MainMenuLinks {
                  border: 1px solid #3366CC;
                  background: #3366CC;
                  color: #DEE7F7;
                  text-decoration: none;
                  padding: 0px 5px 0px 5px;
}

a.MainMenuLinks:hover {
                        border: 1px solid #99ccff;
                        border-bottom: #3366CC;
                        background: #99ccff!important;
                        color: #3366CC!important;
                        text-decoration: none;
                        padding: 0px px 0px 5px;
}

a.MainMenuLinksCurrentPage {
                             border: 1px solid #3366CC;
                             background: #DEE7F7;
                             border-bottom: 1px solid #DEE7F7;
                             color: #3366CC;
                             text-decoration: none;
                             padding: 3px 5px 0px 5px;
                             -moz-border-radius: 10px 10px 0 0;
                             -webkit-border-top-left-radius: 10px;
                             -webkit-border-top-right-radius: 10px;
                             -webkit-border-bottom-left-radius: 0px;
                             -webkit-border-bottom-right-radius: 0px;
                             -KHTML-border-radius: 10px 10px 0 0;
                             -icab-border-radius: 10px 10px 0 0;
                             border-radius: 10px 10px 0 0;
}

a.MainMenuLinksCurrentPage:hover {
                                   border: 1px solid #3366CC;
                                   background: #DEE7F7;
                                   border-bottom: 1px solid #DEE7F7;
                                   color: #3366CC;
                                   text-decoration: none;
}

input.MainMenuLinks { 
                      margin-top: 4px;
}

input.MainMenuLinks:hover{ 
                           background: #3366CC!important;
                           color: #DEE7F7!important;
                           border: 1px solid #3366CC;
}

a.actionMenuLinks,
a.actionMenuLinksCurrentPage {
    border: 1px solid #3366CC;
    background: #DEE7F7;
    color: #3366CC;
    padding: 3px 5px;
    margin-left: 10px;
    cursor: pointer;
    -moz-border-radius: 5px;
    -KHTML-border-radius: 5px;
    -webkit-border-radius: 5px;
    -icab-border-radius: 5px;
    border-radius: 5px;
}

a.actionMenuLinks:hover,
a.actionMenuLinksCurrentPage:hover {
    background: #99ccff;
    color: #3366cc;
}

.block {
         border: 1px solid #333;
         padding: 7px;
         margin-top: 0;
         -moz-border-radius: 4px;
         -webkit-border-radius: 4px;
         -KHTML-border-radius: 4px;
         -icab-border-radius: 4px;
         border-radius: 4px;
}

.block form {
              margin: 0.5em;
}

.block form fieldset {
                       padding: 0.5em;
}

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

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

#ErrorMsg { 
    position: absolute;
    width: 60%;
    margin: 20% 19%;
    z-index: 610!important;
    border: 2px ridge #000;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    color: #3366cc!important;
    background-color: #dee7f7;
    padding: 1em 0.5em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -KHTML-border-radius: 10px;
    -icab-border-radius: 10px;
    border-radius: 10px;
}



#ErrorMsg .MainMenuLinks { 
    color: #f77d18;
    background-color: #fff;
    border: 2px outset #f77d18;
    padding: 0 1.8em!important;
    margin-top: 1em;
    font-size: 0.7em;
    font-weight: bold;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -KHTML-border-radius: 10px;
    -icab-border-radius: 10px;
    border-radius: 10px;
}

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

#noticeMsg { 
    margin-top: 1.5em;
    width: 98%;
    border: 2px ridge #000;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    color: #f77d18!important;
    background-color: #ffffce;
    padding: 0.5em 0.5em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -KHTML-border-radius: 10px;
    -icab-border-radius: 10px;
    border-radius: 10px;
}

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

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

ul.listenum {
              list-style: none;
}

div.admin_cmd {
                float: left;
                margin: 0em 0.3em 0.1em 0;
                padding: 0 0.3em;
                background: #f77d18;
                border: 1px solid #f77d18;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                -KHTML-border-radius: 6px;
                -icab-border-radius: 6px;
                border-radius: 6px;
}

div.admin_cmd a {
                  color: #fff;
                  font-size: 0.7em!important;
                  font-weight: bold;
                  border: none;
}

div.admin_cmd a:hover {
                        color: #f77d18;
                        border: none;
}

div.admin_cmd:hover {
                      background: #fff;
}

ul li.menuLinksCurrentPage a {
                               color: #f77d18!important;
}

ul.calendar {
              margin-left: 0!important;  
              padding-left: 0!important;
}

ul.calendar a {
                font-size: 1em;
}

ul.calendar li {
                 list-style: none; 
                 display: inline;
                 padding: 0px 1px 0px 2px;
                 line-height: 2em;
                 font-size: 1em;
                 text-decoration: none;
                 border: 1px solid #000;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -KHTML-border-radius: 4px;
                 -icab-border-radius: 4px;
                 border-radius: 4px;
}

ul li.calendarLinks {
                      border: 1px solid #f77d18;
                      background: #fff;
}

ul li.calendarLinks a {
                        color: #f77d18;
                        border: none;
}

ul li.calendarLinks:hover {
                            background: #f77d18;
                            border: 1px solid #f77d18;
}

ul li.calendarLinks a:hover {
                            color: #fff!important;                         
}


ul li.calendarLinksCurrentPage,
ul li.calendarLinksCurrentPage:hover {
                                       border: 1px solid #f77d18!important;
}

ul li.calendarLinksCurrentPage,
ul li.calendarLinksCurrentPage a {
                                   background: #f77d18;
                                   color: #fff!important;
                                   border-bottom: 1px solid #f77d18!important;
}

ul li.calendarLinksCurrentPage:hover,
ul li.calendarLinksCurrentPage a:hover  {
                                          background: #fff;
                                          color: #f77d18!important; 
                                          border-bottom: 1px solid #f77d18!important;
}

ul li.calendarLinksInactive {
                              background: #eee;
                              border: 1px solid #888;
                              color: #888; 
}

ul li.calendarYear {
                     background: #000;
                     border: 1px solid #000;
                     color: #fff; 
}

abbr,
acronym,
.info {
        border-bottom: 1px dotted #3366CC;
        cursor: help;
}

.retraitita {
              background-color: #ffffce;
              border: 1px dashed #999;
              padding: 2px 2px 2px 2px;
              margin: 5px 5px 5px 5px;
}

span.retraitita {
                  background-color: #ffffce;
                  border: 1px dashed #999;
                  padding: 5px 10px 5px 10px;
                  margin: 5px 5px 5px 5px;
                  display: block;
}

input {
    background: #ffffce;
    border: 1px solid #333; 
    padding: 0px;
}

textarea {
    font-family: monospace;
    background: #ffffce;
    border: 1px solid #333; 
    padding: 3px;
}

textarea.desc {
    width: 75%;
    max-width: 500px;
}

textarea.textbox {
    background: #99ccff;
    border: 1px solid #333;
    padding: 3px;
}

input.textbox {
    background: #99ccff;
    border: 1px solid #333;
    padding: 3px;
}

input.button { 
               background: #DEE7F7!important; 
               border: 1px solid;
               padding: 0px  2px  0px 2px;
               margin: 2px; 
               border-top-color: #99ccff;
               border-right-color: #999;
               border-bottom-color: #999;
               border-left-color: #99ccff;
}

input.button:hover {
                     background: #DEE7F7;
                     border-top-color: #999;
                     border-right-color: #99ccff;
                     border-bottom-color: #99ccff; 
                     border-left-color: #999;
}

/* Tables */

table.listOfItems { 
    overflow: scroll;
}

table.listOfItems td { 
    border: 1px solid black;
}

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;
}

/*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;
}

span.bottom_page { 
                   font-size: 0.8em;
                   font-weight: bold;
}

/********************/
/* 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 */