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

#topicLeft {
width:160px;
float:left;
}

#topic-subcategories {
width:160px;
float:left;
border: 1px solid #93a7c3;
margin-bottom:10px;
}

#topic-subcategories h4 {
background-image: url('/images/bg-browse-box2.jpg'); 
background-repeat: repeat-x; 
color: #FFFFFF; 
font-weight: bold; 
padding: 3px 4px; 
margin: 0px; 
font-size: 1.2em; 
}



#topic-subcategories ul { padding: 0px; margin: 0 5px; }
#topic-subcategories li { font-size: 0.9em; list-style: none; padding: 3px 0px; margin: 0px; }
#topic-subcategories li + li { border-top: solid 1px #7a94b9; }
#topic-subcategories a { text-decoration: none; }
#topic-subcategories a:hover { text-decoration: underline; }

#topic-navigation {
border-bottom: 1px solid #b0d76e;
}

#topic-navigation img {
	margin-top:-5px;
}

#topic-results {
float:right;
width:450px;
}

#topic-featured {
margin: 0px auto;
text-align:center;
padding-bottom:15px;
}

#topic-featured h4 {
background-image: url('/images/bg-browse-box2.jpg'); 
background-repeat: repeat-x; 
color: #FFFFFF; 
font-weight: bold; 
padding: 3px 4px; 
margin-top: 10px;
margin-bottom: 15px; 
font-size: 1.2em; 
}

#topic-featured img {
margin-bottom:10px;
}

.featured {
padding:5px;
}

#topic-totals{
float:right;
font:Helvetica, Arial, sans-serif;
font-size:9px;
font-weight:bold;
}

#topic-content{
float:right;
width:175px;
height:250px;
background-color:#CCCCCC;
margin:10px;
clear:right;
}

.topic-resource {
margin: 5px 0px;
padding: 2px;
}

.topic-resource:hover {
	background-color:#eaeaea; 
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:2px;
	cursor:pointer;
-webkit-transition: background .05s linear;
-moz-transition: background .05s linear;
-o-transition: background .05s linear;
transition: background .05s linear;
}

.topic-resource span.address {
	font-size:11.5px;
	font-style:italic;
	margin:0px;
	color:#999;
}

.topic-resource:hover span.address {
	font-size:11.5px;
	color:#89b838;
	font-style:italic;
	margin:0px;
}


.topic-resource a:hover {
	text-decoration:none;
}

.topic-resource p{
font-size:12px;
line-height: 16px;
}

.topic-resource h3{
font-size:15px;
margin-bottom:4px;
}

.topic-resource-img{
float:left;
margin-right:10px;
}


.topic-resource p {
overflow: auto;
margin-top:0px;
margin-bottom:0px;
}


.topic-resource .cpPick {
background-color: #EAEAEA;
background-image: url(http://chicagoparent.com/content/images/icons/cp-pick_25x25.png);
background-repeat:no-repeat;
background-position:3px 2px;;
width: 90px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
height: 27px;
float: right;
margin:3px 3px 0 0;
padding: 3px;
color: #333;
}

.topic-resource:hover .cpPick {
background-color: #ffffff;
}


a.topic-next {
float:right;
font-weight:bold;
}

a.topic-previous {
float:left;
font-weight:bold;
}

.topic-paging {
font-size:9pt;
font-weight:bold;
margin-left:5px;
margin-right:5px;
text-decoration:underline;
}

.resourceDetails {
clear: both;
margin-top: 6px;
}

.resourceDetails li {
	font-size:11px;
	font-weight:bold;
}

.resourceDetails img {
	float:left;
	margin:2px 3px 0 0;
}

.resourceDetails li {
	float:left;
	list-style:none;
}