/*******************************************************
 * Living at Cornell Styling for the Get Weather applet
 *******************************************************/

div#appSpace_Weather   {width: 80px; height: 56px; float: right; background-image: url(../images/background_applet.jpg); background-repeat: repeat-x; 
                        text-align: right; padding: 0px 8px 2px 0px;}
								
div#appSpace_Weather a.appLink       {text-decoration: none; color: #FFF;}
div#appSpace_Weather a.appLink:hover {text-decoration: none; color: #333;}

div.appTemp           {font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 16pt;}
div.appTime           {font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 8pt;}

/* Tooltip bubble styling for the weather forecast */
a.tt        {position:relative; z-index: 24;}
a.tt span   {display: none; }
a.tt:hover  {z-index:25; background:;}

a.tt:hover span.tooltip {display:block; position:relative; 
                         top: -136px; left: -140px; padding: 0; width:200px;
	                      color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90;}
								 
a.tt:hover span.top     {display: block; padding: 10px 8px 10px 8px; background: url(../images/bubble.gif) no-repeat top;}

a.tt:hover span.middle  {display: block; padding: 0 8px; background: url(../images/bubble_filler.gif) repeat bottom; font-family: Verdana, Geneva, sans-serif; font-size: 9pt;}

a.tt:hover span.bottom  {display: block; padding:3px 8px 30px 8px; color: #548912; background: url(../images/bubble.gif) no-repeat bottom;}