body	{
	background-color: #222222;
  color:#CCFFCC;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5em;
}
table {
  border-spacing: 0px;
  padding: 0px;
}
tr.odd  {
  background: url(ui_default/trans4.png);
}
tr.even  {
  background: transparent;
}
tr.odd1  {
  background: url(ui_default/trans4.png);
}
tr.even1  {
  background: url(ui_default/trans3.png);
}
tr.odd2  {
  background: url(ui_default/trans1.png);
}
tr.even2  {
  background: url(ui_default/trans2.png);
}
tr.odd3  {
  background: #FF9933;
}
tr.even3  {
  background: #FFFF99;
}
tr.odd4  {
  background: #D7D7D7;
}
tr.even4  {
  background: #A9A9A9;
}
tr.odd5  {
  background: #FFFFFF;
}
tr.even5  {
  background: #EEEEEE;
}
td  {
  padding-left: .5em;
  padding-right: 0em;
}
.daftar {
  vertical-align: top;
  padding-left: 1em;
  padding-right: 1em;
}
.daftar1 {
  vertical-align: top;
  padding-left: 1em;
  padding-right: 1em;
  text-align: right;
}
.diskus10 {
  width: 69%;
  background-color: #FDFDFD;
  font-size: 13px;
  border-color: #BBBBBB;
  border-width: 0 0 1px;
  border-style: dotted;
  margin-left: 2em;
  padding-left: 1em;
  padding-right: 1em;
}
.diskus11 {
  width: 69%;
  background-color: #FDFDFD;
  font-size: 13px;
  padding-left: 1em;
  padding-right: 1em;
}
.diskus12 {
  width: 62%;
  background-color: #F7F1E8;
  font-size: 11px;
  border-color: #FFFFFF;
  border-width: 1;
  border-style: solid;
  margin-left: 4em;
  padding-left: 1em;
  padding-right: 1em;
}
.diskus13 {
  margin-left: 4em;
  padding-left: 1em;
  padding-right: 1em;
  width: 69%;
}
.diskus14 {
  width: 62%;
  background-color: #F7F7F8;
  font-size: 11px;
  border-color: #FFFFFF;
  border-width: 1;
  border-style: solid;
  padding-left: 1em;
  padding-right: 1em;
  margin-left: 4em;
}
.diskus15 {
  width: 69%;
  background-color: #FAF1E8;
  font-size: 13px;
  border-color: #FFFFFF;
  border-width: 1;
  border-style: solid;
  margin-left: 2em;
  padding-left: 1em;
  padding-right: 1em;
}
.diskus16 {
  border-width: 1px 0 0 0;
  border-color: #333333;
  border-style: dashed;
}
.salah {
  width: 100%;
  border-color: #000000;
  background-color: #DD0000;
  color: #FFFF00;
}
.konfirmasi {
  width: 100%;
  border-color: #000000;
  background-color: #CCBB00;
  color: #222200;
  font-size: 13px; 
  font-weight: bold;
}
.shoutbox {
  float: right;
  width: 220px;
  right: 1px;
  border-color: #000000;
}
.komen {
  float: right;
  color: #FF6600;
  font-size: 10px;
}
.artikel2 {
  width: 75%;
  font-size: 12px;
}
.dot2 {
  width: 4px;
  padding-right: 0px;
  padding-left: 1em;
  background-image: url(images/edark2.gif);
  background-repeat: no-repeat;
  background-position: 100% 5px;
}
.dot3 {
  width: 4px;
  padding-right: 0px;
  padding-left: 1em;
  background-image: url(images/eorange.gif);
  background-repeat: no-repeat;
  background-position: 100% 5px;
}
.login {
  border-style: none;
  width: 9em;
  background-color: transparent;
}
.loginx {
  background-image: url(ui_default/login.gif);
  background-repeat: no-repeat;
  background-position: center;
}
.kepala {
  background-color: #333333;
  background-image: url(ui_default/kepalax.png);
  background-repeat: no-repeat;
  background-position: right top;
  padding-left: 0em;
  padding-right: 0em;
  z-index: 5;
}
.logo {
  height: 130px;
  overflow: visible;
  z-index: 4;
  position: relative;
  float: left;
  top: 5px;
  left: 5px;
}
.judul1 {
  font-size: 30px;
  color: #FF3311;
  text-align: center;
  font-family: Century Gothic;
  padding-right: 200px;
  top: 45px;
  position: relative;
}
.judul2 {
  font-size: 17px;
  position: relative;
  color: #FFFFFF;
  text-align: center;
  font-family: Century Gothic;
  padding-right: 200px;
  top: 60px;
}
.menu {
  color: #000000;
  background-image: url(ui_default/menu.png);
  background-repeat: no-repeat;
  background-position: right;
  font-size: 10px;
  border-color: #FFFFFF;
  position: relative;
  vertical-align: bottom;
  top: 63px;
  height: 28px;
}
.menu0 {
  background-color: #CCCC22;
  height: 3px;
}
.menu1 {
  background-color: #22AACC;
}
.menu2 {
  width: 73px;
  padding-left: 0px;
  font-variant: small-caps;
  font-size: 10px;
  font-weight: bold;
}
.menu2 a {
  color: #FFFFFF;
  display: block;
  text-decoration: none;
}
.menu2 a:visited {
  color: #DDDDDD ;
  display: block;
  text-decoration: none;
}
.menu2 a:hover {
  color: #000000;
  background-color: #FFFFFF;
  display: block;
}
.menu3 {
  width: 73px;
  padding-left: 0px;
  font-variant: small-caps;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
.menu3 a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
.sisi {
  font-size: 10px;
}
.sisi a:hover {
  color: #FFFFFF;
  background-color: #FFAA00;
}
.sisi a:link  {
  color: #FFCA22;
}
.sisi a:visited {
  color: #FFCA22;
  text-decoration: none;
}
.kiri {
  width: 210px;
  background-color: #333333;
  vertical-align: top;
  padding: 0px;
  z-index: 0;
}
.gambar0 {
  position: relative;
  vertical-align: top;
  top: 0px;
  float: left;
  padding: 0 1em .5em 0;
  color: #FFFFFF;
}
.gambar1 {
  position: relative;
  vertical-align: top;
  top: 0px;
  float: right;
  padding: 0 1em .5em 0;
  color: #FFFFFF;
}
.gambar2 {
  vertical-align: top;
  top: 0px;
  text-align: center;
  color: #FFFFFF;
}
.atanggal {
  text-align: right;
  font-size: 9px;
  color: #888888;
  border-top-color: #444444;
  border-top-style: dashed;
  border-top-width: thin;
}
.atanggal1 {
  font-size: 10px;
  color: #888888;
  width: 300px;
}
.ajudulx {
  font-size: 11px;
  font-weight: normal;
  color: #84301A;
}
.ajudulx {
  font-size: 11px;
  font-weight: normal;
  color: #333333;
}
.ajudul0 {
  font-size: 12px;
}
.ajudul1 {
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  color: #BB2200;
}
.ajudul12 {
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  color: #BB2200;
  text-align: center;
}
.ajudul3 {
  margin-left: 2em;
  font-variant: small-caps;
  font-weight: bold;
  list-style: disc inside url(images/egray.gif);
  display: list-item
}
.ajudul14 {
  font-variant: small-caps;
  font-weight: bold;
}
.ajudul6 {
  margin-left: 2em;
  font-variant: small-caps;
  font-weight: bold;
  list-style: disc inside url(images/egray.gif);
  display: list-item
}
.ajudul4 {
  font-variant: small-caps;
  font-weight: bold;
  width: 45%;
  display: block;
  border-right-style: dashed;
  border-right-width: thin;
  border-right-color: #888888;
  margin: 0 5px 0 15px;
  color: #BB2200;
}
.batas {
  border-style: dashed;
  border-width: 0 0 1px 0;
  border-color: #BBBBBB;
}
.aisi1 {
  text-indent: 2em;
  font-size: 13px;
}
.aisix {
  text-indent: 2em;
  font-size: 11px;
  font-weight: bold;
}
.ajudul2 {
  text-align: center;
  font-variant: caps;
  font-weight: normal;
  font-family: "Monotype Corsiva";
  font-size: 18px;
}
.aisi2 {
  text-indent: 2em;
  font-variant: small-caps;
  font-size: 14px;
  color: #000000;
}
.aisi5 {
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  color: #111111;
}
.apenulis {
  font-variant: small-caps;
  font-size: 13px;
  text-align: center;
  float: right;
  display: block;
  position: static;
}
.utama  {
  background-color: #333333;
  vertical-align: top;
}
.keatas {
  background-color: #FFFFFF;
  text-align: right;
  display: block;
  font-size: 10px;
}
.keatas a:hover {
  background-color: #FFBB99;
}
.keatas a:link {
  color: #333333;
}
.keatas a:visited {
  color: #555555;
  text-decoration: none;
}
.menuhalaman {
  float: right;
  margin-left: 20px;
  background-color: #fFDDbb;
  font-variant: small-caps;
  font-size: 13px;
  text-align: right;
  padding: 0 15px 0 15px;
  border-left-color: #444444;
  border-left-style: dashed;
  border-left-width: thin;
}
.menuhalamanx {
  background-color: #FFFFFF;
  font-variant: small-caps;
  font-size: 13px;
}
.pemisah {
  height: 1px;
  border: 0px;
  background-color: #333333;
}
.pemisahx {
  height: 1px;
  border: 0px;
  border-top-color: #777777;
  border-top-style: dashed;
  border-top-width: thin;
}
.kaki {
  font-size: 8px;
  color: #99CC66;
  background-color: #222222;
  text-align: center;
}
.kakix {
  font-size: 9px;
  font-family: Arial;
  font-variant: normal;
  font-weight: normal;
  color: black;
}
/* tabel info */
table.info	{
    border: 0px;
    border-style: solid;
    border-spacing: 0px;
    padding: 0px;
    border-color: #006699;
    padding: 0px;
    width: 100%;
}
td.info {
  padding-left: 1px;
  padding-right: 1px;
  background-color: #C0C0C0;
  color: #000000;
}
td.infokiriatas {
  width: 5px;
  height: 5px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infokiriatas.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
td.infokiribawah {
  height: 5px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infokiribawah.gif);
  background-repeat: no-repeat;
  background-position: top right;
}
td.infokananatas {
  width: 5px;
  height: 5px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infokananatas.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}
td.infokananbawah {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infokananbawah.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
td.infoatas {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infoatas.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
td.infobawah {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infobawah.gif);
  background-repeat: repeat-x;
  background-position: top;
}
td.infokiri {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infokiri.gif);
  background-repeat: repeat-y;
  background-position: right;
}
td.infokanan {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infokanan.gif);
  background-repeat: repeat-y;
  background-position: left;
}
/* tabel info */
/* tabel infox */
table.infox	{
  border: 0px;
  border-style: solid;
  border-spacing: 0px;
  padding: 0px;
  padding: 0px;
  width: 100%;
  font-family: "Monotype Corsiva";
  font-size: 15px;
}
table.infoxx	{
  border: 0px;
  border-style: solid;
  border-spacing: 0px;
  padding: 0px;
  padding: 0px;
  font-family: "Monotype Corsiva";
  font-size: 16px;
}
td.infox {
  padding-left: 1px;
  padding-right: 1px;
  background-color: #000000;
  color: #DDDDDD;
}
td.infoz {
  padding-left: 1px;
  padding-right: 1px;
  background-color: #000000;
  color: #DDDDDD;
  font-size: 10px;
}
td.infoxx {
  padding-left: 1px;
  padding-right: 1px;
  background-color: #FFFFFF;
  color: #000000;
}
td.infoxkiriatas {
  width: 5px;
  height: 5px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infoxkiriatas.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
td.infoxkiribawah {
  height: 5px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infoxkiribawah.gif);
  background-repeat: no-repeat;
  background-position: top right;
}
td.infoxkananatas {
  width: 5px;
  height: 5px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infoxkananatas.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}
td.infoxkananbawah {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infoxkananbawah.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
td.infoxatas {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infoxatas.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
td.infoxbawah {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infoxbawah.gif);
  background-repeat: repeat-x;
  background-position: top;
}
td.infoxkiri {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infoxkiri.gif);
  background-repeat: repeat-y;
  background-position: right;
}

td.infoxkanan {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/infoxkanan.gif);
  background-repeat: repeat-y;
  background-position: left;
}
/* tabel infox */
/* tabel umum */
table.umum	{
    border: 0px;
    border-style: solid;
    border-spacing: 0px;
    padding: 0px;
    padding: 0px;
    background-color: #333333;
}
td.umum {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #FFFFFF;
  color: #000000;
}
td.umum a:hover {
  color: #FF3300;
  background-color: #FFBB99;
}
td.umum a:link {
  text-decoration: none;
  color: #000000;
}
td.umum a:visited {
  color: #000000;
  text-decoration: none;
}
td.umumkiriatas {
  width: 16px;
  height: 15px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumkiriatas.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
td.umumkiribawah {
  height: 16px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumkiribawah.gif);
  background-repeat: no-repeat;
  background-position: top right;
}
td.umumkananatas {
  width: 16px;
  height: 16px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumkananatas.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}
td.umumkananbawah {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumkananbawah.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
td.umumatas {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumatas.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
td.umumbawah {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumbawah.gif);
  background-repeat: repeat-x;
  background-position: top;
}
td.umumkiri {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumkiri.gif);
  background-repeat: repeat-y;
  background-position: right;
}
td.umumkanan {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumkanan.gif);
  background-repeat: repeat-y;
  background-position: left;
}
/* tabel umum */
/* tabel sisi */
table.sisi	{
    border: 1px;
    border-spacing: 0px;
    padding: 0px;
    border-color: #333333;
    padding: 0px;
    background-color: #333333;
    color: #FFFFFF;
}
td.sisi {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #000000;
  color: #777777;
}
td.sisikiriatas {
  width: 6px;
  height: 6px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/sisikiriatas.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
td.sisikiribawah {
  height: 6px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/sisikiribawah.gif);
  background-repeat: no-repeat;
  background-position: top right;
}
td.sisikananatas {
  width: 6px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/sisikananatas.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}
td.sisikananbawah {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/sisikananbawah.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
td.sisiatas {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/sisiatas.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
td.sisibawah {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/sisibawah.gif);
  background-repeat: repeat-x;
  background-position: top;
}
td.sisikiri {
//  padding-left: 0px;
//  padding-right: 0px;
  background-image: url(ui_default/sisikiri.gif);
  background-repeat: repeat-y;
  background-position: right;
}
td.sisikanan {
//  padding-left: 0px;
//  padding-right: 0px;
  background-image: url(ui_default/sisikanan.gif);
  background-repeat: repeat-y;
  background-position: left;
}
/* tabel sisi */
/* tabel anggota */
table.kalender	{
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
    padding: 0px;
    color: #BBBBBB;
    width: 95%;
    text-align: right;
}
td.kalender {
  padding-left: 2px;
  padding-right: 3px;
  color: #999911;
}
th.kalenderx {
  color: #CCCCCC;
  text-align: center;
}
td.kalenderx {
  padding-left: 2px;
  padding-right: 3px;
  color: #CCCC00;
  font-weight: bold;
}
td.kalendery {
  padding-left: 2px;
  padding-right: 3px;
  color: #995511;
}
td.kalenderz {
  padding-left: 2px;
  padding-right: 3px;
  color: #CC1111;
}
table.anggota	{
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
    border-color: #333333;
    padding: 0px;
    background-color: #FFFFFF;
    color: #FFFFFF;
}
td.anggota {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #FAF1E8;
  color: #000000;
}
td.anggotakiriatas {
  width: 6px;
  height: 5px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/anggotakiriatas.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
td.anggotakiribawah {
  height: 9px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/anggotakiribawah.gif);
  background-repeat: no-repeat;
  background-position: top right;
}
td.anggotakananatas {
  width: 9px;
  height: 5px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/anggotakananatas.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}
td.anggotakananbawah {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/anggotakananbawah.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
td.anggotaatas {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/anggotaatas.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
td.anggotabawah {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/anggotabawah.gif);
  background-repeat: repeat-x;
  background-position: top;
}
td.anggotakiri {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/anggotakiri.gif);
  background-repeat: repeat-y;
  background-position: right;
}
td.anggotakanan {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/anggotakanan.gif);
  background-repeat: repeat-y;
  background-position: left;
}
/* tabel anggota */
/* tabel gambar */
table.gambar	{
    border: 0px;
    border-width: 0px;
    border-spacing: 0px;
    padding: 0px;
    background-color: #333333;
}
td.gambar {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #FFFFFF;
  color: #000000;
  text-align: center;
}
td.gambarkiriatas {
  width: 16px;
  height: 15px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumkiriatas.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
td.gambarkiribawah {
  height: 16px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumkiribawah.gif);
  background-repeat: no-repeat;
  background-position: top right;
}
td.gambarkananatas {
  width: 16px;
  height: 16px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumkananatas.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}
td.gambarkananbawah {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumkananbawah.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
td.gambaratas {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumatas.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
td.gambarbawah {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumbawah.gif);
  background-repeat: repeat-x;
  background-position: top;
}
td.gambarkiri {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumkiri.gif);
  background-repeat: repeat-y;
  background-position: right;
}
td.gambarkanan {
  padding-left: 0px;
  padding-right: 0px;
  background-image: url(ui_default/umumkanan.gif);
  background-repeat: repeat-y;
  background-position: left;
}
#isi1 {
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 13px;
}
#divMenu  {
  top: 10px;
  left: 10px;
  width: 80px;
  height: 25px;
  font-size: 13px;
  position: relative;
  padding-left: .5em;
  padding-right: .5em;
  z-index: 2;
}
#divMenu1  {
  position: relative;
  width: 80px;
  height: 25px;
  font-size: 13px;
  z-index: 3;
}
#aUtama:hover {
  color: #FF3300;
  background-color: #FFBB99;
}
#aUtama:link {
  text-decoration: none;
  color: #000000;
}
#aUtama:visited {
  color: #000000;
  text-decoration: none;
}
#aKomen:link {
  text-decoration: none;
  color: #EEEEEE;
}
#aKomen:hover {
  color: #FF3300;
}
#aKomen:visited {
  color: #DDDDDD;
  text-decoration: none;
}
td.sisi a:link	{
  color: #EEEEEE;
  text-decoration: none;
}
td.sisi a:hover	{
  color: #333333;
  background-color: #000000;
  text-decoration: none;
}
td.sisi a:visited	{
  color: #DDDDDD;
}
    .tutorialWrapper{
      width: 40%;
      background-color: #DDBBAA;
      padding: 3em;
    }
    .tutorialWrapper form{
      background-color: #ffc;
      border: 1px solid #cc9;
      padding: 10px;
      font-family: verdana;
      width: 95%;
      font-size: 11px;
      vertical-align: top; 
    }
    .fieldWrapper{
      margin: 2px 2px 2px 2px;
      padding: 2px;
      color: #000000;
      vertical-align: bottom;
    }
    .tutorialWrapper label{
      float: left;
      text-align: right;
      margin: 0 5px 0 0;
      width: 30%;
    }
    .tutorialWrapper input{
      width: 200px;
      border: 1px solid #cc9;
    }
    .confirmMessage{
      margin: 0;
      padding: 0;
      font-size: .8em;
    }