containing the day names */
color: #1b553c;
}
.calendar thead .name {
/* Cells | containing the day names */
border-bottom: 1px solid #cccccc;
padding: 2px;
text-align: center;
color: #000000;
}
.calendar thead .weekend {
/* How a weekend day name shows in header */
color: #BC0000;
}
.calendar thead .hilite {
/* How do the buttons in header appear when hover */
border-top: 2px solid #fff;
border-right: 2px solid #cccccc;
border-bottom: 2px solid #cccccc;
border-left: 2px solid #fff;
padding: 0px;
background-color: #d8e4e0;
color: #545552;
}
.calendar thead .active {
/* Active (pressed) buttons in header */
padding: 2px 0px 0px 2px;
border-top: 1px solid #cccccc;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #cccccc;
background-color: #b8c4c0;
color: #545552;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day {
/* Cells | containing month days dates */
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
color: black;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
color: #faa;
}
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #000;
background: #cccccc;
}
.calendar tbody .rowhilite td {
background: #cccccc;
}
.calendar tbody .rowhilite td.wn {
background: #cccccc;
}
.calendar tbody td.hilite {
/* Hovered cells | */
padding: 1px 3px 1px 1px;
border: 1px solid #000000;
color: #ffffff;
}
.calendar tbody td.active {
/* Active (pressed) cells | */
padding: 2px 2px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
color: #000;
}
.calendar tbody td.selected {
/* Cell showing selected date */
font-weight: bold;
border: 1px solid #000;
padding: 2px 2px 0px 2px;
background: #dedede;
color: #A4A6CB;
}
.calendar tbody td.weekend {
/* Cells showing weekend days */
color: #BC0000;
}
.calendar tbody td.today {
/* Cell showing today date */
font-weight: bold;
color: #3D4B73;
border: solid 1px #3D4B73;
}
.calendar tbody .disabled {
color: #999;
}
.calendar tbody .emptycell {
/* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow {
/* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow {
/* The |
in footer (only one right now) */
}
.calendar tfoot .ttip {
/* Tooltip (status bar) cell | */
padding: 1px;
border-top: solid 1px #cccccc;
color: #000000;
text-align: center;
}
.calendar tfoot .hilite {
/* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #d8e4e0;
}
.calendar tfoot .active {
/* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
background: #d8e4e0;
font-size: 90%;
padding: 1px;
z-index: 100;
}
.calendar .combo .label, .calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .active {
background: #c8d4d0;
padding: 0px;
border-top: 1px solid #000;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #000;
}
.calendar .combo .hilite {
background: #cccccc;
color: black;
}
.calendar td.time {
border-top: 1px solid #cccccc;
padding: 1px 0px;
text-align: center;
background-color: #BBBBBB;
color: black;
}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #cccccc;
font-weight: bold;
background-color: #fff;
color: #000000;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
color: #000;
}
.calendar td.time span.hilite {
border-color: #cccccc;
background-color: #cccccc;
color: #000;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #cccccc;
color: #000;
}
.startform_field {
border: none;
}
.startform_label {
text-align: left;
color: #484821;
background-color: transparent;
padding: 2px;
border: none;
border-bottom: none;
}
.startform_head {
font-family: Arial;
font-size: 14px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
color: #003115;
height: 36px;
background: transparent url(/bin_images/startsignup_bg.jpg) no-repeat scroll 50% top;
}
/* NEW SIGNUP PAGE */
.notValidated {
background-color: transparent;
height: 18px;
}
.Valid {
background: url(/bin_images/icon_correct.gif) no-repeat;
background-color: transparent;
height: 18px;
}
.InValid {
background: url(/bin_images/icon_wrong.gif) no-repeat;
background-color: transparent;
height: 18px;
}
.hint {
display: none;
position: absolute;
width: 200px;
margin-top: -4px;
border: 1px solid #c93;
padding: 10px 12px;
background: #ffc;
z-index: 500;
}
.hint .hint-pointer {
position: absolute;
left: -10px;
top: 5px;
width: 10px;
height: 19px;
background: url(/bin_images/pointer.gif) left top no-repeat;
}
.formMessage {
color: black;
display: none;
position: absolute;
width: 200px;
margin-top: -4px;
border: 1px solid #c93;
padding: 10px 12px;
background: #ffc;
}
.formMessage a {
color: black;
}
.formMessage a:hover {
color: black;
}
.formMessagePointer {
position: absolute;
left: -10px;
top: 5px;
width: 10px;
height: 19px;
background: url(/bin_images/message_pointer.gif) left top no-repeat;
}
.nac_step_active {
color: #ffffff;
text-transform: uppercase;
background-color: #920e19;
}
.nac_step_inactive {
color: #ffffff;
text-transform: uppercase;
background-color: #49494a;
}
.reg_form {
/*border: 1px solid #606061;*/
background-color: #606061;
color: #ffffff;
}
#formtext {
/*color: #666666;
*/
}
/* --- BUTTON TEXTCOLOR & BORDERCOLOR --- */
.button_right1, .button_right2, .button_right3, .button_right4, .button_right5, .button_right6 {
border: none;
border-left: none;
background-image: url(/bin_images/button_up_right.png);
height: 32px;
}
.button_main1, .button_main1_submit, .button_main2, .button_main3, .button_main4, .button_main5, .button_main6 {
border: none;
border-left: none;
border-right: none;
background-image: url(/bin_images/button_up_main.png);
color: #ffffff;
height: 32px;
}
.button_main1_submit {
height:32px;
font-size:11px;
}
.button_left1, .button_left2, .button_left3, .button_left4, .button_left5, .button_left6 {
border: none;
border-right: none;
background-image: url(/bin_images/button_up_left.png);
height: 32px;
}
.footer_left {
position: absolute;
left: 5px;
padding-top: 2px;
}
.footer_right {
position: absolute;
right: 5px;
padding-top: 2px;
}
/**** added by andi ****/
.breadcrumbs_item {
padding-left: 14px;
background: url(/bin_images/breadcrumb_icon.gif) scroll 0px 2px no-repeat;
}
.breadcrumbs_last, .breadcrumbs_last:link, .breadcrumbs_last:visited, .breadcrumbs_last:active {
color: #990000;
padding-left: 14px;
background: url(/bin_images/breadcrumb_icon_active.gif) scroll 0px 2px no-repeat;
}
.breadcrumbs_last:hover {
color: #990000;
}
/*
hab noch etwas probiert:
http://de.selfhtml.org/css/layouts/fixbereiche.htm
geht aber nicht .
*/
/* f�r ie6 und alles komische */
/*#floating_left {
position: absolute;
top: 2.8em; left: 2em;
width: 18em;
}*/
/* f�r alle besseren browser */
html>body #floating_left {
position: absolute;
bottom: 25px;
margin-left: 655px;
}
#tooltext_separator {
display: none;
visibility:hidden;
}
#ext-game.selection h1{
display:none;
}
#top-tab-container {position: absolute; top: 0px; right: 0px; z-index:1000; }
.top-tab { margin-right: 3px; float: left;width: 95px; height: 22px; text-align: center; padding-top: 3px;}
.top-tab a { text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 11px; display: block;}
.top-tab.on { background: url(/bin_images/tab_act) no-repeat;}
.top-tab.on a { color: #ffffff; }
.top-tab.off { background: url(/bin_images/tab) no-repeat; }
.top-tab.off a { color: #989898; }
.navi-buttons {
float: right;
margin: 8px 8px 0 0;
line-height: 30px;
}
.navi-top, .navi-print, .navi-support, .navi-download, .navi-instant {
float: right;
margin-right: 1px;
}
.navi-top a, .navi-print a, .navi-support a, .navi-download a, .navi-instant a {
display: block;
}
.navi-top {
background: url(/bin_images/top);
width: 41px;
height: 30px;
}
.navi-top:hover {
background: url(/bin_images/top) 0 -30px;
cursor: pointer;
}
.navi-print {
background: url(/bin_images/print);
width: 41px;
height: 30px;
}
.navi-print:hover {
background: url(/bin_images/print) 0 -30px;
cursor: pointer;
}
.navi-print {
background: url(/bin_images/print);
width: 41px;
height: 30px;
}
.navi-print:hover {
background: url(/bin_images/print) 0 -30px;
cursor: pointer;
}
.navi-support {
background: url(/bin_images/navi_buttons) repeat-x;
height: 30px;
padding: 0 12px;
}
.navi-support:hover {
background: url(/bin_images/navi_buttons) 0 -30px;
cursor: pointer;
}
.navi-download {
background: url(/bin_images/navi_buttons) repeat-x;
padding: 0 12px;
height: 30px;
}
.navi-download:hover {
background: url(/bin_images/navi_buttons) 0 -30px;
cursor: pointer;
}
.navi-instant {
background: url(/bin_images/instant) repeat-x;
padding: 0 12px;
height: 30px;
}
.navi-instant:hover {
background: url(/bin_images/instant) 0 -30px;
cursor: pointer;
}
html>body #floating_left object {
display: none;
visibility: hidden;
}
html>body #floating_left a {
display: none;
visibility: hidden;
}
html>body #floating_left #bookmarks a {
display: block;
visibility: visible;
}
|