body,html{
    font-family:verdana,arial,sans;
    font-size:12px;
}
div,body,html{
    padding:0;
    margin:0;
}
a{ text-decoration:none;}
#wrapper div.half{float:left;width:50%;}
#link a{ font-family:verdana; font-size:12px; box-shadow:none;color:#333; padding:5px 10px; float:left; height:auto; text-shadow:none; }
#link a:hover{ color:#900; padding:5px 10px; float:left; }
#btnupdate{float:right;}
#btnconvert,#link{float:right; margin-right:10%;}
#wrapper{  background:url("cssfly_logo.gif") no-repeat right top; padding-top:0px; float:left; width:100%; box-shadow:inset 0 5px 15px #000000; -moz-box-shadow:inset 0 5px 15px #000000; }
#wrapper div.input,
#wrapper div.output{ float:left; width:100%; min-width:320px; padding:0px 0px; }
#wrapper textarea, #wrapper label{ }
#wrapper label{float:left; }
#wrapper label a{ background:#333; padding:5px 10px; color:#ccc; float:left;}
#wrapper label a.active{ background:#fff; padding:5px 10px; color:#000; }
#wrapper textarea {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  color: #333333;
  height: 290px;
  margin-left: 0;
  padding: 5px;
  width: 100%;
}

div#result{ clear:left; padding:0; float:left; width:100%; }
#wrapper .checkbox label{ width:auto; }
#wrapper .checkbox{ padding:5px 10px; }
#toggle{ font-size:10px; text-transform:uppercase; position:absolute; right:5px; top:5px; border:solid 1px #999; border-radius:20px; background:#ccc; color:#999; padding:2px 7px; text-decoration:none;  }
#toggle:hover{ background:#900; color:#fff;  }