/* Calendar Gadget styles */

#calendario {margin-bottom:10px;}

ul#selector-dia-semana li {width:24px;text-align:center;display:inline;float:left;font-size:8px;font-weight:bold;}

ul#selector-mes {margin:0 0 0 8px;padding:0;width:180px;display:block;height:23px;background:url('/layout/calendar_top_bg.jpg') top left no-repeat;}

ul#selector-mes li#mes-anterior {width:15px;margin-top:3px;margin-left:3px;text-align:center;float:left;background:url('/layout/cal_prev.jpg') top left no-repeat;}

ul#selector-mes li#mes-siguiente {width:15px;margin-top:3px;margin-right:3px;text-align:center;float:right;background:url('/layout/cal_next.jpg') top right no-repeat;}

ul#selector-mes li.month_name {width:125px;text-align:center;float:left;font-weight:bold;color:#ffffff;padding-top:2px;}

ul#selector-mes li input {border:none;font-weight:bold;background:transparent;width:20px;height:20px;}

ul#selector-dia-semana {
float:left;
width:180px;
height:20px;
margin:0 0 0 8px;
padding:0;
color:#555555;
}


ul#selector-dia-semana li {
color:#555555;
font-weight:normal;
}

ul.calendar_grid {
display:block;
float:left;
height:20px;
padding:2px 0 0 0;
width:180px;
margin:0 0 0 8px;
}

ul.grey_bottom {border-bottom:1px solid #e8e8e8;}

ul.calendar_grid a {
color:#555555;
}

ul.calendar_grid li {
font-size:10px;
display:block;
float:left;
width:25px;
text-align:center;
display:inline;
}

ul.calendar_grid li.we {
color:#cc0000;
}

ul.calendar_grid li a.event {
background:url('/layout/calevent_bg.jpg') top left no-repeat;
background-position:2px 2px;
color:#ffffff;
font-weight:bold;
font-size:11px;
width:21px;
display:block;
text-decoration:none;
}

ul#selector-dia-semana li {
height:20px;
}

#calendario_contenido {
padding:0;
margin:0;
display:block;
width:190px;
background:url('/layout/calendar_bg.jpg') top left no-repeat;
background-position:7px 40px;
height:180px;
}

#calendario_contenido ul li {
width:25px;
float:left;
}

.hovertip {
position: absolute;
display: none; /* in case javascript is disabled */
width: 300px;
font-size: 12px;
z-index: 100;
margin-left: 5px;
margin-top: 10px;
padding:5px;
background-color:#ffffff;
border:1px solid #cccccc;
 }

.hovertip_target {
font-weight:bold;
background-color:#f5f5f5;
width:24px;
height:20px;
display:block;
}

ul li a.hovertip_target {text-decoration: none;font-weight:bold;font-size:11px;color:#f05423;}

.hovertip_target:hover {text-decoration: none;cursor:hand;}

ul.hovertip li {list-style:none;text-align:left;}
ul.hovertip li a{text-decoration:underline;text-align:left; font-weight:normal;font-size:16px;color:#336699;}
ul.hovertip {width:300px; padding-top:10px; padding-left:10px; padding-bottom:20px; display:block}