#categories{list-style:none; margin:0; padding:0; font-size:90%}
#categories li{border-top:1px solid #666; padding:0; margin:0}
#categories li a{display:block; font-weight:bold; color:#35568C; text-decoration:none; padding:8px 0 8px 10px; margin:0}
#categories li a:hover{background:#243C5F; color:#fff}
#categories li ul{padding:0}
#categories li ul li{border-top:1px solid #999; padding:0; list-style:none}
#categories li ul li a{display:block; margin:0; font-weight:normal; padding:8px 0 8px 25px}
#categories li ul li a:hover{background:#243C5F; color:#fff}
#categories .selected{background:#CBD0D9}
#categories li .selected{background:#243C5F}
#categories li .selected a{color:#fff}

#worksheet-print-bubble{width:131px; padding:3px 15px 10px 15px; color:#fff; font-weight: bold; background:#F33 url(/img/browser/print_bubble.png) no-repeat bottom left}

#worksheets{clear:both}
#worksheets p{margin-left:10px;line-height: 1.5em}

.worksheet{float:left; margin:5px; width:160px; text-align:center}
.worksheet  a{text-decoration:none; color:#35568C}
.worksheet  .img{display:block; background-position:center; background-repeat:no-repeat; width:150px; height:212px; position:relative; border:1px solid #666; margin:1px}
.free-resource .img{border:2px solid #900; margin:0px}
.new-resource .img{border:2px solid #F90; margin:0px}
.worksheet  .img:hover{border:2px solid #666; margin:0}
.free-resource .img:hover{border:2px solid #900}
.new-resource .img:hover{border:2px solid #F90}
.worksheet  .img:hover span{border-top:2px solid #666; border-left:2px solid #666}
.worksheet  .img span{display:block; bottom:0; right:0; position:absolute; background:#ADD7E8; padding:5px 10px; border-top:1px solid #666; border-left:1px solid #666; color:#333; font-weight:bold; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; border-radius-topleft:10px}
.resource .recommend{margin:0 0 -1px 1px;display:block;background: #1B4068;color: #fff;width:150px;border-top: 1px solid #676E6E;border-left: 1px solid #676E6E;border-right: 1px solid #676E6E;-moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;border-radius-topleft: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;border-radius-topright: 10px;}

.new-banner{display:block; top:0; right:0; position:absolute; background:url('../img/newbanner.gif') top right no-repeat; padding:0; width:89px; height:91px}
.free-banner{display:block; top:0; right:0; position:absolute; background:url('../img/freebanner.gif') top right no-repeat; padding:0; width:89px; height:91px}
.trial-banner{display:block; top:0; right:0; position:absolute; background:url('../img/trialbanner.gif') top right no-repeat; padding:0; width:89px; height:91px}
.worksheet  .link{display:block; text-align:center; padding:3px; font-weight:bold; height:3em}
.worksheet  .link:hover{text-decoration:underline}
#activities  h1, #activities  h2{background:url('../img/browser/games.png') no-repeat left center; padding:5px 0 5px 38px; margin:3px 0 3px 10px}
#worksheets  h1, #worksheets  h2{background:url('../img/browser/worksheets.png') no-repeat left center; padding:10px 0 5px 38px; margin:3px 0 3px 10px}
#latest-activities h1, #latest-worksheets h1, #latest-activities h2, #latest-worksheets h2{background:url('../img/browser/latest.png') no-repeat left center; padding:5px 0 5px 38px; margin:3px 0 3px 10px}
#popular-activities, #popular-worksheets{clear:both}
#popular-activities h2, #popular-worksheets h2{background:url('../img/browser/popular.png') no-repeat left center; padding:5px 0 5px 38px; margin:3px 0 3px 10px}

.activity{float:left; margin:5px; width:160px; text-align:center}

.activity a{text-decoration:none; color:#35568C}
.activity .img{display:block; background-position:center; background-repeat:no-repeat; width:150px; height:112px; position:relative; border:1px solid #666; margin:1px}
.activity .img:hover{border:2px solid #666; margin:0}
.activity .img:hover span{border-top:2px solid #666; border-left:2px solid #666}
.activity .img span{display:block; bottom:0; right:0; position:absolute; background:#ADD7E8; padding:5px 10px; border-top:1px solid #666; border-left:1px solid #666; color:#333; font-weight:bold; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; border-radius-topleft:10px}
.activity .link{display:block; text-align:center; padding:3px; font-weight:bold; height:3em}
.activity .link:hover{text-decoration:underline}

.anon-message-img{margin:10px 30px 10px 10px; padding:0; border:1px solid #ccc}

.user_badge{margin:5px; border:1px solid #FFD317; background:#FFF9D4; padding:5px}
.user_badge h2{float:left; font-size:110%; margin:0 0 0 10px; padding:0}
.user_badge div{float:right; border-left:1px solid #FFD317; border-bottom:1px solid #FFD317; margin:-5px -5px 5px 5px; text-align:center; padding:5px}
.user_badge .submit{border:none}
.user_badge h3{margin:0; padding:0; font-size:200%; line-height:0.9em}
.user_badge p{margin:0; padding:0; font-size:85%; line-height:0.9em}
.user_badge dl{clear:left; margin:0 0 5px 0; padding:0}
.user_badge dt{font-size:85%; font-weight:bold}
.user_badge dd{margin:0 0 0 10px; }
.user_badge ul{list-style:none; margin:0; padding:0}
.user_badge li{display:inline; padding:10px}

.topsearch{padding:5px 0}
.topsearch input{float:left; padding:2px; margin:2px 2px 16px 2px}
.topsearch .submit{margin:-2px 0 0 0; padding:0}

a{color:#243C5F; text-decoration:none; font-weight:bolder}
a:hover{text-decoration:underline}