/*=================================== Positioning ============================================*/

#wrapper{float:left;width:100%; overflow: hidden; }
#breadcrumb ul {text-align:left; color:#888888; font-size:12px}
#breadcrumb a {color:#666666;}

/*=================================== Colours & Style ========================================*/
#container { background: #fff; }

div#wrapper{ background-color: #fff; }







/*=================================== Additional Elements ====================================*/
#banner_advert {
      position: absolute;
      right: 10px;
      top: 2em;
      width: 468px;
      height: 60px;
      overflow: hidden;
      margin-top: 10px;
}
.logo img {
      margin: 20px 0 0 10px;
      border: 0;
}


/*=================================== Additional Elements ====================================*/
/* SidePanel Boxes */

.sidepanel a.cal {
      position: relative;
      display: inline;
      font-size: 100%;

}
      
#banner_advert {
      position: absolute;
      right: 10px;
      top: 2em;
      width: 468px;
      height: 60px;
      overflow: hidden;
      margin-top: 10px;
}
#sidebar_advert {
      width: 120px;
      
      overflow: hidden;
      margin: 2em auto 0 auto;
}


 
#doc_msl {
      margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
      width:auto;
      text-align:left;
      }
      
      
#docmsl {
      text-align:left;
      width:auto;
      margin: 0.5em; 
      min-width: 0; 
      }



/*==========================================

      Html elements after being reset by yui reset 
      (see http://developer.yahoo.com/yui/reset/)

==========================================*/
html,body {
      margin: 0;
      padding: 0;

      }


h5,h6,h7 {
      font-family: Century Gothic, arial, helvetica, sans-serif;
      margin: 0.2em 0;
      font-weight: bold;
      color: #000;
      }


h5 { font-size: 100%; }
h6 { font-size: 100%; }
h7 { font-size: 80%; }
p {
      padding: 0;
      margin: 0 0 1em 0;
      }
img {
      border: 0;
      }
form {
      margin: 0;
      padding: 0;
      border: 0;
      }

textarea {
      font-family: Century Gothic, arial, helvetica, sans-serif;
      display: block;
      margin: 0;
      padding:2px;
      border: 1px solid #999;
      }
select {
      padding: 0;
      margin: 0;
      font-size: 85%;
      }
ul,li,dl,dt,dd { 
      margin: 0;
      padding: 0;
      }
ul {
      list-style: none;
      }
thead {
      display:table-header-group;
}
tbody {
      display:table-row-group;
      }

caption,th {
      text-align:left;
      }


#noscript {
      font-size: 85%;
      display: block;
      padding: 3px 2px 3px 24px;
      color: #c00;
      background: #ffc url(../images/interface/error.gif) no-repeat 4px 4px;
      border: 2px solid #c30;
}
#noscript p { 
      margin: 0.1em 0;
}



/*=======================================================

      Toolbar

=======================================================*/
#tb {
      text-align: left;
      height: 2em;
      background-color: #fff;
      color: #330099;
      line-height: 2em;
}
#search {
      position: absolute;
      right: 0;
      top: 0;
      padding: 2px 2px 0 0;
      width: 16em;
      text-align: right;
}
#tbControls {
      position: absolute;
      right: 17em;
      top: 0;

}
.skiplinks {
      list-style-type: none;
      margin: 0;
      padding: 0; 
}
.skiplinks li {
      display: inline;
      margin: 0;
      padding: 0;
      }

li.skipnav a {
      font-size: 80%;
      color: #000;
      text-decoration: none;
      padding: 0 1em;
}
li.skipnav a:hover{
      color: #330099;
      text-decoration: underline;
}
#tbControls ul {
      margin: 0;
      padding: 0;
      }
#tbControls li {
      padding: 0;
      display: inline;
      margin-left: 1em;
}
#tbControls li a {
      text-decoration: none;
      color: #000;
      font-size: 90%;
      line-height: 2.2em;
}
#tbControls li a:hover {
      color: #330099;
      text-decoration: underline;
      }
      
/*=======================================================

      Navigation

=======================================================*/
.nav {
      background: url(nav_bottom.gif) no-repeat 100% 100%;
      padding-bottom: 200px;
}
#nav_header {
      display: none;
}

#main_navigation {
   line-height: 14px;
   overflow: none;
   font-size: 12px;
   margin-bottom: 20px;
}

#main_navigation ul {
    list-style: none;
}

#main_navigation li {
    list-style:none;
    display: inline;
    
   
}

#main_navigation a:link, #main_navigation a:visited {
    float: left;
    border-right: thin solid #000;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
}


/*=======================================================

      System Contols

=======================================================*/

div.login input.textbox , .login input.button {
      display: inline;
}
div.login input.button {
      font-weight: bold;
}
div.login a {
      padding-right:1em;
      padding-bottom: 1em;
      display:table-cell;
      }





.TextRegion_edit {
      float: right;
      }


