body { background: white; color: black; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0; padding: 0; }

.head { padding: 0; margin: 0; text-align: right; height: 200px; color: #fff; background-color: #333; background-image: url(/static/banner-polar09.jpg); background-repeat: no-repeat; background-position: left bottom; }

.head h1 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0; padding: 1ex; }  

.head h4 { color: #9cb6d6; text-align: right; padding: 1ex; }


.menubar { padding: 2px 1ex; background: #000; color: #eef; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-variant: small-caps; }
.menubar a { color: #eef; 
             text-decoration: none;
             padding-right: 0.5ex;
             padding-left: 0.5ex;
             }
.menubar a:hover { color: #a1bbdc;}

.languages {
	font-size: medium;
	font-variant: small-caps;
} 

.languages a { color: #eef; 
             text-decoration: none;
             padding-right: 0.5ex;
             padding-left: 0.5ex;
             }
			 
.languages a:hover { color: #a1bbdc;}


.userinfo { font-size: small; 
            position: absolute;
            text-align: right;
            right: 0px;
            top: 0px;}

.userinfo input { font-size: small;
                background: #ccc;
                }

.search { color: #eef; float: right; }
.search input { font-size: small;
                background: #ccc;
                }

.main {
        margin-right: 160px;
        margin-left: 2ex;
        margin-top: 1ex;
        color: black;
        background: white;
        line-height: 140%;
        }


.sidepanel { position: absolute; right: 0; padding: 0; margin: 2ex 1ex 0 0.5ex; text-align: center; float: right; width: 150px; font-size: small; color: black; background-color: #eef; border: outset 1px; }

.section { 
           padding: 0px;
           margin: 2ex 1ex 2ex 1ex;
           border: 1px solid #ddd;
           } 
.sectionbody { 
           margin: 2ex;
           } 
.section h2 { margin: 0; padding: 5px; border-width: 0 0 1px; border-style: solid; border-color: #ddd; background: #dde; font-size: 110%; }

.sectiontitle { padding: 2px 1ex; margin: 0 0 1ex; background: #dde; } 

.sidepanel h2 { font-size: small; margin: 0 0 1ex; font-variant:  small-caps; }
h3 { margin: 1ex 0 0.5ex; border-color: black; border-width: 0 0 1px; border-style: dotted; }
    
.sidepanel ul {
        margin: 0px;
        padding: 0px;
        padding-left: 1ex;
        list-style: none;
    }

  
.message { text-align: center; border: dashed 1px black; background-color: #cfc; margin-left: 7%; margin-right: 7%; padding: 1ex; }
.warning { text-align: center; border: dashed 1px black; background-color: #fcc; margin-left: 7%; margin-right: 7%; padding: 1ex; }

.error { background-color: #fcc; border: solid 1px red; margin-left: 7%; margin-right: 7%; padding: 1ex; }

.optbar { 
          font-size: small;
          text-align: right;
          float: right;
          padding-right: 2ex;
          }

textarea { width: 100%; }

.taglist { font-size: small; }
.taglist ul { margin: 0px; display: inline; padding: 0px;
              border-width: 0px 0px 0px 1px;
              border-style: solid;
              border-color: black;
}
.taglist li { display: inline; 
              border-width: 0px 1px 0px 0px;
              border-style: solid;
              border-color: black;
              padding-left: 0.5ex;
              padding-right: 0.5ex;
              }

.tablelist { width: 100%; }
.roweven { background-color: #eef; }
.rowodd { background-color: #efe; }
tr.roweven:hover { background-color: #fef; }
tr.rowodd:hover { background-color: #fef; }

blockquote { border-color:#999;
             border-width: 0px 0px 0px 1px;
             border-style: solid;
             padding-left: 2ex;
             }

.comments ul {list-style: none;
               margin: 0px; 
               padding: 0px;}

.comment h2 { margin: 0px; 
              background-color: #eef;
              font-size: 100%; 
              }
.comment ul { padding-left: 3ex; }
.comment .topbar { font-size: smaller; 
                   background-color: #eef;}

.comment .commentbody { padding: 0.5ex; 
                        }
.bottombar { clear: both; }
.comment .bottombar { font-size: smaller; 
                   background-color: #eef;
                   margin-bottom: 1ex;}

p.commentbody { background-color: #00f; }


.arealist { float: right;
            background-color: #cce; 
            padding: 1ex;
            margin: 0px 0px 0px 1ex;
            border-style: solid;
            border-width: 1px;
            border-color: #778;
	    font-size: smaller; }
.arealist ul { margin: 0px;  padding: 0px;  list-style: none; }

.countdown { background-color: #eeeeef; text-align: center; padding: 1ex; border: solid 1px black; }

.imagecenter { padding: 1ex; text-align: center; }
.imageright { padding: 1ex; float: right; }
.imageleft { padding: 1ex; float: left; }

.alert {text-align: center; font-size: larger; padding: 1ex; border: solid 1px black;}

.info {text-align: center; font-size: smaller; }

.typo { color: red; cursor: help;}

.languageBlock_en {display: none; }
.languageBlock_fr {display: none; }

.languageSpan_en {display: none; }
.languageSpan_fr {display: none; }