/*
Styles for skins for all views of calendars
cal = calendar
dy = day
mv = month view
long = long
sm = sm
m = mini
hdr = header
cells = cells that hold events
dv = day view
qv - quick view on left side with months
dv-long-event
*/
.td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
A {
text-decoration: none;
color: #38324b;
}
A:link {
text-decoration: none;
color: #38324b;
}
A:visited {
text-decoration: none;
color: #38324b;
}
A:hover {
text-decoration: none;
color: #38324b;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.maintable {
BACKGROUND: #ffffff;
}
.header {
BACKGROUND: #978cb2;
FONT-WEIGHT: normal;
}
.footer {
BORDER-BOTTOM: #978cb2 3px solid;
text-align:center;
padding-top: 7px ;
padding-bottom: 7px ;
}
.formdesc {
text-align:right;
FONT-WEIGHT: bold;
BORDER-BOTTOM: #38324b 1px solid;
Color: #38324b;
}
.formtable {
FONT-WEIGHT: bold;
BACKGROUND: #e7e7ef;
BORDER-BOTTOM: #978cb2 1px solid;
BORDER-LEFT: #978cb2 1px solid;
BORDER-RIGHT: #978cb2 1px solid;
BORDER-TOP: #978cb2 1px solid;
}
.forminput {
FONT-WEIGHT: bold;
BORDER-BOTTOM: #38324b 1px solid;
}
/* Single line message for small html alert boxes. */
.calprompt {
font-size: 15px;
font-weight: bold;
text-align:center;
}
/* User Utilities like subscribe download etc */
.caluserlinks {
font-size: 10px;
}
.caltopnav {
color: #38324b;
font-size: 13px;
font-weight: bold;
padding-left: 2px ;
padding-top: 2px ;
padding-right: 2px ;
padding-bottom: 0px ;
text-align:right;
}
/* Navigation prevnext at top of calendar */
.calname {
color: #38324b;
font-size: 16px;
font-weight: bold;
text-align:left;
}
.calmaintitle {
color: #38324b;
font-size: 18px;
font-weight: bold;
text-align:center;
}
/* ############## Quick View Styles on Left ############## */
/* Header Month at a Glance */
.qv-header {
font-weight: bold;
text-align:center;
}
.qv-contents {
text-align:center;
BACKGROUND: #e7e7ef;
width:100px;
}
.qv-months {
padding-left: 5px ;
padding-top: 5px ;
padding-right: 5px ;
padding-bottom: 2px ;
BACKGROUND: #463e5d;
}
.prevpaging {
padding-right: 7px ;
text-align:right;
}
.nextpaging {
padding-left: 7px;
}
.caltitle {
color: #38324b;
font-size: 12px;
font-weight: bold;
}
/* ############### MONTH View ############### */
.calheader{
BACKGROUND: #aca3c1;
BORDER-BOTTOM: #3c3847 1px solid;
BORDER-LEFT: #d5d1e0 1px solid;
BORDER-TOP: #d5d1e0 1px solid;
BORDER-RIGHT: #3c3847 1px solid;
text-align:center;
HEIGHT:20PX
}
/* label numbers in calendar cells on large view */
.day-mv-long {
font-weight: bold;
text-align:right;
font-size: 14px;
}
.event-mv-long {
font-size: 10px;
BORDER-BOTTOM: #FFFFFF 1px solid;
BORDER-TOP: #FFFFFF 1px solid;
padding-right: 12px ;
padding-bottom: 2px ;
}
/* actual cell for indivicual events */
.mv-cells-long{
BORDER-BOTTOM: #FFFFFF 1px solid;
BORDER-LEFT: #FFFFFF 1px solid;
vertical-align: top;
height:80px;
BACKGROUND: #e7e7ef;
}
/* end cell last day at end of calendar */
.mv-cells-long-end{
BORDER-BOTTOM: #FFFFFF 1px solid;
BORDER-LEFT: #FFFFFF 1px solid;
BORDER-RIGHT: #FFFFFF 1px solid;
vertical-align: top;
height:80px;
BACKGROUND: #e7e7ef;
}
.mv-cells-long-none{
BORDER-BOTTOM: #FFFFFF 1px solid;
BORDER-LEFT: #FFFFFF 1px solid;
BACKGROUND: #D3CEE3;
vertical-align: top;
}
.calheader-short{
BACKGROUND: #8c7cbb;
font-family: arial;
font-size: 9px;
text-indent: 4px;
padding-left: 2px ;
padding-right: 2px ;
color: #f3f2f8;
}
.calheader-shorttitle{
BACKGROUND: #978cb2;
color: #FFFFFF;
font-family: arial;
font-size: 11px;
font-weight: bold;
font-style: italic;
line-height: 15px;
text-align:center;
}
.calheader-shorttitle A {
text-decoration: none;
color: #FFFFFF;;
}
.calheader-shorttitle A:link {
text-decoration: none;
color: #FFFFFF;;
}
.calheader-shorttitle A:visited {
text-decoration: none;
color: #FFFFFF;;
}
.calheader-shorttitle A:hover {
text-decoration: none;
color: #FFFFFF;;
}
.day-mv-short{
font-weight: bold;
text-align:right;
font-size: 14px;
}
/* ############### MONTH SHORT / SMALL CALENDAR ############### */
.mv-cells-small-none{
BORDER-BOTTOM: #8c7cbb 1px solid;
BORDER-left: #8c7cbb 1px solid;
BACKGROUND: #D3CEE3;
}
.mv-cells-link-none{
BORDER-left: #8c7cbb 1px solid;
BACKGROUND: #e7e7ef;
}
.mv-cells-link-none{
BORDER-left: #8c7cbb 1px solid;
BACKGROUND: #e7e7ef;
}
.mv-cells-small-event{
BORDER-BOTTOM: #8c7cbb 1px solid;
BORDER-left: #8c7cbb 1px solid;
padding-left: 1px ;
padding-right: 1px ;
padding-bottom: 1px ;
padding-top: 1px ;
font-weight: bold;
BACKGROUND: #e7e7ef;
}
.mv-cells-small-event A {
text-decoration: none;
color: #8c7cbb;
}
.mv-cells-small-event A:link {
text-decoration: none;
color: #8c7cbb;
}
.mv-cells-small-event A:visited {
text-decoration: none;
color: #8c7cbb;
}
.mv-cells-small-event A:hover {
text-decoration: none;
color:#8c7cbb;
}
/* actual cell for indivicual events */
.mv-cells-small{
BACKGROUND: #e7e7ef;
font-size: 9px;
BORDER-BOTTOM: #8c7cbb 1px solid;
BORDER-left: #8c7cbb 1px solid;
padding-left: 1px ;
padding-right: 1px ;
padding-bottom: 1px ;
padding-top: 1px ;
}
.mv-cells-small A {
text-decoration: none;
color: #8c7cbb;
}
.mv-cells-small A:link {
text-decoration: none;
color: #8c7cbb;
}
.mv-cells-small A:visited {
text-decoration: none;
color: #8c7cbb;
}
.mv-cells-small A:hover {
text-decoration: none;
color: #8c7cbb;
}
.mv-cells-small-link{
BACKGROUND: #e7e7ef;
font-size: 9px;
padding-left: 1px ;
padding-right: 1px ;
padding-bottom: 1px ;
padding-top: 1px ;
}
/* ############### WEEK View ############### */
.wv-cells{
text-align:center;
BORDER-BOTTOM: #978cb2 1px solid;
BORDER-RIGHT: #978cb2 1px solid;
height: 430px;
vertical-align: top;
}
.wv-main{
BORDER-BOTTOM: #978cb2 1px solid;
BORDER-LEFT: #978cb2 1px solid;
}
/* ############### MINI CALENDAR ############### */
.mc_frame {
BORDER-BOTTOM: #978cb2 1px solid;
BORDER-LEFT: #978cb2 1px solid;
BORDER-RIGHT: #978cb2 1px solid;
BORDER-TOP: #978cb2 1px solid;
}
/* ############### Day View ############### */
/* area for time for event description */
.dv-long-time {
BACKGROUND: #aca3c1;
BORDER-BOTTOM: #3c3847 1px solid;
BORDER-LEFT: #d5d1e0 1px solid;
BORDER-TOP: #d5d1e0 1px solid;
BORDER-RIGHT: #3c3847 1px solid;
padding-left: 5px ;
padding-top: 1px ;
padding-right: 0px ;
padding-bottom: 15px ;
vertical-align: top;
height: 10px;
width: 65px;
}
.dv-long-event {
BACKGROUND: #d5d1e0;
BORDER-BOTTOM: #FFFFFF 1px solid;
BORDER-RIGHT: #978cb2 1px solid;
padding-left: 15px ;
padding-top: 1px ;
padding-right: 15px ;
padding-bottom: 15px ;
vertical-align: top;
}
/* Day Labels on Large Month View Header */
.dy-hdr-long{
BACKGROUND: #978cb2;
font-weight: bold;
text-align:center;
BORDER-BOTTOM: #38324b 1px solid;
BORDER-LEFT: #38324b 1px solid;
BORDER-RIGHT: #38324b 1px solid;
BORDER-TOP: #38324b 1px solid;
}
.mc_rows {
font-size: 9px;
text-indent: 4px;
BORDER-BOTTOM: #978cb2 1px solid;
BORDER-left: #978cb2 1px solid;
padding-left: 2px ;
padding-right: 2px ;
padding-bottom: 3px ;
padding-top: 3px ;
font-weight: bold;
}
.mc_title {
color: white;
font-family: arial;
font-size: 11px;
font-weight: bold;
font-style: italic;
line-height: 15px;
}
/* END Mini Calendar Syles */
/* ############### FRAMING STYLES ############### */
.calendarmain {
BORDER-RIGHT: #8c7cbb 1px solid;
BACKGROUND: #D3CEE3;
BORDER-TOP: #8c7cbb 1px solid;
padding-left: 7px ;
padding-right: 7px ;
padding-bottom: 7px ;
padding-top: 7px ;
}
.calendarmainy {
BORDER-RIGHT: #8c7cbb 1px solid;
BORDER-LEFT: #8c7cbb 1px solid;
BACKGROUND: #D3CEE3;
BORDER-TOP: #8c7cbb 1px solid;
padding-left: 7px ;
padding-right: 7px ;
padding-bottom: 7px ;
padding-top: 4px ;
}
.leftpocket {
BORDER-LEFT: #8c7cbb 1px solid;
BACKGROUND: #D3CEE3;
}
.leftcorner {
BORDER-LEFT: #8c7cbb 1px solid;
BORDER-BOTTOM: #8c7cbb 1px solid;
BACKGROUND: #D3CEE3;
}
.bottomframe {
BORDER-LEFT: #8c7cbb 1px solid;
BORDER-RIGHT: #8c7cbb 1px solid;
BORDER-BOTTOM: #8c7cbb 1px solid;
BACKGROUND: #D3CEE3;
}
/* ############### BORDER STYLES ############### */
.line_right {
BORDER-RIGHT: #8c7cbb 1px solid;
}
.border_left {
BORDER-LEFT: #8c7cbb 1px solid;
}
.border_right_bottom {
BORDER-RIGHT: #8c7cbb 1px solid;
BORDER-BOTTOM: #8c7cbb 1px solid;
}
.border_right {
BORDER-RIGHT: #8c7cbb 1px solid;
}
.border_top {
BORDER-TOP: #8c7cbb 1px solid;
}
.border_bottom {
BORDER-BOTTOM: #8c7cbb 1px solid;
}
.black_border {
BORDER-BOTTOM: #38324b 1px solid;
BORDER-LEFT: #38324b 1px solid;
BORDER-RIGHT: #38324b 1px solid;
BORDER-TOP: #38324b 1px solid;
}
/* ############### MESSAGING ############### */
.alert
{
color:#8c7cbb ;
}
.panelbox {
BORDER-BOTTOM: #000000 1px solid;
BORDER-right: #000000 1px solid;
BORDER-left: #000000 1px solid;
padding-left: 2px ;
padding-right: 2px ;
padding-bottom: 2px ;
padding-top: 2px ;
}
.frameborder {
padding-top: 4px ;
BORDER-BOTTOM: #000000 1px solid;
BORDER-right: #000000 1px solid;
BORDER-left: #000000 1px solid;
}
.panel_title {
font-family: arial;
font-size: 11px;
font-weight: bold;
}