/* CSS Document */

#tt-content {
width: 99%;
float: left;
border: 1px solid #CCC;
background: #FFF;
margin: 10px 0;
padding-bottom: 10px;
}

#tt-content h3 {
text-indent: 10px;

margin: 10px 0 0 0;
padding-bottom: 10px;
font-size: 16px;
color: #C00;
border-bottom: 1px solid #e9e9e9;
font-weight: bold;
}

#tt-content h4 {
clear: left;
text-indent: 10px;
margin: 10px 0 0 0;
font-size: 16px;
color: #C00;
font-weight: normal;
}

#tt-content #tt-storybody p{
margin: 10px;
}

#tt-content #tt-storybody p strong {
color: #000;
}

#tt-content #tt-storybody img {
margin: 0 10px 10px 0;
float: left;
}

#tt-content .topstory {
width: 95%;
float: left;
padding: 15px 10px 0px 10px;
display: inline-block;
clear: left;
}

#tt-content .topstory img {
width: 84px;
float: left;
margin-right: 10px;
}

#tt-content .topstory h2 {
margin: 0px;
padding: 0px;
color: #C00;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}

#tt-content .topstory h2 a {
color: #C00;
font-size: 12px;
font-weight: bold;
text-decoration: none;
font-weight: bold;
}

#tt-content .topstory h2 a:hover {
text-decoration: underline;
}

#tt-content .topstory p {
font-size: 12px;
margin: 0px;
padding: 0px;
}

.secondarystory {padding: 15px 10px 0px 10px;display: inline-block;clear: left;}
.secondarystory img {float: left; margin-right: 10px; width: 84px;}
.secondarystory h3 {margin: 0px; padding: 0px;}
.secondarystory h3 a {color: #C00; font-size: 16px; text-decoration: none; font-weight: normal;}
.secondarystory h3 a:hover {text-decoration: underline;}
.topstory p {margin: 3px 0px 0px 5px; padding: 0px;}

#topStars {width: 100%; float: left; margin-top: 10px; border: 1px solid #CCC; background-color: #FFF;}
.stars {width: 40%; float: left; margin: 10px  5px; border: 0px solid #CCC;}
.stars img {float: left; margin: 0px 5px;}
.stars p {margin-top: 5px; padding: 5px 0px 0px 5px;}
.stars p a {color: #C00; text-decoration: none; font-weight: bold;}
.stars p a:HOVER {text-decoration: underline;}


.tt-component {width: 90%; float: left; border: 1px solid #CCC;background: #FFF; margin: 10px 0; padding-bottom: 10px;}
.tt-component h2 {color: #C00; font-size: 16px; font-weight: bold; padding: 5px; }
.tt-component h4 {font-size: 13px; font-weight: bold; padding: 10px 0px 10px 10px; }
.tt-component .morestars {width: 90%; float: left; margin: 4px 0px 0px 10px;}
.tt-component .morestars img {float: left; margin: 0px 5px 0px 2px;}
.tt-component .morestars a {color: #C00; font-weight: bold; text-decoration: none;}
.tt-component .morestars a:HOVER {color: #C00; font-weight: bold; text-decoration: underline;}
.tt-component .morestars p {font-size: 11px; margin: 0px; padding-left: 5px;}
#tt-content #ttfooter {width: 100%; float: left; background: url(/Virgin/Images/365mg.gif) 340px 5px no-repeat;height: 30px;border-top: 1px solid #E9E9E9;margin-top: 20px;}

.component {padding: 10px;}