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

#about { float: left; width: 990px; padding: 15px 0 .5em 0; background: url(../images/list_divider.gif);}
#about li { display: inline; list-style-type: none; margin: 0;}
#about li a { padding: .5em; background: #F8F8F8; }
#about li a:hover { background-image: none; background-color: #606F8E; color: #fff; text-decoration: none; }
#about li a.selected { background-image: none; background-color: #4A566E; color: #fff; text-decoration: none; }

.category { list-style-type: none; float: left; width: 158px;}
.category li a { display: block; padding: .5em 0 .5em 10px; }
.category li a:hover { background-color: #f2f2f2; text-decoration: none; }
.category_header { float: left; padding: 5px 0 5px 10px; background-color: #e2e2e2; width: 148px; }

/*
BREADCRUMB --------------------- */
.topBreadCrumb { font-size: 2em; }
.subLevelCrumb { font-size: 1.5em; }
.minLevelCrumb { font-size: 1.2em; }

/*
PAGINATION --------------------- */
.pages { float: left; padding: .5em 0; clear: both; }
.pages a { border:1px solid #4A566E; text-decoration:none; }
.pages a { background:#fff; display:block; float:left; margin-right:0.1em; padding:0.2em 0.5em; }
.pages span { background: none; display:block; float:left; margin-right:0.1em; padding:0.2em 0.5em; } 
.pages a:hover { border: 1px solid #999; background: #ccc; color: #000;}
.pages a.current { border: 1px solid #333; background: #999; color: #fff; }
.pages span.nextprev { background:#fff; display:block; float:left; margin-right:0.1em; padding:0.2em 0.5em; border:1px solid #CCC; color:#999; }

/*
STARS --------------------- */
.stars { background:#DBDBDB; float:left; padding: .5em 0; width:131px;  }
.rating { color: #4A566E; font-size: 1.3em; font-weight: bold; }
.center { text-align: center; }
.star-rating2,
.star-rating2 a:hover,
.star-rating2 a:active,
.star-rating2 a:focus,
.star-rating2 .current-rating{ background: url(../images/star.gif); background-position: left bottom; }
.star-rating2{ position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; }
.star-rating2 li{ display: inline; }
.star-rating2 a, 
.star-rating2 .current-rating{ position:absolute; top:0px; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; }
.star-rating2 a:hover,
.star-rating2 a:active,
.star-rating2 a:focus{ background-position: left bottom; }
.star-rating2 a.one-star{ width:20%; z-index:6; }
.star-rating2 a.two-stars{ width:40%; z-index:5; }
.star-rating2 a.three-stars{ width:60%; z-index:4; }
.star-rating2 a.four-stars{ width:80%; z-index:3; }
.star-rating2 a.five-stars{ width:100%; z-index:2; }
.star-rating2 .current-rating{ z-index:1; background-position: left center; }	
/* for an inline rater */
.inline-rating{	display:inline-block; vertical-align: middle; }
/* smaller star */
.small-star{ width:50px; height:10px; margin: 3px 0 5px 1px; }
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{ background-image: url(../images/star_small.gif); line-height: 10px; height: 10px; }


/*
THEMES --------------------- */
.themeOuterContainer { float: left; width: 100%; height: auto; }
.themeContainer { float: left; width: 137px; margin: .5em 0; }
.themeContainerNoPadd { float: left; width: 133px; margin: .5em 0; }
.themeContainerNoPadd .themeTitle, .themeContainer .themeTitle { font-weight: bold; padding: .5em 0; width: 131px; color: #fff; }
.themeContainerNoPadd .themeTitle span, .themeContainer .themeTitle span { padding-left: 5px; }

.normal { background-color: #7684A3; }
.bronze { background-color: #8C7853; }
.silver { background-color: #858585; }
.gold { background-color: #CFB53B; }
.platinum { background-color: #8A8776; }

.themeContainerNoPadd ul.theme_options, .themeContainer ul.theme_options { float: left; list-style-type: none; margin: 0; padding: 0;  width: 131px; }
.themeContainerNoPadd ul.theme_options li a, .themeContainer ul.theme_options li a { display: block; background: #EBEBEB; padding: .5em 0 .5em 5px; border-bottom: 1px solid #ccc; }
.themeContainerNoPadd ul.theme_options li a:hover, .themeContainer ul.theme_options li a:hover { background: #4A566E; color: #fff; }

.themeSubInfo { float: left; width: 131px; background-color: #BFBFBF; padding: 0; }

.contest_winner_container { float: left; margin: 5px 0; border: 1px solid #ccc; background-color: #fff; padding: 5px 5px 5px 5px; width: 804px; }
.contest_winner_container .userDetails { float: left; padding-right: 5px; }
.contest_winner_container h3 { float: left; padding: 0 0 5px 0; font-size: 11px; font-weight: bold; width: 100%; }
.contest_winner_container .themeTitle { float: left; padding-right: 5px; }
.contest_winner_container .votes{ float: left;  }
.contest_winner_container p { padding: 0 0 5px 0; }