.scal {
background-color:white;
display:block;
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:24pt;
line-height:normal;
margin-left:15px;
min-height:300px;
width:436px;
}
.daywithevent:hover {
cursor:pointer;
}
.scal .calwrapper {
}
.scal .calweekswrapper {
display:block;
}
.scal .calheader {
display:block;
margin-bottom:2px;
text-align:center;
width:100%;
}
.scal .caltitle {
margin-left:auto;
margin-right:auto;
text-align:center;
width:60%;
}
.scal .calcontrol {
font-size:12pt;
font-weight:bold;
margin:2px;
padding:2px;
}
.scal .calcontrol:hover {
background-color:#0fa7e8;
color:white;
}
.scal .calclose {
border:1px solid black;
float:right;
}
.scal .calprevmonth {
float:left;
}
.scal .calnextmonth {
float:right;
}
.scal .calnextyear {
display:none;
}
.scal .calprevyear {
display:none;
}
.scal .daybox {
border:1px solid lightgrey;
color:black;
float:left;
text-align:center;
width:60px;
}
.scal .dayboxvalue {
display:none;
}
.scal .dayboxname {
background-color:lightgray;
color:gray;
font-size:16pt;
}
.scal .dayboxsunday {
background-color:lightgray;
}
.scal .dayboxsaturday {
background-color:lightgray;
}
.scal .daybox:hover {
border:1px solid #0fa7e8;
}
.scal .dayboxname:hover {
border:1px solid lightgray;
}
.scal .dayinmonth {
color:1px solid black;
}
.scal .dayoutmonth {
color:lightgrey;
}
.scal .daycurrent {
border:1px solid red;
}

.scal .today {
color:#E67019;
font-weight:bold;
}

.scal .weekbox {
display:block;
width:100%;
}
.scal .endweek {
float:left;
}
.scal .weekboxname {
}
.tinyscal .daywithevent {
background-color:#F2A400;
font-weight:bold;
color:black;
}
.tinyscal {
font-size:8pt;
min-height:140px;
width:154px;
}
.tinyscal .calcontrol {
font-size:8pt;
}
.tinyscal .caltitle {
padding:3px;
}
.tinyscal .daybox {
width:20px;
}
.tinyscal .dayboxname {
font-size:8pt;
}
.tinyscal .weekboxname {
margin-top:5px;
}
.iscal {
background-color:#DD0000;
border:3px solid #CCCCCC;
display:block;
font-size:10pt;
margin:1px;
min-height:540px;
padding:3px;
width:540px;
}
.iscal:hover {
cursor:pointer;
}
.iscal .calwrapper {
background-color:#FFFFFF;
display:block;
}
.iscal .calweekswrapper {
border-right:1px solid #CCCCCC;
display:block;
}
.iscal .calheader {
color:#FFFFFF;
display:block;
font-size:18pt;
font-weight:bold;
margin-bottom:2px;
text-align:center;
width:100%;
}
.iscal .caltitle {
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
text-align:center;
width:70%;
}
.iscal .calcontrol {
font-weight:bold;
width:25px;
}
.iscal .calcontrol:hover {
}
.iscal .calclose {
display:none;
float:right;
}
.iscal .calprevmonth {
float:left;
}
.iscal .calnextmonth {
float:right;
}
.iscal .calnextyear {
display:none;
}
.iscal .calprevyear {
display:none;
}
.iscal .daybox {
background-color:white;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
color:black;
float:left;
height:70px;
overflow:auto;
padding:3px;
text-align:right;
width:70px;
}
.iscal .dayboxname {
background-color:#FFFFFF;
border-left:1px solid #FFFFFF;
color:#000000;
height:auto;
text-align:center;
width:70px;
}
.iscal .dayboxvalue {
overflow:auto;
text-align:left;
}
.iscal .daybox:hover {
}
.iscal .dayboxname:hover {
}
.iscal .dayinmonth {
color:black;
}
.iscal .dayoutmonth {
color:gray;
}
.iscal .dayselected {
background-color:#EEEEFF;
}
.iscal .daycurrent {
border:1px solid #E8EEF7;
}
.iscal .weekbox {
display:block;
width:100%;
}
.iscal .endweek {
float:left;
}
.iscal .weekboxname {
}
.iscal .dayboxdate {
float:right;
text-align:center;
width:15px;
}
.iscal .dayboxvalue p {
border-bottom:1px solid #CCCCCC;
clear:both;
display:block;
margin:0;
padding:0;
}
.iscal .dayselected {
}
.googleblue {
background-color:#C3D9FF;
border:1px solid #C3D9FF;
display:block;
font-size:10pt;
margin:1px;
min-height:175px;
padding:3px;
width:219px;
}
.googleblue:hover {
cursor:pointer;
}
.googleblue .calwrapper {
display:block;
}
.googleblue .calweekswrapper {
border:1px solid gray;
display:block;
}
.googleblue .calheader {
color:#112AAB;
display:block;
font-size:11pt;
font-weight:bold;
margin-bottom:2px;
text-align:center;
width:100%;
}
.googleblue .caltitle {
margin-left:auto;
margin-right:auto;
text-align:center;
width:auto;
}
.googleblue .calcontrol {
font-weight:bold;
width:25px;
}
.googleblue .calcontrol:hover {
}
.googleblue .calclose {
display:none;
float:right;
}
.googleblue .calprevmonth {
float:left;
}
.googleblue .calnextmonth {
float:right;
}
.googleblue .calnextyear {
display:none;
}
.googleblue .calprevyear {
display:none;
}
.googleblue .daybox {
background-color:white;
border:1px solid white;
color:black;
float:left;
padding:2px;
text-align:center;
width:25px;
}
.googleblue .dayboxvalue {
display:none;
}
.googleblue .dayboxname {
background-color:#C3D9FF;
border:1px solid #C3D9FF;
color:black;
}
.googleblue .dayboxsunday {
background-color:#E8EEF7;
border:1px solid #E8EEF7;
}
.googleblue .dayboxsaturday {
background-color:#E8EEF7;
border:1px solid #E8EEF7;
}
.googleblue .daybox:hover {
}
.googleblue .dayboxname:hover {
}
.googleblue .dayinmonth {
color:black;
}
.googleblue .dayoutmonth {
color:gray;
}
.googleblue .dayselected {
background-color:#AACCEE;
color:black;
}
.googleblue .daycurrent {
border:1px solid #E8EEF7;
}
.googleblue .weekbox {
display:block;
min-height:21px;
width:100%;
}
.googleblue .endweek {
float:left;
}
.googleblue .weekboxname {
}
.dashblack {
background-color:#000000;
border:3px solid silver;
display:block;
font-size:10pt;
margin:1px;
min-height:145px;
padding:3px;
width:204px;
}
.dashblack:hover {
cursor:pointer;
}
.dashblack .calwrapper {
display:block;
}
.dashblack .calweekswrapper {
display:block;
}
.dashblack .calheader {
color:#88DD22;
display:block;
font-size:10pt;
font-weight:bold;
margin-bottom:2px;
text-align:center;
width:100%;
}
.dashblack .caltitle {
margin-left:auto;
margin-right:auto;
text-align:center;
width:auto;
}
.dashblack .calcontrol {
color:#FFFFFF;
font-weight:bold;
width:25px;
}
.dashblack .calcontrol:hover {
}
.dashblack .calclose {
display:none;
float:right;
}
.dashblack .calprevmonth {
float:left;
}
.dashblack .calnextmonth {
float:right;
}
.dashblack .calnextyear {
display:none;
}
.dashblack .calprevyear {
display:none;
}
.dashblack .daybox {
background-color:#000000;
border-left:1px solid #000000;
border-right:1px solid #666666;
color:#FFFFFF;
float:left;
font-weight:bold;
padding:1px;
text-align:center;
width:25px;
}
.dashblack .dayboxname {
background-color:#000000;
border-left:1px solid #000000;
border-right:1px solid #666666;
color:#666666;
}
.dashblack .dayboxvalue {
display:none;
}
.dashblack .daybox:hover {
}
.dashblack .dayboxname:hover {
}
.dashblack .dayinmonth {
}
.dashblack .dayoutmonth {
color:#666666;
}
.dashblack .dayselected {
color:#88DD22;
}
.dashblack .dayselected .dayboxdate {
text-decoration:underline;
}
.dashblack .daycurrent {
}
.dashblack .weekbox {
display:block;
width:100%;
}
.dashblack .endweek {
border-left:1px solid #000000;
border-right:1px solid #000000;
float:left;
}
.dashblack .weekboxname {
}
.iphonic {
background-color:#E6E6E6;
color:#2E3F51;
display:block;
font-family:Helvetica;
font-size:22px;
letter-spacing:1px;
min-height:322px;
width:320px;
}
.iphonic:hover {
cursor:pointer;
}
.iphonic .calwrapper {
display:block;
}
.iphonic .calweekswrapper {
display:block;
}
.iphonic .calheader {
display:block;
font-size:22px;
font-weight:bold;
text-align:center;
width:100%;
}
.iphonic .caltitle {
height:23px;
margin-left:auto;
margin-right:auto;
padding-top:6px;
text-align:center;
vertical-align:bottom;
width:auto;
}
.iphonic .calcontrol {
font-weight:bold;
height:23px;
padding-top:6px;
width:44px;
}
.iphonic .calprevmonth {
float:left;
}
.iphonic .calnextmonth {
float:right;
}
.iphonic .calnextyear {
display:none;
}
.iphonic .calprevyear {
display:none;
}
.iphonic .calclose {
display:none;
float:right;
}
.iphonic .daybox {
border-right:2px solid #D2D2D2;
border-top:2px solid #D2D2D2;
float:left;
font-weight:bold;
height:35px;
padding-top:9px;
text-align:center;
width:44px;
}
.iphonic .dayboxname {
background-color:#C9C7CC;
border-right:2px solid #C9C7CC;
border-top:medium none;
color:#666666;
font-size:10px;
height:14px;
padding-top:3px;
}
.iphonic .dayboxvalue {
display:none;
}
.iphonic .daybox:hover {
}
.iphonic .dayboxname:hover {
}
.iphonic .dayinmonth {
}
.iphonic .dayoutmonth {
color:#969696;
}
.iphonic .dayselected {
background-color:#0C60C2;
color:#FFFFFF;
}
.iphonic .dayselected .dayboxdate {
text-decoration:none;
}
.iphonic .daycurrent {
}
.iphonic .weekbox {
display:block;
width:100%;
}
.iphonic .endweek {
border-right:medium none;
float:left;
}
.iphonic .weekboxname {
}