/***** Standard *****/
* { font-family: Verdana; font-size: 8.5pt; color: #eee; }
html, body { margin: 0; padding: 0; text-align: center; background: #282828; }
div { text-align: left; }
h1, h2, h3, p, form { margin: 0; padding: 0; }
a, a:link, a:visited, a:active { color: #db7300; text-decoration: none; }
a:hover{ text-decoration: underline; }
/***** Layout *****/
#Header { width: 800px; margin: 20px auto; }
#Header h1 { margin-top: 8px; padding: 0; font-size: 11pt; font-weight: normal; letter-spacing: 0.4pt; }
#Menubar { background: #333; border-top: 1px solid #444; border-bottom: 1px solid #444; padding: 5px 0; }
#Menu { width: 800px; margin: 0 auto; }
#Menu a, #Menu a:link, #Menu a:visited, #Menu a:active { color: #fff; font-size: 10pt; font-weight: bold; }
#Menu a:hover { text-decoration: underline; }
#Menu span { padding: 0 10px; font-family: Comic Sans MS, Verdana; font-size: 12pt; }
#Content { width: 800px; margin: 0 auto; }
#MainContent { float: left; width: 540px; padding: 20px 0; }
#MainContent h2 { font-size: 10.5pt; margin: 0; }
#MainContent h3 { font-size: 9.5pt; margin: 0 0 7px 0; padding: 25px 0 2px 0; border-bottom: 1px solid #eee; letter-spacing: 0.4pt; }
#MainContent p { margin-top: 5px; padding: 0; }
#RightColumn { float: left; width: 220px; padding: 10px 0; margin-left: 40px; }
#RightColumn input.TextBox { border: 1px solid #444; padding: 3px; width: 190px; color: #222; }
#Footer { border-top: 1px solid #444; padding: 10px 0; text-align: center; color: #888; }
#Footer span { color: #888; padding: 0 3px; }
#Footer a { color: #888; }
/***** Style *****/
.Clear { clear: both; }
.Box { background: #333; border: 1px solid #444; padding: 10px; margin-bottom: 20px; }
.Box h4 { font-weight: normal; padding: 0 0 2px 0; margin: 0 0 10px 0; font-size: 10pt; border-bottom: 1px solid #db7300; color: #db7300; }
.Box p { padding: 0; margin-bottom: 5px; }
.Box p.Label { margin-bottom: 2px; }
.Box p.Right { text-align: right; }
input.Button { padding: 4px 15px; background: url('../Image/BgButton.gif') repeat-x top left; border: 1px solid #555; margin-top: 5px; font-weight: bold; }
input.TextBox { color: #222; width: 220px; border: 1px solid #444; padding: 4px; }
textarea.TextBox { color: #222; width: 400px; height: 150px; border: 1px solid #444; padding: 4px; }
td.Label { text-align: right; }
td.HelpText { color: #aaa; }
a.Button, a.Button:link, a.Button:visited, a.Button:active, a.Button:hover { font-size: 10pt; color: #eee; font-weight: bold; background: url('../Image/BgButton.gif') repeat-x top left; padding: 10px 30px; border: solid 1px #919191; text-decoration: none; }
div.ErrorContainer { color: #f55; margin-bottom: 10px; }
div.ErrorContainer div.ErrorMessage { color: #f55; padding-top: 3px; }
div.StatusContainer { color: #3a983a; margin-bottom: 10px; }
div.StatusContainer div.StatusMessage { background: url('../Image/IconOK.png') no-repeat 10px 8px; padding: 10px 0 10px 35px; color: #3a983a; }