body
{
    font-family:Trebuchet MS, verdana;
    font-size:1em;
    background-color:#999999;
}
input, textarea, select
{
    font-family:Trebuchet MS, verdana;
    font-size:75%;
    > font-size:100%;
}
form
{
    margin:0px;
}
#layout
{
    margin:0 auto;
    width:760px;
    height:560px;
    background-color:#666666;
}
#top
{
    position:absolute;
    margin-left:20px;
    margin-top:20px;
    width:720px;
    height:23px;
    background-color:#cccccc;
}
#date
{
    position:absolute;
    margin-left:10px;
    margin-top:5px;
    width:200px;
    height:10px;
    font-size:70%;
}
#nav
{
    position:absolute;
    margin-left:200px;
    margin-top:5px;
    width:510px;
    height:10px;
    font-size:70%;
    text-align:right;
}
#nav a
{
    text-decoration:none;
    color:#000000;
}
#nav a:hover
{
    text-decoration: underline overline;
    color:#000000;
}
#nav #split
{
    width:1px;
    height:10px;
    background-color:#999999;
    padding-left:0px;
    padding-right:0px;
    margin-left:4px;
    margin-right:4px;
    overflow:hidden;
}
#topbar
{
    position:absolute;
    margin-left:20px;
    margin-top:43px;
    width:720px;
    height:7px;
    background-color:#999999;
    overflow:hidden;
}
#stage
{
    position:absolute;
    margin-left:20px;
    margin-top:50px;
    width:720px;
    height:410px;
    background-color:#ffffff;
    overflow:hidden;
}
#stage #flash
{
    position:absolute;
    margin-left:10px;
    margin-top:10px;
    width:398px;
    height:390px;
    background-color:#ffffff;
    overflow:hidden;
}
#stage #billboard
{
    position:absolute;
    margin-left:10px;
    margin-top:10px;
    width:698px;
    height:388px;
    background-color:#ffffff;
    border:1px #cccccc solid;
    overflow:hidden;
}
#stage #hiddentext
{
    display:none;
}
#stage #split
{
    position:absolute;
    margin-left:418px;
    margin-top:10px;
    width:2px;
    height:390px;
    background-color:#999999;
}
#stage #content
{
    position:absolute;
    margin-left:428px;
    margin-top:10px;
    width:282px;
    height:390px;
    color:#999999;
    overflow:auto;
    overflow-x:hidden;
}
#stage #content h1, #stage #wide h1 
{
    font-size:110%;
    margin:0px;
    padding:0px;
}
#stage #content h2, #stage #wide h2
{
    font-size:70%;
    margin:0px;
    margin-bottom:10px;
    padding:0px;
    text-transform: uppercase;
}
#stage #content p, #stage #wide p
{
    font-size:75%;
    margin:0px;
    padding:0px;
    padding-bottom:.5em;
}
#stage #content a, #stage #wide a
{
    text-decoration:none;
    color:#000000;
}
#stage #content a:hover, #stage #wide a:hover
{
    text-decoration: underline overline;
    color:#000000;
}
#stage #wide
{
    width:670px;
    height:360px;
    margin:25px;
    overflow:auto;
    overflow-x:hidden;
}
#stage #content label, #stage #wide label
{
    width:140px;
    height:15px;
    float:left;
    overflow:hidden;
    vertical-align:middle;
    padding-top:3px;
    display:block;
    font-size:75%;
>    font-size:100%;
}
#stage #wide label, #stage #wide input, #stage #wide select, #stage #wide textarea
{
    font-size:75%;
}
#stage #goleft
{
    position:absolute;
    margin-left:604px;
    margin-top:380px;
    width:37px;
    height:19px;
    background-color:#999999;
    overflow:hidden;
    background: transparent url(/_images/goleft.gif) 0px -19px no-repeat;
}
#stage #goleft a:hover
{
    position:absolute;
    margin-left:0px;
    margin-top:0px;
    background: transparent url(/_images/goleft.gif) 0px 0px no-repeat;
}
#stage #goright
{
    position:absolute;
    margin-left:671px;
    margin-top:380px;
    width:37px;
    height:19px;
    background-color:#999999;
    overflow:hidden;
    background: transparent url(/_images/goright.gif) 0px -19px no-repeat;
}
#stage #goright a:hover
{
    position:absolute;
    margin-left:0px;
    margin-top:0px;
    background: transparent url(/_images/goright.gif) 0px 0px no-repeat;
}
#bottombarwelcome
{
    position:absolute;
    margin-left:20px;
    margin-top:460px;
    width:720px;
    height:80px;
    background-color:#999999;
    background-image:url('/_images/barwelcome.gif');
    overflow:hidden;
}
#bottombarmandarin
{
    position:absolute;
    margin-left:20px;
    margin-top:460px;
    width:720px;
    height:80px;
    background-color:#999999;
    background-image:url('/_images/barmandarin.gif');
    overflow:hidden;
}
#bottom
{
    position:absolute;
    margin-left:20px;
    margin-top:540px;
    width:720px;
    height:20px;
    overflow:hidden;
}
#links
{
    position:absolute;
    margin-left:00px;
    margin-top:3px;
    width:500px;
    height:14px;
    font-size:60%;
    text-align:left;
    color:#ffffff;
    overflow:hidden;
}
#links a
{
    text-decoration:none;
    color:#ffffff;
}
#links a:hover
{
    text-decoration: underline overline;
    color:#ffffff;
}
#copyright
{
    position:absolute;
    margin-left:500px;
    margin-top:3px;
    width:220px;
    height:14px;
    font-size:60%;
    text-align:right;
    color:#ffffff;
    overflow:hidden;
}
#copyright a
{
    text-decoration:none;
    color:#ffffff;
}
#copyright a:hover
{
    text-decoration: underline overline;
    color:#ffffff;
}


  body, html
  {
    height: 100%;
    width: 100%;
    2overflow:hidden;
    overflow-x:hidden;
  }
  * html #tbl
  {
    position: absolute;
    top: 50%;
    left: 50%;
  }
  #tbl[id] {
    display: table;
    height: 100%;
    width: 100%;
  }
  * html #cell
  {
    position: relative;
    top: -50%;
    left: -50%;
  }
  #cell[id]
  {
    display: table-cell;
    vertical-align: middle;
  }

#client
{
    width:670px;
    height:365px;
    position:absolute;
    margin-left:0px;
    margin-top:0px;
}
#client-title
{
    width:500px;
    height:30px;
    position:absolute;
    margin-left:0px;
    margin-top:0px;
}
#client-logout
{
    width:170px;
    height:30px;
    position:absolute;
    margin-left:500px;
    margin-top:0px;
    text-align:right;
}
#client-thumbs
{
    width:360px;
    height:335px;
    position:absolute;
    margin-left:0px;
    margin-top:30px;
    overflow:auto;
}
#client-thumb
{
    width:80px;
    height:80px;
    margin-right:5px;
    margin-bottom:5px;
    float:left;
}
#client-wide
{
    width:670px;
    height:335px;
    position:absolute;
    margin-left:0px;
    margin-top:30px;
    overflow:auto;
}
#client-items
{
    width:550px;
    height:80px;
    margin-bottom:5px;
}
#client-thumbnail
{
    position:absolute;
    margin-left:0px;
    margin-top:0px;
    width:80px;
    height:80px;
    margin-bottom:5px;
}
#client-item
{
    position:absolute;
    margin-left:90px;
    margin-top:0px;
    width:550px;
    height:80px;
    margin-bottom:5px;
}
#client-preview
{
    width:300px;
    height:300px;
    position:absolute;
    margin-left:370px;
    margin-top:30px;
    overflow:hidden;
}
#watermark
{
    width:300px;
    height:300px;
    position:absolute;
    margin-left:370px;
    margin-top:30px;
    overflow:hidden;
    z-index:100;
}
#client-form
{
    width:300px;
    height:30px;
    position:absolute;
    margin-left:370px;
    margin-top:335px;
}
