/* ----------------------------------------------------------------- FORM COLORS ----------------------------------------------------------------*/ INPUT.input:focus, INPUT.input:active {background-color: #f4f4f4;border-color: black;} TEXTAREA.input:focus, TEXTAREA.input:active {background-color: #f4f4f4;border-color: black;} /* green */ INPUT.input {border: 1px solid #4d8e13; background: white url(../images/form/green/text-entry.png) no-repeat scroll bottom right;} INPUT.input[disabled] {background-color:#e0e0e0;} TEXTAREA.input {border: 1px solid #4d8e13; background: white url(../images/form/green/text-entry.png) no-repeat scroll bottom right;} INPUT.button {border: 1px solid black;border-color: #4d8e13 #63a529 #63a529 #4d8e13; background-color: #4d8e13; background-repeat: no-repeat; background-image: url(../images/form/green/button.png);} /* blue */ BODY.blue-form INPUT.input {border: 1px solid #13198e; background: white url(../images/form/blue/text-entry.png) no-repeat scroll bottom right;} BODY.blue-form INPUT.input[disabled] {background-color:#e0e0e0;} BODY.blue-form TEXTAREA.input {border: 1px solid #13198e; background: white url(../images/form/blue/text-entry.png) no-repeat scroll bottom right;} BODY.blue-form INPUT.button {border: 1px solid black;border-color: #13198e #1a21ac #1a21ac #13198e; background-color: #13198e; background-repeat: no-repeat; background-image: url(../images/form/blue/button.png);} /* red */ BODY.red-form INPUT.input {border: 1px solid #821f1f; background: white url(../images/form/red/text-entry.png) no-repeat scroll bottom right;} BODY.red-form INPUT.input[disabled] {background-color:#e0e0e0;} BODY.red-form TEXTAREA.input {border: 1px solid #821f1f; background: white url(../images/form/red/text-entry.png) no-repeat scroll bottom right;} BODY.red-form INPUT.button {border: 1px solid black;border-color: #821f1f #a72727 #a72727 #821f1f; background-color: #821f1f; background-repeat: no-repeat; background-image: url(../images/form/red/button.png);} /* yellow */ BODY.yellow-form INPUT.input {border: 1px solid #c9b723; background: white url(../images/form/yellow/text-entry.png) no-repeat scroll bottom right;} BODY.yellow-form INPUT.input[disabled] {background-color:#e0e0e0;} BODY.yellow-form TEXTAREA.input {border: 1px solid #c9b723; background: white url(../images/form/yellow/text-entry.png) no-repeat scroll bottom right;} BODY.yellow-form INPUT.button {border: 1px solid black;border-color: #c9b723 #d6c534 #d6c534 #c9b723; background-color: #c9b723; background-repeat: no-repeat; background-image: url(../images/form/yellow/button.png);} /* bordeaux */ BODY.bordeaux-form INPUT.input {border: 1px solid #7d0641; background: white url(../images/form/bordeaux/text-entry.png) no-repeat scroll bottom right;} BODY.bordeaux-form INPUT.input[disabled] {background-color:#e0e0e0;} BODY.bordeaux-form TEXTAREA.input {border: 1px solid #7d0641; background: white url(../images/form/bordeaux/text-entry.png) no-repeat scroll bottom right;} BODY.bordeaux-form INPUT.button {border: 1px solid black;border-color: #7d0641 #9a1557 #9a1557 #7d0641; background-color: #7d0641; background-repeat: no-repeat; background-image: url(../images/form/bordeaux/button.png);} /* ----------------------------------------------------------------- COLORS ----------------------------------------------------------------*/ /* common - blue colors: navigation decoration: 769adb selected navigation: b7cbf0 not selected nav - hovered: dde5f6 non selected navigation: e6ebf6 (also box bg) perex: fafbff */ UL#level-1-navigation LI.selected SPAN.outside {background-color: #b7cbf0} UL#level-1-navigation A {background-color: #e6ebf6; color: blue;} UL#level-1-navigation A:hover {background-color: #dde5f6;} UL.level-2-navigation SPAN.selected {background: #b7cbf0 url(../images/colors/blue/selected.png) no-repeat 3% 50%; border-bottom: 2px solid #769adb;} DIV#content-top {background-color: #b7cbf0; border-bottom: 2px solid #769adb;} UL {list-style-image: url(../images/colors/blue/list.gif);} BODY.red DIV.box A {color:blue} /* 6 */ DIV.box-top {background: transparent url(../images/colors/blue/box-n.png) repeat-x scroll top} DIV.box-top DIV.b-right {background: transparent url(../images/colors/blue/box-ne.png) no-repeat scroll bottom right;} DIV.box-top DIV.b-left {background: transparent url(../images/colors/blue/box-nw.png) no-repeat scroll bottom left;} DIV.box-bottom {background: transparent url(../images/colors/blue/box-s.png) repeat-x scroll bottom} DIV.box-bottom DIV.b-right {background: transparent url(../images/colors/blue/box-se.png) no-repeat scroll bottom right;} DIV.box-bottom DIV.b-left {background: transparent url(../images/colors/blue/box-sw.png) no-repeat scroll bottom left;} DIV.box {background: #e6ebf6 url(../images/colors/blue/box-w.png) repeat-y scroll top left;} DIV.box-right {background: transparent url(../images/colors/blue/box-e.png) repeat-y scroll top right;} DIV.perex-n {background: transparent url(../images/colors/blue/perex-n.png) repeat-x scroll top} DIV.perex-ne {background: transparent url(../images/colors/blue/perex-ne.png) no-repeat scroll bottom right;} DIV.perex-nw {background: transparent url(../images/colors/blue/perex-nw.png) no-repeat scroll bottom left;} DIV.perex-s {background: transparent url(../images/colors/blue/perex-s.png) repeat-x scroll bottom} DIV.perex-se {background: transparent url(../images/colors/blue/perex-se.png) no-repeat scroll bottom right;} DIV.perex-sw {background: transparent url(../images/colors/blue/perex-sw.png) no-repeat scroll bottom left;} DIV.perex {background: #fafbff url(../images/colors/blue/perex-w.png) repeat-y scroll top left;} DIV.perex-inside {background: transparent url(../images/colors/blue/perex-e.png) repeat-y scroll top right;} /* RED colors: navigation decoration: db7f76 1 selected navigation: ea9c94 2 not selected nav - hovered: fad2cd 3 non selected navigation: fadedb 4 perex: fff5f4 5 links on color 4 black 6 */ BODY.red UL#level-1-navigation LI.selected SPAN.outside {background-color: #ea9c94} /* 2 */ BODY.red UL#level-1-navigation A {background-color: #fadedb; /* 4 */ color: black;} /* 6 */ BODY.red UL#level-1-navigation LI.selected SPAN.outside A {background-color: transparent} BODY.red UL#level-1-navigation A:hover {background-color: #fad2cd;} /* 3 */ BODY.red UL.level-2-navigation SPAN.selected { /* 2 */ background: #ea9c94 url(../images/colors/red/selected.png) no-repeat 3% 50%; border-bottom: 2px solid #db7f76;} /* 1 */ BODY.red DIV#content-top {background-color: #ea9c94; /* 2 */ border-bottom: 2px solid #db7f76;} /* 1 */ BODY.red UL {list-style-image: url(../images/colors/red/list.gif);} BODY.red DIV.box A {color:black} /* 6 */ BODY.red DIV.box-top {background: transparent url(../images/colors/red/box-n.png) repeat-x scroll top} BODY.red DIV.box-top DIV.b-right {background: transparent url(../images/colors/red/box-ne.png) no-repeat scroll bottom right;} BODY.red DIV.box-top DIV.b-left {background: transparent url(../images/colors/red/box-nw.png) no-repeat scroll bottom left;} BODY.red DIV.box-bottom {background: transparent url(../images/colors/red/box-s.png) repeat-x scroll bottom} BODY.red DIV.box-bottom DIV.b-right {background: transparent url(../images/colors/red/box-se.png) no-repeat scroll bottom right;} BODY.red DIV.box-bottom DIV.b-left {background: transparent url(../images/colors/red/box-sw.png) no-repeat scroll bottom left;} BODY.red DIV.box { /* 4 */ background: #fadedb url(../images/colors/red/box-w.png) repeat-y scroll top left;} BODY.red DIV.box-right {background: transparent url(../images/colors/red/box-e.png) repeat-y scroll top right;} BODY.red DIV.perex-n {background: transparent url(../images/colors/red/perex-n.png) repeat-x scroll top} BODY.red DIV.perex-ne {background: transparent url(../images/colors/red/perex-ne.png) no-repeat scroll bottom right;} BODY.red DIV.perex-nw {background: transparent url(../images/colors/red/perex-nw.png) no-repeat scroll bottom left;} BODY.red DIV.perex-s {background: transparent url(../images/colors/red/perex-s.png) repeat-x scroll bottom} BODY.red DIV.perex-se {background: transparent url(../images/colors/red/perex-se.png) no-repeat scroll bottom right;} BODY.red DIV.perex-sw {background: transparent url(../images/colors/red/perex-sw.png) no-repeat scroll bottom left;} BODY.red DIV.perex { /* 5 */ background: #fff5f4 url(../images/colors/red/perex-w.png) repeat-y scroll top left;} BODY.red DIV.perex-inside {background: transparent url(../images/colors/red/perex-e.png) repeat-y scroll top right;} /* BROWN colors: navigation decoration: 995a1c 1 selected navigation: dbb27d 2 not selected nav - hovered: f0dba8 3 non selected navigation: f0e7c9 4 perex: fdf7eb 5 links on color 4 black 6 */ BODY.brown UL#level-1-navigation LI.selected SPAN.outside {background-color: #dbb27d} /* 2 */ BODY.brown UL#level-1-navigation A {background-color: #f0e7c9; /* 4 */ color: black;} /* 6 */ BODY.brown UL#level-1-navigation LI.selected SPAN.outside A {background-color: transparent} BODY.brown UL#level-1-navigation A:hover {background-color: #f0dba8;} /* 3 */ BODY.brown UL.level-2-navigation SPAN.selected { /* 2 */ background: #dbb27d url(../images/colors/brown/selected.png) no-repeat 3% 50%; border-bottom: 2px solid #995a1c;} /* 1 */ BODY.brown DIV#content-top {background-color: #dbb27d; /* 2 */ border-bottom: 2px solid #995a1c;} /* 1 */ BODY.brown UL {list-style-image: url(../images/colors/brown/list.gif);} BODY.brown DIV.box A {color:black} /* 6 */ BODY.brown DIV.box-top {background: transparent url(../images/colors/brown/box-n.png) repeat-x scroll top} BODY.brown DIV.box-top DIV.b-right {background: transparent url(../images/colors/brown/box-ne.png) no-repeat scroll bottom right;} BODY.brown DIV.box-top DIV.b-left {background: transparent url(../images/colors/brown/box-nw.png) no-repeat scroll bottom left;} BODY.brown DIV.box-bottom {background: transparent url(../images/colors/brown/box-s.png) repeat-x scroll bottom} BODY.brown DIV.box-bottom DIV.b-right {background: transparent url(../images/colors/brown/box-se.png) no-repeat scroll bottom right;} BODY.brown DIV.box-bottom DIV.b-left {background: transparent url(../images/colors/brown/box-sw.png) no-repeat scroll bottom left;} BODY.brown DIV.box { /* 4 */ background: #f0e7c9 url(../images/colors/brown/box-w.png) repeat-y scroll top left;} BODY.brown DIV.box-right {background: transparent url(../images/colors/brown/box-e.png) repeat-y scroll top right;} BODY.brown DIV.perex-n {background: transparent url(../images/colors/brown/perex-n.png) repeat-x scroll top} BODY.brown DIV.perex-ne {background: transparent url(../images/colors/brown/perex-ne.png) no-repeat scroll bottom right;} BODY.brown DIV.perex-nw {background: transparent url(../images/colors/brown/perex-nw.png) no-repeat scroll bottom left;} BODY.brown DIV.perex-s {background: transparent url(../images/colors/brown/perex-s.png) repeat-x scroll bottom} BODY.brown DIV.perex-se {background: transparent url(../images/colors/brown/perex-se.png) no-repeat scroll bottom right;} BODY.brown DIV.perex-sw {background: transparent url(../images/colors/brown/perex-sw.png) no-repeat scroll bottom left;} BODY.brown DIV.perex { /* 5 */ background: #fdf7eb url(../images/colors/brown/perex-w.png) repeat-y scroll top left;} BODY.brown DIV.perex-inside {background: transparent url(../images/colors/brown/perex-e.png) repeat-y scroll top right;} /* GREEN colors: navigation decoration: 83cb4f 1 selected navigation: 9cd770 2 not selected nav - hovered: def5ce 3 non selected navigation: e5fad5 4 perex: f9fff5 5 links on color 4 black 6 */ BODY.green UL#level-1-navigation LI.selected SPAN.outside {background-color: #9cd770} /* 2 */ BODY.green UL#level-1-navigation A {background-color: #e5fad5; /* 4 */ color: black;} /* 6 */ BODY.green UL#level-1-navigation LI.selected SPAN.outside A {background-color: transparent} BODY.green UL#level-1-navigation A:hover {background-color: #def5ce;} /* 3 */ BODY.green UL.level-2-navigation SPAN.selected { /* 2 */ background: #9cd770 url(../images/colors/green/selected.png) no-repeat 3% 50%; border-bottom: 2px solid #83cb4f;} /* 1 */ BODY.green DIV#content-top {background-color: #9cd770; /* 2 */ border-bottom: 2px solid #83cb4f;} /* 1 */ BODY.green UL {list-style-image: url(../images/colors/green/list.gif);} BODY.green DIV.box A {color:black} /* 6 */ BODY.green DIV.box-top {background: transparent url(../images/colors/green/box-n.png) repeat-x scroll top} BODY.green DIV.box-top DIV.b-right {background: transparent url(../images/colors/green/box-ne.png) no-repeat scroll bottom right;} BODY.green DIV.box-top DIV.b-left {background: transparent url(../images/colors/green/box-nw.png) no-repeat scroll bottom left;} BODY.green DIV.box-bottom {background: transparent url(../images/colors/green/box-s.png) repeat-x scroll bottom} BODY.green DIV.box-bottom DIV.b-right {background: transparent url(../images/colors/green/box-se.png) no-repeat scroll bottom right;} BODY.green DIV.box-bottom DIV.b-left {background: transparent url(../images/colors/green/box-sw.png) no-repeat scroll bottom left;} BODY.green DIV.box { /* 4 */ background: #e5fad5 url(../images/colors/green/box-w.png) repeat-y scroll top left;} BODY.green DIV.box-right {background: transparent url(../images/colors/green/box-e.png) repeat-y scroll top right;} BODY.green DIV.perex-n {background: transparent url(../images/colors/green/perex-n.png) repeat-x scroll top} BODY.green DIV.perex-ne {background: transparent url(../images/colors/green/perex-ne.png) no-repeat scroll bottom right;} BODY.green DIV.perex-nw {background: transparent url(../images/colors/green/perex-nw.png) no-repeat scroll bottom left;} BODY.green DIV.perex-s {background: transparent url(../images/colors/green/perex-s.png) repeat-x scroll bottom} BODY.green DIV.perex-se {background: transparent url(../images/colors/green/perex-se.png) no-repeat scroll bottom right;} BODY.green DIV.perex-sw {background: transparent url(../images/colors/green/perex-sw.png) no-repeat scroll bottom left;} BODY.green DIV.perex { /* 5 */ background: #f9fff5 url(../images/colors/green/perex-w.png) repeat-y scroll top left;} BODY.green DIV.perex-inside {background: transparent url(../images/colors/green/perex-e.png) repeat-y scroll top right;} /* BORDEAUX colors: navigation decoration: af2469 1 selected navigation: c388a5 2 not selected nav - hovered: dea6c2 3 non selected navigation: f0cedf 4 perex: f7e6ee 5 links on color 4 black 6 */ BODY.bordeaux UL#level-1-navigation LI.selected SPAN.outside {background-color: #c388a5} /* 2 */ BODY.bordeaux UL#level-1-navigation A {background-color: #f0cedf; /* 4 */ color: black;} /* 6 */ BODY.bordeaux UL#level-1-navigation LI.selected SPAN.outside A {background-color: transparent} BODY.bordeaux UL#level-1-navigation A:hover {background-color: #dea6c2;} /* 3 */ BODY.bordeaux UL.level-2-navigation SPAN.selected { /* 2 */ background: #c388a5 url(../images/colors/bordeaux/selected.png) no-repeat 3% 50%; border-bottom: 2px solid #af2469;} /* 1 */ BODY.bordeaux DIV#content-top {background-color: #c388a5; /* 2 */ border-bottom: 2px solid #af2469;} /* 1 */ BODY.bordeaux UL {list-style-image: url(../images/colors/bordeaux/list.gif);} BODY.bordeaux DIV.box A {color:black} /* 6 */ BODY.bordeaux DIV.box-top {background: transparent url(../images/colors/bordeaux/box-n.png) repeat-x scroll top} BODY.bordeaux DIV.box-top DIV.b-right {background: transparent url(../images/colors/bordeaux/box-ne.png) no-repeat scroll bottom right;} BODY.bordeaux DIV.box-top DIV.b-left {background: transparent url(../images/colors/bordeaux/box-nw.png) no-repeat scroll bottom left;} BODY.bordeaux DIV.box-bottom {background: transparent url(../images/colors/bordeaux/box-s.png) repeat-x scroll bottom} BODY.bordeaux DIV.box-bottom DIV.b-right {background: transparent url(../images/colors/bordeaux/box-se.png) no-repeat scroll bottom right;} BODY.bordeaux DIV.box-bottom DIV.b-left {background: transparent url(../images/colors/bordeaux/box-sw.png) no-repeat scroll bottom left;} BODY.bordeaux DIV.box { /* 4 */ background: #f0cedf url(../images/colors/bordeaux/box-w.png) repeat-y scroll top left;} BODY.bordeaux DIV.box-right {background: transparent url(../images/colors/bordeaux/box-e.png) repeat-y scroll top right;} BODY.bordeaux DIV.perex-n {background: transparent url(../images/colors/bordeaux/perex-n.png) repeat-x scroll top} BODY.bordeaux DIV.perex-ne {background: transparent url(../images/colors/bordeaux/perex-ne.png) no-repeat scroll bottom right;} BODY.bordeaux DIV.perex-nw {background: transparent url(../images/colors/bordeaux/perex-nw.png) no-repeat scroll bottom left;} BODY.bordeaux DIV.perex-s {background: transparent url(../images/colors/bordeaux/perex-s.png) repeat-x scroll bottom} BODY.bordeaux DIV.perex-se {background: transparent url(../images/colors/bordeaux/perex-se.png) no-repeat scroll bottom right;} BODY.bordeaux DIV.perex-sw {background: transparent url(../images/colors/bordeaux/perex-sw.png) no-repeat scroll bottom left;} BODY.bordeaux DIV.perex { /* 5 */ background: #f7e6ee url(../images/colors/bordeaux/perex-w.png) repeat-y scroll top left;} BODY.bordeaux DIV.perex-inside {background: transparent url(../images/colors/bordeaux/perex-e.png) repeat-y scroll top right;} /* DARKBLUE colors: navigation decoration: 13297e 1 selected navigation: 6f80be 2 not selected nav - hovered: a6b1dc 3 non selected navigation: b8c1e4 4 perex: f5f7fd 5 links on color 4 blue 6 box bg: d4daf2 7 */ BODY.darkblue UL#level-1-navigation LI.selected SPAN.outside {background-color: #6f80be;} /* 2 */ BODY.darkblue UL#level-1-navigation A {background-color: #b8c1e4; /* 4 */ color: black;} /* 6 */ BODY.darkblue UL#level-1-navigation LI.selected SPAN.outside A {background-color: transparent} BODY.darkblue UL#level-1-navigation A:hover {background-color: #a6b1dc;} /* 3 */ BODY.darkblue UL.level-2-navigation SPAN.selected { /* 2 */ background: #6f80be url(../images/colors/darkblue/selected.png) no-repeat 3% 50%; border-bottom: 2px solid #13297e;} /* 1 */ BODY.darkblue DIV#content-top {background-color: #6f80be; /* 2 */ border-bottom: 2px solid #13297e;} /* 1 */ BODY.darkblue UL {list-style-image: url(../images/colors/darkblue/list.gif);} BODY.darkblue DIV.box A {color:black} /* 6 */ BODY.darkblue DIV.box-top {background: transparent url(../images/colors/darkblue/box-n.png) repeat-x scroll top} BODY.darkblue DIV.box-top DIV.b-right {background: transparent url(../images/colors/darkblue/box-ne.png) no-repeat scroll bottom right;} BODY.darkblue DIV.box-top DIV.b-left {background: transparent url(../images/colors/darkblue/box-nw.png) no-repeat scroll bottom left;} BODY.darkblue DIV.box-bottom {background: transparent url(../images/colors/darkblue/box-s.png) repeat-x scroll bottom} BODY.darkblue DIV.box-bottom DIV.b-right {background: transparent url(../images/colors/darkblue/box-se.png) no-repeat scroll bottom right;} BODY.darkblue DIV.box-bottom DIV.b-left {background: transparent url(../images/colors/darkblue/box-sw.png) no-repeat scroll bottom left;} BODY.darkblue DIV.box { /* 7 */ background: #d4daf2 url(../images/colors/darkblue/box-w.png) repeat-y scroll top left;} BODY.darkblue DIV.box-right {background: transparent url(../images/colors/darkblue/box-e.png) repeat-y scroll top right;} BODY.darkblue DIV.perex-n {background: transparent url(../images/colors/darkblue/perex-n.png) repeat-x scroll top} BODY.darkblue DIV.perex-ne {background: transparent url(../images/colors/darkblue/perex-ne.png) no-repeat scroll bottom right;} BODY.darkblue DIV.perex-nw {background: transparent url(../images/colors/darkblue/perex-nw.png) no-repeat scroll bottom left;} BODY.darkblue DIV.perex-s {background: transparent url(../images/colors/darkblue/perex-s.png) repeat-x scroll bottom} BODY.darkblue DIV.perex-se {background: transparent url(../images/colors/darkblue/perex-se.png) no-repeat scroll bottom right;} BODY.darkblue DIV.perex-sw {background: transparent url(../images/colors/darkblue/perex-sw.png) no-repeat scroll bottom left;} BODY.darkblue DIV.perex { /* 5 */ background: #f5f7fd url(../images/colors/darkblue/perex-w.png) repeat-y scroll top left;} BODY.darkblue DIV.perex-inside {background: transparent url(../images/colors/darkblue/perex-e.png) repeat-y scroll top right;} /* ----------------------------------------------------------------- ONCE MORE FOR BOXES ----------------------------------------------------------------*/ DIV.blue UL {list-style-image: url(../images/colors/blue/list.gif);} DIV.blue DIV.box A {color:blue} /* 6 */ DIV.blue DIV.box-top {background: transparent url(../images/colors/blue/box-n.png) repeat-x scroll top} DIV.blue DIV.box-top DIV.b-right {background: transparent url(../images/colors/blue/box-ne.png) no-repeat scroll bottom right;} DIV.blue DIV.box-top DIV.b-left {background: transparent url(../images/colors/blue/box-nw.png) no-repeat scroll bottom left;} DIV.blue DIV.box-bottom {background: transparent url(../images/colors/blue/box-s.png) repeat-x scroll bottom} DIV.blue DIV.box-bottom DIV.b-right {background: transparent url(../images/colors/blue/box-se.png) no-repeat scroll bottom right;} DIV.blue DIV.box-bottom DIV.b-left {background: transparent url(../images/colors/blue/box-sw.png) no-repeat scroll bottom left;} DIV.blue DIV.box {background: #e6ebf6 url(../images/colors/blue/box-w.png) repeat-y scroll top left;} DIV.blue DIV.box-right {background: transparent url(../images/colors/blue/box-e.png) repeat-y scroll top right;} DIV.red UL {list-style-image: url(../images/colors/red/list.gif);} DIV.red DIV.box A {color:black} /* 6 */ DIV.red DIV.box-top {background: transparent url(../images/colors/red/box-n.png) repeat-x scroll top} DIV.red DIV.box-top DIV.b-right {background: transparent url(../images/colors/red/box-ne.png) no-repeat scroll bottom right;} DIV.red DIV.box-top DIV.b-left {background: transparent url(../images/colors/red/box-nw.png) no-repeat scroll bottom left;} DIV.red DIV.box-bottom {background: transparent url(../images/colors/red/box-s.png) repeat-x scroll bottom} DIV.red DIV.box-bottom DIV.b-right {background: transparent url(../images/colors/red/box-se.png) no-repeat scroll bottom right;} DIV.red DIV.box-bottom DIV.b-left {background: transparent url(../images/colors/red/box-sw.png) no-repeat scroll bottom left;} DIV.red DIV.box { /* 4 */ background: #fadedb url(../images/colors/red/box-w.png) repeat-y scroll top left;} DIV.red DIV.box-right {background: transparent url(../images/colors/red/box-e.png) repeat-y scroll top right;} DIV.green UL {list-style-image: url(../images/colors/green/list.gif);} DIV.green DIV.box A {color:black} /* 6 */ DIV.green DIV.box-top {background: transparent url(../images/colors/green/box-n.png) repeat-x scroll top} DIV.green DIV.box-top DIV.b-right {background: transparent url(../images/colors/green/box-ne.png) no-repeat scroll bottom right;} DIV.green DIV.box-top DIV.b-left {background: transparent url(../images/colors/green/box-nw.png) no-repeat scroll bottom left;} DIV.green DIV.box-bottom {background: transparent url(../images/colors/green/box-s.png) repeat-x scroll bottom} DIV.green DIV.box-bottom DIV.b-right {background: transparent url(../images/colors/green/box-se.png) no-repeat scroll bottom right;} DIV.green DIV.box-bottom DIV.b-left {background: transparent url(../images/colors/green/box-sw.png) no-repeat scroll bottom left;} DIV.green DIV.box { /* 4 */ background: #e5fad5 url(../images/colors/green/box-w.png) repeat-y scroll top left;} DIV.green DIV.box-right {background: transparent url(../images/colors/green/box-e.png) repeat-y scroll top right;} DIV.bordeaux UL {list-style-image: url(../images/colors/bordeaux/list.gif);} DIV.bordeaux DIV.box A {color:black} /* 6 */ DIV.bordeaux DIV.box-top {background: transparent url(../images/colors/bordeaux/box-n.png) repeat-x scroll top} DIV.bordeaux DIV.box-top DIV.b-right {background: transparent url(../images/colors/bordeaux/box-ne.png) no-repeat scroll bottom right;} DIV.bordeaux DIV.box-top DIV.b-left {background: transparent url(../images/colors/bordeaux/box-nw.png) no-repeat scroll bottom left;} DIV.bordeaux DIV.box-bottom {background: transparent url(../images/colors/bordeaux/box-s.png) repeat-x scroll bottom} DIV.bordeaux DIV.box-bottom DIV.b-right {background: transparent url(../images/colors/bordeaux/box-se.png) no-repeat scroll bottom right;} DIV.bordeaux DIV.box-bottom DIV.b-left {background: transparent url(../images/colors/bordeaux/box-sw.png) no-repeat scroll bottom left;} DIV.bordeaux DIV.box { /* 4 */ background: #f0cedf url(../images/colors/bordeaux/box-w.png) repeat-y scroll top left;} DIV.bordeaux DIV.box-right {background: transparent url(../images/colors/bordeaux/box-e.png) repeat-y scroll top right;} DIV.darkblue UL {list-style-image: url(../images/colors/darkblue/list.gif);} DIV.darkblue DIV.box A {color:black} /* 6 */ DIV.darkblue DIV.box-top {background: transparent url(../images/colors/darkblue/box-n.png) repeat-x scroll top} DIV.darkblue DIV.box-top DIV.b-right {background: transparent url(../images/colors/darkblue/box-ne.png) no-repeat scroll bottom right;} DIV.darkblue DIV.box-top DIV.b-left {background: transparent url(../images/colors/darkblue/box-nw.png) no-repeat scroll bottom left;} DIV.darkblue DIV.box-bottom {background: transparent url(../images/colors/darkblue/box-s.png) repeat-x scroll bottom} DIV.darkblue DIV.box-bottom DIV.b-right {background: transparent url(../images/colors/darkblue/box-se.png) no-repeat scroll bottom right;} DIV.darkblue DIV.box-bottom DIV.b-left {background: transparent url(../images/colors/darkblue/box-sw.png) no-repeat scroll bottom left;} DIV.darkblue DIV.box { /* 4 */ background: #d4daf2 url(../images/colors/darkblue/box-w.png) repeat-y scroll top left;} DIV.darkblue DIV.box-right {background: transparent url(../images/colors/darkblue/box-e.png) repeat-y scroll top right;} /* ----------------------------------------------------------------- SKELETON ----------------------------------------------------------------*/ BODY, HTML { margin: 0px; padding: 0px; background-color: #57130c; height: 100%; } DIV#background { } DIV#background DIV { } DIV#absolute { position: absolute; width: 100%; top: 0px; left: 0px; height: 100%; } DIV#main { width: 49em; margin-left: auto; margin-right: auto; text-align:left; min-height: 100%; background-color: white; border-width: 0px 0.065em; border-style: solid; border-color: #414141; } * html DIV#main {height: 100%} DIV#main-inside { } 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; clear: 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-middle {padding:0.3em 0.8em} DIV#content-bottom {height: 0.5em} DIV#content-top DIV.b-right {} DIV#content-top DIV.b-left {} DIV.box-top {height: 4px; width: 100%; font-size: 1px;} DIV.box-top DIV.b-right {height: 4px; width: 100%; font-size: 1px;} DIV.box-top DIV.b-left {height: 4px; width: 100%; font-size: 1px;} DIV.box-bottom {height: 4px; width: 100%;} DIV.box-bottom DIV.b-right {height: 4px; width: 100%;} DIV.box-bottom DIV.b-left {height: 4px; width: 100%;} DIV.perex{ padding: 0em; margin: 0em; } DIV.perex-inside { padding: 0.3em 1em; } DIV.perex-n {height: 4px; width: 100%; font-size: 1px;} DIV.perex-ne {height: 4px; width: 100%; font-size: 1px;} DIV.perex-nw {height: 4px; width: 100%; font-size: 1px;} DIV.perex-s {height: 4px; width: 100%; font-size: 1px;} DIV.perex-se {height: 4px; width: 100%; font-size: 1px;} DIV.perex-sw {height: 4px; width: 100%; font-size: 1px;} 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{ padding: 0.2em 0em; background-image: url(../images/tab-right.png); background-repeat: no-repeat; background-position: top right; 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 SPAN.underline { text-decoration: none; } UL#level-1-navigation A SPAN.inside { background: transparent url(../images/tab-left.png) no-repeat scroll top left; padding: 0.2em 1em; } 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 A:hover{ text-decoration: none; } UL#level-1-navigation LI.selected SPAN.outside{ background-image: url(../images/selected-right.png); background-repeat: no-repeat; background-position: top right; 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 { background-image: url(../images/selected-left.png); background-repeat: no-repeat; background-position: top left; padding: 0.3em 1em 0.2em 1em; } UL.level-2-navigation { padding-left: 0em; margin-top: 1em; padding-bottom: 0.1em; list-style-type: none !important; list-style-image: none !important; } UL.level-2-navigation UL { padding-left: 0em; list-style-type: none !important; list-style-image: none !important; } /* level 3 */ UL.level-2-navigation UL SPAN.selected SPAN.inside, UL.level-2-navigation UL LI SPAN.not-selected {padding-left: 2.2em;} /* level 4 */ UL.level-2-navigation UL UL SPAN.selected SPAN.inside, UL.level-2-navigation UL UL LI SPAN.not-selected {padding-left: 2.9em;} /* level 5 */ UL.level-2-navigation UL UL UL SPAN.selected SPAN.inside, UL.level-2-navigation UL UL UL LI SPAN.not-selected {padding-left: 3.6em;} /* level 6 */ UL.level-2-navigation UL UL UL UL SPAN.selected SPAN.inside, UL.level-2-navigation UL UL UL UL LI SPAN.not-selected {padding-left: 4.3em;} UL.level-2-navigation SPAN.selected, UL.level-2-navigation SPAN.selected * {font-size: 13px;} UL.level-2-navigation SPAN.selected { display: block; } UL.level-2-navigation SPAN.selected SPAN.inside { display: block; height: 100%; padding: 0.1em 0em 0em 1.5em; } UL.level-2-navigation LI { font-size:1px; margin: 0px 2px; } UL.level-2-navigation LI SPAN.not-selected, UL.level-2-navigation LI SPAN.not-selected *{font-size: 13px;} UL.level-2-navigation LI SPAN.not-selected { display: block; padding: 0.1em 0em 0em 1.5em; border-bottom: 2px solid transparent; } /* no support for transparent borders */ * html UL.level-2-navigation LI SPAN.not-selected {border-bottom-width: 0px} 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 { } H1 {margin-left:0.6em} DIV.stripe, DIV.stripe * {font-size:7.5pt} DIV.stripe-left{ text-align: left; } DIV.stripe-left-floating{ float:left; } DIV.stripe { text-align: right; padding: 0.1em 1em; margin: 0em 0.065em 0em 0.065em; color: #696969; } DIV#footer { background-color: #efefef; border-bottom: 0.2em solid #dedede; } DIV#head DIV.stripe-left-floating { font-size: 10pt; font-weight: bold; } A.gray { text-decoration: none; color: #4b4b4b; } A.gray:visited { text-decoration: none; color: #4b4b4b; } DIV.class-main DIV.box {margin: 0.7em 0em 0.7em 0.7em} DIV.class-main DIV.box-content {padding-right: 0.6em;} DIV.class-main DIV.box-no-border {margin: 0em 0em 0.7em 0.7em} DIV.class-main-half DIV.box {margin-right: 0.5em} DIV.class-main-half DIV.box-content {padding-right: 0.6em;} /* ----------------------------------------------------------------- TEXT SIZES ----------------------------------------------------------------*/ DIV.box H2, DIV.box-no-border H2{margin-top: 0.2em}