/*------------------------------------------------------------------------------------------------------------*/

body {  background: url(../images/bg.jpg); font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0px; position: relative; }
p, h1, ul { margin-bottom: 15px; }
p { line-height: 1.5em; text-align: justify; }
b { color: #FFA; }

h2 { color: #FFC; font-size: 14px; padding-bottom: 7px; border-bottom: 1px solid #FFF; margin-bottom: 10px; }

/*------------------------------------------------------------------------------------------------------------*/

#navigation a { float: left; display: block; width: 90px; text-align: center; padding: 5px 0 0 0; color: #222; font-weight: bold; text-decoration: none; }

/*------------------------------------------------------------------------------------------------------------*/

div#headBG { background: url(../images/top_bg.jpg) repeat-x; height: 500px; width: 100%; position: absolute; top: 0px; left: 0px; }
div#outlineWrap { background: url(../images/outline.png); width: 704px; padding: 0 20px 10px 20px; margin: auto; position: relative; }

div#layoutWrapper { background: #FC6; width: 700px; padding: 0 2px 2px 2px; margin: auto; position: relative; }
div#layoutWrapper #header { background: url(../images/header.png) no-repeat; background-position: -2px 0; height: 180px; }
div#layoutWrapper #header #jpBanner { position: absolute; top: 44px; left: 387px; }
div#layoutWrapper #ctWrap { background: url(../images/content/bg.png) repeat-y; }
div#layoutWrapper #navigation { background: url(../images/nav/bg.png) repeat-x; height: 24px; width: 500px; }
div#layoutWrapper #content { color: #FFF; padding: 45px 10px 10px 10px; }

div#footerLinks { text-align: right; padding-top: 5px; }
div#footerLinks a { color: #999; margin-left: 10px; text-decoration: none; }
div#footerLinks a:hover { color: #EEE; }

div#bottomLinks { text-align: center; padding-top: 5px; color: #300; }
div#bottomLinks a { color: #900; margin: 0 10px 0 10px; text-decoration: none; }
div#bottomLinks a:hover { color: #F00; }

#osMsg { position: relative; display: none; padding: 5px 10px 5px 10px; color: #000; text-decoration: none; background: #f9f3cd; border-bottom: 2px solid #e7e1b6; }
#osMsg:hover {  background: #e7e1b6; }
#osMsg button { position: absolute; right: 10px; top: 2px; }

/*------------------------------------------------------------------------------------------------------------*/

div.box { background: url(../images/test_bg.png); border: 1px solid #333; padding: 10px; margin-bottom: 15px; position: relative; }
div.box h2 { color: #F5D33E; font-size: 12px; padding-bottom: 7px; border-bottom: 1px solid #666; margin-bottom: 15px; }

/*------------------------------------------------------------------------------------------------------------*/

form label, form input, form select, form textarea, form div.field { float: left; margin-bottom: 5px; }
form label, form div.field { display: block; padding-top: 4px; }
form div.field { color: #999; background-color: #111; border: 1px solid #666; font-size: 11px; padding: 3px; }
form label { width: 100px; }
form br { clear: both; }
form button { font-size: 11px; }

/*------------------------------------------------------------------------------------------------------------*/

input.field, select.field, textarea.field { float: left; color: #FFF; background-color: #111; border: 1px solid #666; font-size: 11px; width: 125px; padding: 3px; }
input.checkbox { position: relative; margin-right: 10px; top: 3px; margin-bottom: 3px; }

/*------------------------------------------------------------------------------------------------------------*/

div.clear { clear: both; }

/*------------------------------------------------------------------------------------------------------------*/

a { color: #FFC; }
a:focus { outline: none; }

/*------------------------------------------------------------------------------------------------------------*/

table.listing { width: 100%; border-collapse: collapse; border: 1px solid #444; color: #EEE; background: #111; }

table.listing td { border: 1px solid #444; padding: 5px; }
table.listing td.pos { color: #6F6; }
table.listing td.neg { color: #F66; }

table.listing thead th { border: 1px solid #444; background: #200; padding: 5px; font-weight: bold; }

table.listing .odd { background: #161616; }
table.listing tbody tr:hover { background: #000; }


/*------------------------------------------------------------------------------------------------------------*/

ul#systemError{ display: block; margin: 0 0 10px 0; color: #E00; border: 1px solid #E00; background: url(../images/sys_msg/error/background.png); padding: 5px; }
ul#systemError li { list-style: none; }

ul#systemMsg{ display: block; margin: 0 0 10px 0; color: #6E6; border: 1px solid #6E6; background: url(../images/sys_msg/msg/background.png); padding: 5px; }
ul#systemMsg li { list-style: none; }

/*------------------------------------------------------------------------------------------------------------*/

i.rateCalc { font-size: 10px; color: #AAA; font-weight: normal; }

/*------------------------------------------------------------------------------------------------------------*/