BODY {font-family: arial;margin: 200px 0px 80px 0px;}

#mainFrame {width: 340px; margin: 100px auto;}
#mainFrame #mainContainer {width: 300px; padding: 0px 20px 20px 20px; float: left; background-color: #e8f7d7; background-position: 10px 10px; background-repeat: no-repeat;}
#mainFrame #topFrame {width: 160px; height: 50px; padding: 20px 0px 10px 140px; margin: 0px 0px 10px 0px; float: left; color: #737373; font-size: 10px; border-bottom: 1px #c2c2c2 dotted; text-align: right; line-height: 1.5; background-image: url('/images/logo.png'); background-size: auto 55px; background-repeat: no-repeat; background-position: 0px 15px;}
#mainFrame #topFrame A {color: #737373; text-decoration: none;}
#mainFrame #topFrame A:HOVER {text-decoration: underline;}
#mainFrame .formLine {width: 300px; padding: 0px; margin: 0px 0px 10px 0px; float: left;}
#mainFrame .formLine .formRow {width: 130px; float: left; font-size: 12px; padding: 8px 0px 0px 0px;}
#mainFrame .formLine .formInput {width: 150px; margin: 0px 0px 0px 0px; padding: 7px 5px; float: right; font-size: 12px;}
#mainFrame .formLine .antispam {width: 80px; height: 29px; float: left; margin: 0px 5px 0px 8px; border: 1px #ccc solid;}
#mainFrame .formLine .formInputAntispam {width: 58px; margin: 0px 0px 0px 0px; padding: 7px 5px; float: left; font-size: 12px; border: 1px #ccc solid;}
#mainFrame .formLine .formSubmit {width: 160px; float: right; padding: 7px 15px 8px 15px; margin: 5px 0px 0px 0px; color: #FFF; font-size: 14px; font-weight: bold; border: 0px; font-family: arial; cursor: pointer; background-color: #8cbc32;}
#mainFrame .error {width: 260px; padding: 5px 0px 5px 20px; margin: 0px 0px 10px 0px; float: left; font-size: 12px; color: #d9001a; font-weight: bold;}
#mainFrame .warning {width: 300px; float: left; color: #737373; font-size: 10px; text-align: center; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; border-top: 1px #c2c2c2 dotted; }

TABLE {border-collapse: collapse;}
.verticalTableHeader {
    text-align:center;
    white-space:nowrap;
    transform-origin:50% 50%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    
}
.verticalTableHeader:before {
    content:'';
    padding-top:110%;/* takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}