body { margin: 0; padding: 0; width: 100%; color: #4A4A4A; font: normal 12px/1.8em Arial, Helvetica, sans-serif; }
html { padding: 0; margin: 0; background-color: #fff; }
.clr { clear: both; padding: 0; margin: 0; width: 100%; font-size: 0px; line-height: 0px; }

h1{
 font:normal 26pt verdana; color:#FFFFFF; text-shadow: 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
h11 { margin: 0; padding: 0; color: #fff; font: bold 35px/1.2em Arial, Helvetica, sans-serif; text-align: left; letter-spacing: -2px; }
    h1 a, h1 a:hover { color: #fff; text-decoration: none; }
    h1 small { display: block; font: normal 13px/1.2em Arial, Helvetica, sans-serif; letter-spacing: normal; padding: 8px 0; }
h2{
 font:normal 20pt Arial; color:#5f5f5f; text-shadow: 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2);
}
h4{
 font:normal 16pt Arial; color:#5f5f5f; 
}
h21 { font: bold 24px Arial, Helvetica, sans-serif; color: #5f5f5f; padding: 8px 0; margin: 8px 0; width: 100%; }
h3 { font: bold 24px Arial, Helvetica, sans-serif; color: #fff; padding: 8px 0; text-align: center; margin: 8px 0; }
p1 { margin: 8px 0; padding: 0 0 8px 0; font: normal 12px/1.8em Arial, Helvetica, sans-serif; color: #000000; }
p { margin: 2px 0; padding: 0 0 0 0; font: normal 14px verdana, Helvetica, sans-serif; color: #000000; }

a { color: #3487bd; text-decoration: none; }
a:hover { color: #3487bd; text-decoration: underline; }

.floatleft { float: left; }
.floatright { float: right; }
.wrapper { margin: 0px auto; width: 1280px; }

.header { margin-top: 0px; margin-bottom: 10px; height: 130px; background: url('../images/header_bg.gif') repeat-x top; -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.50); box-shadow: 3px 3px 25px rgba(0,0,0,0.5); }
    .header .logo { margin-top: 30px; margin-left:70px}

    .header h1 { text-align: center; display: inline-block; padding-left: 200px; }

.side-menu { background-color: #F9F9F9; min-height: 250px; width: 200px; float: left; padding: 10px; }
.contents { background-color: #F9F9F9; min-height: 470px; width: 1025px; float: right; padding: 15px; }

ul.side-nav { list-style: none; color: #959595; padding: 0px; margin: 0px; }
    ul.side-nav li { margin: 0; }
    ul.side-nav li { padding: 4px 0 4px 4px; }
        ul.side-nav li a { color: #3487bd; font: normal 12px verdana; padding-left: 25px; background: url(../images/li.png) no-repeat left center; text-decoration:none;}
            ul.side-nav li a:hover { color: #3487bd; font-weight: bold; }

.footer { border-top-style: solid; border-top-width: 2px; border-top-color: #3487bd; text-align: center; margin-top: 5px; }

.tbl { width: 100%; }

.TableCSS { border: 1px solid black; width: 100%; border-spacing:0; text-align:center}
    .TableCSS thead { background-color: #3487bd; color: #fff; }
        .TableCSS thead tr { }
            .TableCSS thead tr td { }
            .TableCSS thead tr th { }
    .TableCSS tbody { }
        .TableCSS tbody tr { background: #fff; }
            .TableCSS tbody tr.alter { background-color: #e5fcfc; }
            .TableCSS tbody tr td {text-align: left; }
    .TableCSS tfoot { text-align: center; vertical-align: middle; }
        .TableCSS tfoot tr { background-color: #92bee0; color: #fff; }
            .TableCSS tfoot tr td { }
                .TableCSS tfoot tr td a { color: #fff; }

.TableMenu { width: 100%; }
    .TableMenu tbody tr { text-align: right; }

.label { margin: 0; padding: 16px 0 0 0; }
.text22 { width: 400px; border: 1px solid #3487bd; margin: 2px 0; padding: 5px 2px; height: 16px; background: #fff; }
.text{   margin: 2px 0; padding: 5px 2px; background: #fff; border:1px solid #ccc; border-radius:8px;
	    -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:1px 1px 2px #e3e3e3; -moz-box-shadow:1px 1px 2px #e3e3e3;
	    -webkit-box-shadow:1px 1px 2px #e3e3e3;
}
.textarea { width: 400px; border: 1px solid #3487bd; margin: 2px 0; padding: 2px; background: #fff; }
.lbl { text-align: left; vertical-align: middle; text-decoration-color: #000000; font-size: 13px; background-color: #F9F9F9; }
.drop-down-style { overflow: hidden; border: 1px solid #3487bd; 
                   	    border:1px solid #ccc; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; 
                           box-shadow:1px 1px 2px #e3e3e3; -moz-box-shadow:1px 1px 2px #e3e3e3; -webkit-box-shadow:1px 1px 2px #e3e3e3;
}

.button { width: 100px; height: 25px; background-color: #3487bd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #307aaa; padding: 0px; text-decoration-color:white; text-decoration-style:solid;}

.success { background-position: 5px center; background-color: #9BFF9B; border: 1px solid #006600; color: #003300; padding: 5px; display: block; background-image: url('../images/icon-success.png'); background-repeat: no-repeat; text-indent: 20px; }
.error { background-position: 5px center; color: #800000; background-color: #FF9797; border: 1px solid #990000; padding: 5px; display: block; background-image: url('../images/error-icon.png'); background-repeat: no-repeat; text-indent: 20px; }