/* CSS Document */
/* Main homepage structure */
#content.frontdoor { background: #fff;}
#topslot { width: 570px; height: 281px; background-color: #eee;}

#homeleft { float: left; width: 20%; }


#homepageblock {background: #ffffff; float: left; width: 58%;

margin: 0px 0px 0px 0px;

}


#homeright { float: right; width: 20%; height: 100%; 


}



h5.whenadded { font-style: italic; font-size: 15px; margin: 0 0 0px; clear: both; color: #333333}


.featureitem {float: left; width: 50%; height: 50%; padding:2px;
BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid;
}

.featureitem h2 {color: #999; border: none}
.featureitem img {width: 125px; height: 125px; border: none; float: left; margin: 5px;}
h2.featurepoints  {color: #666; font-size: 14px;}

/* Columns */
.frontdoor h1 { border-bottom: 1px solid #ccc; margin: 25px 0 10px;}
.frontdoor .green { color: #fff; }
.colgroup { margin: 0 -8px; zoom: 1; background: url(/_images2/bg-columns.gif) repeat-y top left;}
.colgroup h2 { font-size: 16px; margin: 0; padding: 0;}
.column { float: left; width: 100px; padding: 0 8px; margin: 0;}
.column h5 { font-size: 11px; border-top: 1px dotted #ccc; margin: 10px 0 0; padding: 5px 0 0;}
.column h5.noline { border-top: none; padding-top: 0; margin: 5px 0 0;}
.column p { margin: 5px 0; padding: 0; color: #999;}
.column p.highlight { border-bottom: 1px dotted #ccc; padding: 0 0 8px; margin: 5px 0 8px;}
.column p.highlight img { display: block; border: 0; background: none; margin-bottom: 5px;}
.column p.highlight a { font-weight: bold; }
.column p.more { font-weight: bold; font-size: 13px;}
.column .green, .column .yellow, .column .red, .column .noscore { font-size: 12px; display: block; height: 16px; line-height: 1.3; text-align: center; padding-right: 79px; border-style: solid; border-width: 1px; margin-top: 2px; background-image: url(/_images2/bg-metascore-tiny.gif); background-position: right center; background-repeat: no-repeat;}

/* Cross-promo modules */
#homeleft .crosspromo { width: 263px; min-height: 120px; float: left; padding: 10px; border-right: 1px dotted #fff; margin: 10px 0 0; zoom: 1;}
#homeleft .crosspromo img { float: left; margin-right: 8px; margin-bottom: 4px;}

/* Sidebar modules */
#howitworks { background: #002348 url(/_images2/bg-howitworks.gif) no-repeat top left; padding: 60px 12px 8px; color: #fff;}
#howitworks a { color: #ffcc00; font-weight: bold;}
#howitworks a:hover { color: #002348; background-color: #ffcc00;}
#howitworks a.rightlink { float: right;}
.mpu { margin: 5px 0 10px;}



#zfactsheet { padding: 20px; background: #b9bfc6 url(/_images2/bg-latestcomments.jpg) repeat-x top left;}
#factsheet a { font-weight: bold;}
#factsheet p { margin: 0 0 5px;}
p.userinfo .green, p.userinfo .yellow, p.userinfo .red { font-size: 15px; padding: 2px 5px;}
#factsheet h1 { font-size: 20px; margin: 0; border: none;}
#factsheet h2 { font-size: 14px; margin: 6px 0;}
#factsheet h3 { font-size: 22px; color: #fff; border-bottom: 1px solid #fff; margin: 12px 0 5px;}
#factsheet p.small { margin: 20px 0 0; font-size: 10px;}

#callouthome {BORDER-TOP: #3e5871 1px solid; BORDER-LEFT: #3e5871 1px solid; BORDER-BOTTOM: #3e5871 1px solid;BORDER-RIGHT: #3e5871 1px solid;
 
margin: 5px; 5px; 5px; 5px; padding: none;

height: 100%

}

#callouthome p {padding: 0px; margin: 10px 10px 10px; 10px; FONT-SIZE: 12px;}
#callouthome img {width: 100%; margin: 10px 20px 20px 20px}


#calloutheader  {
background-color: #3e5871; 
 width: 100%}

#calloutheader h1 {FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #FFFFFF; margin: none;
padding: none
}