@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: 200px; width: 820px; margin-right: 0px;}
#sidebar1 {width: 200px;  }
#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: 11px;}
#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;}
pre {color: #3f5fbf; margin: 5px 30px;}
.first {font-weight: bold;}

/* 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;}
#header .border { background: url(../images/header-lib.jpg) top left no-repeat; margin-bottom: 0px;}

#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 #tab-reports {background: url(../images/tab-hover.gif) no-repeat;}
#tab-bar #tab-reports a {background: url(../images/tab-off.gif) no-repeat;}
#tab-bar #tab-reports a:hover {background: none; }
.home #tab-bar #tab-reports a {background: url(../images/tab-on.gif) no-repeat; line-height: 36px;}

#tab-bar #tab-examples  {background: url(../images/tab-hover.gif) no-repeat;}
#tab-bar #tab-examples a {background: url(../images/tab-off.gif) no-repeat;}
#tab-bar #tab-examples a:hover {background: none;}
.examples #tab-bar #tab-examples a {background: url(../images/tab-on.gif) no-repeat;}

#tab-bar #tab-config {background: url(../images/tab-hover.gif) no-repeat;}
#tab-bar #tab-config a {background: url(../images/tab-off.gif) no-repeat;}
#tab-bar #tab-config a:hover {background: none;}
.hatch #tab-bar #tab-config a {background: url(../images/tab-on.gif) no-repeat;}

#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 { font-size: 1.4em; color: #60213c; background: #f2f0f1; margin: 0px; margin-bottom: 10px; padding: 10px 0px; text-align: center;}
#content p {padding: 10px; margin: 0px;}
#content form {padding: 0px; margin: 0px;}
#content label {font-weight: bold;}
#content .tupletable {margin: 10px;}
#xcontent .border {  background: url(../images/header-h1.gif) repeat-x bottom; }

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

#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;}

.dialog-title {background: #787c88; line-height: 2em;}