@charset "UTF-8";

body       {background-image: url("../images/background.png");
            background-color: #ffffff;
            margin:0;
            font: 12px Verdana, Arial, Sans-serif, Tahoma;}
a          {text-decoration: none;}
a:hover    {text-decoration: underline;}
a:link     {color: #0000ee;}
a:visited  {color: #990077;}
a:active   {color: #ff0000;}
ul         {padding-left: 1.2em;
            margin-left: 1.2em;}
ul ul      {margin-left: 0px;}
li         {list-style-image: url("../images/bullet.png");
            list-style-type: disc;}
li li      {list-style-image: url("../images/bullet2.png");}
li li li   {list-style-image: url("../images/bullet3.png");}
h2         {font-size:16px;}
h3         {font-size:14px;}
h4         {font-size:13px;}
p          {font-size:13px;}
td         {font-size:13px;}
hr         {border: 0;height: 4px;background-image: linear-gradient(to right,rgba(143,207,239,0),rgba(143,207,239,1.0),rgba(143,207,239,0));}

pre,
code       {font-family: Lucida Console, Liberation Mono, Mono, Courier;}

input[type=text]
           {-webkit-border-radius: 3px;
            border-radius: 3px;
            border: solid 1px #7f9db9;
            padding: 4px;}
input[type=submit],
input[type=reset],
input[type=button]
           {padding:4px 12px;
            background:#afcfff;
            border:2px solid #000;
            cursor:pointer;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            color: #000;
            font-weight: bold;}
input:hover[type=submit],
input:hover[type=reset],
input:hover[type=button] {color: #0000b0;}

.wint      {font-family: Times New Roman, Times;
            font-size:120%;}
.greyed    {font-size: 13px;
            font-style:italic;
            color: #606060;}
.footer    {font-size: 11px;
            color: #606060;}
.form      {font-size: 13px;
            border-style:solid;
            border-width:1px;
            border-color:#7f9db9;}
.noend     {font-size: 11px;}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul    {list-style: none;
                   margin: 0;
                   padding: 0;
                   font-size: 0.95em;}

ul.dropdown       {position: relative;
                   z-index: 1;
                   float: left;
                   font-weight: bold;}

ul.dropdown li    {float: left;
                   line-height: 1.3em;
                   vertical-align: middle;
                   zoom: 1;
                   padding: 7px 10px;
                   border-style: solid;
                   border-width: 1px 1px 1px 0;
                   border-color: #fff #d9d9d9 #d9d9d9;
                   background-color: #ececec;
                   color: #000;}

ul.dropdown li.hover,
ul.dropdown li:hover
                  {position: relative;
                   z-index: 3;
                   cursor: default;
                   background-color: #d0d0d0;
                   color: #000;}

ul.dropdown ul    {visibility: hidden;
                   position: absolute;
                   top: 100%;
                   left: 0;
                   z-index: 2;
                   width: 100%;
                   width: 210px;
                   margin-top: 1px;}

ul.dropdown ul li {float: none;
                   font-weight: normal;}

ul.dropdown ul ul {top: 1px;
                   left: 99%;}

ul.dropdown li:hover > ul
                  {visibility: visible;}

ul.dropdown a:link,
ul.dropdown a:visited
                  {color: #000;
                   text-decoration: none;}

ul.dropdown a:hover
                  {color: #0000ff;}
ul.dropdown a:active
                  {color: #8080e0;}

#tableMenu        {border-style:solid;
                   border-width:1px;
                   border-color:#8fcfef;
                   -webkit-border-radius: 5px;
                   border-radius: 5px;}

.tableFlat,
.tableFlat td,
.tableMotif,
.tableMotif td    {border-collapse: collapse;
                   border-style:solid;
                   border-width:1px;
                   border-color:#8fcfef;}

.tableFlat th,
.tableMotif th    {background-color:#6abcd6;}

.tableMotif td    {text-align: center;}

.tablePage        {border-style:solid;
                   border-width:1px;
                   border-color:#8fcfef;
                   background-color:#ffffff;
                   width:800px;
                   margin-left:auto;
                   margin-right:auto;
                   border-spacing: 0;
                   border-collapse: collapse;}

.tablePage td     {padding: 5px;}

.footer a:link,
.footer a:visited	{color: #606060;}
.footer a:hover	{color: #000000;}
.footer a:active	{color: #000000;}

.boxRound         {border-style:solid;
                   border-width:1px;
                   border-color:#cfdfef;
                   -webkit-border-radius: 5px;
                   border-radius: 5px;
                   display: block;
                   margin-left: auto;
                   margin-right: auto;}

/* When height of screen is less than 450 pixels, change font-size of links and position close button again, so they don't overlap */
@media screen and (max-height: 450px)
                  {.overlay a {font-size: 20px}
                   .overlay .closebtn {font-size: 20px; top: 5px; right: 25px;}
                  }