/**
* This is a lightly commented version of the phpicalendar CSS file for
* easier styling modification. It is based on the default theme;
* none of the CSS has been altered. Be warned that certain visual
* elements are not controlled by the CSS; you will have to edit
* the templates to change particular colors.
*
* Ryan Lee (http://ryanlee.org/)
*/
/* Everything is included in a table and a table data cell,
* so the color and font overall are set here.
*/
table, td { font: 11px Verdana, Arial, sans-serif; color: #000; }
/* Background images for tables create the drop shadow
* effect along the bottom edge of calendars.
*/
.tbll {background: url(images/shadow_l.gif) no-repeat; width:8px}
.tblbot {background: url(images/shadow_m.gif) repeat-x; width:100%}
.tblr {background: url(images/shadow_r.gif) no-repeat; width:8px}
/* These classes set the background of all day calendar
* events according to which calendar they belong to.
*/
.alldaybg_1 {background: url(images/allday_1.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_2 {background: url(images/allday_2.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_3 {background: url(images/allday_3.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_4 {background: url(images/allday_4.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_5 {background: url(images/allday_5.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_6 {background: url(images/allday_6.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_7 {background: url(images/allday_7.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
/* The row of headers with day abbreviations in week and day views
*/
/* */
.rowOn { background-color: #cfc; border-top: 1px solid #fff; border-left: 1px solid #fff; }
/* */
.rowOn2 { background-color: #cfc; border-top: 1px solid #fff; }
/* */
.rowOff { background-color: #E1E8F1; border-top: 1px solid #fff; border-left: 1px solid #fff; }
/* no apparent logic behind rowOff2's use */
.rowOff2 { background-color: #E1E8F1; border-top: 1px solid #fff; border-left: }
/* */
.rowToday { background-color: #cff; border-top: 1px solid #fff; border-left: 1px solid #fff; }
/* Padded classes
*/
.padd { padding: 2px; }
/* Styles for day and week event titles, according to the calendar
*/
.eventbg_1 { background-color: #557CA3; padding: 2px;}
.eventbg_2 { background-color: #53A062; padding: 2px;}
.eventbg_3 { background-color: #E84F25; padding: 2px;}
.eventbg_4 { background-color: #B257A2; padding: 2px;}
.eventbg_5 { background-color: #D42020; padding: 2px;}
.eventbg_6 { background-color: #B88F0B; padding: 2px;}
.eventbg_7 { background-color: #73738C; padding: 2px;}
/* Link styles for all day events
*/
#allday a { font-size: 9px; color: #fff; font-weight: 900; text-decoration:none;}
#allday a:hover { text-decoration:underline;}
/* Styles for the event time period, according to the calendar
*/
.eventbg2_1 { background-color: #6699CC; border: 1px solid #557CA3; }
.eventbg2_2 { background-color: #4FC464; border: 1px solid #53A062; }
.eventbg2_3 { background-color: #FF6D3B; border: 1px solid #E84F25; }
.eventbg2_4 { background-color: #EA62D4; border: 1px solid #B257A2; }
.eventbg2_5 { background-color: #FF5E56; border: 1px solid #D42020; }
.eventbg2_6 { background-color: #CCB21F; border: 1px solid #B88F0B; }
.eventbg2_7 { background-color: #9292A1; border: 1px solid #73738C; }
/* Day grid borders
*/
.dayborder { background-color: #fff; border-top: 1px solid #A1A5A9; }
.dayborder2 { background-color: #fff; border-top: 1px dashed #ccc; }
/* The calendar main title and background (which is only part of the
* actual heading since by default there is a by-(time period) nav
* next to it.
*/
.title { background-image: url(images/time_bg.gif); padding: 5px; }
.title h1 { font-family: Helvetica, sans-serif; font-size: 18px; color: #000; margin: 0px;}
/*
* === Month View ===
*/
/* The grid color */
.monthback { background-color: #A1A5A9; }
/* Normal days of the month */
.monthreg { background-color: #fff; height: 105px; width: 105px; text-align: left; vertical-align: top; }
/* Days in the view frame not part of the month */
.monthoff { background-color: #F2F2F2; height: 105px; width: 105px; text-align: left; vertical-align: top; }
/* Today */
.monthon { background-color: #F2F9FF; height: 105px; width: 105px; text-align: left; vertical-align: top; }
/* @@@Month event top border */
.montheventtop { background-image: url(images/side_bg.gif); border-top: 1px solid #A1A5A9; }
/* @@@Month event borders */
.montheventline { border-right: 1px dotted #A1A5A9; }
/*
* === Year View ===
* These are mostly per days in the year view
*/
.medtitle { background-image: url(images/side_bg.gif); height: 20px; margin-top: 3px; font-weight: 900; }
/* Days in the month */
.yearreg { background-color: #fff; height: 30px; width: 30px; text-align: right; vertical-align: top; font-size: 9px; }
/* Days in the grid not in the month */
.yearoff { background-color: #F2F2F2; height: 30px; width: 30px; text-align: right; vertical-align: top; font-size: 9px; }
/* Today */
.yearon { background-color: #F2F9FF; height: 30px; width: 30px; text-align: right; vertical-align: top; font-size: 9px; }
/* Outer border color */
.yearmonth { background-color: #ccc; }
/* Days of the week heading in each month */
.yearweek { background-color: #eee; width: 30px; font-size: 9px; font-weight: 900; text-align: center; height: 15px; }
/* older styles */
/* @@@ */
.eventborder { background-image: url(images/day_title.gif); border: 1px #006699 solid; }
/* @@@ */
.eventbg { background-color: #6699CC; }
/* Border around an entire subview */
.calborder { background-color: #fff; border: 1px #A1A5A9 solid; }
/* Background behind day of week */
.dateback { background-color: #eee; }
/* Border around most things across by-views */
.weekborder { border-top: 1px dashed #A1A5A9; border-right: 1px solid #A1A5A9; }
.weekborder2 { border-right: 1px solid #A1A5A9; }
.timeborder { border-right: 2px solid #A1A5A9; border-top: 1px dashed #A1A5A9; background-image: url(images/time_bg.gif); }
.timeborder2 { border-right: 2px solid #A1A5A9; border-top: 1px solid #A1A5A9; background-image: url(images/time_bg.gif); }
/* Background behind by-(time period) navigation */
.navback { background-image: url(images/time_bg.gif); }
/* Background behind sides */
.sideback { background-image: url(images/side_bg.gif); }
/* Link colors and attributes */
/* This is the main link style */
a.psf { text-decoration: none; }
a.psf:link { color: #0066FF; }
a.psf:visited { color: #0066FF; }
a.psf:active { color: #3366CC; }
a.psf:hover { color: #000099; text-decoration: underline; }
/* This is the link style for the mini-cals */
a.ps2 { text-decoration: underline; }
a.ps2:link { color: #0066FF; }
a.ps2:visited { color: #0066FF; }
a.ps2:active { color: #3366CC; }
a.ps2:hover { color: #000099; }
/* This is the link style for year months */
a.ps3 { text-decoration: none; }
a.ps3:link { color: #000; }
a.ps3:visited { color: #000; }
a.ps3:active { color: #000; }
a.ps3:hover { color: #000; text-decoration: underline; }
/* This is the link style for events */
a.ps { text-decoration: none; }
a.ps:link { color: #fff; }
a.ps:visited { color: #fff; }
a.ps:active { color: #fff; }
a.ps:hover { color: #fff; text-decoration: underline; }
/* Body attributes */
body { background-color: #E5E5E5; }
/* CSS definitions for fonts */
/* There does not seem to be a particular place for these
* classes so much as naming them according to what they're
* supposed to do */
.V9 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; }
.V10W { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
.V9W { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-decoration: none;}
.V10WB { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: 900; }
.V9G { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; }
.V10 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.V9BOLD { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 900; }
.G10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0066FF; }
.G10B { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.G10BOLD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 900; }
.G10G { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A1A5A9; }
.V12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
/*h1 { font-family: Helvetica, sans-serif; font-size: 18px; color: #000000; }*/
.eventfont { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }
/* Length of the form drop downs */
.query_style { font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 156px; margin-bottom: 0; }
.search_style { font-size: 12px; font-family: verdana, geneva, arial, sans-serif; width: 134px; margin-bottom: 0; }
.login_style { font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 80px; margin-bottom: 0; }