#sidebar #calendar-info #container .container a {
	text-decoration: none;
}
.red {
	border: 1px solid #FF0000;
}

.legend-red {
	background: #E82F23;
}
.legend-orange {
	background: #FFF4E3;
}
.legend-d-orange {
	background: #F90;
}
.legend-yellow {
	background: #FF6;
}
.legend-green {
	background: #B5E8C7;
}
.legend-d-green {
	background: #396;
}
.legend-blue {
	background: #C4EAFD;
}
.legend-d-blue {
	background: #0757B1;
}
.legend-purple {
	background: #96F;
}
.legend-pink {
	background: #F9C;
}
.legend-grey {
	background: #CCC;
}
.legend-d-grey {
	background: #666;
}
.legend-brown {
	background: #57463E;
}
.legend-neon-green {
	background: #58DC42;
}
.legend-bright-pink {
	background: #E900E6;
}
.legend-peach {
	background: #E6AA8D;
}


#box-months {
	background: #0F0065;
	margin: 20px 15px 20px 0px;
	border-top: 1px solid #5A5EB9;
	border-right: 1px solid #5A5EB9;
	padding-top: 10px;
	padding-left: 10px;
	text-align: center;
	padding-bottom: 10px;
}
.col-50  .legend {
	height: 8px;
	width: 90%;
	margin-right: 10%;
	margin-top: 2px;
}

#box-types {
	background: #0F0064;
	margin: 0px 0px 20px;
	border-top: 1px solid #5A5EB9;
	border-right: 1px solid #5A5EB9;
	padding-top: 10px;
	padding-left: 0px;
	text-align: center;
	padding-bottom: 10px;
}
/* start of Tooltip css code here */

a.pop-up {
	position:relative;           /*this is the key*/
	z-index:24;
}
.pop-up em {
	font-size: 90%;
	font-style: normal;
}

a.pop-up:hover {
	z-index:25;
}
a.pop-up span{
	display: none;  /* hide the span text using this css */
	font-weight: normal;
}

a.pop-up:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top: 10px;
	left: 15px;
	z-index:30;
	padding: 5px;
}

.legend-red a.pop-up:hover span{
	border: 1px solid #FF5555;
	background: #FFCACA;
}
.legend-yellow a.pop-up:hover span{
	border: 1px solid #BD833C;
	background: #E6CDAE;
}
.legend-green a.pop-up:hover span{
	border: 1px solid #3DC26B;
	background: #C8EED6;
}
.legend-blue a.pop-up:hover span{
	border: 1px solid #064FE6;
	background: #B4C9FC;
}
.legend-d-orange a.pop-up:hover span{
	padding: 4px;
	border: 1px solid #F17301;
	background: #FEC896;
}

.container .px-120    {
	padding-top: 2px;
}
.container .px-118 {
	padding-top: 1px;
}
.calendar-text {
	text-align: left;
	font-size: 80%;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
}
#info .calendar-text a{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#body #main-content #calendar-info #main-info-1-column #column-2-background #px-860 #container .container {
	background: #FEF5DE;
}
#list-info .underline {
	border-bottom: 2px solid #FFFFFF;
}
#list-info .text-extra-small a {
	color: #FFFFCC;
	font-weight: bold;
}
#list-info .legend-red:hover{
	background: #FFCACA;
}
#list-info .legend-yellow:hover{
	background: #E6CDAE;
}
#list-info .legend-green:hover{
	background: #B3E8C7;
}
#list-info .legend-blue:hover{
	background: #B4C9FC;
}
#list-info .legend-d-orange:hover{
	background: #FEC896;
}
.padding-30l-20r {
	padding: 0px 20px 0px 30px;
	background: #160B6B;
}
.calendar-text.underline {
	padding-top: 2px;
	padding-bottom: 2px;
}
#body #content #info #calendar-info .legend-orange div .calendar-text.underline {
	border-bottom: 1px solid #000;
}
#container .calendar-underline {
	border-bottom: 2px solid #FFF;
	background: #FFF4E3;
}
#info .legend-red a, #info .legend-d-green a, #info .legend-d-blue a, #info .legend-purple a, #info .legend-d-grey a, #info .legend-brown a, #info .legend-red, #info .legend-d-green, #info .legend-d-blue, #info .legend-purple, #info .legend-d-grey, #info .legend-brown, #info .legend-neon-green, #info .legend-bright-pink {
	color: #FFF;
}
#body #content #info #list-info text-extra-small a.legend-text {
	color: #000;
	text-transform: uppercase;
}
#body #content #info #list-info .padding-30-lr .padding-10 .col-14-np  .text-extra-small a.legend-text {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
}
.padding-5 {
	padding-right: 4px;
	padding-left: 4px;
}
.cell-header {
	background: #FFE7C1;
	padding: 5px 0px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 2px solid #F57E52;
	border-top: 2px solid #F57E52;
	letter-spacing: 0em;
	text-align: center;
	color: #AE370B;
}
.underline.highlight.legend-red:hover {
	background: #F07B75;
}
.underline.highlight.legend-d-orange:hover {
	background: #FFC166;
}
.underline.highlight.legend-yellow:hover {
	background: #FFFFB0;
}
.underline.highlight.legend-green:hover {
	background: #E6F7EC;
}
.underline.highlight.legend-d-green:hover {
	background: #6CCE9D;
}
.underline.highlight.legend-blue:hover {
	background: #E9F8FE;
}
.underline.highlight.legend-d-blue:hover {
	background: #338FF7;
}
.underline.highlight.legend-purple:hover {
	background: #C9AEFF;
}
.underline.highlight.legend-pink:hover {
	background: #FFD2E9;
}
.underline.highlight.legend-grey:hover {
	background: #E1E1E1;
}
.underline.highlight.legend-d-grey:hover {
	background: #999;
}
.underline.highlight.legend-brown:hover {
	background: #977A6C;
}
.underline.highlight.legend-neon-green:hover {
	background: #3CC124;
}
.underline.highlight.legend-bright-pink:hover {
	background: #FF6CFC;
}
.underline.highlight.legend-peach:hover {
	background: #DC875F;
}
#info a.button-month {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	padding: 2px 8px 3px;
	background: #FFF;
	border: 1px solid #F8A586;
	font-size: 9px;
}
#info a.button-month:hover {
	background: #FFF4E3;
}
#body #content #info #list-info .text-extra-small a.legend-text, #body #content #info #calendar-info .text-extra-small a.legend-text {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.legend-text {
	font-weight: bold;
}