/* general formatting */
* { margin: 0; padding: 0; }
body { padding: 10px; background: #1e7fc3 url('/style/bg_gradient.gif') 0px 16px repeat-x; }

p, div, td, th, .tabbernav { font: 12px Verdana,Arial,sans-serif; color: #666; }

a:link, a:active, a:visited { color: #369; text-decoration: underline; }
a:hover { text-decoration: none; }

p { padding: 5px 0; }

h1 { margin: 6px 0 3px 0; font-weight: bold; font-size: 16px; }
h2 { margin: 6px 0 3px 0; font-weight: bold; font-size: 14px; }
h3 { margin: 6px 0 3px 0; font-weight: bold; font-size: 13px; }
h4 { margin: 6px 0 3px 0; font-weight: bold; font-size: 12px; }

img { border: 0; }

th { text-align: left; font-weight: bold; }

/* layout elements */
div#adcontainer { position: absolute; top: 11px; left: 5px; width: 974px; }
    div#adheader   { position: relative; float: left; border: 0; padding: 0; top: 0px; left: 12px; min-width: 730px; height: 90px; }
    div#adrightcol { position: relative; float: right; margin-left: 15px; }
   

div#container { top: 92px; position: relative; width: 974px; vertical-align: top; }
div#contentcontainer { position: relative; float: left; width: 790px; margin-top: 0px;}
  h1#branding { position: absolute; top: 0px; left: 0;
                width: 290px; height: 61px; margin: 0;
                background: #fff url('/style/logo_bg.gif') center no-repeat;}
    h1#branding a { position: absolute; display: block; width: 100%; margin: 20px 0 0 70px;
                   color: #c33; font: 22px Trebuchet MS,Arial,sans-serif;
                   letter-spacing: -1px; text-decoration: none; }
  ul#nav-main { position: absolute; top: 0px; left: 290px;
                width: 504px; height: 61px; list-style-type: none;
                background: #fff url('/style/nav_bg.gif') center no-repeat; }
    ul#nav-main li { float: left; margin-top: 28px; padding-left: 5px; }
      ul#nav-main li a:link, ul#nav-main li a:active,
      ul#nav-main li a:visited { color: #666; text-decoration: none; }
      ul#nav-main li a:hover, ul#nav-main li.selected a:link,
      ul#nav-main li.selected a:active, ul#nav-main li.selected a:visited,
      ul#nav-main li.selected a:hover { text-decoration: underline; }
  div#content-wrapper { padding-top: 61px; width: 794px; min-height: 385px; height: auto;
                        background: #fff url('/style/content_bg.gif') top left repeat-y; }
    div#content-main { position: relative; float: left; width: 435px; display: inline;
                       margin-left: 20px; background: #fff; }
      form#form { width: 432px; padding-bottom: 5px;
                  background: url('/style/border_horiz.gif') bottom left repeat-x; }
        form#form label { font-size: 14px; }
        form#form input[type="text"] { width: 300px; font-size: 16px; }
        form#form input#btn-submit { width: 93px; height: 24px;
                                     background: url('/style/button_bg.gif') center no-repeat;
                                     font-weight: bold; color: #fff; border: none; }
      dl#translations { width: 432px; }
        dl#translations .translation, .translation a:link, .translation a:visited, .translation a:hover{ font-size: large; color: #34638d; margin: 0px; }
          dl#translations div.trans-source, div.trans-source a, div.trans-source a:link, div.trans-source a:visited, div.trans-source a:hover{ font-size: xx-small; color: #b0b0b0; font-style: normal;}
          dl#translations div.trans-example { font-size: xx-small; color: #404040; font-style: italic; font-weight: 100; }          
          dl#translations div.trans-example li {  border: 1px dotted; }
            dl#translations dt { margin: 5px 0; font-weight: bold; font-size: 16px; }
            dl#translations dd { float: left; width: 210px; }
              dl#translations dd ul { list-style-type: none; margin-left: 5px; }
                dl#translations dd ul li { margin-bottom: 5px; }
                dl#translations dd ul li a:link, dl#translations dd ul li a:active,
                dl#translations dd ul li a:visited { text-decoration: none; }
                dl#translations dd ul li a:hover { text-decoration: underline; }
        dl#translations dd.similar-words { float: right; width: 170px; margin-bottom: 5px;
                                           background: #eee url('/style/gray_box_bottom.gif') bottom left no-repeat; }
          dl#translations dd.similar-words h2 { margin: 0; padding: 5px 0 2px 10px; font-size: 12px;
                                               background: url('/style/gray_box_top.gif') top left no-repeat; }
          dl#translations dd.similar-words ul { margin: 0 10px; padding: 5px;
                                               background: url('/style/border_horiz.gif') top left repeat-x; }
      div#breadcrumbs { padding: 0 0 4px 2px; font-size: 10px; color: #999; }
      div#content-main ul { margin-left: 20px; padding-bottom: 10px; }
    div#content-sub { float: left; margin-left: 20px; width: 310px; }
  div#content-bottom { width: 844px; height: 16px; margin: -5px 0;
                       background: url('/style/content_bottom.gif') top left no-repeat; }
  div#siteinfo { width: 844px; margin-top: 10px; font-size: 11px; color: #8bcaf5; text-align: center; }
    div#siteinfo a { color: #fff; }
    p#hosting { margin-left: 20px; font-size: 11px; color: #8bcaf5; }
    p#copyright { float: right; margin: -23px 25px 0 0; font-size: 10px; color: #8bcaf5; }

  div.main-ad { position: absolute; top: 0; left: 10px; }
  div.side-ad1 { position: absolute; top: 0; left: 738px; }
  div.side-ad2 { position: absolute; top: 360px; left: 748px; }
  div.bottom-ad { width: 728px; margin: 7px 0 0 10px; text-align: center; }

/* misc classes */
img.swap { cursor: pointer; margin: 0 5px; }
span.keyword { color: #369; font-style: italic; }

table.toc { border-collapse: collapse; }
table.toc td.toc { font-size: 80%; border: 1px solid #000; padding: 5px; }
div.toc1 { margin-left: 0em; padding-top: 2px; }  
div.toc2 { margin-left: 0em; padding-top: 2px; }  
div.toc3 { margin-left: 1em; padding-top: 2px; }
div.toc4 { margin-left: 2em; padding-top: 2px; }

div.deeper { padding-left: 0.5em; }

.nonmail { visibility: hidden; position: absolute; top: 0px; left: 0px; }
.ismail { font-weight: normal; }

img.embed { }
img.embedleft { float: left; }
img.embedright { float: right; } 
img.extlink { width: 10px; height: 10px; }

a.extlink { background:url('/style/extlink.gif') 0px 2px no-repeat; padding-left:10px; }

.banner { margin-bottom: 10px; }
.banner_left { float: left; margin-bottom: 10px; }
.banner_left2 { float: left; margin: 0 0 10px 10px; }
.page_notes { clear: left; float: left; width: 300px;
             background: url('/style/border_horiz.gif') top left repeat-x; }

.clear { clear: both; }

/** Tabs **/
/**************** TABS *******************/

/*
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  .tabbertab = the tab content
*/

.tabber:before { content:"Warning: Javascript must be enabled to view tabs properly." }
.tabber { display:block }
.tabberlive .tabbertabhide { display:none }

.tabber { }
.tabberlive { margin-top:1em; clear:right }

.tabberlive ul.tabbernav
{
 margin:0pt; list-style:none; display:inline;
 padding: 7px 0;
 float:left
}
ul.tabbernav li
{
 margin:0pt; list-style: none;
 display: inline;
 float:none;
}

.tabberlive ul.tabbernav li a.tablink
{
 padding: 3px 1px;
 margin-top: 3px;
 color: #666;
 text-decoration: none;
 display:block;
 width:70px;
 cursor:pointer ;
 z-index:10;
 padding-left: 10px;
 font-weight: bold;
 outline: none;
}
ul.tabbernav li a.tablink:hover
{
 text-decoration: underline;
}
 
.tabberlive ul.tabbernav li.tabberactive a.tablink
{
 background: #eee url('/style/gray_tab_left.gif') top left no-repeat;
}

.tabberlive .tabbertab
{
 z-index:15;
 margin:0px auto;
 padding: 0 0 10px 0;
 margin-left:0px;
 background: #eee url('/style/gray_box2_bottom.gif') bottom left no-repeat;
 width:300px;
 overflow:auto;
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none }

#content-main .tabberlive ul.tabbernav { margin: 0;}
#tabber .tabbertab dl {
 margin: 0;
 padding: 1px 0 0 10px;
 background: url('/style/gray_box2_top.gif') top left no-repeat;
}
#tabber .tabbertab dl dt { font-size: 13px; }
#tabber .tabbertab table,
#tabber .tabbertab dl dd {
 width: 100%;
 padding: 10px 0;
 min-height:14em;
 background: #fff;
}
#translations table td,
#translations table th { padding: 0 3px 3px 3px; }

div.edict { margin-top: 7px; font-style: italic; font-size: 9px; }

table#trans { float:left; width:210px }
.tabbertab dl table#trans { float:none; width:100% }