* { margin: 0px; padding: 0px; font-family: "Verdana", "Geneva", "sans-serif";  font-size: 14px; xborder: 1px solid red; }

html { background-image: url(design/background.jpg); background-position: center top; background-repeat: repeat-x; }
body { background-image: url(design/background-top.jpg); background-position: center top; background-repeat: no-repeat; margin: 0px auto; }

h1#layoutSize { font-size: 7px; height: 0px; width: 1024px; text-align: center; margin: 0px auto; }
div#layoutHead { clear: both; margin: 0px auto; background-image: url(design/background-top.jpg); background-position: center top; width: 1024px; height: 380px; }
div#layoutFoot { clear: both; margin: 0px auto; background-image: url(design/background-bottom.jpg); background-position: center top; width: 1024px; height: 29px; }
div#layoutBody { clear: both; margin: 0px auto; background-image: url(design/background-middle.jpg); background-position: center top; width: 1024px; }
div#layoutBody div.sideHeader { background-image: url(design/header.jpg); background-position: right top; padding: 6px 5px 7px 15px; margin-bottom: 5px; height: 16px; font-weight: bold; font-size: 16px; line-height: 16px; color: #FFFFFF; }
div#layoutBody div.sideSpace { height: 8px; }
div#layoutBody div.sideIcon { margin-bottom: 5px; text-align: center; clear: both; }
div#layoutBody div.sideIcon a img { border: 1px solid #9F9F9F; }
div#layoutBody div.sideIcon a:hover img { border: 1px solid #01A0C8; }
div#layoutBody div.sideIcon a.text { color: #9F9F9F; text-decoration: none; font-weight: bold; }
div#layoutBody div.sideIcon a.text:hover { color: #01A0C8; }
div#layoutBody div.sideItem { margin-bottom: 5px; background-image: url(design/dots.jpg); background-position: center bottom; background-repeat: no-repeat; clear: both; }
div#layoutBody div.sideItem a { display: block; color: #9F9F9F; font-weight: bold; font-size: 15px; padding-left: 15px; text-decoration: none; line-height: 16px; }
div#layoutBody div.sideItem a:hover { color: #01A0C8; }
div#layoutBody div.sideItem a.selected { color: #008FB2; }
div#layoutBody div#leftPanel { float: left; width: 185px; padding: 0px 10px 20px 10px; margin-left: 26px; }
div#layoutBody div#leftPanel div.sideHeader { width: 165px; }
div#layoutBody div#leftPanel div.sideItem { width: 185px; height: auto; }
div#layoutBody div#leftPanel div.sideItem a.level1 { padding-left: 15px; font-size: 15px; line-height: 16px; height: 19px; }
div#layoutBody div#leftPanel div.sideItem a.level2 { padding-left: 25px; font-size: 13px; line-height: 14px; height: 17px; }
div#layoutBody div#leftPanel div.sideItem a.level3 { padding-left: 35px; font-size: 13px; line-height: 14px; height: 17px; }
div#layoutBody div#leftPanel div.sideItem a.level4 { padding-left: 45px; font-size: 13px; line-height: 14px; height: 17px; }
div#layoutBody div#leftPanel div.sideItem a.level5 { padding-left: 55px; font-size: 13px; line-height: 14px; height: 17px; }
div#layoutBody div#mainPanel { float: left; width: 521px; padding: 0px 10px; }
div#layoutBody div#rightPanel { float: left; width: 204px; padding: 0px 10px 20px 10px; xbackground-color: red; }
div#layoutBody div#rightPanel div.sideHeader { width: 184px; }
div#layoutBody div#clearPanel { clear: both; }
div#layoutHead a#logo { display: block; margin: 0px auto; width: 969px; height: 400px; }

div#copyright { text-align: center; padding: 10px; }
div#copyright a { color: #576162; text-decoration: none; }
div#copyright a:hover { color: #000000; }
div#debug { width: 970px; padding: 4px 27px; text-align: left; margin: 0px auto; color: #576162; clear: both; }
div#message { width: 970px; height: 1px; margin: 0px auto; }
div#message div.inner { width: 965px; position: absolute; top: 2px; text-align: center; border: 1px solid #606000; background-color: #FFFF00; padding: 5px; }

div.title { text-align: center; color: #000000; font-weight: bold; font-size: 15px; margin: 5px 0px; }
div.title a { text-decoration: none; color: #9F9F9F; }
div.title a:hover { text-decoration: underline; color: #01A0C8; }
div.title a.current { text-decoration: underline; }
div.title i { font-style: italic; color: #CFCFCF; }
div.pages { text-align: center; padding-bottom: 10px; }
div.pages a { font-weight: bold; text-decoration: none; color: #9F9F9F; }
div.pages a:hover { text-decoration: underline; color: #01A0C8; }
div.pages a.current { text-decoration: underline; }

table.system { border-collapse: collapse; margin: 5px auto; border: 1px solid #01A0C8; background-color: #C8ECFC; clear: both; }
table.system td.space { height: 20px; }
table.system td.name { padding: 7px 10px 0px 5px; vertical-align: top; white-space: nowrap; }
table.system td.value { padding: 5px 5px 0px 5px; vertical-align: top;}
table.system td.value b { display: block; margin-top: 2px; }
table.system td.submit { padding: 5px 5px 5px 5px; text-align: right; }
table.system td.hidden { display: none; }
table.system td.list { padding: 5px 5px; vertical-align: top; }
table.system td.list div.headItem { text-decoration: underline; font-weight: bold; line-height: 13px; height: 20px; }
table.system td.list div.leftItem { padding-left: 10px; }
table.system td.list div.rightItem { padding-right: 10px; text-align: right; }
table.system td.list div.rightItem span.value { font-weight: bold; }
table.system td.list div.rightItem span.error { font-weight: bold; color: #FF0066; }
table.system th { background-color: #01A0C8; font-weight: bold; text-align: left; padding: 4px; white-space: nowrap; color: #FFFFFF; }
table.system th.header { text-align: center; }
table.system th div.header { margin-left: 13px; }
table.system th a { font-weight: bold; text-decoration: none; color: #FFCC00; }
table.system th a:hover { text-decoration: underline; color: #000000; }

table.system tr p { margin: 5px 0px; }
table.system tr.even td { padding: 4px; }
table.system tr.odd td { background-color: #E2F5FD; padding: 4px; }
table.system div.date { text-align: center; }
table.system div.numeric { text-align: center; }
table.system div.enum { text-align: center; white-space: nowrap; }
table.system div.thumb { text-align: center; width: 150px; }
table.system div.thumb a img { border: 1px solid #9F9F9F; }
table.system div.thumb a:hover img { border: 1px solid #01A0C8; }
table.system div.download a { font-size: 16px; }
table.system div.download div { font-size: 13px; font-style: italic; color: #01A0C8; }
table.system div.icon { text-align: center; width: 150px; }
table.system div.icon a { display: block; text-align: center; }
table.system div.order { float: left; padding: 0px; width: 11px; height: 13px; line-height: 13px; margin-top: 3px; }
table.system div.order a { display: block; width: 9px; height: 4px; padding: 1px; line-height: 4px; font-size: 1px; border: none !important; background-position: center; background-repeat: no-repeat; }
table.system td a { font-weight: bold; text-decoration: none; color: #9F9F9F; }
table.system td a:hover { text-decoration: underline; color: #01A0C8; }
table.system td div.order a { background-position: center; background-repeat: no-repeat; }
table.system td div.order a.asc { background-image: url(design/arrow-black-down-empty.gif); }
table.system td div.order a.desc { background-image: url(design/arrow-black-up-empty.gif); }
table.system td div.order a.asc:hover { background-image: url(design/arrow-black-down-full.gif); }
table.system td div.order a.desc:hover { background-image: url(design/arrow-black-up-full.gif); }
table.system td div.order a.ascSelected { background-image: url(design/arrow-black-down-full.gif); }
table.system td div.order a.descSelected { background-image: url(design/arrow-black-up-full.gif); }
table.system th div.order a.asc { background-image: url(design/arrow-white-down-empty.gif); }
table.system th div.order a.desc { background-image: url(design/arrow-white-up-empty.gif); }
table.system th div.order a.asc:hover { background-image: url(design/arrow-white-down-full.gif); }
table.system th div.order a.desc:hover { background-image: url(design/arrow-white-up-full.gif); }
table.system th div.order a.ascSelected { background-image: url(design/arrow-white-down-full.gif); }
table.system th div.order a.descSelected { background-image: url(design/arrow-white-up-full.gif); }

table.system div.error { width: 20px; height: 21px; margin-left: 8px; padding: 8px 0px 8px 0px; background-image: url(design/arrow-error.gif); background-position: left top; background-repeat: no-repeat; }
table.system div.error div { position: absolute; height: 20px; display: inline; background-color: #FFD0D0; border: 1px solid #D00000; color: #D00000; padding: 4px; white-space: pre; line-height: 20px; }

tt { font-family: "Consolas", "Courier New", "Courier"; white-space: pre; }
em { padding: 0px 1px; letter-spacing: 1px; font-style: normal; }
abbr { border-bottom: 1px dashed; }
ol, ul { padding: 5px; }
li { margin-left: 18px; font-weight: normal; }

dl.glossary { padding: 25px 5px 25px 5px; }
dl.glossary dd { font-size: 15px; margin: 10px 0px 0px 0px; font-weight: bold; }
dl.glossary dt { font-size: 12px; margin: 2px 0px 10px 10px; }
dl.glossary dt sup { line-height: 10px; font-size: 10px; }

span.editor a { }
span.editor a:hover { text-decoration: none !important; }
span.editor a:hover div.inner { display: block; clear: both; border: 1px solid #606000; background-color: #FFFF00; padding: 10px; }
span.editor a div.outer { position: absolute; height: 0px; }
span.editor a div.inner { display: none; height: 300px; color: #000000; }
span.editor tt { display: block; }
span.editor tt.space { padding-top: 10px; }

div.attach { float: right; }
div.attach a:hover { text-decoration: none !important; }
div.attach a:hover div.inner { display: block; clear: both; border: 1px solid #606000; background-color: #FFFF00; padding: 10px; }
div.attach a div.outer { position: absolute; height: 0px; }
div.attach a div.inner { border: 1px solid red; display: none; color: #000000; position: relative; right: 200px; }

span.help { position: absolute; display: block; padding: 1px; margin-right: 5px; width: 1px; }
span.help a { display: block; position: relative; left: -14px; text-decoration: none !important; }
span.help a span.block { display: none; position: relative; top: -55px; left: 15px; margin: 5px; }
span.help a:hover span.block { display: block; width: 50px; padding-bottom: 12px; background-image: url(design/arrow-info.gif);  background-position: 1px bottom; background-repeat: no-repeat; }
span.help a span.block span { background-color: #FFFF00; height: 20px; padding: 5px; border: 1px solid #606000; color: #606000; text-decoration: none !important; font-weight: normal; line-height: 20px; white-space: pre; }

input.system, select.system, textarea.system { background-color: #FFFFD0; border: 1px solid #01A0C8; padding: 1px; margin-right: 20px; }
input.error, select.error, textarea.error { background-color: #FFD0D0; border: 1px solid #D00000; }
input.password { width: 100px; }
input.text { width: 230px; }
input.file { width: 350px; }
input.numeric { width: 50px; }
input.submit { padding: 0px 4px; }
input.checkbox { margin-right: 4px; border: none; background: none; position: relative; top: 2px; }
select.system option.unavail { color: #999999; }
select.system option.item { color: #999999; }
textarea.text { width: 460px; height: 200px; margin: 0px 20px; font-family: "Consolas", "Courier New", "Courier"; }
div.textarea { width: 458px; background-color: #DDDDDD; border: 1px solid #01A0C8; margin: 0px 20px; padding: 2px; font-family: "Consolas", "Courier New", "Courier"; }

div.article { padding: 0px 0px 10px 0px; clear: both; }
div.article h1 { margin: 10px 0px 5px 0px; font-size: 16px; border-bottom: 1px solid #01A0C8; }
div.article h1 a { text-decoration: none; color: #9F9F9F; font-size: 16px; }
div.article h1 a:hover { text-decoration: underline; color: #01A0C8; }
div.article a { text-decoration: none; color: #9F9F9F; font-weight: bold; }
div.article a:hover { text-decoration: underline; color: #01A0C8; }
div.article div.date { margin: 0px 0px 5px 10px; float: right; color: #01A0C8; }
div.article div.thumb { float: right; margin: 10px; }
div.article p { text-indent: 10px; margin: 5px 0px; }
div.article a img { border: 1px solid #01A0C8; padding: 1px; }
div.article a:hover img { border: 2px solid #9F9F9F; padding: 0px; }
div.article table { margin: 3px auto; padding: 5px; background-color: #AEE0F9; }
div.article table th { padding-bottom: 5px; }

div.clear { clear: both; }
div.articlePart { clear: both; }
div.articleAttachment { }
div.articleDownload { clear: both; padding: 1px 20px; }
div.articleDownload a { text-decoration: none; color: #9F9F9F; font-size: 16px; font-weight: bold; }
div.articleDownload a:hover { text-decoration: underline; color: #01A0C8; }
div.articleGallery { clear: both; }
div.articleGallery div.outer { float: left; position: relative; left: 50%; }
div.articleGallery div.inner { position: relative; left: -50%; }
div.articleGallery div.banner { height: 140px; text-align: center; vertical-align: middle; }
div.banner { float:left; text-align: center; margin: 10px; }
/*
div.banner a.name { display: block; margin: 0px auto; font-size: 16px; }
div.banner a.logo img { margin: 10px; border: 1px solid #5797F5; }
div.banner a:hover.logo img { border: 1px solid #000000;}
div.banner a { font-weight: bold; color: #5797F5; text-decoration: none; }
div.banner a:hover { text-decoration: underline; color: #000000; }
*/

form.search { padding: 2px 0px 5px 0px; text-align: center; height: 30px; }
form.search input.query { width: 150px; border: 1px solid #00B9E7; background-color: #F3F3F3; }
form.search input.submit { width: 30px; }

/*
table.system select         { background-color: #FFFFD0; border: 1px solid #5797F5;               padding: 1px; }
table.system input.text     { background-color: #FFFFD0; border: 1px solid #5797F5; width: 230px; padding: 1px; }
table.system input.file     { background-color: #FFFFD0; border: 1px solid #5797F5; width: 300px; padding: 1px; }
table.system input.numeric  { background-color: #FFFFD0; border: 1px solid #5797F5; width:  50px; padding: 1px; }
table.system input.password { background-color: #FFFFD0; border: 1px solid #5797F5; width: 100px; padding: 1px; }
table.system input.small    { background-color: #FFFFD0; border: 1px solid #5797F5; width:  50px; padding: 1px; }
table.system input.error,
table.system select.error,
table.system textarea.error { background-color: #FFD0D0; border: 1px solid #D00000;                             }
*/