html, body {height:100%; width:100%; margin:0; padding:0}

.js {
  opacity:.95;
  border:1px solid #999;
  padding:8px;
  background:white;
  font-size:11px;
  width:490px;
  height:184px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-family: monospace;
}

body, td {font-family:helvetica}

body {/*background:#fff*/}

.head {background:#0b5191 url(/images/gradient.png); width:100%; height:100px}
.mead { background: left top repeat-x url(/images/greengrad.png); width:100%;  min-height:220px}

table.main {background:#eaf7e6; }
.mead table {position:relative;top:1em}

.login {font-weight:bold; float:right; margin:.5em; color:white; font-size:13px;}
.login a { color:white;}

#logo {}

.inner {
  width:1000px;
  margin:0 auto;
}

.inner p {
  font-family: Molengo;
}

h2 {margin-top:.25em; margin-bottom:.5em}
p {margin-top:0}

.footer {padding-top:1em; padding-bottom:1em; text-align:center; margin:0 auto; font-size:13px}
.footer a {margin:.0 .5em}

#try {position:absolute; color:white; left:600px; top:220px; background:url(/images/tryit.png) 0 0px; width:137px; height:63px; display:block}
#try:hover {background:url(/images/tryit.png) 0 -63px}

#configurebutton {border:none; cursor:pointer; position:absolute; color:white; left:0px; top:255px; background:url(/images/configurebutton2.png) 0 0px; width:112px; height:53px; display:block}
#configurebutton:hover {background:url(/images/configurebutton2.png) 0 -53px}


/* from example.css */
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

.notsaved {
  padding:8px;
  display:inline-block;
  background:#ffffdc;
  font-size:14px;
  border:1px solid yellow;
  -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.login {
  margin-top:1.5em;
}

#cursor {
  /* giant mouse cursor used on front page */
  height: 160px;
  left: 0;
  position: absolute;
  top: 0;
  width: 160px;
  z-index: 1234567;
}

  body {
    background: #232627 bottom right no-repeat fixed url(/images/body-background.png);
  }
  
  div.head {
    border-top: 1px solid #283037;
    background: #283037 left bottom repeat-x url(/images/top-background.png);
    height: 106px;
  }
  
  div.mead {
    background: #656362 left bottom repeat-x url(/images/mead-background.png);
    border-top: 4px solid #e8e8e8;
    min-height: 140px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #c8c8c8;
  }
  
  div.mead h2 {
    color: #fff;
    font-family: "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica;
    margin-top: 10px;
    margin-bottom: 0.25em;
  }
  
  div.footer a {
    color: #40a5de;
    font-size: 16px;
  }
  
  #main {
    background: #40a5de left top url(/images/main-background.png);
    border-top: 4px solid #e8e8e8;
  }
  
  #hero {
    background: left top no-repeat url(/images/hero-background.jpg);
    font-size: 48px;
  }
  
  .main-inner {
    font-family: "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica;
    height: 100%;
    margin: 0 auto 0 auto;
    padding: 50px 20px 20px 20px;
    width: 1000px;
  }
  
  #hero p {
    margin-bottom: 0.5em;
  }
  
  #hero p.highlight {
    color: #bf5a21;
    margin-top: 0;
    width: 600px;
  }
  
  #try {
    float: right;
    background: left top url(/images/tryit.png);
    display: inline-block;
    height:63px;
    margin-left: 10px;
    position: inherit;
    margin-top: -30px;
    width: 137px;
  }
    
  #title {
    background: left center no-repeat url(/images/title.png);
    display: block;
    height: 86px;
    margin-top: 10px;
    width: 353px;
  }
  
  #title img {
    display: none;
  }

#code {
  width: 100%;
}