/*///////////////////////////////////////////////////////////////////////////////*/ /*// MODULE CSS //*/ /*// Do not delete the styles in this section. They are used by the module. //*/ /*// You of course, may modify them to suit your design and layout. //*/ /*///////////////////////////////////////////////////////////////////////////////*/ /*~~ CALENDAR SYSTEM ~~*/ .systemnotice {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; color: #555555; font-weight: bold; font-size: 16px; border: solid 1px #000000; padding: 10px;} .pagetitle {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 18px; font-weight: bold; color: #000000;} .pagesubtitle {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 14px; font-weight: bold; color: #000000;} .redirect {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 16px; font-weight: bold; color: #ffffff;} .redirectsmall {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 12px; color: #ffffff} a.redirectsmall:link, a.redirectsmall:visited, a.redirectsmall:active {color: #f9f9d9} a.redirectsmall:hover {color: #cccccc;} input.calendar, select.calendar, textarea.calendar {border: solid 1px #888888; font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; color: #000000; font-weight: bold;} .calendarsubmit {background-color: #D9EBF9; border: solid 1px #888888; font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; color: #000000; font-weight: bold;} .calendarsubmitdelete {background-color: #FCB9B9; border: solid 1px #888888; font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; color: #000000; font-weight: bold;} table.navtable {width: 100%;} table.globaltable {width: 100%; border-collapse: collapse;} td.formcell {text-align: left; vertical-align: middle; padding: 3px;} td.formcellleft {text-align: right; vertical-align: middle; padding: 3px; width: 35%;} td.formcellright {text-align: left; vertical-align: middle; padding: 3px; width: 65%;} td.formcellsubmit {text-align: right; vertical-align: middle; padding: 5px 10px;} .formlabel {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; color: #000000; font-weight: bold;} .formtext {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; color: #000000;} table.viewheader {} td.viewheader {padding: 3px 10px;} .viewheader {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 18px; font-weight: bold; color: #000000;} td.header {text-align: left; vertical-align: middle; background-color: #D9EBF9; padding: 2px 5px; border: solid 1px #888888;} .headeralert {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 13px; font-weight: bold; color: #006600;} .header {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; color: #000000} a.header:link, a.header:visited, a.header:active {color: #ffffff;} a.header:hover {color: #ffff00;} td.calendarstatus {background-color: #eeeeee; padding: 4px 10px; border: solid 1px #000000; padding: 8px;} .calendarstatus {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; color: #ff0000;} table.confirmbox {width: 60%; border: solid 1px #888888; padding: 10px 10px;} td.confirmbox {text-align: left; vertical-align: top;} .confirmtitle {font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 16px; font-weight: bold; color: #555555} .confirmsubmit {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; background-color: #777777; color: #ffffff; text-align: center; font-size: 11px; border: solid 1px #ffffff; font-weight: bold;} /*~~ CALENDAR NAVAGATION ~~*/ .navagation {font-family: arial, verdana, helvetica, geneva, sans-serif; font-weight: bold; font-size: 11px; text-decoration: none; color: #000000} a.navagation:link, a.navagation:visited, a.navagation:active {color: #000066} a.navagation:hover {color: #660000;} table.navagation {width: 100%;} td.navagation {} /*~~ CALENDAR YEAR VIEW ~~*/ td.yearviewmonth {border: solid 1px #CBCBC9; background-color: #ffffff; padding: 3px; text-align: center; vertical-align: middle;} .yearviewmonth {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; color: #2C5871;} a.yearviewmonth:link, a.yearviewmonth:visited, a.yearviewmonth:active {color: #000066; text-decoration: none;} a.yearviewmonth:hover {color: #660000; text-decoration: none;} td.yearviewdayofweek {width: 14%; border: solid 1px #CBCBC9; background-color: #D9EBF9; padding: 4px 0px; text-align: center; vertical-align: middle;} .yearviewdayofweek {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #2C5871;} td.yearviewnoday {border: solid 1px #CBCBC9; background-color: #F2F7F1; text-align: left; vertical-align: top;} td.yearviewregularday {border: solid 1px #CBCBC9; background-color: #FFFFFD; text-align: left; vertical-align: top;} td.yearviewcurrentday {border: solid 1px #CBCBC9; background-color: #FFFAE2; text-align: left; vertical-align: top;} div.yearviewdaynumber {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-align: right; vertical-align: top; padding: 2px;} a.yearviewdaynumber:link, a.yearviewdaynumber:visited, a.yearviewdaynumber:active {color: #000066; text-decoration: none;} a.yearviewdaynumber:hover {color: #660000; text-decoration: none;} div.yearviewnonmonthdaynumber {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #777777; text-align: right; vertical-align: top; padding: 2px;} a.yearviewnonmonthdaynumber:link, a.yearviewnonmonthdaynumber:visited, a.yearviewnonmonthdaynumber:active {color: #777777; text-decoration: none;} a.yearviewnonmonthdaynumber:hover {color: #660000; text-decoration: none;} /*~~ CALENDAR MONTH VIEW ~~*/ td.monthviewdayofweek {width: 14%; border: solid 1px #CBCBC9; background-color: #D9EBF9; padding: 4px 0px; text-align: center; vertical-align: middle;} .monthviewdayofweek {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #2C5871;} td.monthviewnoday {height: 80px; border: solid 1px #CBCBC9; background-color: #F2F7F1; text-align: left; vertical-align: top;} td.monthviewregularday {height: 80px; border: solid 1px #CBCBC9; background-color: #FFFFFD; text-align: left; vertical-align: top;} td.monthviewcurrentday {height: 80px; border: solid 1px #CBCBC9; background-color: #FFFAE2; text-align: left; vertical-align: top;} div.monthviewdaynumber {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 16px; font-weight: bold; color: #000000; text-align: right; vertical-align: top; padding: 2px 2px 5px;} a.monthviewdaynumber:link, a.monthviewdaynumber:visited, a.monthviewdaynumber:active {color: #000000; text-decoration: none;} a.monthviewdaynumber:hover {color: #660000; text-decoration: none;} div.monthviewnondaynumber {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 16px; font-weight: normal; color: #777777; text-align: right; vertical-align: top; padding: 2px 2px 5px;} a.monthviewnondaynumber:link, a.monthviewnondaynumber:visited, a.monthviewnondaynumber:active {color: #777777; text-decoration: none;} a.monthviewnondaynumber:hover {color: #660000; text-decoration: none;} div.monthviewsevent {border-left: solid 4px #777777; border-top: solid 1px #777777; border-right: solid 1px #777777; border-bottom: solid 1px #777777; font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-align: left; vertical-align: top; padding: 2px;} a.monthviewsevent:link, a.monthviewsevent:visited, a.monthviewsevent:active {color: #000066; text-decoration: none;} a.monthviewsevent:hover {color: #660000; text-decoration: none;} div.monthviewuevent {border-left: solid 4px #75B076; border-top: solid 1px #75B076; border-right: solid 1px #75B076; border-bottom: solid 1px #75B076; font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-align: left; vertical-align: top; padding: 2px;} a.monthviewuevent:link, a.monthviewuevent:visited, a.monthviewuevent:active {color: #000066; text-decoration: none;} a.monthviewuevent:hover {color: #660000; text-decoration: none;} /*~~ CALENDAR WEEK VIEW ~~*/ td.weekviewdayofweekregularday {width: 10%; border: solid 1px #CBCBC9; background-color: #D9EBF9; padding: 4px; text-align: right; vertical-align: top;} td.weekviewdayofweekcurrentday {width: 10%; border: solid 1px #CBCBC9; background-color: #FFFAE2; padding: 4px; text-align: right; vertical-align: top;} td.weekviewday {width: 90%; height: 60px; border: solid 1px #CBCBC9; background-color: #FFFFFF; text-align: left; vertical-align: top;} div.weekviewdayabbr {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 12px; font-weight: bold; color: #555555; text-align: right; vertical-align: top;} div.weekviewdaynumber {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 18px; font-weight: bold; color: #555555; text-align: right; vertical-align: top;} a.weekviewdaynumber:link, a.weekviewdaynumber:visited, a.weekviewdaynumber:active {color: #555555; text-decoration: none;} a.weekviewdaynumber:hover {color: #660000; text-decoration: none;} div.weekviewsevent {border-left: solid 4px #777777; border-top: solid 1px #777777; border-right: solid 1px #777777; border-bottom: solid 1px #777777; background-color: #fcfcfc; font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-align: left; vertical-align: top; padding: 2px;} a.weekviewsevent:link, a.weekviewsevent:visited, a.weekviewsevent:active {color: #000066; text-decoration: none;} a.weekviewsevent:hover {color: #660000; text-decoration: none;} div.weekviewuevent {border-left: solid 4px #75B076; border-top: solid 1px #75B076; border-right: solid 1px #75B076; border-bottom: solid 1px #75B076; background-color: #fdfffd; font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-align: left; vertical-align: top; padding: 2px;} a.weekviewuevent:link, a.weekviewuevent:visited, a.weekviewuevent:active {color: #000066; text-decoration: none;} a.weekviewuevent:hover {color: #660000; text-decoration: none;} /*~~ CALENDAR DAY VIEW ~~*/ td.dayviewtime {width: 15%; border: solid 1px #CBCBC9; background-color: #D9EBF9; padding: 4px; text-align: right; vertical-align: top;} div.dayviewtime {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 14px; font-weight: bold; color: #555555; text-align: right; vertical-align: top;} a.dayviewtime:link, a.dayviewtime:visited, a.dayviewtime:active {color: #555555; text-decoration: none;} a.dayviewtime:hover {color: #660000; text-decoration: none;} td.dayviewevents {width: 85%; height: 40px; border: solid 1px #CBCBC9; background-color: #FFFFFF; text-align: left; vertical-align: top;} div.dayviewsevent {border-left: solid 4px #777777; border-top: solid 1px #777777; border-right: solid 1px #777777; border-bottom: solid 1px #777777; background-color: #fcfcfc; font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-align: left; vertical-align: top; padding: 2px;} a.dayviewsevent:link, a.dayviewsevent:visited, a.dayviewsevent:active {color: #000066; text-decoration: none;} a.dayviewsevent:hover {color: #660000; text-decoration: none;} div.dayviewuevent {border-left: solid 4px #75B076; border-top: solid 1px #75B076; border-right: solid 1px #75B076; border-bottom: solid 1px #75B076; background-color: #fdfffd; font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-align: left; vertical-align: top; padding: 2px;} a.dayviewuevent:link, a.dayviewuevent:visited, a.dayviewuevent:active {color: #000066; text-decoration: none;} a.dayviewuevent:hover {color: #660000; text-decoration: none;} /*~~ CALENDAR ADD/MODIFY EVENT ~~*/ table.amvtable {width: 100%; border-collapse: collapse; border: solid 1px #888888;} /*~~ CALENDAR USER SETTINGS ~~*/ table.usettingstable {width: 100%; border-collapse: collapse; border: solid 1px #888888;} td.formcellusettings1 {text-align: left; vertical-align: top; padding: 3px; width: 35%;} td.formcellusettings2 {text-align: left; vertical-align: top; padding: 3px; width: 35%;} td.formcellusettings3 {text-align: justify; vertical-align: top; padding: 5px; border-left: solid 1px #888888; background-color: #FFFAE2; width: 30%;} .formusettingssubmit {background-color: #D9EBF9; border: solid 1px #888888; font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; color: #000000; font-weight: bold;} .formusettingssubmitdelete {background-color: #FCB9B9; border: solid 1px #888888; font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; color: #000000; font-weight: bold;} a.formusettings:link, a.formusettings:visited, a.formusettings:active {color: #000066} a.formusettings:hover {color: #660000;} /* ======================================== */ /* CUSTOM CSS */ /* You can do anything with the styles */ /* below. */ /* ======================================== */