[Summary view] [Print] [Text view]

   1  /*  calendar calendar table styles  */
   2  .calendar-calendar tr.odd, .calendar-calendar tr.even {
   3    background-color:#fff;
   4  }
   5  .calendar-calendar table {
   6    border-collapse: collapse;
   7    border-spacing: 0;
   8    margin:0 auto;
   9    padding:0;
  10    width: 100%; /* Setting at 100% causes problem in Internet Explorer. */
  11  }
  12  .calendar-calendar .month-view table {
  13    border:none;
  14    padding:0;
  15    margin:0;
  16    width:100%;
  17  }
  18  
  19    /* IE needs a little help to get the side by side tables to the right size */
  20  .calendar-calendar .year-view td {
  21    width:32%;
  22    padding:1px;
  23    border:none;
  24  }
  25  
  26  .calendar-calendar .year-view td table td {
  27    width:13%;
  28    padding:0;
  29  }
  30  
  31  .calendar-calendar tr {
  32    padding: 0;
  33    margin: 0;
  34    background-color: white;
  35  }
  36  .calendar-calendar th {
  37    text-align: center;
  38    margin:0;
  39  }
  40  .calendar-calendar th a {
  41    font-weight: bold;
  42  }
  43  .calendar-calendar td {
  44    width: 12%; /* 14% is about 1/7 of total table width */
  45    min-width: 12%;
  46    border: 1px solid #ccc;
  47    color: #777;
  48    text-align: right;
  49    vertical-align: top;
  50    margin: 0;
  51    padding:0;
  52  }
  53  
  54  /* simplify the mini calendar by removing borders */
  55  .calendar-calendar .mini {
  56    border:none;
  57   }
  58  
  59  /* format for the week number in the first cell */
  60  .calendar-calendar td.week {
  61    width:1%;
  62    min-width:1%;
  63    }
  64  .calendar-calendar .week {
  65    clear:both;
  66    font-style: normal;
  67    color: #555;
  68    font-size: 0.8em;
  69  }
  70  .calendar-calendar .week a {
  71    font-weight:normal;
  72  }
  73  
  74  /* IE6 does not support min-height, using Min-Height fast hack from http://www.dustindiaz.com/min-height-fast-hack */
  75  .calendar-calendar .inner {
  76    height:auto !important;
  77    height:5em;
  78    padding:0;
  79    margin:0;
  80  }
  81  .calendar-calendar .inner div {
  82    padding:0;
  83    margin:0;
  84  }
  85  /* Make sure paragraphs buried in calendar cells use padding, not margins, for separation so the background color doesn't come through. */
  86  .calendar-calendar .inner p {
  87    padding:0 0 .8em 0;
  88    margin:0;
  89  }
  90  .calendar-calendar td a {
  91    font-weight: bold;
  92    text-decoration: none;
  93  }
  94  .calendar-calendar td a:hover {
  95    text-decoration: underline;
  96  }
  97  .calendar-calendar td.year, 
  98  .calendar-calendar td.month {
  99    text-align: center;
 100  }
 101  
 102  /* format days of the week header cells */
 103  .calendar-calendar th.days {
 104    color: #ccc;
 105    background-color: #224;
 106    text-align: center;
 107    padding:1px;
 108    margin:0;
 109   }
 110  
 111  /*  floating day number div  */
 112  .calendar-calendar div.day {
 113    float: right;
 114    text-align: center;
 115    padding: 0.125em 0.25em 0 0.25em;
 116    margin: 0;
 117    background-color: #f3f3f3;
 118    border: 1px solid gray;
 119    border-width: 0 0 1px 1px;
 120    clear:both;
 121    width:1.5em;
 122  }
 123  
 124  /*  individual node container  */
 125  .calendar-calendar div.calendar {
 126    background-color: #fff;
 127    border: solid 1px #ddd;
 128    text-align: left;
 129    margin:0 .25em .25em 0;
 130    width: 96%;
 131    float:right; /* needed to keep IE from hiding the floating day number */
 132    clear:both;
 133  }
 134  /* No floating of day view content because there is no floating day number */
 135  .calendar-calendar .day-view div.calendar {
 136    float:none;
 137    width:98%;
 138    margin:1% 1% 0 1%;
 139  }
 140  
 141  .calendar-calendar div.title {
 142    font-size:.8em;
 143    text-align:center;
 144  }
 145  
 146  .calendar-calendar div.title a {
 147    color: #000;
 148  }
 149  .calendar-calendar div.title a:hover {
 150    color: #c00;
 151  }
 152  .calendar-calendar .content {
 153    clear:both;
 154    padding: 3px;
 155    padding-left: 5px;
 156  }
 157  .calendar div.form-item {
 158    white-space: normal;
 159  }
 160  
 161  table td.mini, 
 162  table th.mini, 
 163  table.mini td.week {
 164    padding:0 1px 0 0;
 165    margin:0;
 166    }
 167  table td.mini a {
 168    font-weight:normal;
 169    }
 170  .calendar-calendar .mini-day-off {
 171    padding:0px;
 172  }
 173  .calendar-calendar .mini-day-on {
 174    padding:0px;
 175  }
 176  table .mini-day-on a {
 177    text-decoration:underline;
 178    }
 179  .calendar-calendar .mini .title {
 180    font-size:.8em;
 181    }
 182  .mini .calendar-calendar .week {
 183    font-size:.7em;
 184    }
 185  .mini-row {
 186    width:100%;
 187    border:none;
 188  }
 189  .mini{
 190    width:32%;
 191    vertical-align:top;
 192    }
 193  
 194  
 195  /* formatting for the legend stripe and block */
 196  .calendar-calendar .stripe {
 197    height: 5px;
 198    width: auto;
 199    font-size:1px !important;
 200    line-height:1px !important;
 201  }
 202  .calendar-calendar .day-view .stripe {
 203    width:100%;
 204  }
 205  table.calendar-legend {
 206    background-color:#ccc;
 207    width:100%;
 208    margin:0;
 209    padding:0;
 210  }
 211  table.calendar-legend tr.odd .stripe,
 212  table.calendar-legend tr.even .stripe {
 213    height:12px !important;
 214    font-size:9px !important;
 215    line-height:10px !important;
 216  }
 217  .calendar-legend td {
 218    text-align:left;
 219  }
 220  
 221  .calendar-empty {
 222    font-size:1px;
 223    line-height:1px;
 224  }
 225  
 226  /* formatting for the full day view */  
 227  .calendar-calendar td.calendar-agenda-hour {
 228    text-align:right;
 229    border:none;
 230    border-top:1px solid #CCCCCC;
 231    padding-top:.25em;
 232    width:1%;
 233  }
 234  .calendar-calendar td.calendar-agenda-no-hours {
 235    min-width:1%;
 236  }
 237  .calendar-calendar td.calendar-agenda-hour .calendar-hour {
 238    font-size:1.2em;
 239    font-weight:bold;
 240  }
 241  .calendar-calendar td.calendar-agenda-hour .calendar-ampm {
 242    font-size:1em;
 243  }
 244  .calendar-calendar td.calendar-agenda-items {
 245    border:1px solid #CCCCCC;
 246    text-align:left;
 247  }
 248  .calendar-calendar td.calendar-agenda-items div.calendar {
 249    width:auto;
 250    padding:.25em;
 251    margin:0;
 252  }
 253  .calendar-calendar div.calendar div.inner .calendar-agenda-empty {
 254    width:100%;
 255    text-align:center;
 256    vertical-align:middle;
 257    padding:1em 0;
 258    background-color:#fff;
 259  }
 260  
 261  /* the popup date selector for jumping to a new date */
 262  .calendar-date-select form {
 263    text-align:right;
 264    float:right;
 265    width:25%;
 266  }
 267  .calendar-date-select div, 
 268  .calendar-date-select input, 
 269  .calendar-date-select label {
 270    text-align:right;
 271    padding:0;
 272    margin:0;
 273    float:right;
 274    clear:both;
 275  }
 276  .calendar-date-select .description {
 277    float:right;
 278  }
 279  .calendar-label {
 280    font-weight:bold;
 281    display:block;
 282    clear:both;
 283  }
 284  
 285  .calendar-calendar div.date-nav {
 286    background-color:#ccc;
 287    color:#777;
 288    padding:0.2em;
 289    width:auto;
 290    border:1px solid #ccc;
 291  }
 292  .calendar-calendar div.date-nav a, 
 293  .calendar-calendar div.date-nav h3 {
 294    color:#777;
 295    text-decoration:none;
 296  }
 297  .calendar-calendar th.days {
 298    background-color:#eee;
 299    color:#777;
 300    font-weight:bold;
 301    border:1px solid #ccc;
 302  }
 303  .calendar-calendar td.empty {
 304    background:#ccc;
 305    border-color:#ccc;
 306  }
 307  .calendar-calendar table.mini td.empty {
 308    background:#fff;
 309    border-color:#fff;
 310  }
 311  .calendar-calendar td div.day {
 312    border:1px solid #ccc;
 313    border-top:none;
 314    border-right:none;
 315    margin-bottom:2px;
 316  }
 317  .calendar-calendar td .inner div,
 318  .calendar-calendar td .inner div a {
 319    background:#eee;
 320  }
 321  /* Set small font size for all items in calendar div, themes can override this. */
 322  /* Use x-small instead of em to avoid multiplying effect in nested items. */
 323  .calendar-calendar div.calendar {
 324    border:none;
 325    font-size:x-small;
 326  }
 327  .calendar-calendar td .inner div.calendar div,
 328  .calendar-calendar td .inner div.calendar div a {
 329    border:none;
 330    background:#ffc;
 331    padding:0;
 332  }
 333  .calendar-calendar td .inner div.calendar div.calendar-more,
 334  .calendar-calendar td .inner div.calendar div.calendar-more a {
 335    color:#444;
 336    background:#fff;
 337    text-align:right;
 338  }
 339  .calendar-calendar td .inner .view-field,
 340  .calendar-calendar td .inner .view-field a {
 341    color:#444;
 342    font-weight:normal;
 343  }
 344  
 345  .calendar-calendar td span.date-display-single,
 346  .calendar-calendar td span.date-display-start,
 347  .calendar-calendar td span.date-display-end,
 348  .calendar-calendar td span.date-display-separator {
 349    font-weight:bold;
 350  }
 351  .calendar-calendar td .inner div.day a {
 352    color:#4b85ac;
 353  }
 354  .calendar-calendar tr td.today,
 355  .calendar-calendar tr.odd td.today,
 356  .calendar-calendar tr.even td.today {
 357    background-color:#C3D6E4;
 358  }
 359  .calendar-calendar td .inner div.calendar div div.view-data-node-data-field-date-field-date-value {
 360  }
 361  
 362  /* The following are not used by default but are available for themes */
 363  .calendar-calendar td.past {}
 364  .calendar-calendar td.future {}
 365  .calendar-calendar td.has-events {}
 366  .calendar-calendar td.has-no-events {}
 367  
 368  /* Multi day styles */
 369  .calendar-calendar tbody {
 370    border-top : none;
 371  }
 372  
 373  .calendar-calendar .month-view .full .inner,
 374  .calendar-calendar .week-view .full .multi-day .inner {
 375    height : auto;
 376    min-height : auto;
 377  }
 378  .calendar-calendar .week-view .full .calendar-agenda-hour
 379  .calendar-calendar .month-view .full .single-day .inner .view-item {
 380    float : left;
 381    width : 100%;
 382  }
 383  
 384  .calendar-calendar .week-view .full .calendar-agenda-hour {
 385    width : 6%;
 386    min-width : 0px;
 387    padding-right : 2px;
 388  }
 389  
 390  .calendar-calendar .week-view .full .days {
 391    width : 13%;
 392  }
 393  
 394  .calendar-calendar .month-view .full div.calendar,
 395  .calendar-calendar .week-view .full div.calendar,
 396  .calendar-calendar .day-view div.calendar {
 397    width : auto;
 398  }
 399  
 400  .calendar-calendar .month-view .full tr.date-box,
 401  .calendar-calendar .month-view .full tr.date-box td,
 402  .calendar-calendar .month-view .full tr.multi-day,
 403  .calendar-calendar .month-view .full tr.multi-day td {
 404        height : 19px;
 405      max-height : 19px;
 406  }
 407    
 408  .calendar-calendar .month-view .full tr.single-day .no-entry,
 409  .calendar-calendar .month-view .full tr.single-day .no-entry .inner {
 410    height : 44px !important;
 411    line-height : 44px;
 412    font-size : 1px;
 413  }
 414    
 415  .calendar-calendar .month-view .full tr.single-day .noentry-multi-day,
 416  .calendar-calendar .month-view .full tr.single-day .noentry-multi-day .inner {
 417      height : 22px !important;
 418    line-height : 22px;
 419    font-size : 1px;
 420  }
 421    
 422  .calendar-calendar .month-view .full td,
 423  .calendar-calendar .week-view .full td,
 424  .calendar-calendar .day-view  td {
 425    vertical-align: top;
 426    padding :1px 2px 0 2px
 427  }
 428  
 429  .calendar-calendar .month-view .full td.date-box { 
 430    height : 1%;
 431    border-bottom: 0px;
 432    padding-bottom : 2px;
 433  }
 434  
 435  
 436  .calendar-calendar .month-view .full .week {
 437    font-size : inherit;
 438  }
 439  
 440  .calendar-calendar .month-view .full .week a,
 441  .calendar-calendar .week-view .full .week a {
 442    color:#4b85ac;
 443  }
 444  
 445  .calendar-calendar .month-view .full td .inner div.day,
 446  .calendar-calendar .month-view .full td .inner div.day a {
 447     border :none;
 448     background : none;
 449     margin-bottom: 0px;
 450  }
 451  
 452  .calendar-calendar .month-view .full td.date-box .inner, 
 453  .calendar-calendar .week-view .full td.date-box .inner { 
 454      min-height : inherit;
 455  }
 456  
 457  .calendar-calendar .month-view .full td.multi-day,
 458  .calendar-calendar .week-view .full td.multi-day { 
 459    border-top: 0px;
 460    border-bottom: 0px;
 461  }
 462  
 463  .calendar-calendar .week-view .full .first td.multi-day {
 464    border-top : 1px solid #CCCCCC;
 465  }
 466  
 467  .calendar-calendar .month-view .full td.single-day { 
 468    border-top: 0px;
 469  }
 470  
 471  .calendar-calendar .month-view .full td.multi-day .inner,
 472  .calendar-calendar .week-view .full td.multi-day .inner,
 473  .calendar-calendar .day-view .full td.multi-day .inner { 
 474    min-height : inherit;
 475    width : auto;
 476    position : relative;
 477  }
 478  
 479  .calendar-calendar .month-view .full td.multi-day.no-entry {
 480    min-height : 0px;
 481  }
 482  
 483  .calendar-calendar .month-view .full td.single-day .calendar-empty,
 484  .calendar-calendar .month-view .full td.single-day.empty,
 485  .calendar-calendar .month-view .full td.date-box.empty {
 486    background : #F4F4F4;
 487  }
 488  
 489  .calendar-calendar .month-view .full td.single-day .inner div, 
 490  .calendar-calendar .month-view .full td.single-day .inner div a ,
 491  .calendar-calendar .month-view .full td.multi-day .inner div, 
 492  .calendar-calendar .month-view .full td.multi-day .inner div a ,
 493  .calendar-calendar .month-view .full td .inner div.calendar.monthview div, 
 494  .calendar-calendar .month-view .full td .inner div.calendar.monthview div a,
 495  .calendar-calendar .week-view .full td.single-day .inner div, 
 496  .calendar-calendar .week-view .full td.single-day .inner div a ,
 497  .calendar-calendar .week-view .full td.multi-day .inner div, 
 498  .calendar-calendar .week-view .full td.multi-day .inner div a ,
 499  .calendar-calendar .week-view .full td .inner div.calendar.weekview div, 
 500  .calendar-calendar .week-view .full td .inner div.calendar.weekview div a,
 501  .calendar-calendar .day-view .full td .inner div.view-item, 
 502  .calendar-calendar .day-view .full td .inner div.calendar div, 
 503  .calendar-calendar .day-view .full td .inner div.calendar div a {
 504    background : none;
 505  }
 506  
 507  .calendar-calendar .day-view .full td .inner div.calendar div, 
 508  .calendar-calendar .day-view .full td .inner div.calendar div a {
 509    margin : 0px 3px;
 510  }
 511  
 512  .calendar-calendar .day-view .full td .inner div.calendar div.stripe {
 513    margin : 0px;
 514  } 
 515  
 516  .calendar-calendar .month-view .full tr td.today, 
 517  .calendar-calendar .month-view .full tr.odd td.today, 
 518  .calendar-calendar .month-view .full tr.even td.today {
 519    background: none;
 520    border-left :2px solid #7C7F12;
 521    border-right :2px solid #7C7F12;
 522  }
 523  
 524  .calendar-calendar .month-view .full td.date-box.today {
 525    border-width : 2px 2px 0px 2px;
 526    border-style: solid;
 527    border-color : #7C7F12;
 528  }
 529  
 530  .calendar-calendar .month-view .full tr td.single-day.today {
 531    border-bottom :2px solid #7C7F12;
 532  }
 533  
 534  .calendar-calendar .month-view .full tr td.multi-day.starts-today {
 535    border-left :2px solid #7C7F12;
 536  }
 537  
 538  .calendar-calendar .month-view .full tr td.multi-day.ends-today {
 539    border-right :2px solid #7C7F12;
 540  }
 541  
 542  .calendar-calendar .month-view .full tr td.multi-day,
 543  .calendar-calendar .month-view .full tr td.single-day {
 544    border-top : 0px;
 545  }
 546  
 547  .calendar-calendar .month-view .full tr td.multi-day,
 548  .calendar-calendar .month-view .full tr td.date-box {
 549    border-bottom : 0px;
 550  }
 551  
 552  .calendar-calendar .month-view .full .inner .monthview,
 553  .calendar-calendar .week-view .full .inner .weekview,
 554  .calendar-calendar .day-view .full .inner .dayview {
 555    -moz-border-radius : 5px;
 556    border-radius : 5px;
 557    width : auto;
 558    float : none;
 559    display : block;
 560    margin : .25em auto;
 561    position : relative;
 562  }
 563  
 564  
 565  .calendar-calendar .month-view .full td.single-day div.monthview,
 566  .calendar-calendar .week-view .full td.single-day div.weekview,
 567  .calendar-calendar .day-view .full td.single-day div.dayview {
 568    background : #FFD8C0;
 569    width : auto;
 570    padding : 0px 3px;
 571    overflow : hidden;
 572  }
 573  
 574  .calendar-calendar .month-view .full td.single-day .calendar-more div.monthview {
 575    background : none;
 576  }
 577  
 578  .calendar-calendar .day-view td div.dayview {
 579    padding : 0px;
 580  }
 581  
 582  .calendar-calendar .month-view .full td.multi-day div.monthview,
 583  .calendar-calendar .week-view .full td.multi-day div.weekview,
 584  .calendar-calendar .day-view .full td.multi-day div.dayview {
 585    background : #74a5d7;
 586    height : 1.9em;
 587    overflow : hidden;
 588    margin : 0px auto;
 589    color : #ffffff;
 590    position : relative;
 591  }
 592  
 593  .calendar-calendar .week-view .full td.multi-day div.weekview {
 594    height : 3.5em;
 595  }
 596  
 597  .calendar-calendar .month-view .full td.multi-day .inner .view-field, 
 598  .calendar-calendar .month-view .full td.multi-day .inner .view-field a,
 599  .calendar-calendar .week-view .full td.multi-day .inner .view-field, 
 600  .calendar-calendar .week-view .full td.multi-day .inner .view-field a,
 601  .calendar-calendar .day-view .full td.multi-day .inner .view-field, 
 602  .calendar-calendar .day-view .full td.multi-day .inner .view-field a {
 603      color : #ffffff;
 604  }
 605  
 606  .calendar-calendar .full td.multi-day .calendar .view-field,
 607  .calendar-calendar .full td.single-day .calendar .view-field {
 608  }
 609  
 610  .calendar-calendar .day-view .full td.multi-day div.dayview,
 611  .calendar-calendar .week-view .full td.multi-day div.weekview {
 612    margin-bottom: 2px;
 613  }
 614  
 615  .calendar-calendar .month-view .full td.multi-day .calendar.monthview .view-field {
 616    white-space: nowrap;
 617    float : left;
 618    margin-right : 3px;
 619  }
 620  
 621  .calendar-calendar .week-view .full td.multi-day .calendar.weekview .view-field {
 622    white-space: nowrap;
 623    display : inline;
 624    margin-right : 3px;
 625  }
 626  
 627  .calendar-calendar .day-view .full td.multi-day .calendar.weekview .view-field {
 628    display : block;
 629  }
 630  
 631  .calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents,
 632  .calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents {
 633    position : absolute;
 634    width : 3000px;
 635    left: 5px;
 636  }
 637  
 638  .calendar-calendar .day-view td .stripe,
 639  .calendar-calendar .month-view .full td .stripe,
 640  .calendar-calendar .week-view .full td .stripe {
 641    -moz-border-radius : 5px 5px 0px 0px;
 642    border-radius : 5px 5px 0px 0px;
 643    left: 0px;
 644    top : 0px;
 645    position:absolute;
 646    width : 100%;
 647    height :3px;
 648    z-index : 2;
 649  }
 650  
 651  .calendar-calendar .full td.single-day .continuation,
 652  .calendar-calendar .full td.single-day .continues,
 653  .calendar-calendar .full td.single-day .cutoff {
 654    display : none;
 655  }
 656  
 657  .calendar-calendar .month-view .full td.multi-day  .inner .monthview .continuation,
 658  .calendar-calendar .week-view .full td.multi-day  .inner .weekview .continuation {
 659    float :left;
 660    margin-right : 3px;
 661    height : 1.9em;
 662  }
 663  
 664  .calendar-calendar .week-view .full td.multi-day  .inner .weekview .continuation {
 665    height : 2.75em;
 666    padding-top: 0.75em;
 667    margin-right : 8px;
 668  }
 669  
 670  .calendar-calendar .month-view .full td.multi-day .inner .monthview .continues,
 671  .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff,
 672  .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,
 673  .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
 674    position:absolute;
 675    right : 0px !important;
 676    right : -1px;
 677    width : 10px;
 678    text-align: left;
 679    background : #74a5d7;
 680    -moz-border-radius : 0px 5px 5px 0px;
 681    border-radius : 0px 5px 5px 0px;
 682    height : 1.9em;
 683    padding-left: 6px;
 684    z-index : 1;
 685  }
 686  
 687  .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,
 688  .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
 689    height : 2.75em;
 690    padding-top: 0.75em;
 691  }
 692  
 693  .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff,
 694  .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
 695    width : 8px;
 696    padding-left: 0px;
 697  }
 698  
 699  .calendar-calendar .week-view .full td.multi-day {
 700    padding : 2px;
 701  }
 702  
 703  .calendar-calendar .week-view td.single-day div.calendar {
 704    width : 100%;
 705    padding-left:0px;
 706    padding-right : 0px;
 707  }
 708  
 709  .calendar-calendar .week-view .full tr.last td.multi-day {
 710    border-bottom:1px solid #CCCCCC;
 711  }
 712  
 713  /* Restyle Header */
 714  .view-content .calendar-calendar {
 715    position : relative;
 716    margin-top : 5px;
 717    float:left;
 718    width: 100%;
 719  }
 720  
 721  .view-content .calendar-calendar .links {
 722    display : block;
 723  }
 724  
 725  .view-content .calendar-calendar ul.links {
 726    margin-bottom: 3px;
 727  }
 728  
 729  .view-content .calendar-calendar ul {
 730    position : absolute;
 731    top : 8px ;
 732    line-height : inherit;
 733    z-index : 1;
 734  }
 735  
 736  .view-content .calendar-calendar li {
 737    float : left;
 738    line-height : inherit ;
 739    margin-left : 10px ;
 740  }
 741  
 742  .view-content .calendar-calendar li a {
 743    text-decoration : underline ;
 744    line-height : inherit ;
 745  }
 746  
 747  .view-content .calendar-calendar .date-nav {
 748    background-color : transparent  ;
 749    border : 0px  ;
 750    height : 30px;
 751    height : auto ;
 752    min-height : 30px;
 753  }
 754  
 755  .view-content .calendar-calendar .date-prev a,
 756  .view-content .calendar-calendar .date-next a {
 757      text-decoration : none ;
 758    color : inherit ;
 759    font-size : 12px;
 760  }
 761  
 762  .view-content .calendar-calendar .date-nav a:hover {
 763    text-decoration : underline ;
 764  }
 765  
 766  .view-content .calendar-calendar .date-prev {
 767    -moz-border-radius:5px 0 0 5px;
 768    border-radius:5px 0 0 5px;
 769    background:none repeat scroll 0 0 #dfdfdf;
 770    float:none;
 771    padding:5px 0;
 772    position:absolute;
 773    right:60px;
 774    text-align:right;
 775    top:0px;
 776    width:auto;
 777    z-index : 1;
 778    font-size : 12px;
 779  }
 780  
 781  div.block .view-content .calendar-calendar .date-prev {
 782    left:0;
 783    right:auto;
 784  }
 785  
 786  .view-content .calendar-calendar .date-prev span {
 787    margin-left : 10px;
 788    font-style : bold;
 789  }
 790  
 791  .view-content .calendar-calendar .date-heading {
 792    position : relative;
 793    width : 100%;
 794    top : 0px;
 795    text-align : center;
 796    z-index : 0;
 797    float : none;
 798  }
 799  
 800  .view-content .calendar-calendar .date-heading h3 {
 801    line-height : 30px ;
 802    font-size : 1.7em ;
 803  }
 804  
 805  .view-content .calendar-calendar .date-next {
 806    -moz-border-radius:0px 5px 5px 0px;
 807    border-radius:0px 5px 5px 0px;
 808    background:none repeat scroll 0 0 #dfdfdf;
 809    float:none;
 810    padding:5px 0;
 811    position:absolute;
 812    right:0px;
 813    text-align:right;
 814    top:0px;
 815    width:auto;
 816    z-index : 1;
 817    font-size : 12px;
 818  }
 819  
 820  .view-content .calendar-calendar .date-next span {
 821    margin-right : 10px;
 822    font-style : bold;
 823  }
 824  
 825  .view-content:after {
 826      content: ".";
 827      display: block;
 828      height: 0;
 829      clear: both;
 830      visibility: hidden;
 831  }
 832  
 833  .attachment .calendar-calendar {
 834    margin-top : 20px ;
 835    clear : both;
 836  }
 837  
 838  .calendar-calendar th a,
 839  .attachment .calendar-calendar th {
 840    background-color : transparent  ;
 841    border : 0px  ;
 842  }
 843  
 844  .attachment .calendar-calendar th.calendar-agenda-hour {
 845    color : #777777;
 846    font-weight : bold;
 847    text-align : right;
 848  }
 849  
 850  .view-calendar .feed-icon {
 851    margin-top : 5px;
 852  }