/* core metrics io4 css                        cm_io4.css */

.example_demo
{
   width:234px;
}
.io_recs_title
{
background-color: #666666;
padding: 5px;
color: white;
font-family: Verdana,Arial,sans-serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
text-decoration: none;

}
.io_recs_title_fg
{
background-color: #b1dfbf;
padding: 5px;
color: #1951A0;
font-family: arial,helvetica,sans-serif;
font-size: 18px;
font-weight: normal;
text-decoration: none;
width: 580px;

}
.v4_io_example_recs
{
border: 1px solid #666666;
}
.v4_io_example_recs td
{
color: #000000;
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
}
td.borderedRollover
{
background-color: #FFFFFF;
border: 1px solid #F7F7F7;
cursor: pointer;
}
td.borderedRollover:hover
{
background-color: #FFFFFF;
border: 1px solid #666666;
}
.rating_bar
{
width: 55px;
background: url(star_x_grey.gif) 0 0 repeat-x;
float: right;
text-align: left;
}
.rating_bar div
{
height: 12px;
background: url(star_x_orange.gif) 0 0 repeat-x;
}
.demo_banner
{
height: 10px;
/*background-image: url('example.jpg');*/
}