/** Tools directory homepage **/

#directory-listing {height:auto; margin-bottom:20px;}
#directory-listing .multiple-accordion-listing {
background:#F2F0F0;
float:left;
margin-right:13px;
padding:15px;
width:270px;
position:relative;
border:2px solid #EFEFEF;
}

#directory-listing .multiple-accordion-listing strong.action {font-size:148%; xfont-weight:normal; color:#604A7B; display:block; margin-bottom:10px;}
#directory-listing .multiple-accordion-listing strong.label {font-size:90%; font-weight:normal; color:#604A7B; position:absolute; top:20px; right:15px;}
#directory-listing .multiple-accordion-listing ul { list-style:none; margin:0; padding:0; float:left;}
#directory-listing .multiple-accordion-listing ul li {  background:transparent;  list-style:none; margin:0 0 10px 0; padding:0px; float:left;}
#directory-listing .multiple-accordion-listing ul li a span {line-height:20px; xheight:20px; display:block; background:white; font-size:111%; font-weight:bold; color:black; float:left; width:235px; margin-right:5px; padding:0 5px;}
#directory-listing .multiple-accordion-listing ul li a em {font-style:normal; background-color:#604A7B; height:100%; width:20px; line-height:20px; color:white; font-weight:bold; font-size:105%; text-align:center; display:block; float:right;}
#directory-listing .multiple-accordion-listing ul li a:hover { color:red;}
#directory-listing .multiple-accordion-listing ul li .tags {float:left; width:245px;}
#directory-listing .multiple-accordion-listing ul li .tag {background-color:#ccc; color:white; margin-left:3px; padding:0px 3px; font-size:67%; float:right; line-height:13px; height:15px; font-family:verdana, tahoma, arial, helvetica, sans-serif; margin-bottom:1px;}


#featured-tools {}
#featured-tools .tools-box {margin:0 0 15px 0; width:300px; height:auto; margin-bottom:15px; font-size:110%;}
#featured-tools .tools-box ul {margin-top:10px; float:left; width:200px; margin-bottom:5px}
#featured-tools .tools-box p {margin-bottom:5px;}
#featured-tools .tools-box li {list-style:square; }
#featured-tools .tools-box img {margin-right:30px; margin-top:5px;}
#featured-tools .tools-box strong {font-weight:bold; }
.tools-box a.more {display:block; text-align:right; position:relative; background-position:100% -116px; float:none; clear:both;}




/** Directory Category page **/

#featured-tool {width:295px; margin-right:15px; float:left; background:white; overflow:hidden;  margin-bottom:15px; xborder:2px solid #efefef;}
#featured-tool img {margin-right:30px; float:left;}
#featured-tool.wide {width:638px; margin-right:0;}
#featured-tool a.more {text-align:right; font-weight:bold;
background:url(/img/arrow-pink-little.gif) no-repeat top right; clear:both;
padding-right:15px; display:block; padding-bottom:3px; color:black; border-bottom:1px dotted #ccc;
}
#featured-tool h2 {border:none; font-size:165%; margin-bottom:10px; margin-top:10px;}
#featured-tool ul {margin-left:15px; float:left}

#tool-templates {width:230px; float:left; background:#604A7B; color:white; padding:15px; font-size:90%; height:174px;  overflow:hidden; margin-bottom:15px;}
#tool-templates h3 {color:#9F88B7; font-size:200%; margin-bottom:10px;}
#tool-templates p,#tool-templates ol, #tool-templates ul {color:white;}
#tool-templates a {background:white; color:#CA005D; padding:0 2px;}
#tool-templates a:hover {background:#CA005D; color:white; }

#directory-listing-page {xbackground:url(/img/tools/listing-bg-stripes.gif) repeat top left; float:left; xpadding:15px; width:635px;}
#tools-listings h3 {font-size:120%; color:black; font-weight:bold; padding-bottom:15px; margin-bottom:0px; }

#directory-listing-entries {position:relative; overflow-x:hidden;}
#tools-listings {background:#F2F0F0; float:left; padding:15px; margin:0px 0 0 0; overflow:hidden; width:605px;}
#tools-listings #directory-listing-entries ul li h3 {font-size:90%; font-weight:bold;}
#tools-listings #directory-listing-entries ul li img {float:left;}
#tools-listings #directory-listing-entries ul li .summary {background:white; display:block; xoverflow:hidden; min-height:60px; width:455px; float:left; padding:0 10px;}
#tools-listings #directory-listing-entries ul li .summary strong {display:block; font-size:90%; padding-top:3px}
#tools-listings #directory-listing-entries ul li .summary em {line-height:1.2em; font-size:85%; font-style:normal;}
#tools-listings #directory-listing-entries ul li .summary em.smarta-choice {background:url(/img/tools/smarta-icon.gif) no-repeat right top; display:block; padding-bottom:5px;
padding-right:23px;}
#tools-listings #directory-listing-entries ul li .rating {font-style:normal; background-color:#fff; height:60px; width:60px; 
font-weight:bold; font-size:123%; text-align:center; display:block; float:left; margin-left:5px; overflow:hidden;
}
#tools-listings #directory-listing-entries ul li .rating a {line-height:60px; color:#AAB734; 
background:transparent url(/img/tools/thumb-up.gif) no-repeat 0px 15px;
padding-left:21px; display:block; margin:0 auto; width:20px;
}

#tools-listings #directory-listing-entries ul li .rating a.already-voted {
background-image:url(/img/tools/thumb-voted.gif);
}
#tools-listings #directory-listing-entries ul li .rating a.saving {
background-image:url(/img/ajax-loader-snake.gif);
}


#tools-listings #directory-listing-entries ul li .updated {font-style:normal; overflow:hidden; background-color:#D9DCCC; height:60px; width:65px; color:black; line-height:60px; font-weight:bold; font-size:90%; text-align:center; display:block; left;  margin-left:5px; float:left;}

#tools-listings #directory-listing-entries ul { list-style:none; margin:0 5px 0 0; padding:0; float:left; width:auto;}
#tools-listings #directory-listing-entries ul li {  background:transparent;  list-style:none; margin:0 0 10px 0; padding:0px; float:left;}
#tools-listings #directory-listing-entries ul li .tags {float:left; width:535px;}
#tools-listings #directory-listing-entries ul li .tag {background-color:#604A7B; color:white; margin-left:3px; padding:0px 3px; font-size:67%; float:right; line-height:13px; height:15px; font-family:verdana, tahoma, arial, helvetica, sans-serif; margin-bottom:1px;}

#directory-listing .multiple-accordion-listing strong.action {}
#tools-listings strong.label {font-size:75%; font-weight:normal; color:#BFBFBF; position:absolute; top:-10px; }
#tools-listings strong.ratingColumn  {right:25px;}
#tools-listings strong.updatedColumn {right:132px;}


#tools-listings .switch {margin-bottom:15px; padding-left:70px; padding-top:15px; xborder-top:1px solid #DDDDDD; width:auto;}
#tools-listings .switch .action {font-size:112%; font-weight:bold; color:#999; padding-right:10px;}
#tools-listings .switch a {color:#999; font-size:91%; padding-left:10px; margin-right:5px;}
#tools-listings .switch a:hover, #tools-listings .switch a.selected {color:#604A7B; background:url(/img/tools/switch-arrow.gif) no-repeat center left;}


#tools-listings #listing-legend {width:100px; float:left; }
#tools-listings #listing-legend h4 {font-size:112%; font-weight:bold; color:#999; margin-top:-45px; padding:15px 0; border-top:1px solid #DDDDDD;}
#tools-listings #listing-legend dl {font-size:78%; margin:0; padding:15px 5px 5px 5px; float:left; border:1px solid #ddd; background:white;}
#tools-listings #listing-legend dl dt {color:#666; width:68px; float:left; text-align:left; margin-bottom:7px;}
#tools-listings #listing-legend dl dd {float:right; width:20px; text-align:right;}
#tools-listings #listing-legend dl dd img {}

.breadcrumb { float:right; margin:10px 0 15px 0; text-align:left; font-weight:bold;}
.breadcrumb a {color:#CA005D;}
#disqus_thread {width:100%; margin-top:30px;}