@import url(fixed-3col.css);

/* layout */
body { text-align: left; }
#header {width: auto;  margin: 0px; }
#header .border { height: 112px; margin: 0px; padding: 0px;}
#container {width: auto; margin: 0px; padding: 0px; }
#columns {width: 1020px; margin: 0px;}
#content { margin-left: 0px; width: 1020px; margin-right: 0px;}
#sidebar1 {display: none; }
#sidebar2 {display: none; }

/* for Internet Explorer */
/*\*/ * html #sidebar2 .border {height: 390px;} /**/
/*\*/ * html #content .border {height: 390px;} /**/
#content .border {min-height: 390px;}

/* fonts */
body, table, select, textarea, input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
#footer {font-size: 0.8em;}
#content h1 {font-size: 2.0em; }
#content h2 {font-size: 1.2em; }
#content .red {color: #E00024; }

h1 { color: #60213c; font-weight: bold; padding: 0px 0px 10px 0px; font-size: 1.8em; margin: 0px;}
p { color: #60213c; line-height: 1.5em; }
a {color: #2b384b;}
td {color: #2b384b;}

/* template style */
body { background: #60213c url(../images/body-bk.gif) repeat-x top left; margin: 0px;}
#container {color: #2b384b; background: #f2f0f1; }
#columns { background-color: white; }

#header {background: #60213c url(../images/body-bk.gif) repeat-x top left; }
#header .border { background: url(../images/header-bk.gif) no-repeat top left; margin-bottom: 0px;}
#header .header-links { font-weight: normal; color: white; padding-top: 10px; width: 1020px; text-align: right; }
#header .header-links a { font-weight: normal; color: white; }
#header .header-links b { background: transparent; }

#footer { color: #DDDDDD;  background: url(../images/footer-bk.gif) repeat-x top; padding-top: 20px; padding-bottom: 20px; text-align: center; font-size: 1.1em; line-height: 1.6em;}
#footer a { color: #DDDDDD; text-align: center; font-size: 1.1em; text-decoration: none;}

#tab-bar {background: url(../images/body-bk.gif) repeat-x bottom; height: 38px;}
#tab-bar ul { margin: 0px; padding: 0px; padding-left: 10px;}
#tab-bar li { float: left; display: inline; }
#tab-bar li a {  display: block; width: 185px; height: 38px;  text-decoration: none;  }
#tab-bar li a { color: #5e394a; line-height: 42px; text-align: center; font-size: 16px; font-weight: bold; }
#tab-bar li {background: url(../images/tab-hover.gif) no-repeat;}
#tab-bar li a {background: url(../images/tab-off.gif) no-repeat;}
#tab-bar li a:hover {background: none; }

#sidebar1 { background: #f2f0f1; }
#sidebar1 .border { padding: 20px 10px;}
#sidebar1 h2 { height: 46px;margin: 0px; padding: 5px 0px 0px 0px; text-align: center; font-size: 1.1em;  background: url(../images/sidebar-header.gif) repeat-x top; }
#sidebar1 ul { list-style-type: none; margin-left: 0px; margin-top: 0px; padding: 0px;}
#sidebar1 li{ margin-left: 0px; padding: 0px;}
#sidebar1 a { color: #2b384b; }
#sidebar1 li a { display: block; padding: 2px 10px;}
#sidebar1 a:hover { background: #d8d8e0;}

#content .border { background: white; padding: 0px 0px;}
#content h1 { padding: 10px 10px 29px 10px; background: #f2f0f1 url(../images/header-h1.gif) repeat-x bottom; }
#content h2 { text-align: left; font-size: 1.4em; color: #60213c; background: #f2f0f1; margin: 0px; margin-bottom: 0px; padding: 10px 10px;}
#content p {padding: 10px; margin: 0px;}
#content p.large { color: #60213c; font-size: 1.5em; }
#content p.constrained { margin: 0px 300px; text-align:center;}
#content form {padding: 0px; margin: 0px;}

.stat-table .odd { background: #e8e3e5; }
.stat-table .even { background: white; }
.stat-table .odd.trans-error { background: #f4c1be; }
.stat-table .even.trans-error { background: #fbedec; }
.stat-table .statheader {   background: url(../images/table-header.gif); }
.stat-table .statheader td { height: 31px; padding: 0px 5px; text-align: center; font-weight: bold; border-right: 0px solid white; border-bottom: 0px solid #2b384b;}
.stat-table td {  border-bottom: 1px solid #787c88; border-left: 1px solid #787c88; padding: 6px 20px; }
.stat-table { margin: 0px; margin-top: 0px; border-collapse: collapse; border-left: 1px solid white; border-bottom: 1px solid white; width: 1020px;}

.config-table {width: 100%; margin: auto;}
.config-table td {padding: 8px 8px; vertical-align: top;}
.config-table .header {   background: url(../images/table-header.gif); }
.config-table .header th { height: 31px; padding: 0px 5px; text-align: center; font-weight: bold; border-right: 0px solid white; border-bottom: 0px solid #2b384b;}
.config-table .icon {width: 16px; padding: 10px 0px 0px 10px; margin: 0px;}
.config-table label {width: 30px; padding: 10px 10px 10px 5px; font-weight: bold; display: inline;}
.config-table .even { background: white; }
.config-table .odd { background: #e8e3e5;}
.config-table input {padding: 4px;}
.config-table select {padding: 4px;}

.fixed-table {table-layout:fixed;}
.fixed-table td {overflow:hidden;}


.help { margin: 5px 10px 10px 165px; font-style: italic;}
.error { color: #CC0000; font-weight:bold;}
.warn { background-color: #CC9999; font-weight:bold;}
.readonly {border: 0px; background: none;}
.editor-links {float: right; font-size: 11px;}
.output {padding: 20px; background: #f2f0f1;}
.output textarea {width: 940px; height: 30em; padding: 20px;}

.submit-buttons {padding: 15px 15px; }
.submit-buttons input {font-weight: bold; font-size: 1.4em; padding: 5px 15px;}