containing the day names */
}
.calendar thead .name { /* Cells | containing the day names */
border-bottom: 1px solid #000; /* Kant under "Uge" og ugedagsnavnene */
padding: 2px;
text-align: center;
background: #F4F0E8; /* Baggrundsfarve i felterne med ugedagsnavnene */
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #f00;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
border-top: 2px solid #fff; /* On mouse over i felterne med "? x" pilene og "dags dato" */
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #fff;
padding: 0px;
background-color: #FFFBEE; /* On mouse over baggrundsfarve i felterne med
"? x" pilene, "dags dato" og ugedagsnavne */
}
.calendar thead .active { /* Active (pressed) buttons in header */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000; /* On klick kantfarve i felterne med
"? x" pilene, "dags dato" og ugedagsnavne */
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
background-color: #DFDBCE; /* On klick baggrundsfarve i felterne med
"? x" pilene, "dags dato" og ugedagsnavne */
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */ /* Størrelsen på felterne med datotallene */
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
color: #faa;
}
.calendar table .wn { /* Kolonne med "Uge" og ugenumrene */
padding: 2px 3px 2px 2px;
border-right: 1px solid #000;
background: #F4F0E8; /* Baggrundsfarve i kolonnen med "Uge" og ugenumrene */
}
.calendar tbody .rowhilite td { /* Mouse over baggrundsfarve i felterne med datotallene */
background: #F4F0E8;
}
.calendar tbody .rowhilite td.wn { /* Mouse over baggrundsfarve i felterne med ugetallene */
background: #EFEBDE;
}
.calendar tbody td.hilite { /* Hovered cells | */
padding: 1px 3px 1px 1px;
border: 1px solid;
border-color: #fff #000 #000 #fff;
}
.calendar tbody td.active { /* Active (pressed) cells | */
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: #000 #fff #fff #000;
}
.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: #000 #fff #fff #000;
background: #FFFBEE; /* Baggrundsfarve i feltet med tallet for den valgte dag */
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #f00;
}
.calendar tbody td.today { /* Cell showing today date */
font-weight: bold;
color: #00f;
}
.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 | */ /* Hjælp */
background: #EFEBDE;
padding: 1px;
border-top: 1px solid #000;
border-right: 0px solid #000;
border-bottom: 1px solid #000;
border-left: 0px solid #000;
background: #EFEBDE; /* Baggrundsfarve i feltet med hjælpeteksterne */
color: #00f; /* Fontfarve på teksten i hjælpefeltet */
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: #d8e0e4;
}
.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: #EFEBDE; /* Baggrundsfarve på dropdownmenuerne med årstal og månedsnavne */
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: #DFDBCE; /* Baggrundsfarve i dropdownmenu med
månedsnavne for den forudgående henholdsvis efterfølgende måned */
padding: 0px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
.calendar .combo .hilite {
background: #8F8B7E; /* On mouse over baggrundsfarve i dropdownmenuerne med årstal og måneder */
color: #fff; /* On mouse over tekstfarve i dropdownmenuerne med årstal og måneder */
}
.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #FFFBEE; /* Baggrundsfarve i feltet med klokkeslet tallene*/
}
.calendar td.time .hour, /* Baggrund i feltet med klokkeslet tallene */
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #FFFBEE; /* Farve bag klokkeslet tallene */
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: 8F8B7E; /* On mouse over farve bag klokkeslet tallene */
color: #fff;
}
.calendar td.time span.active { /* On click for klokkeslettallene og baggrunden */
border-color: #f00;
background-color: #DFDBCE;
color: #00f;
}
/************* Kalender stylesheet slut ***********/
.StatistikTekst{
vertical-align: top;
}
.stat{
font-size: 14px;
height: 18px;
line-height: 18px;
}
/* Indrykning i første linie i teksten i forhold til venstre margin */
.indryk25{
text-indent: 25px;
}
.indryk50{
text-indent: 50px;
}
.indryk75{
text-indent: 75px;
}
.indryk100{
text-indent: 100px;
}
/* Indrykning af teksten i venstre side i afsnittet */
.indrykV25{
margin-left: 25px;
margin-right: 25px;
}
.indrykV50{
margin-left: 50px;
margin-right: 50px;
}
.indrykV75{
margin-left: 75px;
margin-right: 75px;
}
.indrykV100{
margin-left: 100px;
margin-right: 100px;
}
/* Indrykning af teksten i både venstre og højre side i afsnittet */
.indrykVH25{
margin-left: 25px;
margin-right: 25px;
}
.indrykVH50{
margin-left: 50px;
margin-right: 50px;
}
.indrykVH75{
margin-left: 75px;
margin-right: 75px;
}
.indrykVH100{
margin-left: 100px;
margin-right: 100px;
}
.indrykV100{
margin-left: 100px;
}
.indrykV110{
margin-left: 110px;
}
.Ikon{
font-family: Wingdings;
font-size:13,5px;
font-weight:normal;
}
/*Positioneringer - Det sted, hvor en tekst eller andet starter */
.placeringV25{
position: absolute;
left:25px;
}
.placeringV35{
position: absolute;
left:35px;
}
.placeringV50{
position: absolute;
left:50px;
}
.placeringV75{
position: absolute;
left:75px;
}
.placeringV210{
position: absolute;
left:210px;
}
.placeringV245{
position: absolute;
left:245px;
}
.placeringV275{
position: absolute;
left:275px;
}
.placeringV500{
position: absolute;
left:500px;
}
.placeringV680{
position: absolute;
left:680px;
}
.placeringV765H{
position: absolute;
left:765px;
width:200px;
text-align: right;
}
.TopBaggrund {
height : 62px;
background-color : #E7DBC6;
background-image : url(billeder/TopBaggrund.gif);
background-repeat : repeat-x;
}
|