@charset "UTF-8";
/* CSS Document */

#wrapper{width: 500px; height: 135px; border:#FF6600 solid 1px; background-color:#FFCC99;}
#mood_text{width: 500px; padding: 10px; font:Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold; color:#FF6600; clear:both;}
#mood_text span{font:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; font-weight:normal;}
#mood_box{width: 500px; padding: 5px; float:left; font:Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}


.mood_body{width:500px; float:left;display:block;}

.mood_container{width:60px;float:left;display:block; padding: 5px;}

A:link {
width: 54px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
font-weight:bold;
padding-bottom:5px; 
padding-top:5px;
text-align:center; letter-spacing: -1px;
text-decoration: none;
}

A:visited {
width: 54px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
font-weight:bold;
padding-bottom:5px; 
padding-top:5px;
text-align:center; letter-spacing: -1px;
text-decoration: none;
}

A:active {
width: 54px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
font-weight:bold;
padding-bottom:5px; 
padding-top:5px;
text-align:center; letter-spacing: -1px;
text-decoration: none;
}

A:hover {
width: 54px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
font-weight:bold;
padding-bottom:5px; 
padding-top:5px;
text-align:center; letter-spacing: -1px;
text-decoration: none;
}

.mm_mood{
width: 54px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
font-weight:bold;
padding-bottom:5px; 
padding-top:5px;
text-align:center; letter-spacing: -1px;
}
.mm_percentage{
width: 54px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
font-weight:bold;
padding-bottom:5px; 
text-align:center;
background:url(/a1media/site/image/color_box.gif);
background-repeat: no-repeat;
}