// Calendar css file

a.cal {
	color:#000;
	background-color:#ffffd2;
	text-decoration:none;
	border: 0;
	padding: 0px 2px 0px 2px;
}
a.cal:hover {
	color:#000;
	background-color:#ffbbd5;
	text-decoration:none;
	border: 0;
	padding: 0px 2px 0px 2px;
}
.event {			/* event day td background */
	background-color:#aaee92;
	border: 1px solid #004080;
	color:#000;
}
a.ecal {			/* event day date background */
	color:#000;
	background-color:#aaee92;
	text-decoration:none;
	border: 0;
	padding: 0px 2px 0px 2px;
}
a.ecal:hover {		/* event day hover background */
	color:#fff;
	background-color:#005500;
	text-decoration:none;
	border: 0;
	padding: 0px 2px 0px 2px;
}
.norm {			/* normal day no event background */
	background-color:#ffffd2;
	border: 1px solid #004080;
	color:#000;
}
.today {			/* today no event td background */
	background-color:#940000;
	border: 1px solid #004080;
	color:#fff;
}
.today2 a {
	background-color:#01BCFA;
	color:#000;
	text-decoration:none;
	padding: 1px 2px 1px 2px;
}
.today2 a:hover {
	background-color:#004080;
	color:#fff;
	text-decoration:none;
	padding: 1px 2px 2px 2px;
}
.bdays {
	background-color:#83B0FC;
	color:#000000;
}
.mcal {
	font-size:13px;
	font-weight: bold;
	color:#000;
	background-color:#dfdfdf;
	text-decoration:none;
	border-top: 0px solid;
	border-right: #004080 1px solid;
	border-bottom: #004080 1px solid;
	border-left: 0px solid;
	padding: 0px 4px 3px 0px;
}
a.mcal {
	font-size:13px;
	font-weight: bold;
	color:#000;
	background-color:#dfdfdf;
	text-decoration:none;
	border-top: 0px solid;
	border-right: #004080 1px solid;
	border-bottom: #004080 1px solid;
	border-left: 0px solid;
	padding: 0px 4px 3px 0px;
}
a.mcal:hover {
	font-size:13px;
	font-weight: bold;
	color:#fff;
	background-color:#009000;
	text-decoration:none;
	border-top: 0px solid;
	border-right: #004080 1px solid;
	border-bottom: #004080 1px solid;
	border-left: 0px solid;
	padding: 0px 4px 3px 0px;
}
a.caldate {
	font-weight: bold;
	color:blue;
	text-decoration:none;
	border: 0;
}
a.caldate:hover {
	font-weight: bold;
	color:red;
	text-decoration:underline;
	border: 0;
}
a.caldate2 {
	font-weight: bold;
	color:#000096;
	text-decoration:none;
	border: 0;
}
a.caldate2:hover {
	font-weight: bold;
	color:#960000;
	text-decoration:none;
	border: 0;
}
a.caldate3 {
	font-weight: bold;
	color:yellow;
	text-decoration:none;
	border: 0;
}
a.caldate3:hover {
	font-weight: bold;
	color:white;
	text-decoration:none;
	border: 0;
}
a.maincal {
	font-size:14px;
	font-weight: bold;
	color:yellow;
	background-color:black;
	text-decoration:none;
	border: 0;
}
a.maincal:hover {
	font-size:14px;
	font-weight: bold;
	color:yellow;
	background-color:black;
	text-decoration:none;
	border: 0;
}
.noevt {
	color:#000;
	background-color:#ffffd2;
	text-decoration:none;
	border: 0;
	padding: 0px 2px 0px 2px;
}
a.evt {
	font-size:9px;
	font-weight: bold;
	color:blue;
	text-decoration:underline;
	border: 0;
}
a.evt:hover {
	font-size:9px;
	font-weight: bold;
	color:purple;
	text-decoration:underline;
	border: 0;
}
a.evt2 {
	font-size:14px;
	font-weight: bold;
	color:#0000ee;
	text-decoration:underline;
	border: 0;
}
a.evt2:hover {
	font-size:14px;
	font-weight: bold;
	color:purple;
	text-decoration:underline;
	border: 0;
}
a.yrevt {
	font-size:11px;
	font-weight: bold;
	color:blue;
	text-decoration:none;
	border: 0;
}
a.yrevt:hover {
	font-size:11px;
	font-weight: bold;
	color:purple;
	text-decoration:underline;
	border: 0;
}
a.mcaldate {
	font-size:13px;
	font-weight: bold;
	color:#ffff00;
	background-color:#000;
	text-decoration:none;
	border: 0;
}
a.mcaldate:hover {
	font-size:13px;
	font-weight: bold;
	color:#fff;
	background-color:#0000ff;
	text-decoration:none;
	border: 0;
}
a.mcaldate2 {
	font-size:11px;
	font-weight: bold;
	color:yellow;
	background-color:black;
	text-decoration:underline;
	border: 0;
}
a.mcaldate2:hover {
	font-size:11px;
	font-weight: bold;
	color:yellow;
	background-color:black;
	text-decoration:none;
	border: 0;
}
a.cal2 {
	color:#000;
	background-color:#fff;
	text-decoration:none;
	border: 0;
	padding: 0px 2px 0px 2px;
}
a.cal2:hover {
	color:#fff;
	background-color:#940000;
	text-decoration:none;
	border: 0;
	padding: 0px 2px 0px 2px;
}
.mcal2 {
	font-size:13px;
	font-weight: bold;
	color:#fff;
	background-color:#006BE1;
	text-decoration:none;
	border-top: 0px solid;
	border-right: #000 1px solid;
	border-bottom: #000 1px solid;
	border-left: 0px solid;
	padding: 0px 4px 3px 0px;
}
a.mcal2 {
	font-size:13px;
	font-weight: bold;
	color:#000;
	background-color:#ECEC00;
	text-decoration:none;
	border-top: 0px solid;
	border-right: #004080 1px solid;
	border-bottom: #004080 1px solid;
	border-left: 0px solid;
	padding: 0px 4px 3px 0px;
}
a.mcal2:hover {
	font-size:13px;
	font-weight: bold;
	color:#fff;
	background-color:#940000;
	text-decoration:none;
	border-top: 0px solid;
	border-right: #004080 1px solid;
	border-bottom: #004080 1px solid;
	border-left: 0px solid;
	padding: 0px 4px 3px 0px;
}
a.tbal {
	font-size:10px;
	color:#0000ff;
	background-color:#ddd;
	text-decoration:none;
	border: 0;
}

a.tbal:hover {
	font-size:10px;
	color:#fff;
	background-color:#ddd;
	text-decoration:none;
	border: 0;
}
a.foot {
	font-weight: bold;
	color:#000;
	text-decoration:none;
	border: 0;
}
a.foot:hover {
	font-weight: bold;
	color:#940000;
	text-decoration:underline;
	border: 0;
}
.cal {
	background-color:#bfbfbf;
	border: 1px solid #004080;
	color:#000;
}
.cal3 {
	background-color:#C1E0FF;
	border: 1px solid #004080;
	color:#000;
}
.cal3a {
	background-color:#C1E0FF;
	border-right: 1px solid #004080;
	border-bottom: 1px solid #004080;
	border-left: 1px solid #004080;
	padding: 8px 0px 8px 0px;
	color:#000;
}
.cal4 {
	background-color:#BDD2CC;
	border: 1px solid #004080;
	color:#000;
}
.cal5 {
	background-color:#94C9E9;
	border-bottom: 1px solid #004080;
	color:#000;
	padding: 4px 6px 0px 6px;
}
.cal5a {
	background-color:#94C9E9;
	border-right: 1px solid #004080;
	border-bottom: 1px solid #004080;
	color:#000;
	padding: 4px 6px 0px 6px;
}
.cal6 {
	background-color:#94C9E9;
	border-bottom: 1px solid #004080;
	color:#000;
	padding: 4px 6px 0px 6px;
}
.datehd {
	font-size: 11px;
	font-weight: bold;
	color:yellow;
	background-color:#000;
}
.datehd2 {
	font-size: 11px;
	font-weight: bold;
	color:black;
	background-color:white;
}
.mdatehd {
	font-size: 18px;
	font-weight: bold;
	color:black;
	background-color:steelblue;
	border: 1;
	padding: 8px 0px 8px 0px;
}
.birthday {
	background-color:#8080FF;
}
.title0 {
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #000080;
	padding:10px 0px 10px 0px;
	color:#fff;
	background-color:#C66300;
}
.title1 {
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #000080;
	color:#fff;
	background-color:steelblue;
}
.title2 {
	font-size: 14px;
	font-weight: bold;
	color:#000096;
}
.title3 {
	font-size: 13px;
	font-weight: bold;
	color:yellow;
}
.title4 {
	font-size: 12px;
	color:#000;
}
.caltable {
	background-color:steelblue;
}
.evtbl { 
	font-size:11px;
	font-weight: bold;
	color: #000;
	background-color:#dfffdf;
	padding:0px 10px 0px 0px;
	border-top: #840000 1px solid;
	border-right: #840000 1px solid;
	border-bottom: #840000 1px solid;
	border-left: #840000 1px solid;
	width: 300px;
}
.tbl8 {
	font-size:12px;
	font-weight: bold;
	color:#0000ff;
	background-color:#ffffc4;
	border-top: #840000 1px solid;
	border-right: #840000 1px solid;
	border-left: #840000 1px solid;
	width: 300px;
	padding-left:18px;
}
.tbl5a { 
	font-size:11px;
	font-weight: bold;
	color:#000;
	background-color:#ffffd2;
	border-top: 0px solid;
	padding: 3px 2px 3px 2px;
}
.tbl5b { 
	font-size:11px;
	font-weight: bold;
	color:black;
	background-color:#d0d0d0;
	border: 1px solid #000;
	padding: 3px 0px 3px 5px;
}
.ctbl6 { 
	font-size:13px;
	font-weight: bold;
	color:yellow;
	background-color:#000;
	border: 0px solid;
	padding: 0px 4px 0px 4px;
}
.tbl7 {
	background-color:#B8C180;
	border: 2px dotted #773C00;
}
.tbl7a { 
	font-size:11px;
	font-weight: bold;
	color:#fff;
	background-color:$sbg;
	border: 0px solid;
	padding: 3px 0px 3px 0px;
}
.tbl9 { 
	font-size:11px;
	font-weight: bold;
	background-color:#000;
	border: 0px solid;
	padding:3px;
}
.tbl11 {
	font-size: 11px;
	color: #333;
	background-color: #fff;
	padding: 18px;
}
.tbl-brdr {
    background: #CFE14D;
    border: 1px solid #000080;
    border-collapse: separate;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-shadow: none;
    margin-bottom: 5px;
    padding: 10px;
}
.tbl-brdr0 {
    background:#ffffd2;
    border: 1px solid #000;
}
.tbl-brdr1 {
    background: #B0D0C6;
    border: 1px solid #000;
    border-collapse: separate;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-shadow: none;
    margin-bottom: 5px;
    padding: 8px;
}
.tbl-brdr2 {
    background: #eeeeee;
    border: 1px solid #660000;
    border-collapse: separate;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-shadow: none;
    margin-bottom: 5px;
    padding: 20px;
}
.tbl-brdr2a {
    background: #eeeeee;
    border: 1px solid #000066;
    border-collapse: separate;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-shadow: none;
    margin-bottom: 3px;
    padding: 3px;
}
.tbl-brdr3 {
    background: #FFFFD2;
    border: 1px solid #660000;
    border-collapse: separate;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-shadow: none;
    margin-bottom: 5px;
    padding: 10px;
}
.tbl-brdr4 {
    border: 1px solid #000099;;
    border-collapse: separate;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-shadow: none;
    margin-bottom: 5px;
    padding: 15px;
}

.custom-tooltip1 {
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.custom-tooltip1 .tooltip-content1 {
    visibility: hidden;
    width: auto; /* Adjusts to the content width */
    background-color: #FFF7E1;
    color: #000;
    text-align: left;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 6px;
    position: absolute;
    z-index: 1;
    top: 100%; /* Positions the tooltip above the text */
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    white-space: nowrap; /* Prevents line breaks in the tooltip */
}

.custom-tooltip1:hover .tooltip-content1 {
    visibility: visible;
}

.tooltip-content1 ul {
    padding: 0;
    margin: 0;
    list-style: disk;
}

.tooltip-content1 ul li {
    padding: 4px 0;
}

.custom-tooltip2 {
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.custom-tooltip2 .tooltip-content2 {
    visibility: hidden;
    width: auto; /* Adjusts to the content width */
    background-color: #FFF7E1;
    color: #000;
    text-align: left;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 6px;
    position: absolute;
    z-index: 1;
    top: 100%; /* Positions the tooltip above the text */
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    white-space: nowrap; /* Prevents line breaks in the tooltip */
}

.custom-tooltip2:hover .tooltip-content2 {
    visibility: visible;
}

.tooltip-content2 ul {
    padding: 0;
    margin: 0;
    list-style: disk;
}

.tooltip-content2 ul li {
    padding: 4px 0;
}