/* ----------------------------------------------------------------- COMMON ----------------------------------------------------------------*/ /* H1, H2, H3, H4, H5, H6, H7 { font-family: georgia, arial, sans-serif; }*/ INPUT.input:focus, INPUT.input:active { background-color: #f1f5ed; border-color: #6d8059; } TEXTAREA.input:focus, TEXTAREA.input:active { background-color: #f1f5ed; border-color: #6d8059; } INPUT.input { border: 1px solid black; border-color: gray lightgray lightgray gray; background-color: #fafafa; } INPUT.input[disabled] { background-color:#e0e0e0; } TEXTAREA.input { border: 1px solid black; border-color: gray lightgray lightgray gray; } INPUT.button { border: 1px solid black; border-color: #a1b28f #6d8059 #6d8059 #a1b28f; background-color: #dde4d8; background-repeat: repeat-x; background-image: url(../images/button.png); } /* ----------------------------------------------------------------- COLORS ----------------------------------------------------------------*/ /* common - blue */ UL {list-style-image: url(../images/blue/list.gif);} UL#level-1-navigation LI.selected SPAN.outside {background: #d2e4fc url(../images/blue/tab-left.gif) no-repeat scroll top left;} UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/blue/tab-right.gif) no-repeat scroll top right;} UL.level-2-navigation SPAN.selected {background: white url(../images/blue/navigation-top.gif) no-repeat scroll top left;} UL.level-2-navigation SPAN.selected SPAN.inside {background: transparent url(../images/blue/navigation-bottom.gif) no-repeat scroll bottom left;} DIV#content-top {background: transparent url(../images/blue/box-border.gif) repeat-x scroll top} DIV#content-top DIV.b-right {background: transparent url(../images/blue/frame-top-right.gif) no-repeat scroll bottom right;} DIV#content-top DIV.b-left {background: transparent url(../images/blue/frame-top-left.gif) no-repeat scroll bottom left;} DIV#content-middle {background: transparent url(../images/blue/box-border.gif) repeat-y scroll top left;} DIV#content-middle-right {background: transparent url(../images/blue/box-border.gif) repeat-y scroll top right;} DIV#content-bottom {background: transparent url(../images/blue/fadeout.gif) no-repeat scroll top left;} DIV#content-bottom DIV {background: transparent url(../images/blue/fadeout.gif) no-repeat scroll top right;} DIV.box-top {background: transparent url(../images/blue/box-border.gif) repeat-x scroll top} DIV.box-top DIV.b-right {background: transparent url(../images/blue/box-top-right.gif) no-repeat scroll bottom right;} DIV.box-top DIV.b-left {background: transparent url(../images/blue/box-top-left.gif) no-repeat scroll bottom left;} DIV.box-bottom {background: transparent url(../images/blue/box-border.gif) repeat-x scroll bottom} DIV.box-bottom DIV.b-right {background: transparent url(../images/blue/box-bottom-right.gif) no-repeat scroll bottom right;} DIV.box-bottom DIV.b-left {background: transparent url(../images/blue/box-bottom-left.gif) no-repeat scroll bottom left;} DIV.box {background: #f7f7ff url(../images/blue/box-border.gif) repeat-y scroll top left;} DIV.box-right {background: transparent url(../images/blue/box-border.gif) repeat-y scroll top right;} DIV.box H2 {background: transparent url(../images/blue/box-border.gif) repeat-x scroll bottom left;} /* red */ BODY.red UL {list-style-image: url(../images/red/list.gif);} BODY.red UL#level-1-navigation LI.selected SPAN.outside {background: #f3c6c6 url(../images/red/tab-left.gif) no-repeat scroll top left;} BODY.red UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/red/tab-right.gif) no-repeat scroll top right;} BODY.red UL.level-2-navigation SPAN.selected {background: white url(../images/red/navigation-top.gif) no-repeat scroll top left;} BODY.red UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/red/navigation-bottom.gif) no-repeat scroll bottom left;} BODY.red DIV#content-top {background: transparent url(../images/red/box-border.gif) repeat-x scroll top} BODY.red DIV#content-top DIV.b-right {background: transparent url(../images/red/frame-top-right.gif) no-repeat scroll bottom right;} BODY.red DIV#content-top DIV.b-left {background: transparent url(../images/red/frame-top-left.gif) no-repeat scroll bottom left;} BODY.red DIV#content-middle {background: transparent url(../images/red/box-border.gif) repeat-y scroll top left;} BODY.red DIV#content-middle-right {background: transparent url(../images/red/box-border.gif) repeat-y scroll top right;} BODY.red DIV#content-bottom {background: white url(../images/red/fadeout.gif) no-repeat scroll top left;} BODY.red DIV#content-bottom DIV {background: transparent url(../images/red/fadeout.gif) no-repeat scroll top right;} BODY.red DIV.box-top {background: transparent url(../images/red/box-border.gif) repeat-x scroll top} BODY.red DIV.box-top DIV.b-right {background: transparent url(../images/red/box-top-right.gif) no-repeat scroll bottom right;} BODY.red DIV.box-top DIV.b-left {background: transparent url(../images/red/box-top-left.gif) no-repeat scroll bottom left;} BODY.red DIV.box-bottom {background: transparent url(../images/red/box-border.gif) repeat-x scroll bottom} BODY.red DIV.box-bottom DIV.b-right {background: transparent url(../images/red/box-bottom-right.gif) no-repeat scroll bottom right;} BODY.red DIV.box-bottom DIV.b-left {background: transparent url(../images/red/box-bottom-left.gif) no-repeat scroll bottom left;} BODY.red DIV.box {background: #fff2f2 url(../images/red/box-border.gif) repeat-y scroll top left;} BODY.red DIV.box-right {background: transparent url(../images/red/box-border.gif) repeat-y scroll top right;} BODY.red DIV.box H2 {background: transparent url(../images/red/box-border.gif) repeat-x scroll bottom left;} /* bluegreen */ BODY.bluegreen UL {list-style-image: url(../images/bluegreen/list.gif);} BODY.bluegreen UL#level-1-navigation LI.selected SPAN.outside{background: #cef2f2 url(../images/bluegreen/tab-left.gif) no-repeat scroll top left;} BODY.bluegreen UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/bluegreen/tab-right.gif) no-repeat scroll top right;} BODY.bluegreen UL.level-2-navigation SPAN.selected {background: white url(../images/bluegreen/navigation-top.gif) no-repeat scroll top left;} BODY.bluegreen UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/bluegreen/navigation-bottom.gif) no-repeat scroll bottom left;} BODY.bluegreen DIV#content-top {background: transparent url(../images/bluegreen/box-border.gif) repeat-x scroll top} BODY.bluegreen DIV#content-top DIV.b-right {background: transparent url(../images/bluegreen/frame-top-right.gif) no-repeat scroll bottom right;} BODY.bluegreen DIV#content-top DIV.b-left {background: transparent url(../images/bluegreen/frame-top-left.gif) no-repeat scroll bottom left;} BODY.bluegreen DIV#content-middle {background: transparent url(../images/bluegreen/box-border.gif) repeat-y scroll top left;} BODY.bluegreen DIV#content-middle-right {background: transparent url(../images/bluegreen/box-border.gif) repeat-y scroll top right;} BODY.bluegreen DIV#content-bottom {background: white url(../images/bluegreen/fadeout.gif) no-repeat scroll top left;} BODY.bluegreen DIV#content-bottom DIV {background: transparent url(../images/bluegreen/fadeout.gif) no-repeat scroll top right;} BODY.bluegreen DIV.box-top {background: transparent url(../images/bluegreen/box-border.gif) repeat-x scroll top} BODY.bluegreen DIV.box-top DIV.b-right {background: transparent url(../images/bluegreen/box-top-right.gif) no-repeat scroll bottom right;} BODY.bluegreen DIV.box-top DIV.b-left {background: transparent url(../images/bluegreen/box-top-left.gif) no-repeat scroll bottom left;} BODY.bluegreen DIV.box-bottom {background: transparent url(../images/bluegreen/box-border.gif) repeat-x scroll bottom} BODY.bluegreen DIV.box-bottom DIV.b-right {background: transparent url(../images/bluegreen/box-bottom-right.gif) no-repeat scroll bottom right;} BODY.bluegreen DIV.box-bottom DIV.b-left {background: transparent url(../images/bluegreen/box-bottom-left.gif) no-repeat scroll bottom left;} BODY.bluegreen DIV.box{background: #f6fbfb url(../images/bluegreen/box-border.gif) repeat-y scroll top left;} BODY.bluegreen DIV.box-right {background: transparent url(../images/bluegreen/box-border.gif) repeat-y scroll top right;} BODY.bluegreen DIV.box H2 {background: transparent url(../images/bluegreen/box-border.gif) repeat-x scroll bottom left;} /* GREEN */ BODY.green UL {list-style-image: url(../images/green/list.gif);} BODY.green UL#level-1-navigation LI.selected SPAN.outside{background: #e4f5c4 url(../images/green/tab-left.gif) no-repeat scroll top left;} BODY.green UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/green/tab-right.gif) no-repeat scroll top right;} BODY.green UL.level-2-navigation SPAN.selected {background: white url(../images/green/navigation-top.gif) no-repeat scroll top left;} BODY.green UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/green/navigation-bottom.gif) no-repeat scroll bottom left;} BODY.green DIV#content-top {background: transparent url(../images/green/box-border.gif) repeat-x scroll top} BODY.green DIV#content-top DIV.b-right {background: transparent url(../images/green/frame-top-right.gif) no-repeat scroll bottom right;} BODY.green DIV#content-top DIV.b-left {background: transparent url(../images/green/frame-top-left.gif) no-repeat scroll bottom left;} BODY.green DIV#content-middle {background: transparent url(../images/green/box-border.gif) repeat-y scroll top left;} BODY.green DIV#content-middle-right {background: transparent url(../images/green/box-border.gif) repeat-y scroll top right;} BODY.green DIV#content-bottom {background: white url(../images/green/fadeout.gif) no-repeat scroll top left;} BODY.green DIV#content-bottom DIV {background: transparent url(../images/green/fadeout.gif) no-repeat scroll top right;} BODY.green DIV.box-top {background: transparent url(../images/green/box-border.gif) repeat-x scroll top} BODY.green DIV.box-top DIV.b-right {background: transparent url(../images/green/box-top-right.gif) no-repeat scroll bottom right;} BODY.green DIV.box-top DIV.b-left {background: transparent url(../images/green/box-top-left.gif) no-repeat scroll bottom left;} BODY.green DIV.box-bottom {background: transparent url(../images/green/box-border.gif) repeat-x scroll bottom} BODY.green DIV.box-bottom DIV.b-right {background: transparent url(../images/green/box-bottom-right.gif) no-repeat scroll bottom right;} BODY.green DIV.box-bottom DIV.b-left {background: transparent url(../images/green/box-bottom-left.gif) no-repeat scroll bottom left;} BODY.green DIV.box{background: #f7fced url(../images/green/box-border.gif) repeat-y scroll top left;} BODY.green DIV.box-right {background: transparent url(../images/green/box-border.gif) repeat-y scroll top right;} BODY.green DIV.box H2{background: transparent url(../images/green/box-border.gif) repeat-x scroll bottom left;} /* magenta */ BODY.magenta UL {list-style-image: url(../images/magenta/list.gif);} BODY.magenta UL#level-1-navigation LI.selected SPAN.outside{background: #e6bce3 url(../images/magenta/tab-left.gif) no-repeat scroll top left;} BODY.magenta UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/magenta/tab-right.gif) no-repeat scroll top right;} BODY.magenta UL.level-2-navigation SPAN.selected {background: white url(../images/magenta/navigation-top.gif) no-repeat scroll top left;} BODY.magenta UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/magenta/navigation-bottom.gif) no-repeat scroll bottom left;} BODY.magenta DIV#content-top {background: transparent url(../images/magenta/box-border.gif) repeat-x scroll top} BODY.magenta DIV#content-top DIV.b-right {background: transparent url(../images/magenta/frame-top-right.gif) no-repeat scroll bottom right;} BODY.magenta DIV#content-top DIV.b-left {background: transparent url(../images/magenta/frame-top-left.gif) no-repeat scroll bottom left;} BODY.magenta DIV#content-middle {background: transparent url(../images/magenta/box-border.gif) repeat-y scroll top left;} BODY.magenta DIV#content-middle-right {background: transparent url(../images/magenta/box-border.gif) repeat-y scroll top right;} BODY.magenta DIV#content-bottom {background: white url(../images/magenta/fadeout.gif) no-repeat scroll top left;} BODY.magenta DIV#content-bottom DIV {background: transparent url(../images/magenta/fadeout.gif) no-repeat scroll top right;} BODY.magenta DIV.box-top {background: transparent url(../images/magenta/box-border.gif) repeat-x scroll top} BODY.magenta DIV.box-top DIV.b-right {background: transparent url(../images/magenta/box-top-right.gif) no-repeat scroll bottom right;} BODY.magenta DIV.box-top DIV.b-left {background: transparent url(../images/magenta/box-top-left.gif) no-repeat scroll bottom left;} BODY.magenta DIV.box-bottom {background: transparent url(../images/magenta/box-border.gif) repeat-x scroll bottom} BODY.magenta DIV.box-bottom DIV.b-right {background: transparent url(../images/magenta/box-bottom-right.gif) no-repeat scroll bottom right;} BODY.magenta DIV.box-bottom DIV.b-left {background: transparent url(../images/magenta/box-bottom-left.gif) no-repeat scroll bottom left;} BODY.magenta DIV.box{background: #faf2fa url(../images/magenta/box-border.gif) repeat-y scroll top left;} BODY.magenta DIV.box-right {background: transparent url(../images/magenta/box-border.gif) repeat-y scroll top right;} BODY.magenta DIV.box H2{background: transparent url(../images/magenta/box-border.gif) repeat-x scroll bottom left;} /* violet */ BODY.violet UL {list-style-image: url(../images/violet/list.gif);} BODY.violet UL#level-1-navigation LI.selected SPAN.outside{background: #d0bfe6 url(../images/violet/tab-left.gif) no-repeat scroll top left;} BODY.violet UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/violet/tab-right.gif) no-repeat scroll top right;} BODY.violet UL.level-2-navigation SPAN.selected {background: white url(../images/violet/navigation-top.gif) no-repeat scroll top left;} BODY.violet UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/violet/navigation-bottom.gif) no-repeat scroll bottom left;} BODY.violet DIV#content-top {background: transparent url(../images/violet/box-border.gif) repeat-x scroll top} BODY.violet DIV#content-top DIV.b-right {background: transparent url(../images/violet/frame-top-right.gif) no-repeat scroll bottom right;} BODY.violet DIV#content-top DIV.b-left {background: transparent url(../images/violet/frame-top-left.gif) no-repeat scroll bottom left;} BODY.violet DIV#content-middle {background: transparent url(../images/violet/box-border.gif) repeat-y scroll top left;} BODY.violet DIV#content-middle-right {background: transparent url(../images/violet/box-border.gif) repeat-y scroll top right;} BODY.violet DIV#content-bottom {background: white url(../images/violet/fadeout.gif) no-repeat scroll top left;} BODY.violet DIV#content-bottom DIV {background: transparent url(../images/violet/fadeout.gif) no-repeat scroll top right;} BODY.violet DIV.box-top {background: transparent url(../images/violet/box-border.gif) repeat-x scroll top} BODY.violet DIV.box-top DIV.b-right {background: transparent url(../images/violet/box-top-right.gif) no-repeat scroll bottom right;} BODY.violet DIV.box-top DIV.b-left {background: transparent url(../images/violet/box-top-left.gif) no-repeat scroll bottom left;} BODY.violet DIV.box-bottom {background: transparent url(../images/violet/box-border.gif) repeat-x scroll bottom} BODY.violet DIV.box-bottom DIV.b-right {background: transparent url(../images/violet/box-bottom-right.gif) no-repeat scroll bottom right;} BODY.violet DIV.box-bottom DIV.b-left {background: transparent url(../images/violet/box-bottom-left.gif) no-repeat scroll bottom left;} BODY.violet DIV.box{background: #f7f5fa url(../images/violet/box-border.gif) repeat-y scroll top left;} BODY.violet DIV.box-right {background: transparent url(../images/violet/box-border.gif) repeat-y scroll top right;} BODY.violet DIV.box H2{background: transparent url(../images/violet/box-border.gif) repeat-x scroll bottom left;} /* orange */ BODY.orange UL {list-style-image: url(../images/orange/list.gif);} BODY.orange UL#level-1-navigation LI.selected SPAN.outside{background: #fad5a2 url(../images/orange/tab-left.gif) no-repeat scroll top left;} BODY.orange UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/orange/tab-right.gif) no-repeat scroll top right;} BODY.orange UL.level-2-navigation SPAN.selected {background: white url(../images/orange/navigation-top.gif) no-repeat scroll top left;} BODY.orange UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/orange/navigation-bottom.gif) no-repeat scroll bottom left;} BODY.orange DIV#content-top {background: transparent url(../images/orange/box-border.gif) repeat-x scroll top} BODY.orange DIV#content-top DIV.b-right {background: transparent url(../images/orange/frame-top-right.gif) no-repeat scroll bottom right;} BODY.orange DIV#content-top DIV.b-left {background: transparent url(../images/orange/frame-top-left.gif) no-repeat scroll bottom left;} BODY.orange DIV#content-middle {background: transparent url(../images/orange/box-border.gif) repeat-y scroll top left;} BODY.orange DIV#content-middle-right {background: transparent url(../images/orange/box-border.gif) repeat-y scroll top right;} BODY.orange DIV#content-bottom {background: white url(../images/orange/fadeout.gif) no-repeat scroll top left;} BODY.orange DIV#content-bottom DIV {background: transparent url(../images/orange/fadeout.gif) no-repeat scroll top right;} BODY.orange DIV.box-top {background: transparent url(../images/orange/box-border.gif) repeat-x scroll top} BODY.orange DIV.box-top DIV.b-right {background: transparent url(../images/orange/box-top-right.gif) no-repeat scroll bottom right;} BODY.orange DIV.box-top DIV.b-left {background: transparent url(../images/orange/box-top-left.gif) no-repeat scroll bottom left;} BODY.orange DIV.box-bottom {background: transparent url(../images/orange/box-border.gif) repeat-x scroll bottom} BODY.orange DIV.box-bottom DIV.b-right {background: transparent url(../images/orange/box-bottom-right.gif) no-repeat scroll bottom right;} BODY.orange DIV.box-bottom DIV.b-left {background: transparent url(../images/orange/box-bottom-left.gif) no-repeat scroll bottom left;} BODY.orange DIV.box{background: #fff8ed url(../images/orange/box-border.gif) repeat-y scroll top left;} BODY.orange DIV.box-right {background: transparent url(../images/orange/box-border.gif) repeat-y scroll top right;} BODY.orange DIV.box H2{background: transparent url(../images/orange/box-border.gif) repeat-x scroll bottom left;} /* redorange */ BODY.redorange UL {list-style-image: url(../images/redorange/list.gif);} BODY.redorange UL#level-1-navigation LI.selected SPAN.outside{background: #f7c1a1 url(../images/redorange/tab-left.gif) no-repeat scroll top left;} BODY.redorange UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/redorange/tab-right.gif) no-repeat scroll top right;} BODY.redorange UL.level-2-navigation SPAN.selected {background: white url(../images/redorange/navigation-top.gif) no-repeat scroll top left;} BODY.redorange UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/redorange/navigation-bottom.gif) no-repeat scroll bottom left;} BODY.redorange DIV#content-top {background: transparent url(../images/redorange/box-border.gif) repeat-x scroll top} BODY.redorange DIV#content-top DIV.b-right {background: transparent url(../images/redorange/frame-top-right.gif) no-repeat scroll bottom right;} BODY.redorange DIV#content-top DIV.b-left {background: transparent url(../images/redorange/frame-top-left.gif) no-repeat scroll bottom left;} BODY.redorange DIV#content-middle {background: transparent url(../images/redorange/box-border.gif) repeat-y scroll top left;} BODY.redorange DIV#content-middle-right {background: transparent url(../images/redorange/box-border.gif) repeat-y scroll top right;} BODY.redorange DIV#content-bottom {background: white url(../images/redorange/fadeout.gif) no-repeat scroll top left;} BODY.redorange DIV#content-bottom DIV {background: transparent url(../images/redorange/fadeout.gif) no-repeat scroll top right;} BODY.redorange DIV.box-top {background: transparent url(../images/redorange/box-border.gif) repeat-x scroll top} BODY.redorange DIV.box-top DIV.b-right {background: transparent url(../images/redorange/box-top-right.gif) no-repeat scroll bottom right;} BODY.redorange DIV.box-top DIV.b-left {background: transparent url(../images/redorange/box-top-left.gif) no-repeat scroll bottom left;} BODY.redorange DIV.box-bottom {background: transparent url(../images/redorange/box-border.gif) repeat-x scroll bottom} BODY.redorange DIV.box-bottom DIV.b-right {background: transparent url(../images/redorange/box-bottom-right.gif) no-repeat scroll bottom right;} BODY.redorange DIV.box-bottom DIV.b-left {background: transparent url(../images/redorange/box-bottom-left.gif) no-repeat scroll bottom left;} BODY.redorange DIV.box{background: #fcf4f0 url(../images/redorange/box-border.gif) repeat-y scroll top left;} BODY.redorange DIV.box-right {background: transparent url(../images/redorange/box-border.gif) repeat-y scroll top right;} BODY.redorange DIV.box H2{background: transparent url(../images/redorange/box-border.gif) repeat-x scroll bottom left;} /* yellow */ BODY.yellow UL {list-style-image: url(../images/yellow/list.gif);} BODY.yellow UL#level-1-navigation LI.selected SPAN.outside{background: #f2dea5 url(../images/yellow/tab-left.gif) no-repeat scroll top left;} BODY.yellow UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/yellow/tab-right.gif) no-repeat scroll top right;} BODY.yellow UL.level-2-navigation SPAN.selected {background: white url(../images/yellow/navigation-top.gif) no-repeat scroll top left;} BODY.yellow UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/yellow/navigation-bottom.gif) no-repeat scroll bottom left;} BODY.yellow DIV#content-top {background: transparent url(../images/yellow/box-border.gif) repeat-x scroll top} BODY.yellow DIV#content-top DIV.b-right {background: transparent url(../images/yellow/frame-top-right.gif) no-repeat scroll bottom right;} BODY.yellow DIV#content-top DIV.b-left {background: transparent url(../images/yellow/frame-top-left.gif) no-repeat scroll bottom left;} BODY.yellow DIV#content-middle {background: transparent url(../images/yellow/box-border.gif) repeat-y scroll top left;} BODY.yellow DIV#content-middle-right {background: transparent url(../images/yellow/box-border.gif) repeat-y scroll top right;} BODY.yellow DIV#content-bottom {background: white url(../images/yellow/fadeout.gif) no-repeat scroll top left;} BODY.yellow DIV#content-bottom DIV {background: transparent url(../images/yellow/fadeout.gif) no-repeat scroll top right;} BODY.yellow DIV.box-top {background: transparent url(../images/yellow/box-border.gif) repeat-x scroll top} BODY.yellow DIV.box-top DIV.b-right {background: transparent url(../images/yellow/box-top-right.gif) no-repeat scroll bottom right;} BODY.yellow DIV.box-top DIV.b-left {background: transparent url(../images/yellow/box-top-left.gif) no-repeat scroll bottom left;} BODY.yellow DIV.box-bottom {background: transparent url(../images/yellow/box-border.gif) repeat-x scroll bottom} BODY.yellow DIV.box-bottom DIV.b-right {background: transparent url(../images/yellow/box-bottom-right.gif) no-repeat scroll bottom right;} BODY.yellow DIV.box-bottom DIV.b-left {background: transparent url(../images/yellow/box-bottom-left.gif) no-repeat scroll bottom left;} BODY.yellow DIV.box{background: #fcfaf0 url(../images/yellow/box-border.gif) repeat-y scroll top left;} BODY.yellow DIV.box-right {background: transparent url(../images/yellow/box-border.gif) repeat-y scroll top right;} BODY.yellow DIV.box H2{background: transparent url(../images/yellow/box-border.gif) repeat-x scroll bottom left;} /* ----------------------------------------------------------------- ONCE MORE FOR BOXES ----------------------------------------------------------------*/ /* common - blue */ DIV.blue UL {list-style-image: url(../images/blue/list.gif);} DIV.blue UL#level-1-navigation LI.selected SPAN.outside {background: #d2e4fc url(../images/blue/tab-left.gif) no-repeat scroll top left;} DIV.blue UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/blue/tab-right.gif) no-repeat scroll top right;} DIV.blue UL.level-2-navigation SPAN.selected {background: white url(../images/blue/navigation-top.gif) no-repeat scroll top left;} DIV.blue UL.level-2-navigation SPAN.selected SPAN.inside {background: transparent url(../images/blue/navigation-bottom.gif) no-repeat scroll bottom left;} DIV.blue DIV#content-top {background: transparent url(../images/blue/box-border.gif) repeat-x scroll top} DIV.blue DIV#content-top DIV.b-right {background: transparent url(../images/blue/frame-top-right.gif) no-repeat scroll bottom right;} DIV.blue DIV#content-top DIV.b-left {background: transparent url(../images/blue/frame-top-left.gif) no-repeat scroll bottom left;} DIV.blue DIV#content-middle {background: transparent url(../images/blue/box-border.gif) repeat-y scroll top left;} DIV.blue DIV#content-middle-right {background: transparent url(../images/blue/box-border.gif) repeat-y scroll top right;} DIV.blue DIV#content-bottom {background: transparent url(../images/blue/fadeout.gif) no-repeat scroll top left;} DIV.blue DIV#content-bottom DIV {background: transparent url(../images/blue/fadeout.gif) no-repeat scroll top right;} DIV.blue DIV.box-top {background: transparent url(../images/blue/box-border.gif) repeat-x scroll top} DIV.blue DIV.box-top DIV.b-right {background: transparent url(../images/blue/box-top-right.gif) no-repeat scroll bottom right;} DIV.blue DIV.box-top DIV.b-left {background: transparent url(../images/blue/box-top-left.gif) no-repeat scroll bottom left;} DIV.blue DIV.box-bottom {background: transparent url(../images/blue/box-border.gif) repeat-x scroll bottom} DIV.blue DIV.box-bottom DIV.b-right {background: transparent url(../images/blue/box-bottom-right.gif) no-repeat scroll bottom right;} DIV.blue DIV.box-bottom DIV.b-left {background: transparent url(../images/blue/box-bottom-left.gif) no-repeat scroll bottom left;} DIV.blue DIV.box {background: #f7f7ff url(../images/blue/box-border.gif) repeat-y scroll top left;} DIV.blue DIV.box-right {background: transparent url(../images/blue/box-border.gif) repeat-y scroll top right;} DIV.blue DIV.box H2 {background: transparent url(../images/blue/box-border.gif) repeat-x scroll bottom left;} /* red */ DIV.red UL {list-style-image: url(../images/red/list.gif);} DIV.red UL#level-1-navigation LI.selected SPAN.outside {background: #f3c6c6 url(../images/red/tab-left.gif) no-repeat scroll top left;} DIV.red UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/red/tab-right.gif) no-repeat scroll top right;} DIV.red UL.level-2-navigation SPAN.selected {background: white url(../images/red/navigation-top.gif) no-repeat scroll top left;} DIV.red UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/red/navigation-bottom.gif) no-repeat scroll bottom left;} DIV.red DIV#content-top {background: transparent url(../images/red/box-border.gif) repeat-x scroll top} DIV.red DIV#content-top DIV.b-right {background: transparent url(../images/red/frame-top-right.gif) no-repeat scroll bottom right;} DIV.red DIV#content-top DIV.b-left {background: transparent url(../images/red/frame-top-left.gif) no-repeat scroll bottom left;} DIV.red DIV#content-middle {background: transparent url(../images/red/box-border.gif) repeat-y scroll top left;} DIV.red DIV#content-middle-right {background: transparent url(../images/red/box-border.gif) repeat-y scroll top right;} DIV.red DIV#content-bottom {background: white url(../images/red/fadeout.gif) no-repeat scroll top left;} DIV.red DIV#content-bottom DIV {background: transparent url(../images/red/fadeout.gif) no-repeat scroll top right;} DIV.red DIV.box-top {background: transparent url(../images/red/box-border.gif) repeat-x scroll top} DIV.red DIV.box-top DIV.b-right {background: transparent url(../images/red/box-top-right.gif) no-repeat scroll bottom right;} DIV.red DIV.box-top DIV.b-left {background: transparent url(../images/red/box-top-left.gif) no-repeat scroll bottom left;} DIV.red DIV.box-bottom {background: transparent url(../images/red/box-border.gif) repeat-x scroll bottom} DIV.red DIV.box-bottom DIV.b-right {background: transparent url(../images/red/box-bottom-right.gif) no-repeat scroll bottom right;} DIV.red DIV.box-bottom DIV.b-left {background: transparent url(../images/red/box-bottom-left.gif) no-repeat scroll bottom left;} DIV.red DIV.box {background: #fff2f2 url(../images/red/box-border.gif) repeat-y scroll top left;} DIV.red DIV.box-right {background: transparent url(../images/red/box-border.gif) repeat-y scroll top right;} DIV.red DIV.box H2 {background: transparent url(../images/red/box-border.gif) repeat-x scroll bottom left;} /* bluegreen */ DIV.bluegreen UL {list-style-image: url(../images/bluegreen/list.gif);} DIV.bluegreen UL#level-1-navigation LI.selected SPAN.outside{background: #cef2f2 url(../images/bluegreen/tab-left.gif) no-repeat scroll top left;} DIV.bluegreen UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/bluegreen/tab-right.gif) no-repeat scroll top right;} DIV.bluegreen UL.level-2-navigation SPAN.selected {background: white url(../images/bluegreen/navigation-top.gif) no-repeat scroll top left;} DIV.bluegreen UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/bluegreen/navigation-bottom.gif) no-repeat scroll bottom left;} DIV.bluegreen DIV#content-top {background: transparent url(../images/bluegreen/box-border.gif) repeat-x scroll top} DIV.bluegreen DIV#content-top DIV.b-right {background: transparent url(../images/bluegreen/frame-top-right.gif) no-repeat scroll bottom right;} DIV.bluegreen DIV#content-top DIV.b-left {background: transparent url(../images/bluegreen/frame-top-left.gif) no-repeat scroll bottom left;} DIV.bluegreen DIV#content-middle {background: transparent url(../images/bluegreen/box-border.gif) repeat-y scroll top left;} DIV.bluegreen DIV#content-middle-right {background: transparent url(../images/bluegreen/box-border.gif) repeat-y scroll top right;} DIV.bluegreen DIV#content-bottom {background: white url(../images/bluegreen/fadeout.gif) no-repeat scroll top left;} DIV.bluegreen DIV#content-bottom DIV {background: transparent url(../images/bluegreen/fadeout.gif) no-repeat scroll top right;} DIV.bluegreen DIV.box-top {background: transparent url(../images/bluegreen/box-border.gif) repeat-x scroll top} DIV.bluegreen DIV.box-top DIV.b-right {background: transparent url(../images/bluegreen/box-top-right.gif) no-repeat scroll bottom right;} DIV.bluegreen DIV.box-top DIV.b-left {background: transparent url(../images/bluegreen/box-top-left.gif) no-repeat scroll bottom left;} DIV.bluegreen DIV.box-bottom {background: transparent url(../images/bluegreen/box-border.gif) repeat-x scroll bottom} DIV.bluegreen DIV.box-bottom DIV.b-right {background: transparent url(../images/bluegreen/box-bottom-right.gif) no-repeat scroll bottom right;} DIV.bluegreen DIV.box-bottom DIV.b-left {background: transparent url(../images/bluegreen/box-bottom-left.gif) no-repeat scroll bottom left;} DIV.bluegreen DIV.box{background: #f6fbfb url(../images/bluegreen/box-border.gif) repeat-y scroll top left;} DIV.bluegreen DIV.box-right {background: transparent url(../images/bluegreen/box-border.gif) repeat-y scroll top right;} DIV.bluegreen DIV.box H2{background: transparent url(../images/bluegreen/box-border.gif) repeat-x scroll bottom left;} /* GREEN */ DIV.green UL {list-style-image: url(../images/green/list.gif);} DIV.green UL#level-1-navigation LI.selected SPAN.outside{background: #e4f5c4 url(../images/green/tab-left.gif) no-repeat scroll top left;} DIV.green UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/green/tab-right.gif) no-repeat scroll top right;} DIV.green UL.level-2-navigation SPAN.selected {background: white url(../images/green/navigation-top.gif) no-repeat scroll top left;} DIV.green UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/green/navigation-bottom.gif) no-repeat scroll bottom left;} DIV.green DIV#content-top {background: transparent url(../images/green/box-border.gif) repeat-x scroll top} DIV.green DIV#content-top DIV.b-right {background: transparent url(../images/green/frame-top-right.gif) no-repeat scroll bottom right;} DIV.green DIV#content-top DIV.b-left {background: transparent url(../images/green/frame-top-left.gif) no-repeat scroll bottom left;} DIV.green DIV#content-middle {background: transparent url(../images/green/box-border.gif) repeat-y scroll top left;} DIV.green DIV#content-middle-right {background: transparent url(../images/green/box-border.gif) repeat-y scroll top right;} DIV.green DIV#content-bottom {background: white url(../images/green/fadeout.gif) no-repeat scroll top left;} DIV.green DIV#content-bottom DIV {background: transparent url(../images/green/fadeout.gif) no-repeat scroll top right;} DIV.green DIV.box-top {background: transparent url(../images/green/box-border.gif) repeat-x scroll top} DIV.green DIV.box-top DIV.b-right {background: transparent url(../images/green/box-top-right.gif) no-repeat scroll bottom right;} DIV.green DIV.box-top DIV.b-left {background: transparent url(../images/green/box-top-left.gif) no-repeat scroll bottom left;} DIV.green DIV.box-bottom {background: transparent url(../images/green/box-border.gif) repeat-x scroll bottom} DIV.green DIV.box-bottom DIV.b-right {background: transparent url(../images/green/box-bottom-right.gif) no-repeat scroll bottom right;} DIV.green DIV.box-bottom DIV.b-left {background: transparent url(../images/green/box-bottom-left.gif) no-repeat scroll bottom left;} DIV.green DIV.box{background: #f7fced url(../images/green/box-border.gif) repeat-y scroll top left;} DIV.green DIV.box-right {background: transparent url(../images/green/box-border.gif) repeat-y scroll top right;} DIV.green DIV.box H2{background: transparent url(../images/green/box-border.gif) repeat-x scroll bottom left;} /* magenta */ DIV.magenta UL {list-style-image: url(../images/magenta/list.gif);} DIV.magenta UL#level-1-navigation LI.selected SPAN.outside{background: #e6bce3 url(../images/magenta/tab-left.gif) no-repeat scroll top left;} DIV.magenta UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/magenta/tab-right.gif) no-repeat scroll top right;} DIV.magenta UL.level-2-navigation SPAN.selected {background: white url(../images/magenta/navigation-top.gif) no-repeat scroll top left;} DIV.magenta UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/magenta/navigation-bottom.gif) no-repeat scroll bottom left;} DIV.magenta DIV#content-top {background: transparent url(../images/magenta/box-border.gif) repeat-x scroll top} DIV.magenta DIV#content-top DIV.b-right {background: transparent url(../images/magenta/frame-top-right.gif) no-repeat scroll bottom right;} DIV.magenta DIV#content-top DIV.b-left {background: transparent url(../images/magenta/frame-top-left.gif) no-repeat scroll bottom left;} DIV.magenta DIV#content-middle {background: transparent url(../images/magenta/box-border.gif) repeat-y scroll top left;} DIV.magenta DIV#content-middle-right {background: transparent url(../images/magenta/box-border.gif) repeat-y scroll top right;} DIV.magenta DIV#content-bottom {background: white url(../images/magenta/fadeout.gif) no-repeat scroll top left;} DIV.magenta DIV#content-bottom DIV {background: transparent url(../images/magenta/fadeout.gif) no-repeat scroll top right;} DIV.magenta DIV.box-top {background: transparent url(../images/magenta/box-border.gif) repeat-x scroll top} DIV.magenta DIV.box-top DIV.b-right {background: transparent url(../images/magenta/box-top-right.gif) no-repeat scroll bottom right;} DIV.magenta DIV.box-top DIV.b-left {background: transparent url(../images/magenta/box-top-left.gif) no-repeat scroll bottom left;} DIV.magenta DIV.box-bottom {background: transparent url(../images/magenta/box-border.gif) repeat-x scroll bottom} DIV.magenta DIV.box-bottom DIV.b-right {background: transparent url(../images/magenta/box-bottom-right.gif) no-repeat scroll bottom right;} DIV.magenta DIV.box-bottom DIV.b-left {background: transparent url(../images/magenta/box-bottom-left.gif) no-repeat scroll bottom left;} DIV.magenta DIV.box{background: #faf2fa url(../images/magenta/box-border.gif) repeat-y scroll top left;} DIV.magenta DIV.box-right {background: transparent url(../images/magenta/box-border.gif) repeat-y scroll top right;} DIV.magenta DIV.box H2{background: transparent url(../images/magenta/box-border.gif) repeat-x scroll bottom left;} /* violet */ DIV.violet UL {list-style-image: url(../images/violet/list.gif);} DIV.violet UL#level-1-navigation LI.selected SPAN.outside{background: #d0bfe6 url(../images/violet/tab-left.gif) no-repeat scroll top left;} DIV.violet UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/violet/tab-right.gif) no-repeat scroll top right;} DIV.violet UL.level-2-navigation SPAN.selected {background: white url(../images/violet/navigation-top.gif) no-repeat scroll top left;} DIV.violet UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/violet/navigation-bottom.gif) no-repeat scroll bottom left;} DIV.violet DIV#content-top {background: transparent url(../images/violet/box-border.gif) repeat-x scroll top} DIV.violet DIV#content-top DIV.b-right {background: transparent url(../images/violet/frame-top-right.gif) no-repeat scroll bottom right;} DIV.violet DIV#content-top DIV.b-left {background: transparent url(../images/violet/frame-top-left.gif) no-repeat scroll bottom left;} DIV.violet DIV#content-middle {background: transparent url(../images/violet/box-border.gif) repeat-y scroll top left;} DIV.violet DIV#content-middle-right {background: transparent url(../images/violet/box-border.gif) repeat-y scroll top right;} DIV.violet DIV#content-bottom {background: white url(../images/violet/fadeout.gif) no-repeat scroll top left;} DIV.violet DIV#content-bottom DIV {background: transparent url(../images/violet/fadeout.gif) no-repeat scroll top right;} DIV.violet DIV.box-top {background: transparent url(../images/violet/box-border.gif) repeat-x scroll top} DIV.violet DIV.box-top DIV.b-right {background: transparent url(../images/violet/box-top-right.gif) no-repeat scroll bottom right;} DIV.violet DIV.box-top DIV.b-left {background: transparent url(../images/violet/box-top-left.gif) no-repeat scroll bottom left;} DIV.violet DIV.box-bottom {background: transparent url(../images/violet/box-border.gif) repeat-x scroll bottom} DIV.violet DIV.box-bottom DIV.b-right {background: transparent url(../images/violet/box-bottom-right.gif) no-repeat scroll bottom right;} DIV.violet DIV.box-bottom DIV.b-left {background: transparent url(../images/violet/box-bottom-left.gif) no-repeat scroll bottom left;} DIV.violet DIV.box{background: #f7f5fa url(../images/violet/box-border.gif) repeat-y scroll top left;} DIV.violet DIV.box-right {background: transparent url(../images/violet/box-border.gif) repeat-y scroll top right;} DIV.violet DIV.box H2{background: transparent url(../images/violet/box-border.gif) repeat-x scroll bottom left;} /* orange */ DIV.orange UL {list-style-image: url(../images/orange/list.gif);} DIV.orange UL#level-1-navigation LI.selected SPAN.outside{background: #fad5a2 url(../images/orange/tab-left.gif) no-repeat scroll top left;} DIV.orange UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/orange/tab-right.gif) no-repeat scroll top right;} DIV.orange UL.level-2-navigation SPAN.selected {background: white url(../images/orange/navigation-top.gif) no-repeat scroll top left;} DIV.orange UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/orange/navigation-bottom.gif) no-repeat scroll bottom left;} DIV.orange DIV#content-top {background: transparent url(../images/orange/box-border.gif) repeat-x scroll top} DIV.orange DIV#content-top DIV.b-right {background: transparent url(../images/orange/frame-top-right.gif) no-repeat scroll bottom right;} DIV.orange DIV#content-top DIV.b-left {background: transparent url(../images/orange/frame-top-left.gif) no-repeat scroll bottom left;} DIV.orange DIV#content-middle {background: transparent url(../images/orange/box-border.gif) repeat-y scroll top left;} DIV.orange DIV#content-middle-right {background: transparent url(../images/orange/box-border.gif) repeat-y scroll top right;} DIV.orange DIV#content-bottom {background: white url(../images/orange/fadeout.gif) no-repeat scroll top left;} DIV.orange DIV#content-bottom DIV {background: transparent url(../images/orange/fadeout.gif) no-repeat scroll top right;} DIV.orange DIV.box-top {background: transparent url(../images/orange/box-border.gif) repeat-x scroll top} DIV.orange DIV.box-top DIV.b-right {background: transparent url(../images/orange/box-top-right.gif) no-repeat scroll bottom right;} DIV.orange DIV.box-top DIV.b-left {background: transparent url(../images/orange/box-top-left.gif) no-repeat scroll bottom left;} DIV.orange DIV.box-bottom {background: transparent url(../images/orange/box-border.gif) repeat-x scroll bottom} DIV.orange DIV.box-bottom DIV.b-right {background: transparent url(../images/orange/box-bottom-right.gif) no-repeat scroll bottom right;} DIV.orange DIV.box-bottom DIV.b-left {background: transparent url(../images/orange/box-bottom-left.gif) no-repeat scroll bottom left;} DIV.orange DIV.box{background: #fff8ed url(../images/orange/box-border.gif) repeat-y scroll top left;} DIV.orange DIV.box-right {background: transparent url(../images/orange/box-border.gif) repeat-y scroll top right;} DIV.orange DIV.box H2{background: transparent url(../images/orange/box-border.gif) repeat-x scroll bottom left;} /* redorange */ DIV.redorange UL {list-style-image: url(../images/redorange/list.gif);} DIV.redorange UL#level-1-navigation LI.selected SPAN.outside{background: #f7c1a1 url(../images/redorange/tab-left.gif) no-repeat scroll top left;} DIV.redorange UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/redorange/tab-right.gif) no-repeat scroll top right;} DIV.redorange UL.level-2-navigation SPAN.selected {background: white url(../images/redorange/navigation-top.gif) no-repeat scroll top left;} DIV.redorange UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/redorange/navigation-bottom.gif) no-repeat scroll bottom left;} DIV.redorange DIV#content-top {background: transparent url(../images/redorange/box-border.gif) repeat-x scroll top} DIV.redorange DIV#content-top DIV.b-right {background: transparent url(../images/redorange/frame-top-right.gif) no-repeat scroll bottom right;} DIV.redorange DIV#content-top DIV.b-left {background: transparent url(../images/redorange/frame-top-left.gif) no-repeat scroll bottom left;} DIV.redorange DIV#content-middle {background: transparent url(../images/redorange/box-border.gif) repeat-y scroll top left;} DIV.redorange DIV#content-middle-right {background: transparent url(../images/redorange/box-border.gif) repeat-y scroll top right;} DIV.redorange DIV#content-bottom {background: white url(../images/redorange/fadeout.gif) no-repeat scroll top left;} DIV.redorange DIV#content-bottom DIV {background: transparent url(../images/redorange/fadeout.gif) no-repeat scroll top right;} DIV.redorange DIV.box-top {background: transparent url(../images/redorange/box-border.gif) repeat-x scroll top} DIV.redorange DIV.box-top DIV.b-right {background: transparent url(../images/redorange/box-top-right.gif) no-repeat scroll bottom right;} DIV.redorange DIV.box-top DIV.b-left {background: transparent url(../images/redorange/box-top-left.gif) no-repeat scroll bottom left;} DIV.redorange DIV.box-bottom {background: transparent url(../images/redorange/box-border.gif) repeat-x scroll bottom} DIV.redorange DIV.box-bottom DIV.b-right {background: transparent url(../images/redorange/box-bottom-right.gif) no-repeat scroll bottom right;} DIV.redorange DIV.box-bottom DIV.b-left {background: transparent url(../images/redorange/box-bottom-left.gif) no-repeat scroll bottom left;} DIV.redorange DIV.box{background: #fcf4f0 url(../images/redorange/box-border.gif) repeat-y scroll top left;} DIV.redorange DIV.box-right {background: transparent url(../images/redorange/box-border.gif) repeat-y scroll top right;} DIV.redorange DIV.box H2{background: transparent url(../images/redorange/box-border.gif) repeat-x scroll bottom left;} /* yellow */ DIV.yellow UL {list-style-image: url(../images/yellow/list.gif);} DIV.yellow UL#level-1-navigation LI.selected SPAN.outside{background: #f2dea5 url(../images/yellow/tab-left.gif) no-repeat scroll top left;} DIV.yellow UL#level-1-navigation LI.selected SPAN.inside {background: transparent url(../images/yellow/tab-right.gif) no-repeat scroll top right;} DIV.yellow UL.level-2-navigation SPAN.selected {background: white url(../images/yellow/navigation-top.gif) no-repeat scroll top left;} DIV.yellow UL.level-2-navigation SPAN.selected SPAN {background: transparent url(../images/yellow/navigation-bottom.gif) no-repeat scroll bottom left;} DIV.yellow DIV#content-top {background: transparent url(../images/yellow/box-border.gif) repeat-x scroll top} DIV.yellow DIV#content-top DIV.b-right {background: transparent url(../images/yellow/frame-top-right.gif) no-repeat scroll bottom right;} DIV.yellow DIV#content-top DIV.b-left {background: transparent url(../images/yellow/frame-top-left.gif) no-repeat scroll bottom left;} DIV.yellow DIV#content-middle {background: transparent url(../images/yellow/box-border.gif) repeat-y scroll top left;} DIV.yellow DIV#content-middle-right {background: transparent url(../images/yellow/box-border.gif) repeat-y scroll top right;} DIV.yellow DIV#content-bottom {background: white url(../images/yellow/fadeout.gif) no-repeat scroll top left;} DIV.yellow DIV#content-bottom DIV {background: transparent url(../images/yellow/fadeout.gif) no-repeat scroll top right;} DIV.yellow DIV.box-top {background: transparent url(../images/yellow/box-border.gif) repeat-x scroll top} DIV.yellow DIV.box-top DIV.b-right {background: transparent url(../images/yellow/box-top-right.gif) no-repeat scroll bottom right;} DIV.yellow DIV.box-top DIV.b-left {background: transparent url(../images/yellow/box-top-left.gif) no-repeat scroll bottom left;} DIV.yellow DIV.box-bottom {background: transparent url(../images/yellow/box-border.gif) repeat-x scroll bottom} DIV.yellow DIV.box-bottom DIV.b-right {background: transparent url(../images/yellow/box-bottom-right.gif) no-repeat scroll bottom right;} DIV.yellow DIV.box-bottom DIV.b-left {background: transparent url(../images/yellow/box-bottom-left.gif) no-repeat scroll bottom left;} DIV.yellow DIV.box{background: #fcfaf0 url(../images/yellow/box-border.gif) repeat-y scroll top left;} DIV.yellow DIV.box-right {background: transparent url(../images/yellow/box-border.gif) repeat-y scroll top right;} DIV.yellow DIV.box H2{background: transparent url(../images/yellow/box-border.gif) repeat-x scroll bottom left;} /* ----------------------------------------------------------------- SKELETON ----------------------------------------------------------------*/ BODY, HTML { margin: 0px; padding: 0px; height: 100%; } body {background-color: #e6ede1;} DIV#background { position: absolute; top: 1.5em; width: 100%; border-top: 4em solid #dce3d8; border-bottom: 13em solid #e1e8dc; } DIV#background DIV { height: 1.7em; width: 100%; background-color: #d8dfd3; } DIV#absolute { position: absolute; width: 49em; width: 100%; top: 0px; left: 0px; height: 100%; } DIV#main { width: 49em; text-align:left; margin-left: auto; margin-right: auto; min-height: 100%; background-color: white; border-width: 0px 0.065em; border-style: solid; border-color: #afafaf; } * html DIV#main {height: 100%} DIV#main-inside { position: relative; left: -0.065em; width: 49.13em; max-width: 101%; padding: 0em 0em; } DIV#header { width: 100%; } DIV.content { padding-top: 5.5em; } DIV#top-header { position: absolute; width: 49.13em; top: 1em; z-index: 3; } DIV#top { position: absolute; width: 49.13em; top: 0.1em; z-index: 2; } SPAN#logo { display: block; height: 4em; float: left; width: 25em; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: 2.5em 7px; } DIV#content-top {height: 3px; width: 100%; font-size: 1px;} DIV#content-top DIV.b-right {height: 3px; width: 100%; font-size: 1px;} DIV#content-top DIV.b-left {height: 3px; width: 100%; font-size: 1px;} DIV#content-middle {width: 100%; height: 100%;} DIV#content-middle-right {width: 100%; height: 100%;} DIV.box-top {height: 3px; width: 100%; font-size: 1px;} DIV.box-top DIV.b-right {height: 3px; width: 100%; font-size: 1px;} DIV.box-top DIV.b-left {height: 3px; width: 100%; font-size: 1px;} DIV.box-bottom {height: 3px; width: 100%;} DIV.box-bottom DIV.b-right {height: 3px; width: 100%;} DIV.box-bottom DIV.b-left {height: 3px; width: 100%;} UL#level-1-navigation { clear: both; margin: 0px; text-align: center; padding: 0.2em 0em; } UL#level-1-navigation, UL#level-1-navigation * {font-size: 11pt} UL#level-1-navigation LI { display: inline; margin: 0px; padding: 0.2em 0em; } *:first-child+html UL#level-1-navigation LI {padding: 0em} * html UL#level-1-navigation LI {padding: 0em} UL#level-1-navigation A{ color: black; padding: 0.2em 0em; background: #f2f2f2 url(../images/tab-left.gif) no-repeat scroll top left; text-decoration: none; } *:first-child+html UL#level-1-navigation LI A {padding: 0em} * html UL#level-1-navigation LI A {padding: 0em} UL#level-1-navigation A SPAN{ text-decoration: none; } UL#level-1-navigation A SPAN.underline{ text-decoration: underline; } UL#level-1-navigation A:hover { background-color: white; border: 0px; } UL#level-1-navigation A:hover SPAN.underline { text-decoration: none; } UL#level-1-navigation A SPAN.inside { background: transparent url(../images/tab-right.gif) no-repeat scroll top right; padding: 0.2em 1em; } UL#level-1-navigation LI.selected { position: relative; top: 1px; } UL#level-1-navigation LI.selected A{ padding: 0.2em 0em; background: transparent; background-image: none; text-decoration: underline; } *:first-child+html UL#level-1-navigation LI.selected A {padding: 0em} * html UL#level-1-navigation LI.selected A {padding: 0em} UL#level-1-navigation LI.selected SPAN.outside{ padding: 0.3em 0em 0.2em 0em; } *:first-child+html UL#level-1-navigation LI.selected SPAN.outside {padding: 0em} * html UL#level-1-navigation LI.selected SPAN.outside {padding: 0em} UL#level-1-navigation LI.selected SPAN.inside { padding: 0.3em 1em 0.2em 1em; } UL.level-2-navigation { padding-left: 1em; margin-top: 1em; padding-bottom: 0.1em; list-style-type: none !important; list-style-image: none !important; } UL.level-2-navigation UL { padding-left: 0.7em; list-style-type: none !important; list-style-image: none !important; } UL.level-2-navigation SPAN.selected { font-size: 16px; display: block; border-right: 1px solid white; } UL.level-2-navigation SPAN.selected SPAN.inside { display: block; height: 100%; padding: 0.3em 0em 0.3em 0.8em; } UL.level-2-navigation LI { font-size:1px; margin-bottom: 0.2em; } UL.level-2-navigation LI SPAN.not-selected{ font-size: 16px; display: block; padding: 0.1em 0em 0.1em 0.8em; } INPUT#searchbox {width:10em} DIV#breadcrumbs { padding-top: 0.5em; font-size: 8pt; } DIV#breadcrumbs * {font-size: 8pt;} SPAN#breadcrumbs-intro { font-weight: bold; } DL#warnings { margin:1.5em 0.7em 0em 0.7em; background-color: #fbe7e7; border: 1px solid #e59c9c; padding: 0.2em; } DL#warnings DT { } DL#warnings DD { } DIV.stripe { background-color: #efefef; border-bottom: 0.2em solid #dedede; text-align: right; padding: 0.1em 1em; margin: 0em 0.065em 0em 0.065em; color: #4b4b4b; } DIV.stripe, DIV.stripe * {font-size:7.5pt} DIV.stripe-left{ text-align: left; } DIV.stripe-left-floating{ float:left; } A.gray { text-decoration: none; color: #4b4b4b; } A.gray:visited { text-decoration: none; color: #4b4b4b; } DIV.class-left DIV.b-left {background: none !important;} DIV.class-left DIV.box {margin-right: 0.5em;} DIV.class-left DIV.box-content {padding-left: 0.6em;} DIV.class-main DIV.box {margin-right: 0.5em} DIV.class-main DIV.box-content {padding-right: 0.6em;} DIV.class-main DIV.box-no-border {margin-right: 0.5em} DIV.class-main-half DIV.box {margin-right: 0.5em} DIV.class-main-half DIV.box-content {padding-right: 0.6em;}