<commit_before>/**
 * @package     hubzero-cms
 * @file        components/com_resources/resources.css
 * @copyright   Copyright 2005-2011 Purdue University. All rights reserved.
 * @license     http://www.gnu.org/licenses/lgpl-3.0.html LGPLv3
 */

/*

	-- -- -- -- -- -- --
	com_resources CSS
	-- -- -- -- -- -- --
*/

	.com_resources .three,
	.com_resources .four {
		border: none;
		border-top: 1px solid #e0e0d7;
		position: relative;
	}
	.com_resources .three,
	.com_resources .four {
		margin-right: 0;
		padding-right: 5%;
	}
	.com_resources .four .third,
	.com_resources .fourth {
		padding-right: 0;
	}
	.extracontent li:before,
	.com_resources .four div:before,
	.com_resources .four div:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0.9em;
		width: 18px;
		height: 18px;
		font-size: 18px;
		font-family: 'Fontcons';
		color: #aaa;
	}
	.extracontent li:before {
		top: 0.5em;
	}
	.com_resources .four .columns div {
		padding-left: 25px;
	}
	.com_resources .firstset .four,
	.com_resources .firstset .three {
		border: none;
	}
/* Get started button */
	#getstarted {
		margin: 0em 0 0 0;
		padding: 0;
	}
	#getstarted a {
		display: inline-block;
		zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
		*display: inline;
		vertical-align: baseline;
		margin: 0 2px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		padding: .5em 2.2em .55em;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		color: #fff;
		border: solid 1px #333;
		background: #333;
		background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
		background: -webkit-linear-gradient(#666666, #000000);
		background: -moz-linear-gradient(center top, #666666 0%, #000000 100%);
		background: -moz-gradient(center top, #666666 0%, #000000 100%);
		background: -o-linear-gradient(#666666, #000000);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666,endColorstr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666, endColorstr=#000000)";
	}
	#getstarted a:hover,
	#getstarted a:active {
		text-decoration: none;
		color: #fef4e9;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -webkit-linear-gradient(#faa51a, #f47a20);
		background: -moz-linear-gradient(center top, #faa51a 0%, #f47a20 100%);
		background: -moz-gradient(center top, #faa51a 0%, #f47a20 100%);
		background: -o-linear-gradient(#faa51a, #000000);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#faa51a,endColorstr=#f47a20);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#faa51a, endColorstr=#f47a20)";
	}
	
	#sbox-content.fancybox-inner {
		border: 10px solid #000;
	}
	.fancybox-title {
		display: none;
	}
	.fancybox-close {
		right: -20px;
	}
	.com_resources .read-more span {
		display: none;
	}
/* Aside containers */
	.aside .container {
		margin-bottom: 2em;
	}
	.aside .container ul, 
	.aside .container p {
		margin: 0;
		padding: 0.5em;
		border-left: 1px solid #9da6b7;
		border-right: 1px solid #9da6b7;
		border-bottom: 1px solid #9da6b7;
		font-size: 90%;
	}
	.aside p#credits {
		border: none;
		padding: 0.2em 0;
		margin: 0;
		font-size: 85%;
	}
	.aside .container ul {
		padding-left: 0.5em;
	}
	.aside .container li {
		margin: 0 0 0 2em;
		padding: 0.5em;
		position: relative;
	}
	.aside #whatsrelated li {
		list-style: none;
		margin: 0 0 0 0.5em;
		padding: 0.5em 0.5em 0.5em 2em;
	}
	html>body .aside #whatsrelated li {
		*padding-left: 0.5em; /* Remove padding for IE7 since it can't display the icons */
	}
	.aside .container li.nodata {
		border: none;
		list-style: none;
		padding-bottom: 1em;
	}
	.aside .container li span {
		display: inline;
		color: #999;
		font-size: 90%;
	}
	.aside .container h3 {
		margin: 0 !important;
		padding: 0 !important;
		color: #747b88;
		text-transform: uppercase;
		font-size: 85%;	
		display: block !important;
		border-bottom: 4px solid #9da6b7;
	}
	
	.extracontent .animation { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-animation.gif") 0 0em no-repeat; 
	}
	.extracontent .video { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-animation.gif") 0 0em no-repeat; 
	}
	.extracontent .download { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-download.gif") 0 0em no-repeat; 
	}
	.extracontent .course { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-course.gif") 0 0em no-repeat; 
	}
	.extracontent .learningmodule { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-learningmodule.gif") 0 0em no-repeat; 
	}
	.extracontent .note { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-note.gif") 0 0em no-repeat; 
	}
	.extracontent .presentation { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-presentation.gif") 0 0em no-repeat; 
	}
	.extracontent .publication { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-publication.gif") 0 0em no-repeat; 
	}
	.extracontent .teachingmaterial { 
		padding-left: 23px; 
		background: url("images/types/fc-teachingmaterial.gif") 0 0em no-repeat; 
	}
	.extracontent .tool { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-tool.gif") 0 0em no-repeat; 
	}
	.extracontent .series { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-series.gif") 0 2px no-repeat; 
	}
	.extracontent .workshop { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-workshop.gif") 0 0em no-repeat; 
	}
	.extracontent .wiki { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-wiki.gif") 0 2px no-repeat; 
	}
	.extracontent .citation { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-publication.gif") 0 0em no-repeat; 
	}
	
/* Screenshot slider */
	.sscontainer {
		display: block;
	}	
	#showcase {
		background: #e8eaee;
		width: 100%;
		height: 90px; 
		margin-top: 0;
		overflow: hidden;
		position: relative;
		vertical-align: middle;
		z-index: 0;
	}
	#showcase img {
		background: #e8eaee none repeat scroll 0 0;
		border: 1px solid #e8eaee;
		margin: 4px;
		padding: 4px;
		float: left;
		position: relative;
	}	
	#showcase img:hover {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #8fb9d0;
		margin: 3px;
		padding: 5px;
	}	
	#showcase-prev, 
	#showcase-next {
		height: 90px;
		background: #f4f5f7;
		width: 20px;
		position: relative;
		display: inline;
		margin: 0;
		padding: 0;
		cursor: pointer;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	#showcase-prev:hover, 
	#showcase-next:hover {
		background-color: #FFF;	
		opacity: 0.7;
		filter: alpha(opacity=70);	
	}		
	.inactive, 
	.inactive:hover {
		cursor: default !important;
		background-color: #e9e9e9 !important;
		opacity: 0.3 !important;
		filter: alpha(opacity=30) !important;
	}
	#showcase-prev {
		float: left;
		z-index: 2;
		border-right: 1px solid #c8cfd8;
		border-left: 1px solid #e8e8e8;
		background: #f4f5f7 url("/components/com_resources/images/showcase_prev.png") 100% 50% no-repeat;
	}
	#showcase-next {
		float: right;
		border-left: 1px solid #c8cfd8;	
		border-right: 1px solid #e8e8e8;
		background: #f4f5f7 url("/components/com_resources/images/showcase_next.png") 0 50% no-repeat;
	}
	#showcase-window {
		float: left;
		left: 0;
		position: relative;
		width: 90%;
	}
	.showcase-pane {
		width: 2000px;
		position: relative;
		left: 0;
	}
/* Tabbed view specifics */
	.sep {
		border-bottom: 4px solid #9da6b7;
		margin-top: 0;
		margin-right: 250px;	
	}
	#authorslist p {
		line-height: 1.4em;
		margin: 0.5em 0;
		color: #000;
	}
	#authorslist {
		margin-top: -1em;
		padding-right: 3em;
	}
	#authorslist sup {
		font-size: 70%;
	}
	#authorslist p.orgs {
		color: #000;
		font-style: italic;
	}
	.guide { 
		background: url("/components/com_resources/images/compass.gif") 0 0 no-repeat; 
		padding-left: 20px; 
	}
	.itunes { 
		background: url("/components/com_resources/images/itunes.png") 0 0 no-repeat; 
		padding-left: 20px; 
		padding-bottom: 2px; 
	}
	.archive {
		font-size: 85%;
		margin-top: -0.5em !important;
	}
	.timeperiod {
		background: #FDF1DE;
		border: 1px solid #c3b59c;
		padding: 0.5em;
	}
/* Launch area content */
	p.curversion, 
	.main p.devversion {
		font-size: 85%;
		color: #333333;
		margin-top: -1em;
	}
	.main p.devversion span {
		display: block;
	}
	.main .devversion {
		background: url("/components/com_resources/images/bgdev.gif") 0 0 repeat-x;
		border: 1px solid #aac39c;
		padding: 0.2em;
		padding-left: 0.5em;
	}
	p.doi, 
	.opensource_license, 
	.closedsource_license {
		font-size: 85%;
		color: #666666;
		margin-top: -0.6em;
	}
	.supdocs span  {
		display: block;
		margin-bottom: 0.5em;
	}
	.viewalltypes {
		font-size: 85%;
		float: right;
	}
	.supdocs {
		border-top: 1px dashed #ccc;
		margin: 0;
		padding: 0.5em 0;
		font-size: 85%;
		text-align: right;
	}
	.supdocs .guide a {
		color: #000;
		border-bottom: 1px solid #777;
		padding: 0.2em 0 0.1em 0;
	}
	.supdocs .guide {	
		display: inline;
		padding-bottom: 0.5em;
	}
	.viewalldocs {
		margin-top: 0em;
	}
	.metaplaceholder {
		background: url("/components/com_resources/images/metaplaceholder.gif") 0 0 no-repeat;
		padding: 3em 3em 3em 3.5em;
		margin: 1em 0 0 0;
		height: 135px;
		width: 215px;
		font-size: 85%;
	}
	.metaplaceholder p {
		width: 80%;
		margin: 0;
		padding: 0;
	}
	ul.supdocln {
		list-style: none;
		background: none;
		font-size: 85%;
		color: #8d7a62;
		margin: -0.5em -0.2em 0 -0.2em;
		padding: 0 0 0.8em 30px;
		background: url("/components/com_resources/images/childlink.gif") 10px 0 no-repeat;
		width: auto;		
	}
	ul.supdocln li {
		display: inline;
	}
	ul.supdocln li a {
		padding-left: 20px;
		padding-bottom: 0.5em;
		color: #8d7a62;
		text-decoration: underline;
	}
	ul.supdocln li.otherdocs a {
		padding-left: 0;
		margin-left: 15px;
	}
	ul.supdocln li a:hover {
		border: none;
		text-decoration: none;
	}
/* Licensing */	
	.opensource_license { 
		background: url("/components/com_resources/images/os.gif") 0 1px no-repeat;
		padding-left: 17px;
	}
	.closedsource_license { 
		background: url("/components/com_resources/images/cs.gif") 0 0 no-repeat;
		padding-left: 17px;
	}
	.unavail {
		color: #978971;
	}
/* Important view overwrites */	
	#reviews-section .com_resources {
		padding-top:0 !important;
	}
	.com_resources .overviewcontainer h2 {
		line-height: 1.4em;
	}
	.subject #content-header h2 {
		margin-left: 0 !important;
	}
	.com_resources .upperpane {
		border: none;
	}
	.subject {
		background: none;
		border: none;
	}
	.subject #hubForm h3 {
		display: none;
	}
	.subject #hubForm fieldset  {
		margin-right: 1em;
		padding-bottom: 2em;
	}
	.noborder {
		border: none;
	}
/* Review section forms */
	.subject #reviews-section #hubForm {
		border: none;
	}
	.main .subject #hubForm {
		border: none;
	}
	.subject #reviews-section #hubForm fieldset {
		padding: 0 2% 1.75em 18%;
		border: none;
		float: left;
		width: 50%;
		margin: 0.7em 0;
		color: #777;
		background: #F5F7F2 !important;
		border: 2px solid #DEE4CD;
	}
	.subject #hubForm fieldset fieldset {
		padding: 0 1em 1em 1em;
		margin-top: 1em;
	}
	.subject #hubForm .submit {
		margin-right: 0;
	}
	.section .section .subject {
		background: #ffffff !important;
		border:none !important;
		padding-right:0 !important;
		padding-left:0 !important;
	}
	.resource td {
		border:none !important;
	}
	.com_resources h2 span {
		font-weight: normal;
		font-size: small;
		color: #666666;
	}
	.com_resources h2 span a {
		font-weight: normal;
		border-bottom: 1px solid #b7c7d4;
	}
	#lbOverlay {
		z-index: 999;
	}
	#lbImage, 
	#lbCenter, 
	#lbBottomContainer {
		z-index: 1000;
	}
	.com_resources .section h3 {
		display: block !important;
		margin: 1.5em 1em 0.5em 0;
	}
	.com_resources #introduction h3 {
		margin-top: 0;
	}
	.section h3 span {
		display: inline;
		float: right;
		font-weight: normal;
		font-size: small;
	}
	#sub-menu {
		padding: 0;
	}
	.tabbed .supportingdocs .caption {
		float: right;
	}
	 #sub-sub-menu ul {
		border: none !important;
	}
	.license {
		margin-bottom: 0 !important;
		margin-top: 1em !important;
	}
/* Tabbed view containers */
	.com_resources .upperpane {
		padding-top: 2em;
	}
	.upperpane .subject {
		margin-right: 250px;
		margin-bottom: 1em !important;
	}
	.upperpane .rankarea, 
	.section .extracontent, 
	.upperpane .launcharea {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.overviewcontainer {
		width: 60%; 
		float: left;
		margin-right: -3em;
	}
	.tabbed {
		padding-top:0 !important;
		padding-bottom: 2em !important;
		margin-right: 250px;
		background: #ffffff !important;		
	}
	.tabbed .aside {
		padding-right: 1em !important;
	}
	.tabbed .section {
		padding: 0.1em !important;
	}
	.tabbed #sub-menu li a {
		padding: 0 8px 0 0 !important;
		font-size: 88%;
	}
	.tabbed .abouttab {
	 	margin-right: 0;
	}
	.tabbed #sub-menu ul {
		padding: 0 -0.5em 0 0.5em;
		margin: 0;
	}
	.tabbed #sub-menu li a span {
		padding: 10px 0 0 8px;		
	}
/* Primary Resource file */	
	#primary-document {
		margin: 1em 0 1.5em 0;
		padding: 0;
	}
	#primary-document a {
		display: block;
		zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
		vertical-align: baseline;
		margin: 0 2px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		line-height: 1.8em;
		padding: 0.35em 0.2em 0.35em 0.2em;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		color: #fff;
		border: solid 1px #333;
		background: #333;
		background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
		background: -webkit-linear-gradient(#666666, #000000);
		background: -moz-linear-gradient(center top, #666666 0%, #000000 100%);
		background: -moz-gradient(center top, #666666 0%, #000000 100%);
		background: -o-linear-gradient(#666666, #000000);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666,endColorstr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666, endColorstr=#000000)";
	}
	#primary-document a:hover,
	#primary-document a:active {
		text-decoration: none;
		color: #fef4e9;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -webkit-linear-gradient(#faa51a, #f47a20);
		background: -moz-linear-gradient(center top, #faa51a 0%, #f47a20 100%);
		background: -moz-gradient(center top, #faa51a 0%, #f47a20 100%);
		background: -o-linear-gradient(#faa51a, #f47a20);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#faa51a,endColorstr=#f47a20);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#faa51a, endColorstr=#f47a20)";
	}
	/*#primary-document {
		margin: 1em 0 1.5em 0;
		text-align: center;
	}
	#primary-document a {
		margin: 0;
		padding: 6px 0 0 10px;
		display: block;
		width: 208px;
		height: 27px;
		border: none;
		color: #fff;
		font-weight: bold;
		background: url("/components/com_resources/images/primary.gif") 0 0 no-repeat;
	}
	#primary-document a:hover { 
		background-position: 0 -33px;
		color: #fff;
		border: none;
	}*/
	#primary-document .link_disabled {
		/*margin: 0;
		padding: 6px 0 0 10px;
		display: block;
		width: 208px;
		height: 27px;
		border: none;
		color: #fff;
		font-weight: bold;
		background: url("/components/com_resources/images/primary_disabled.gif") 0 0 no-repeat;*/
		cursor: pointer;
		border: solid 1px #777;
		background: #777;
		background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#444444));
		background: -webkit-linear-gradient(#aaaaaa, #444444);
		background: -moz-linear-gradient(center top, #aaaaaa 0%, #444444 100%);
		background: -moz-gradient(center top, #aaaaaa 0%, #444444 100%);
		background: -o-linear-gradient(#aaaaaa, #444444);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#aaaaaa,endColorstr=#444444);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#aaaaaa, endColorstr=#444444)";
	}
	#primary-document_pop {
		display: none;
		position: absolute;
		top: 90px;
		right: 260px;
		width: 222px;
		font-size: 90%;
		margin: 0;
		padding: 0;
	}
	#primary-document_pop div {
		padding: 0;
		display: block;
		position: relative;
	}
	#primary-document_pop p {
		margin-top: 0;
		padding-top: 1em;
	}
	#primary-document .caption {
		font-size: 80%;
		font-weight: normal;
		color: #CCCCCC;
	}
/* Versioning */
	.toolpublished {
		background: url("/components/com_resources/images/check.gif") 0 0 no-repeat;
		display: block;
		width: 15px;
		height: 15px;
		margin: 0 0 0 2em;
		text-indent: -555em;
		padding: 0;
	}
	.toolunpublished {
		background: url("/components/com_resources/images/minus.gif") 0 0 no-repeat;
		display: block;
		width: 15px;
		height: 15px;
		margin: 0 0 0 2em;
		padding: 0;
		text-indent: -555em;
	}
/* Intro */
	#introduction {
		margin: 0 -15px 3em -15px;
		padding: 25px 15px 25px 120px;
		background: #fbf8ea url("/components/com_resources/images/resources-large.gif") 30px 25px no-repeat;
		border-top: 2px solid #e7dac4;
		border-bottom: 2px solid #e7dac4;
		color: #7c7266;
	}
	#introduction .aside,
	#introduction .subject {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		background: transparent;
		border: none;
	}
	#introduction h3 {
		display: block;
		margin-top: 0;
		color: #7c7266;
	}
	#introduction .columns {
		border: none;
	}
	#introduction ul,
	#introduction li {
		list-style: none;
		margin: 1em 0;
		padding: 0;
	}
	#introduction li {
		margin: 0;
		padding: 0 0 0 15px;
		background: transparent url("/components/com_resources/images/arrow.gif") 0 50% no-repeat;
	}
/* Four Columns */
	.com_resources .four {
		border-top: 1px solid #e0e0d7;
		margin-bottom: 3em;
	}
	.com_resources .three {
		border-top: 1px solid #e0e0d7;
		margin-top: -1px;
	}
	.com_resources .four h3 { 
		color: #000; 
		margin-top: 1em; 
		padding-top: 0em;
		display: block;
	}
	.com_resources .four h3 a { 
		color: #000; 
		border-bottom: none; 
	}
	.com_resources .four ul {
		margin: 1em 0;
	}
	.com_resources .four li {
		margin: 1em 0;
	}
	.com_resources .first h2 { 
		font-weight: normal;
		margin: 0;
		padding: 0.5em 0 0 0;
		line-height: 1em;
		border: none;
		border-top: 2px solid #e0e0d7;
	}
	.com_resources .second {
	}
	.com_resources .third {
	}
	.com_resources .fourth { 
		border-right: none;
	}
	.com_resources .big {
		height: 3em;
	}
	.com_resources .four {
		margin-bottom: 3em;
	}
	.columns form.search { 
		border: 1px solid #fff; 
		background-position: 0 1em;
	}
	.com_resources .browse a {
		font-weight: bold;
		font-size: 1.2em;
	}
/* Resource info table */
	.resource {
		margin-top: 1.5em;
		border: none;
	}
	.resource th, 
	.resource td {
		padding-bottom: 25px;
	}
	.resource th {
		text-align: right;
		color: #999;
		white-space: nowrap;
	}
	.resource td {
		padding-right: 1.5em;
	}
	.resource .tags {
		margin: 0;
	}
	.resource ul {
		margin-left: 1.5em;
		list-style: disc;
	}
	.resource td #authorslist,
	.resource td #authorslist p,
	.resource td ul:first-child,
	.resource td ul:first-child li:first-child {
		margin-top: 0;
		padding-right: 0;
		line-height: 1.6em;
	}
	.resource .citations {
		border: 2px solid #e5e5e5;
		padding: 0 1em;
		margin: 0;
		list-style: none;
	}
	.resource td p {
		margin: 1em 0;
	}
	.resource td p:first-child {
		margin-top: 0;
	}
	.resource ul.results li {
		list-style: none;
	}
	.results .resource .title {
		margin-right: 200px;
	}
	#about-section hr {
		border: none;
		border-top: 1px solid #eee;
	}
	#tagForm {
		margin: 1.5em 0 0 0;
	}
	.tags:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
/* Resources listing */
	.resources .title { 
		margin-right: 220px;
	}
/* Screenshots list */
	.screenshots {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.screenshots li {
		margin: 0 10px 0 0;
		padding: 8px 0 0 7px;
		float: left;
		display: block;
		width: 98px;
		height: 67px;
	}
	.screenshots a,
	.screenshots a:hover,
	.screenshots img { 
		border: none;
	}
/* Metadata container */
	.metadata {
		border: 1px dashed #bbb;
		margin: 1em 0 0 0;
		padding: 10px 10px 5px 10px;
	}
	.metadata p {
		margin: 0.2em 0;
		padding: 0 0 0 20px;
		font-size: 90%;
		color: #999999;
	}
	.metadata .review {
		background: url("/components/com_resources/images/1.gif") -52px 50% no-repeat;
	}
	.metadata .citation {
		background: url("/components/com_resources/images/cite.gif") 0 50% no-repeat;
	}
	.metadata .wishlist {
		background: url("/components/com_resources/images/wishlist.gif") 0 50% no-repeat;
	}
	.metadata .usage { 
		background: url("/components/com_resources/images/stats.gif") 0 50% no-repeat;
	}
	.metadata .answer { 
		background: url("/components/com_resources/images/qanda.gif") 0 50% no-repeat;
	}
/* Ranking */
	.rankinfo {
		position: relative;
		margin: 0 0 0.5em 0;
	}
	.rankinfo dd {
		position: absolute;
		left: -999em;
		margin: -37px 0 0 0;
		padding: 0;
		border: none;
		width: 250px;
		color: #f4f4f4;
	}
	.metadata .rankinfo dd p,
	.rankinfo dd p {
		margin: 0;
		padding: 20px 30px 0 20px;
		color: #ccc;
		background: url("/components/com_resources/images/ranking_popup.png") left top no-repeat;
	}
	.rankinfo dd div {
		background: url("/components/com_resources/images/ranking_popup.png") left bottom no-repeat;
		padding: 10px 30px 15px 20px;
	}
	.rankinfo dd a { 
		color: #7EBEFD;
		border-bottom: 1px solid #B8CFE7;
	}
	.rankinfo dd a:hover { 
		color: #FDC07E;
		border-bottom: 1px solid #E07A14;
	}
	.rankinfo.active dt {
		background-color: #fff;
	}
	.rankinfo.active dd {
		left: -246px;
		z-index: 888;
	}
	.rankinfo dt {
		margin: 0;
		padding: 0;
		background: url("/components/com_resources/images/ranking_bar_base.gif") 0 0 no-repeat;
		text-transform: uppercase;
		text-align: right; 
		letter-spacing: 1px;
		font-size: 85%;
		line-height: 1em;
		color: #999;
		position: relative;
	}
	.rankinfo dt span { 
		display: block;
		margin: 0;
		padding: 0;
		height: 9px;
		background: url("/components/com_resources/images/ranking_bar.gif") 0 0 no-repeat;
		text-indent: -555em;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		text-align: left;
	}
	.rank-00 { width: 0px; display: none; }
	.rank-01 { width: 1px; }
	.rank-02 { width: 2px; }
	.rank-03 { width: 3px; }
	.rank-04 { width: 4px; }
	.rank-05 { width: 5px; }
	.rank-06 { width: 6px; }
	.rank-07 { width: 7px; }
	.rank-08 { width: 8px; }
	.rank-09 { width: 9px; }
	.rank-10 { width: 10px; }
	.rank-11 { width: 11px; }
	.rank-12 { width: 12px; }
	.rank-13 { width: 13px; }
	.rank-14 { width: 14px; }
	.rank-15 { width: 15px; }
	.rank-16 { width: 16px; }
	.rank-17 { width: 17px; }
	.rank-18 { width: 18px; }
	.rank-19 { width: 19px; }
	.rank-20 { width: 20px; }
	.rank-21 { width: 21px; }
	.rank-22 { width: 22px; }
	.rank-23 { width: 23px; }
	.rank-24 { width: 24px; }
	.rank-25 { width: 25px; }
	.rank-26 { width: 26px; }
	.rank-27 { width: 27px; }
	.rank-28 { width: 28px; }
	.rank-29 { width: 29px; }
	.rank-30 { width: 30px; }
	.rank-31 { width: 31px; }
	.rank-32 { width: 32px; }
	.rank-33 { width: 33px; }
	.rank-34 { width: 34px; }
	.rank-35 { width: 35px; }
	.rank-36 { width: 36px; }
	.rank-37 { width: 37px; }
	.rank-38 { width: 38px; }
	.rank-39 { width: 39px; }
	.rank-40 { width: 40px; }
	.rank-41 { width: 41px; }
	.rank-42 { width: 42px; }
	.rank-43 { width: 43px; }
	.rank-44 { width: 44px; }
	.rank-45 { width: 45px; }
	.rank-46 { width: 46px; }
	.rank-47 { width: 47px; }
	.rank-48 { width: 48px; }
	.rank-49 { width: 49px; }
	.rank-50 { width: 50px; }
	.rank-51 { width: 51px; }
	.rank-52 { width: 52px; }
	.rank-53 { width: 53px; }
	.rank-54 { width: 54px; }
	.rank-55 { width: 55px; }
	.rank-56 { width: 56px; }
	.rank-57 { width: 57px; }
	.rank-58 { width: 58px; }
	.rank-59 { width: 59px; }
	.rank-60 { width: 60px; }
	.rank-61 { width: 61px; }
	.rank-62 { width: 62px; }
	.rank-63 { width: 63px; }
	.rank-64 { width: 64px; }
	.rank-65 { width: 65px; }
	.rank-66 { width: 66px; }
	.rank-67 { width: 67px; }
	.rank-68 { width: 68px; }
	.rank-69 { width: 69px; }
	.rank-70 { width: 70px; }
	.rank-71 { width: 71px; }
	.rank-72 { width: 72px; }
	.rank-73 { width: 73px; }
	.rank-74 { width: 74px; }
	.rank-75 { width: 75px; }
	.rank-76 { width: 76px; }
	.rank-77 { width: 77px; }
	.rank-78 { width: 78px; }
	.rank-79 { width: 79px; }
	.rank-80 { width: 80px; }
	.rank-81 { width: 81px; }
	.rank-82 { width: 82px; }
	.rank-83 { width: 83px; }
	.rank-84 { width: 84px; }
	.rank-85 { width: 85px; }
	.rank-86 { width: 86px; }
	.rank-87 { width: 87px; }
	.rank-88 { width: 88px; }
	.rank-89 { width: 89px; }
	.rank-90 { width: 90px; }
	.rank-91 { width: 91px; }
	.rank-92 { width: 92px; }
	.rank-93 { width: 93px; }
	.rank-94 { width: 94px; }
	.rank-95 { width: 95px; }
	.rank-96 { width: 96px; }
	.rank-97 { width: 97px; }
	.rank-98 { width: 98px; }
	.rank-99 { width: 99px; }
	.rank-100 { width: 100px; }
	.rankinfo table {
		margin: 0;
		border-collapse: collapse;
		width: 100%;
		padding: 0;
		border: none;
		font-size: 90%;
	}
	.rankinfo caption {
		padding: 1.5em 1em 0.2em 1em;
		text-align: left;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		border-bottom: 2px solid #777;
		font-size: 90%;
		margin: 0;
	}
	.rankinfo tbody { 
		border: none;
	}
	.rankinfo tbody td,
	.rankinfo tfoot td {
		padding: 0.2em 1em 0.2em 0;
		text-align: left;
	}
	.rankinfo tbody td {
		border-bottom: 1px solid #444;
	}
	.rankinfo tfoot td {
		padding: 0.2em 1em;
	}
	.rankinfo tbody th {
		text-align: left;
		vertical-align: top;
		padding: 0.2em 1.4em;
		border-bottom: 1px solid #444;
	}
	.rankinfo tbody th,
	.rankinfo tbody td { 
		color: #ccc;
	}
	.rankinfo tfoot td,
	.rankinfo tfoot td { 
		color: #aaa;
		border-top: 2px solid #777;
		border-bottom: none;
		font-size: 90%;
	}
	.rankinfo .avgrating {
		width: 70px;
		height: 14px;
		overflow: hidden;
		text-indent: -30em;
		display: block;
		float: left;
		padding: 0;
	}
	.rankinfo .no-stars        { background: url("/components/com_resources/images/stars/stars_dark.gif") right 0 no-repeat; }
	.rankinfo .half-stars      { background: url("/components/com_resources/images/stars/stars_dark.gif") right -40px no-repeat; }
	.rankinfo .one-stars       { background: url("/components/com_resources/images/stars/stars_dark.gif") right -80px no-repeat; }
	.rankinfo .onehalf-stars   { background: url("/components/com_resources/images/stars/stars_dark.gif") right -120px no-repeat; }
	.rankinfo .two-stars       { background: url("/components/com_resources/images/stars/stars_dark.gif") right -160px no-repeat; }
	.rankinfo .twohalf-stars   { background: url("/components/com_resources/images/stars/stars_dark.gif") right -200px no-repeat; }
	.rankinfo .three-stars     { background: url("/components/com_resources/images/stars/stars_dark.gif") right -240px no-repeat; }
	.rankinfo .threehalf-stars { background: url("/components/com_resources/images/stars/stars_dark.gif") right -280px no-repeat; }
	.rankinfo .four-stars      { background: url("/components/com_resources/images/stars/stars_dark.gif") right -320px no-repeat; }
	.rankinfo .fourhalf-stars  { background: url("/components/com_resources/images/stars/stars_dark.gif") right -360px no-repeat; }
	.rankinfo .five-stars      { background: url("/components/com_resources/images/stars/stars_dark.gif") right -400px no-repeat; }
/*---------------------------------------------------------------
	Publications list
---------------------------------------------------------------*/
	#publications {
		margin: 0;
		padding: 0;
		border: none;
		border-bottom: 1px solid #fff;
	}
	#publications img {
		float: left;
		margin: 0 1em 1em 0;
	}
	#publications li p {
		text-indent: 0;
	}
	#publications li {
		clear: left;
		padding: 1em 0;
		border-top: 1px solid #fff;
	}
	#publications li .details {
		font-size: 90%;
		color: #999;
		margin: 0.2em 0 0 0;
	}
/* Licenses */
	.license {
		color: #999;
		font-size: 85%;
		text-align: left;
		padding: 0 0 10px 35px;
		margin: 2em 0 1em 0;
		min-height: 37px;
		background: url("/components/com_resources/images/logos/copyright.png") 0 0 no-repeat;
	}
	.opensource { 
		background: url("/components/com_resources/images/logos/opensource.gif") 0 0 no-repeat;
	}
	.closedsource { 
		background: url("/components/com_resources/images/logos/closedsource.gif") 0 0 no-repeat;
	}	
	.cc,
	.cc3,
	.cc25,
	.cc30 { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/cc.primary.srr.gif") 0 0 no-repeat;
	}
	.cc25-by-nc-sa,
	.cc30-by-nc-sa { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/by-nc-sa.png") 0 0 no-repeat;
	}
	.cc25-by-nc-nd,
	.cc30-by-nc-nd { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/by-nc-nd.png") 0 0 no-repeat;
	}
	.cc25-by-nc,
	.cc30-by-nc { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/by-nc.png") 0 0 no-repeat;
	}
	.cc25-by-nd,
	.cc30-by-nd { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/by-nd.png") 0 0 no-repeat;
	}
	.cc25-by-sa,
	.cc30-by-sa { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/by-sa.png") 0 0 no-repeat;
	}
	.cc25-by,
	.cc30-by { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/by.png") 0 0 no-repeat;
	}
	.publicdomain { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/publicdomain.png") 0 0 no-repeat;
	}
/* Misc */
	.citations {
		list-style: none;
		margin-left: 0;
	}
	.section h3 {
		display: none;
	}
	.section .section h3 {
		display: block;
		margin: 1em 0 0.5em;
	}
	.section .section {
		padding: 0;
	}
	.section .section .subject {
		background: #F7F7F7;
		border-top: 1px solid #E3E3E3;
		border-bottom: 1px solid #E3E3E3;
		padding: 1em;
	}
	.section .section .aside {
		padding-top: 0;
	}
	#sub-menu {
		margin-bottom: -1px;
	}
	.subject #hubForm fieldset {
		padding-left: 2%;
	}
	#citations-section .subject {
		padding-top: 1em;
	}
	#play-section .aside {
		padding-top: 1em;
	}
	#play-section .sub-nav {
		margin-top: 0;
	}
/* Resource versions */
	.resource-versions {
		margin-top: 2em;
	}
/* Related resources */
	.related-resources {
		margin: 0;
		border-top: 1px solid #dedede;
		border-bottom: none;
	}
	.related-resources td {
		border-color: #dedede;
	}
	.related-resources td.ranking {
		color: #777;
		position: relative;
		background: url("/components/com_resources/images/ranking_bar_base.gif") 2.5em 0.8em no-repeat;
		width: 10em;
		padding-left: 0;
	}
	.related-resources td.ranking span { 
		display: block;
		margin: -1.2em 0 0 2.5em;
		padding: 0;
		height: 9px;
		background: url("/components/com_resources/images/ranking_bar.gif") 0 0 no-repeat;
		text-indent: -555em;
		overflow: hidden;
		position: absolute;
	}
	.related-resources td.type {
		color: #bcbcbc;
		text-align: right;
		padding-right: 0;
	}
/* Resource tip bubble */
	.resource-tip {
		width: 310px;
		padding: 10px;
		z-index: 13000;
		text-align: left;
		background: #ffffe5;
		border: 1px solid #a9a9a9;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	.resource-tip h4 {
		color: #333;
		margin: 0;
		padding: 0.2em 0.4em;
		background: #ece5d1;
	}
	.resource-tip table {
		margin: 0;
		padding: 0;
		border: 1px solid #ECE5D1;
		background: #fff;
		border-collapse: collapse;
		width: 100%;
	}
	.resource-tip th,
	.resource-tip td {
		padding: 0.2em 1em;
		border-top: 1px solid #ECE5D1;
		border-bottom: 1px solid #ECE5D1;
		color: #777;
	}
	.resource-tip td span {
		margin-right: 0em;
	}
	.resource-tip th {
		border-right: 1px solid #ECE5D1;
		text-align: right;
		font-weight: normal;
	}
	.resource-tip .starsz {
		display: block;
		width: 65px;
		height: 14px;
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		position: relative;
		z-index: 25;
		background: url("/components/com_resources/images/stars/stars.gif") 0 0 no-repeat;
		border: none;
	}
	.resource-tip .starsz li {
		display: block;
		height: 20px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		border: none;
		background-image: none;
	}
	.resource-tip .starsz li a,
	.resource-tip .starsz li a:hover {
		display: block;
		height: 14px;
		margin: 0;
		padding: 0;
		text-indent: -555em;
		line-height: 1em;
		background: url("/components/com_resources/images/stars/stars_hover.gif") 0 0 no-repeat; 
		border: none;
	}
	.resource-tip .avgrating span {
		font-size: 8px;
	}
	.starsz:hover {
		background: url("/components/com_resources/images/stars/stars.gif") 0 0 no-repeat;
		border: none;
	}
	.starsz li.str1, 
	.starsz li.str1 a {
		width: 13px;
		z-index: 250;
	}
	.starsz li.str2, 
	.starsz li.str2 a {
		width: 26px;
		z-index: 240;
	}
	.starsz li.str3, 
	.starsz li.str3 a {
		width: 39px;
		z-index: 230;
	}
	.starsz li.str4, 
	.starsz li.str4 a {
		width: 52px;
		z-index: 220;
	}
	.starsz li.str5, 
	.starsz li.str5 a {
		width: 65px;
		z-index: 210;
	}
	.starsz li.str1 a:hover {
		background: url("/components/com_resources/images/stars/stars_hover.gif") 0 -14px no-repeat;
		border: none;
	}
	.starsz li.str2 a:hover {
		background: url("/components/com_resources/images/stars/stars_hover.gif") 0 -28px no-repeat;
		border: none;
	}
	.starsz li.str3 a:hover {
		background: url("/components/com_resources/images/stars/stars_hover.gif") 0 -42px no-repeat;
		border: none;
	}
	.starsz li.str4 a:hover {
		background: url("/components/com_resources/images/stars/stars_hover.gif") 0 -56px no-repeat;
		border: none;
	}
	.starsz li.str5 a:hover {
		background: url("/components/com_resources/images/stars/stars_hover.gif") 0 -70px no-repeat;
		border: none;
	}
/* Tag browser */
	div#tagbrowser {
		text-align: left; 
		position: relative; 
		height: 400px;
		margin-bottom: 25px; 
		display: none;
	}
	#tbh2 {
		display: none;
	}
	#level-1, 
	#level-2, 
	#level-3 {
		background-color: transparent;
		margin: 0;
		padding: 0;
		width: 33%;
		height: 350px;
		float: left;
	}
	div.ie {
		height: 373px; 
		border: 1px solid #c5c5c5;
	}
	#tagbrowser h3 {
		padding: 0;
		margin: 1em 0 0.5em 0;
		color: #999;
		font-size: 1.4em;
		font-weight: bold;
		display: block;
	}
/*\*/
	#tagbrowser ul {
		border: 1px solid #C5C5C5; 
		height: 350px; 
		overflow: auto;
		overflow-x: hidden;
		margin: 0; 
		padding: 0;
		list-style: none;
	}
	#tagbrowser li#selecta {
		height: 200px; 
		text-align: center; 
		color: #c8c8c8; 
		font-size: 30px; 
		font-weight: bold; 
		margin: 140px auto 0 0px; 
		line-height: 1em;
	}
	#level-1 ul {
		border-right: 1px solid #c5c5c5;
	}
	#level-2 ul {
		border-left: 0; 
		border-right: 1px solid #c5c5c5;
	}
	#level-3 ul#ulinfo {
		background-image: none; 
		border-left: 0; 
		overflow: auto;
	}
	#level-2 h3 {
		position: relative;
	}
	#filteroptions {
		padding: 1em 0;
		font-size:85%;
	}
	#filteroptions div {
		position:absolute;
	}
	#filteroptions label {
		margin-right: 0.2em;
	}
	#filteroptions span {
		margin-left: 1em;
	}
	#tagbrowser #sortby {
		position: absolute;
		top: -0.2em;
		margin: 0 0 0 0.5em;
	}
	#tagbrowser li {
		margin: 0; 
		padding: 0;
		list-style: none;
	}
	#level-2 ul li {
		margin-right: 0;
	}
	#level-3 ul#ulinfo li { /* different */
		padding: 10px;
	}
	#level-1 ul li.supported,
	#level-2 ul li.supported {
		padding-left: 20px;
		background-position: 2px 4px;
	}
	#level-1 ul li.ie a {
		display: inline; 
		background: none; 
		padding: 0; 
		width: 10px; 
		text-decoration: underline; 
		color: blue;
	}
	#level-1 ul li.ie a:hover {
		color: blue;
	}
	#tagbrowser #level-1 ul a, 
	#tagbrowser #level-2 ul a {
		background: #fff url("/components/com_resources/images/arrowoff.gif") right 50% no-repeat; 
		display: block; 
		padding: 2px 12px 2px 2px; 
		margin: 0; 
		text-decoration: none; 
		border: none;
		color: #333;
	}
	#tagbrowser #level-1 ul a.open, 
	#tagbrowser #level-2 ul a.open {
		background: #D0D0D0 url("/components/com_resources/images/arrowon.gif") right 50% no-repeat; 
	}
	#tagbrowser #level-1 ul a.hi, 
	#tagbrowser #level-2 ul a.hi {
		background: #3875D7 url("/components/com_resources/images/arrowhi.gif") right 50% no-repeat; 
		color: #fff;
	}
	#tagbrowser #level-1 ul a:hover, 
	#tagbrowser #level-2 ul a:hover {
		background: #3875D7 url("/components/com_resources/images/arrowhi.gif") right 50% no-repeat; 
		color: #fff;
	}
	#level-3 h3 {
		text-align: right;
	}
	#level-3 h4, 
	#level-3 h5 {
		border: none;
	}
	#level-3 h4 {
		color: #a1a5a9;
	}
	#level-3 h5 {
		color: #39AA44; 
		margin-bottom: 10px;
	}
	#tagbrowser a.more {
		text-decoration: none; 
		text-align: center; 
		padding-top: 0px; 
		color: #000;
	}
	#level-1-loading,
	#level-2-loading {
		text-align: center;
	}
	#level-1-loading img,
	#level-2-loading img {
		margin-top: 3em;
	}
/* */
	#tagbrowser div.ie p {
		margin: 150px 100px;
		font-size: 18px;
		font-weight: bold;
	}
	#content-header-extra fieldset {
	}
	#content-header-extra fieldset label {
		color: #fff;
	}
	#content-header-extra fieldset label span {
		display: block;
		visibility: hidden;
	}
	#tagbrowser .info {
		display: none;
	}
	#browse-resources h3 {
		display: block;
	}
	#browse-resources .subject,
	#browse-resources .aside {
		padding-top: 0;
	}
	#play-section {
		padding-top: 1em;
	}
	.com_resources #content-header-extra p.supported { 
		padding: 0 0 0 20px;
		margin: 2em 0 0 0;
	}
	#sbox-content {
		overflow: hidden;
	}
/* Audience skill level */	
	.audiencelevel {
		list-style: none;
		margin: 0;
		padding: 2px 0 0 0;
		margin-left: 2px;
	}
	.audiencelevel li, 
	#tagbrowser .audiencelevel li, 
	#level-3 .audiencelevel li {
		display: inline;
		padding: 0;
		margin: 0;
		padding-left: 10px;
		margin-left: -1px;
		background: url("/components/com_resources/images/circlerating.gif") 0 2px no-repeat;
	}
	#tagbrowser ul.audiencelevel {
		border: none; 
		height: auto; 
		overflow: hidden;
		overflow-x: hidden;
		padding: 2px 0 0 0;
		margin-left: 1px;
	}
	#tagbrowser ul.audiencelevel li, 
	#level-3 ul.audiencelevel li {
		margin-right: -10px;
		padding-right: 0;
		margin-left: 0;
		padding-left: 0;
	}
	#tagbrowser ul.audiencelevel li span, 
	.audiencelevel li span {
		margin: -1px;
		padding: 0;
	}
	.audiencelevel li.level0, 
	#tagbrowser .audiencelevel li.level0  {
		background-position: 0 2px;
		padding-left: 17px;
		margin-right: 0.3em;
	}
	#tagbrowser .audiencelevel li.level0  {
		background-position: 0 10px;
	}
	.audiencelevel li.level1 {
		background-position: -21px 2px;
	}
	#tagbrowser .audiencelevel li.level1 {
		background-position: -21px 10px;
	}
	.audiencelevel li.level2 {
		background-position: -39px 2px;
	}
	#tagbrowser .audiencelevel li.level2 {
		background-position: -39px 10px;
	}
	.audiencelevel li.level3 {
		background-position: -57px 2px;
	}
	#tagbrowser .audiencelevel li.level3 {
		background-position: -57px 10px;
	}
	.audiencelevel li.level4 {
		background-position: -93px 2px;
	}
	#tagbrowser .audiencelevel li.level4 {
		background-position: -90px 10px;
		margin-left:-2px;
	}
	.skill_level0, 
	.skill_level1 {
		color: #39b54a;
	}
	.skill_level2 {
		color: #00aeef;
	}
	.skill_level3 {
		color: #1b75bc;
	}
	.skill_level4 {
		color: #000000;
	}
	.audiencelevel li.level0_isoff, 
	#tagbrowser .audiencelevel li.level0_isoff {
		display:none;
	}
	.audiencelevel li.txtlabel, 
	#tagbrowser .audiencelevel li.txtlabel  {
		padding: 0;
		padding-left: 5px;
		vertical-align: top;
		background: none !important;
		color: #666666;
		font-size: 85%;
	}
	#tagbrowser .audiencelevel li.txtlabel {
		margin-right: 0;
		padding-right: 0;
		margin-left: -5px;
		padding-left: 0;
	}
	.audiencelevel li.isoff {
		background-position: -111px 2px;
	}
	#tagbrowser .audiencelevel li.isoff  {
		background-position: -111px 10px;
		margin-left: 0;
	}
	.usagescale {
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 998; /* different */
	}
	#tagbrowser .usagescale {
		position: inherit;
		z-index: 99999;
	}
	.usagescale table {
		border: none;
		color: #333333;
		font-weight: 500;
	}
	.secondcol {
		color: #666;
		font-weight: normal;
	}
	.usagescale table th,
	.usagescale table td {
		line-height: 1.2em;
		padding: 5px 5px;
		font-size: 85%;
		border-bottom: 1px solid #e3e3e3;
	}
	.usagescale table thead td {
		font-style: italic;
		color: #999999;
		font-weight: normal;
	}
	.usagescale table th {
		text-align: right;
		width: 30%;
	}
	.usagescale ul {
		margin-top: -0.2em;
		margin-bottom: 0.3em;
	}
	.learnmore {
		text-align: right;
		font-size: 85%;
	}
	.explainscale {
		padding: 1em;
		position: absolute;
		top: 20px;
		left: -999em;
		width: 300px;
		border: 1px solid #ccc;
		background: #FFF;
		/* Rounded corners */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;	
		-khtml-border-radius: 10px;
		border-radius: 10px;
		/* Shadows */
		box-shadow: 0px 2px 4px #CCC;
		-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); /* length length length color */
		-moz-box-shadow: #ccc 0px 2px 4px; /* color length length length */
	}
	.usagescale .active {
		left: -100px;
	}
	.infopage {
		width: 75%;
		margin: 2em 0; 
		border: 1px solid #cccccc;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;	
		-khtml-border-radius: 10px;
		border-radius: 10px;
		box-shadow: 0px 2px 4px #CCC;
		-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); /* length length length color */
		-moz-box-shadow: #ccc 0px 2px 4px; /* color length length length */
	}
	.infopage .usagescale {
		z-index:auto;
	}
	.combtd {
		text-align: center;
	}
/* Taxonomy */
	#flotr-mouse-value {
		width: 250px;
		white-space: normal;
		background-color: #ffffe5;
		border: 1px solid #a9a9a9;
		padding: 8px 8px;
		-moz-border-radius:4px;
		-webkit-border-radius: 4px;	
		-khtml-border-radius: 4px;
		border-radius:4px;
		box-shadow: 0px 2px 4px #CCC;
		-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); /* length length length color */
		-moz-box-shadow: #ccc 0px 2px 4px; /* color length length length */
	}
	#flotr-mouse-value h4,
	#flotr-mouse-value p {
		white-space: normal;
	}
	#flotr-mouse-value .rankinfo {
	}
/* Misc */
	.supportingdocs .presentation { 
		background: url("/components/com_resources/presenter/img/presenter.png") no-repeat 13px 50%; 
	}
	
	/* Course View */
	.html5 {
		padding:1px 0 1px 20px;
		background: url("/components/com_resources/images/html5.png") no-repeat 0 50%;
	}
	.flash {
		padding:0 0 0 20px;
		background: url("/components/com_resources/images/flash.png") no-repeat 4px 50%;
	}<commit_msg>add resource ol css styling<commit_after>/**
 * @package     hubzero-cms
 * @file        components/com_resources/resources.css
 * @copyright   Copyright 2005-2011 Purdue University. All rights reserved.
 * @license     http://www.gnu.org/licenses/lgpl-3.0.html LGPLv3
 */

/*

	-- -- -- -- -- -- --
	com_resources CSS
	-- -- -- -- -- -- --
*/

	.com_resources .three,
	.com_resources .four {
		border: none;
		border-top: 1px solid #e0e0d7;
		position: relative;
	}
	.com_resources .three,
	.com_resources .four {
		margin-right: 0;
		padding-right: 5%;
	}
	.com_resources .four .third,
	.com_resources .fourth {
		padding-right: 0;
	}
	.extracontent li:before,
	.com_resources .four div:before,
	.com_resources .four div:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0.9em;
		width: 18px;
		height: 18px;
		font-size: 18px;
		font-family: 'Fontcons';
		color: #aaa;
	}
	.extracontent li:before {
		top: 0.5em;
	}
	.com_resources .four .columns div {
		padding-left: 25px;
	}
	.com_resources .firstset .four,
	.com_resources .firstset .three {
		border: none;
	}
/* Get started button */
	#getstarted {
		margin: 0em 0 0 0;
		padding: 0;
	}
	#getstarted a {
		display: inline-block;
		zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
		*display: inline;
		vertical-align: baseline;
		margin: 0 2px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		padding: .5em 2.2em .55em;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		color: #fff;
		border: solid 1px #333;
		background: #333;
		background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
		background: -webkit-linear-gradient(#666666, #000000);
		background: -moz-linear-gradient(center top, #666666 0%, #000000 100%);
		background: -moz-gradient(center top, #666666 0%, #000000 100%);
		background: -o-linear-gradient(#666666, #000000);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666,endColorstr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666, endColorstr=#000000)";
	}
	#getstarted a:hover,
	#getstarted a:active {
		text-decoration: none;
		color: #fef4e9;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -webkit-linear-gradient(#faa51a, #f47a20);
		background: -moz-linear-gradient(center top, #faa51a 0%, #f47a20 100%);
		background: -moz-gradient(center top, #faa51a 0%, #f47a20 100%);
		background: -o-linear-gradient(#faa51a, #000000);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#faa51a,endColorstr=#f47a20);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#faa51a, endColorstr=#f47a20)";
	}
	
	#sbox-content.fancybox-inner {
		border: 10px solid #000;
	}
	.fancybox-title {
		display: none;
	}
	.fancybox-close {
		right: -20px;
	}
	.com_resources .read-more span {
		display: none;
	}
/* Aside containers */
	.aside .container {
		margin-bottom: 2em;
	}
	.aside .container ul, 
	.aside .container p {
		margin: 0;
		padding: 0.5em;
		border-left: 1px solid #9da6b7;
		border-right: 1px solid #9da6b7;
		border-bottom: 1px solid #9da6b7;
		font-size: 90%;
	}
	.aside p#credits {
		border: none;
		padding: 0.2em 0;
		margin: 0;
		font-size: 85%;
	}
	.aside .container ul {
		padding-left: 0.5em;
	}
	.aside .container li {
		margin: 0 0 0 2em;
		padding: 0.5em;
		position: relative;
	}
	.aside #whatsrelated li {
		list-style: none;
		margin: 0 0 0 0.5em;
		padding: 0.5em 0.5em 0.5em 2em;
	}
	html>body .aside #whatsrelated li {
		*padding-left: 0.5em; /* Remove padding for IE7 since it can't display the icons */
	}
	.aside .container li.nodata {
		border: none;
		list-style: none;
		padding-bottom: 1em;
	}
	.aside .container li span {
		display: inline;
		color: #999;
		font-size: 90%;
	}
	.aside .container h3 {
		margin: 0 !important;
		padding: 0 !important;
		color: #747b88;
		text-transform: uppercase;
		font-size: 85%;	
		display: block !important;
		border-bottom: 4px solid #9da6b7;
	}
	
	.extracontent .animation { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-animation.gif") 0 0em no-repeat; 
	}
	.extracontent .video { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-animation.gif") 0 0em no-repeat; 
	}
	.extracontent .download { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-download.gif") 0 0em no-repeat; 
	}
	.extracontent .course { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-course.gif") 0 0em no-repeat; 
	}
	.extracontent .learningmodule { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-learningmodule.gif") 0 0em no-repeat; 
	}
	.extracontent .note { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-note.gif") 0 0em no-repeat; 
	}
	.extracontent .presentation { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-presentation.gif") 0 0em no-repeat; 
	}
	.extracontent .publication { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-publication.gif") 0 0em no-repeat; 
	}
	.extracontent .teachingmaterial { 
		padding-left: 23px; 
		background: url("images/types/fc-teachingmaterial.gif") 0 0em no-repeat; 
	}
	.extracontent .tool { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-tool.gif") 0 0em no-repeat; 
	}
	.extracontent .series { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-series.gif") 0 2px no-repeat; 
	}
	.extracontent .workshop { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-workshop.gif") 0 0em no-repeat; 
	}
	.extracontent .wiki { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-wiki.gif") 0 2px no-repeat; 
	}
	.extracontent .citation { 
		padding-left: 23px; 
		background: url("/components/com_resources/images/types/fc-publication.gif") 0 0em no-repeat; 
	}
	
/* Screenshot slider */
	.sscontainer {
		display: block;
	}	
	#showcase {
		background: #e8eaee;
		width: 100%;
		height: 90px; 
		margin-top: 0;
		overflow: hidden;
		position: relative;
		vertical-align: middle;
		z-index: 0;
	}
	#showcase img {
		background: #e8eaee none repeat scroll 0 0;
		border: 1px solid #e8eaee;
		margin: 4px;
		padding: 4px;
		float: left;
		position: relative;
	}	
	#showcase img:hover {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #8fb9d0;
		margin: 3px;
		padding: 5px;
	}	
	#showcase-prev, 
	#showcase-next {
		height: 90px;
		background: #f4f5f7;
		width: 20px;
		position: relative;
		display: inline;
		margin: 0;
		padding: 0;
		cursor: pointer;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	#showcase-prev:hover, 
	#showcase-next:hover {
		background-color: #FFF;	
		opacity: 0.7;
		filter: alpha(opacity=70);	
	}		
	.inactive, 
	.inactive:hover {
		cursor: default !important;
		background-color: #e9e9e9 !important;
		opacity: 0.3 !important;
		filter: alpha(opacity=30) !important;
	}
	#showcase-prev {
		float: left;
		z-index: 2;
		border-right: 1px solid #c8cfd8;
		border-left: 1px solid #e8e8e8;
		background: #f4f5f7 url("/components/com_resources/images/showcase_prev.png") 100% 50% no-repeat;
	}
	#showcase-next {
		float: right;
		border-left: 1px solid #c8cfd8;	
		border-right: 1px solid #e8e8e8;
		background: #f4f5f7 url("/components/com_resources/images/showcase_next.png") 0 50% no-repeat;
	}
	#showcase-window {
		float: left;
		left: 0;
		position: relative;
		width: 90%;
	}
	.showcase-pane {
		width: 2000px;
		position: relative;
		left: 0;
	}
/* Tabbed view specifics */
	.sep {
		border-bottom: 4px solid #9da6b7;
		margin-top: 0;
		margin-right: 250px;	
	}
	#authorslist p {
		line-height: 1.4em;
		margin: 0.5em 0;
		color: #000;
	}
	#authorslist {
		margin-top: -1em;
		padding-right: 3em;
	}
	#authorslist sup {
		font-size: 70%;
	}
	#authorslist p.orgs {
		color: #000;
		font-style: italic;
	}
	.guide { 
		background: url("/components/com_resources/images/compass.gif") 0 0 no-repeat; 
		padding-left: 20px; 
	}
	.itunes { 
		background: url("/components/com_resources/images/itunes.png") 0 0 no-repeat; 
		padding-left: 20px; 
		padding-bottom: 2px; 
	}
	.archive {
		font-size: 85%;
		margin-top: -0.5em !important;
	}
	.timeperiod {
		background: #FDF1DE;
		border: 1px solid #c3b59c;
		padding: 0.5em;
	}
/* Launch area content */
	p.curversion, 
	.main p.devversion {
		font-size: 85%;
		color: #333333;
		margin-top: -1em;
	}
	.main p.devversion span {
		display: block;
	}
	.main .devversion {
		background: url("/components/com_resources/images/bgdev.gif") 0 0 repeat-x;
		border: 1px solid #aac39c;
		padding: 0.2em;
		padding-left: 0.5em;
	}
	p.doi, 
	.opensource_license, 
	.closedsource_license {
		font-size: 85%;
		color: #666666;
		margin-top: -0.6em;
	}
	.supdocs span  {
		display: block;
		margin-bottom: 0.5em;
	}
	.viewalltypes {
		font-size: 85%;
		float: right;
	}
	.supdocs {
		border-top: 1px dashed #ccc;
		margin: 0;
		padding: 0.5em 0;
		font-size: 85%;
		text-align: right;
	}
	.supdocs .guide a {
		color: #000;
		border-bottom: 1px solid #777;
		padding: 0.2em 0 0.1em 0;
	}
	.supdocs .guide {	
		display: inline;
		padding-bottom: 0.5em;
	}
	.viewalldocs {
		margin-top: 0em;
	}
	.metaplaceholder {
		background: url("/components/com_resources/images/metaplaceholder.gif") 0 0 no-repeat;
		padding: 3em 3em 3em 3.5em;
		margin: 1em 0 0 0;
		height: 135px;
		width: 215px;
		font-size: 85%;
	}
	.metaplaceholder p {
		width: 80%;
		margin: 0;
		padding: 0;
	}
	ul.supdocln {
		list-style: none;
		background: none;
		font-size: 85%;
		color: #8d7a62;
		margin: -0.5em -0.2em 0 -0.2em;
		padding: 0 0 0.8em 30px;
		background: url("/components/com_resources/images/childlink.gif") 10px 0 no-repeat;
		width: auto;		
	}
	ul.supdocln li {
		display: inline;
	}
	ul.supdocln li a {
		padding-left: 20px;
		padding-bottom: 0.5em;
		color: #8d7a62;
		text-decoration: underline;
	}
	ul.supdocln li.otherdocs a {
		padding-left: 0;
		margin-left: 15px;
	}
	ul.supdocln li a:hover {
		border: none;
		text-decoration: none;
	}
/* Licensing */	
	.opensource_license { 
		background: url("/components/com_resources/images/os.gif") 0 1px no-repeat;
		padding-left: 17px;
	}
	.closedsource_license { 
		background: url("/components/com_resources/images/cs.gif") 0 0 no-repeat;
		padding-left: 17px;
	}
	.unavail {
		color: #978971;
	}
/* Important view overwrites */	
	#reviews-section .com_resources {
		padding-top:0 !important;
	}
	.com_resources .overviewcontainer h2 {
		line-height: 1.4em;
	}
	.subject #content-header h2 {
		margin-left: 0 !important;
	}
	.com_resources .upperpane {
		border: none;
	}
	.subject {
		background: none;
		border: none;
	}
	.subject #hubForm h3 {
		display: none;
	}
	.subject #hubForm fieldset  {
		margin-right: 1em;
		padding-bottom: 2em;
	}
	.noborder {
		border: none;
	}
/* Review section forms */
	.subject #reviews-section #hubForm {
		border: none;
	}
	.main .subject #hubForm {
		border: none;
	}
	.subject #reviews-section #hubForm fieldset {
		padding: 0 2% 1.75em 18%;
		border: none;
		float: left;
		width: 50%;
		margin: 0.7em 0;
		color: #777;
		background: #F5F7F2 !important;
		border: 2px solid #DEE4CD;
	}
	.subject #hubForm fieldset fieldset {
		padding: 0 1em 1em 1em;
		margin-top: 1em;
	}
	.subject #hubForm .submit {
		margin-right: 0;
	}
	.section .section .subject {
		background: #ffffff !important;
		border:none !important;
		padding-right:0 !important;
		padding-left:0 !important;
	}
	.resource td {
		border:none !important;
	}
	.com_resources h2 span {
		font-weight: normal;
		font-size: small;
		color: #666666;
	}
	.com_resources h2 span a {
		font-weight: normal;
		border-bottom: 1px solid #b7c7d4;
	}
	#lbOverlay {
		z-index: 999;
	}
	#lbImage, 
	#lbCenter, 
	#lbBottomContainer {
		z-index: 1000;
	}
	.com_resources .section h3 {
		display: block !important;
		margin: 1.5em 1em 0.5em 0;
	}
	.com_resources #introduction h3 {
		margin-top: 0;
	}
	.section h3 span {
		display: inline;
		float: right;
		font-weight: normal;
		font-size: small;
	}
	#sub-menu {
		padding: 0;
	}
	.tabbed .supportingdocs .caption {
		float: right;
	}
	 #sub-sub-menu ul {
		border: none !important;
	}
	.license {
		margin-bottom: 0 !important;
		margin-top: 1em !important;
	}
/* Tabbed view containers */
	.com_resources .upperpane {
		padding-top: 2em;
	}
	.upperpane .subject {
		margin-right: 250px;
		margin-bottom: 1em !important;
	}
	.upperpane .rankarea, 
	.section .extracontent, 
	.upperpane .launcharea {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.overviewcontainer {
		width: 60%; 
		float: left;
		margin-right: -3em;
	}
	.tabbed {
		padding-top:0 !important;
		padding-bottom: 2em !important;
		margin-right: 250px;
		background: #ffffff !important;		
	}
	.tabbed .aside {
		padding-right: 1em !important;
	}
	.tabbed .section {
		padding: 0.1em !important;
	}
	.tabbed #sub-menu li a {
		padding: 0 8px 0 0 !important;
		font-size: 88%;
	}
	.tabbed .abouttab {
	 	margin-right: 0;
	}
	.tabbed #sub-menu ul {
		padding: 0 -0.5em 0 0.5em;
		margin: 0;
	}
	.tabbed #sub-menu li a span {
		padding: 10px 0 0 8px;		
	}
/* Primary Resource file */	
	#primary-document {
		margin: 1em 0 1.5em 0;
		padding: 0;
	}
	#primary-document a {
		display: block;
		zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
		vertical-align: baseline;
		margin: 0 2px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		line-height: 1.8em;
		padding: 0.35em 0.2em 0.35em 0.2em;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		color: #fff;
		border: solid 1px #333;
		background: #333;
		background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
		background: -webkit-linear-gradient(#666666, #000000);
		background: -moz-linear-gradient(center top, #666666 0%, #000000 100%);
		background: -moz-gradient(center top, #666666 0%, #000000 100%);
		background: -o-linear-gradient(#666666, #000000);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666,endColorstr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666, endColorstr=#000000)";
	}
	#primary-document a:hover,
	#primary-document a:active {
		text-decoration: none;
		color: #fef4e9;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -webkit-linear-gradient(#faa51a, #f47a20);
		background: -moz-linear-gradient(center top, #faa51a 0%, #f47a20 100%);
		background: -moz-gradient(center top, #faa51a 0%, #f47a20 100%);
		background: -o-linear-gradient(#faa51a, #f47a20);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#faa51a,endColorstr=#f47a20);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#faa51a, endColorstr=#f47a20)";
	}
	/*#primary-document {
		margin: 1em 0 1.5em 0;
		text-align: center;
	}
	#primary-document a {
		margin: 0;
		padding: 6px 0 0 10px;
		display: block;
		width: 208px;
		height: 27px;
		border: none;
		color: #fff;
		font-weight: bold;
		background: url("/components/com_resources/images/primary.gif") 0 0 no-repeat;
	}
	#primary-document a:hover { 
		background-position: 0 -33px;
		color: #fff;
		border: none;
	}*/
	#primary-document .link_disabled {
		/*margin: 0;
		padding: 6px 0 0 10px;
		display: block;
		width: 208px;
		height: 27px;
		border: none;
		color: #fff;
		font-weight: bold;
		background: url("/components/com_resources/images/primary_disabled.gif") 0 0 no-repeat;*/
		cursor: pointer;
		border: solid 1px #777;
		background: #777;
		background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#444444));
		background: -webkit-linear-gradient(#aaaaaa, #444444);
		background: -moz-linear-gradient(center top, #aaaaaa 0%, #444444 100%);
		background: -moz-gradient(center top, #aaaaaa 0%, #444444 100%);
		background: -o-linear-gradient(#aaaaaa, #444444);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#aaaaaa,endColorstr=#444444);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#aaaaaa, endColorstr=#444444)";
	}
	#primary-document_pop {
		display: none;
		position: absolute;
		top: 90px;
		right: 260px;
		width: 222px;
		font-size: 90%;
		margin: 0;
		padding: 0;
	}
	#primary-document_pop div {
		padding: 0;
		display: block;
		position: relative;
	}
	#primary-document_pop p {
		margin-top: 0;
		padding-top: 1em;
	}
	#primary-document .caption {
		font-size: 80%;
		font-weight: normal;
		color: #CCCCCC;
	}
/* Versioning */
	.toolpublished {
		background: url("/components/com_resources/images/check.gif") 0 0 no-repeat;
		display: block;
		width: 15px;
		height: 15px;
		margin: 0 0 0 2em;
		text-indent: -555em;
		padding: 0;
	}
	.toolunpublished {
		background: url("/components/com_resources/images/minus.gif") 0 0 no-repeat;
		display: block;
		width: 15px;
		height: 15px;
		margin: 0 0 0 2em;
		padding: 0;
		text-indent: -555em;
	}
/* Intro */
	#introduction {
		margin: 0 -15px 3em -15px;
		padding: 25px 15px 25px 120px;
		background: #fbf8ea url("/components/com_resources/images/resources-large.gif") 30px 25px no-repeat;
		border-top: 2px solid #e7dac4;
		border-bottom: 2px solid #e7dac4;
		color: #7c7266;
	}
	#introduction .aside,
	#introduction .subject {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		background: transparent;
		border: none;
	}
	#introduction h3 {
		display: block;
		margin-top: 0;
		color: #7c7266;
	}
	#introduction .columns {
		border: none;
	}
	#introduction ul,
	#introduction li {
		list-style: none;
		margin: 1em 0;
		padding: 0;
	}
	#introduction li {
		margin: 0;
		padding: 0 0 0 15px;
		background: transparent url("/components/com_resources/images/arrow.gif") 0 50% no-repeat;
	}
/* Four Columns */
	.com_resources .four {
		border-top: 1px solid #e0e0d7;
		margin-bottom: 3em;
	}
	.com_resources .three {
		border-top: 1px solid #e0e0d7;
		margin-top: -1px;
	}
	.com_resources .four h3 { 
		color: #000; 
		margin-top: 1em; 
		padding-top: 0em;
		display: block;
	}
	.com_resources .four h3 a { 
		color: #000; 
		border-bottom: none; 
	}
	.com_resources .four ul {
		margin: 1em 0;
	}
	.com_resources .four li {
		margin: 1em 0;
	}
	.com_resources .first h2 { 
		font-weight: normal;
		margin: 0;
		padding: 0.5em 0 0 0;
		line-height: 1em;
		border: none;
		border-top: 2px solid #e0e0d7;
	}
	.com_resources .second {
	}
	.com_resources .third {
	}
	.com_resources .fourth { 
		border-right: none;
	}
	.com_resources .big {
		height: 3em;
	}
	.com_resources .four {
		margin-bottom: 3em;
	}
	.columns form.search { 
		border: 1px solid #fff; 
		background-position: 0 1em;
	}
	.com_resources .browse a {
		font-weight: bold;
		font-size: 1.2em;
	}
/* Resource info table */
	.resource {
		margin-top: 1.5em;
		border: none;
	}
	.resource th, 
	.resource td {
		padding-bottom: 25px;
	}
	.resource th {
		text-align: right;
		color: #999;
		white-space: nowrap;
	}
	.resource td {
		padding-right: 1.5em;
	}
	.resource .tags {
		margin: 0;
	}
	.resource ul {
		margin-left: 1.5em;
		list-style: disc;
	}
	.resource td #authorslist,
	.resource td #authorslist p,
	.resource td ul:first-child,
	.resource td ul:first-child li:first-child {
		margin-top: 0;
		padding-right: 0;
		line-height: 1.6em;
	}
	.resource .citations {
		border: 2px solid #e5e5e5;
		padding: 0 1em;
		margin: 0;
		list-style: none;
	}
	.resource td p {
		margin: 1em 0;
	}
	.resource td p:first-child {
		margin-top: 0;
	}
	.resource ul.results li {
		list-style: none;
	}
	.results .resource .title {
		margin-right: 200px;
	}
	#about-section hr {
		border: none;
		border-top: 1px solid #eee;
	}
	#tagForm {
		margin: 1.5em 0 0 0;
	}
	.tags:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
/* Resources listing */
	.resources .title { 
		margin-right: 220px;
	}
/* Screenshots list */
	.screenshots {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.screenshots li {
		margin: 0 10px 0 0;
		padding: 8px 0 0 7px;
		float: left;
		display: block;
		width: 98px;
		height: 67px;
	}
	.screenshots a,
	.screenshots a:hover,
	.screenshots img { 
		border: none;
	}
/* Metadata container */
	.metadata {
		border: 1px dashed #bbb;
		margin: 1em 0 0 0;
		padding: 10px 10px 5px 10px;
	}
	.metadata p {
		margin: 0.2em 0;
		padding: 0 0 0 20px;
		font-size: 90%;
		color: #999999;
	}
	.metadata .review {
		background: url("/components/com_resources/images/1.gif") -52px 50% no-repeat;
	}
	.metadata .citation {
		background: url("/components/com_resources/images/cite.gif") 0 50% no-repeat;
	}
	.metadata .wishlist {
		background: url("/components/com_resources/images/wishlist.gif") 0 50% no-repeat;
	}
	.metadata .usage { 
		background: url("/components/com_resources/images/stats.gif") 0 50% no-repeat;
	}
	.metadata .answer { 
		background: url("/components/com_resources/images/qanda.gif") 0 50% no-repeat;
	}
/* Ranking */
	.rankinfo {
		position: relative;
		margin: 0 0 0.5em 0;
	}
	.rankinfo dd {
		position: absolute;
		left: -999em;
		margin: -37px 0 0 0;
		padding: 0;
		border: none;
		width: 250px;
		color: #f4f4f4;
	}
	.metadata .rankinfo dd p,
	.rankinfo dd p {
		margin: 0;
		padding: 20px 30px 0 20px;
		color: #ccc;
		background: url("/components/com_resources/images/ranking_popup.png") left top no-repeat;
	}
	.rankinfo dd div {
		background: url("/components/com_resources/images/ranking_popup.png") left bottom no-repeat;
		padding: 10px 30px 15px 20px;
	}
	.rankinfo dd a { 
		color: #7EBEFD;
		border-bottom: 1px solid #B8CFE7;
	}
	.rankinfo dd a:hover { 
		color: #FDC07E;
		border-bottom: 1px solid #E07A14;
	}
	.rankinfo.active dt {
		background-color: #fff;
	}
	.rankinfo.active dd {
		left: -246px;
		z-index: 888;
	}
	.rankinfo dt {
		margin: 0;
		padding: 0;
		background: url("/components/com_resources/images/ranking_bar_base.gif") 0 0 no-repeat;
		text-transform: uppercase;
		text-align: right; 
		letter-spacing: 1px;
		font-size: 85%;
		line-height: 1em;
		color: #999;
		position: relative;
	}
	.rankinfo dt span { 
		display: block;
		margin: 0;
		padding: 0;
		height: 9px;
		background: url("/components/com_resources/images/ranking_bar.gif") 0 0 no-repeat;
		text-indent: -555em;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		text-align: left;
	}
	.rank-00 { width: 0px; display: none; }
	.rank-01 { width: 1px; }
	.rank-02 { width: 2px; }
	.rank-03 { width: 3px; }
	.rank-04 { width: 4px; }
	.rank-05 { width: 5px; }
	.rank-06 { width: 6px; }
	.rank-07 { width: 7px; }
	.rank-08 { width: 8px; }
	.rank-09 { width: 9px; }
	.rank-10 { width: 10px; }
	.rank-11 { width: 11px; }
	.rank-12 { width: 12px; }
	.rank-13 { width: 13px; }
	.rank-14 { width: 14px; }
	.rank-15 { width: 15px; }
	.rank-16 { width: 16px; }
	.rank-17 { width: 17px; }
	.rank-18 { width: 18px; }
	.rank-19 { width: 19px; }
	.rank-20 { width: 20px; }
	.rank-21 { width: 21px; }
	.rank-22 { width: 22px; }
	.rank-23 { width: 23px; }
	.rank-24 { width: 24px; }
	.rank-25 { width: 25px; }
	.rank-26 { width: 26px; }
	.rank-27 { width: 27px; }
	.rank-28 { width: 28px; }
	.rank-29 { width: 29px; }
	.rank-30 { width: 30px; }
	.rank-31 { width: 31px; }
	.rank-32 { width: 32px; }
	.rank-33 { width: 33px; }
	.rank-34 { width: 34px; }
	.rank-35 { width: 35px; }
	.rank-36 { width: 36px; }
	.rank-37 { width: 37px; }
	.rank-38 { width: 38px; }
	.rank-39 { width: 39px; }
	.rank-40 { width: 40px; }
	.rank-41 { width: 41px; }
	.rank-42 { width: 42px; }
	.rank-43 { width: 43px; }
	.rank-44 { width: 44px; }
	.rank-45 { width: 45px; }
	.rank-46 { width: 46px; }
	.rank-47 { width: 47px; }
	.rank-48 { width: 48px; }
	.rank-49 { width: 49px; }
	.rank-50 { width: 50px; }
	.rank-51 { width: 51px; }
	.rank-52 { width: 52px; }
	.rank-53 { width: 53px; }
	.rank-54 { width: 54px; }
	.rank-55 { width: 55px; }
	.rank-56 { width: 56px; }
	.rank-57 { width: 57px; }
	.rank-58 { width: 58px; }
	.rank-59 { width: 59px; }
	.rank-60 { width: 60px; }
	.rank-61 { width: 61px; }
	.rank-62 { width: 62px; }
	.rank-63 { width: 63px; }
	.rank-64 { width: 64px; }
	.rank-65 { width: 65px; }
	.rank-66 { width: 66px; }
	.rank-67 { width: 67px; }
	.rank-68 { width: 68px; }
	.rank-69 { width: 69px; }
	.rank-70 { width: 70px; }
	.rank-71 { width: 71px; }
	.rank-72 { width: 72px; }
	.rank-73 { width: 73px; }
	.rank-74 { width: 74px; }
	.rank-75 { width: 75px; }
	.rank-76 { width: 76px; }
	.rank-77 { width: 77px; }
	.rank-78 { width: 78px; }
	.rank-79 { width: 79px; }
	.rank-80 { width: 80px; }
	.rank-81 { width: 81px; }
	.rank-82 { width: 82px; }
	.rank-83 { width: 83px; }
	.rank-84 { width: 84px; }
	.rank-85 { width: 85px; }
	.rank-86 { width: 86px; }
	.rank-87 { width: 87px; }
	.rank-88 { width: 88px; }
	.rank-89 { width: 89px; }
	.rank-90 { width: 90px; }
	.rank-91 { width: 91px; }
	.rank-92 { width: 92px; }
	.rank-93 { width: 93px; }
	.rank-94 { width: 94px; }
	.rank-95 { width: 95px; }
	.rank-96 { width: 96px; }
	.rank-97 { width: 97px; }
	.rank-98 { width: 98px; }
	.rank-99 { width: 99px; }
	.rank-100 { width: 100px; }
	.rankinfo table {
		margin: 0;
		border-collapse: collapse;
		width: 100%;
		padding: 0;
		border: none;
		font-size: 90%;
	}
	.rankinfo caption {
		padding: 1.5em 1em 0.2em 1em;
		text-align: left;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		border-bottom: 2px solid #777;
		font-size: 90%;
		margin: 0;
	}
	.rankinfo tbody { 
		border: none;
	}
	.rankinfo tbody td,
	.rankinfo tfoot td {
		padding: 0.2em 1em 0.2em 0;
		text-align: left;
	}
	.rankinfo tbody td {
		border-bottom: 1px solid #444;
	}
	.rankinfo tfoot td {
		padding: 0.2em 1em;
	}
	.rankinfo tbody th {
		text-align: left;
		vertical-align: top;
		padding: 0.2em 1.4em;
		border-bottom: 1px solid #444;
	}
	.rankinfo tbody th,
	.rankinfo tbody td { 
		color: #ccc;
	}
	.rankinfo tfoot td,
	.rankinfo tfoot td { 
		color: #aaa;
		border-top: 2px solid #777;
		border-bottom: none;
		font-size: 90%;
	}
	.rankinfo .avgrating {
		width: 70px;
		height: 14px;
		overflow: hidden;
		text-indent: -30em;
		display: block;
		float: left;
		padding: 0;
	}
	.rankinfo .no-stars        { background: url("/components/com_resources/images/stars/stars_dark.gif") right 0 no-repeat; }
	.rankinfo .half-stars      { background: url("/components/com_resources/images/stars/stars_dark.gif") right -40px no-repeat; }
	.rankinfo .one-stars       { background: url("/components/com_resources/images/stars/stars_dark.gif") right -80px no-repeat; }
	.rankinfo .onehalf-stars   { background: url("/components/com_resources/images/stars/stars_dark.gif") right -120px no-repeat; }
	.rankinfo .two-stars       { background: url("/components/com_resources/images/stars/stars_dark.gif") right -160px no-repeat; }
	.rankinfo .twohalf-stars   { background: url("/components/com_resources/images/stars/stars_dark.gif") right -200px no-repeat; }
	.rankinfo .three-stars     { background: url("/components/com_resources/images/stars/stars_dark.gif") right -240px no-repeat; }
	.rankinfo .threehalf-stars { background: url("/components/com_resources/images/stars/stars_dark.gif") right -280px no-repeat; }
	.rankinfo .four-stars      { background: url("/components/com_resources/images/stars/stars_dark.gif") right -320px no-repeat; }
	.rankinfo .fourhalf-stars  { background: url("/components/com_resources/images/stars/stars_dark.gif") right -360px no-repeat; }
	.rankinfo .five-stars      { background: url("/components/com_resources/images/stars/stars_dark.gif") right -400px no-repeat; }
/*---------------------------------------------------------------
	Publications list
---------------------------------------------------------------*/
	#publications {
		margin: 0;
		padding: 0;
		border: none;
		border-bottom: 1px solid #fff;
	}
	#publications img {
		float: left;
		margin: 0 1em 1em 0;
	}
	#publications li p {
		text-indent: 0;
	}
	#publications li {
		clear: left;
		padding: 1em 0;
		border-top: 1px solid #fff;
	}
	#publications li .details {
		font-size: 90%;
		color: #999;
		margin: 0.2em 0 0 0;
	}
/* Licenses */
	.license {
		color: #999;
		font-size: 85%;
		text-align: left;
		padding: 0 0 10px 35px;
		margin: 2em 0 1em 0;
		min-height: 37px;
		background: url("/components/com_resources/images/logos/copyright.png") 0 0 no-repeat;
	}
	.opensource { 
		background: url("/components/com_resources/images/logos/opensource.gif") 0 0 no-repeat;
	}
	.closedsource { 
		background: url("/components/com_resources/images/logos/closedsource.gif") 0 0 no-repeat;
	}	
	.cc,
	.cc3,
	.cc25,
	.cc30 { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/cc.primary.srr.gif") 0 0 no-repeat;
	}
	.cc25-by-nc-sa,
	.cc30-by-nc-sa { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/by-nc-sa.png") 0 0 no-repeat;
	}
	.cc25-by-nc-nd,
	.cc30-by-nc-nd { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/by-nc-nd.png") 0 0 no-repeat;
	}
	.cc25-by-nc,
	.cc30-by-nc { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/by-nc.png") 0 0 no-repeat;
	}
	.cc25-by-nd,
	.cc30-by-nd { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/by-nd.png") 0 0 no-repeat;
	}
	.cc25-by-sa,
	.cc30-by-sa { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/by-sa.png") 0 0 no-repeat;
	}
	.cc25-by,
	.cc30-by { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/by.png") 0 0 no-repeat;
	}
	.publicdomain { 
		padding-left: 95px;
		background: url("/components/com_resources/images/logos/publicdomain.png") 0 0 no-repeat;
	}
/* Misc */
	.citations {
		list-style: none;
		margin-left: 0;
	}
	.section h3 {
		display: none;
	}
	.section .section h3 {
		display: block;
		margin: 1em 0 0.5em;
	}
	.section .section {
		padding: 0;
	}
	.section .section .subject {
		background: #F7F7F7;
		border-top: 1px solid #E3E3E3;
		border-bottom: 1px solid #E3E3E3;
		padding: 1em;
	}
	.section .section .aside {
		padding-top: 0;
	}
	#sub-menu {
		margin-bottom: -1px;
	}
	.subject #hubForm fieldset {
		padding-left: 2%;
	}
	#citations-section .subject {
		padding-top: 1em;
	}
	#play-section .aside {
		padding-top: 1em;
	}
	#play-section .sub-nav {
		margin-top: 0;
	}
/* Resource versions */
	.resource-versions {
		margin-top: 2em;
	}
/* Related resources */
	.related-resources {
		margin: 0;
		border-top: 1px solid #dedede;
		border-bottom: none;
	}
	.related-resources td {
		border-color: #dedede;
	}
	.related-resources td.ranking {
		color: #777;
		position: relative;
		background: url("/components/com_resources/images/ranking_bar_base.gif") 2.5em 0.8em no-repeat;
		width: 10em;
		padding-left: 0;
	}
	.related-resources td.ranking span { 
		display: block;
		margin: -1.2em 0 0 2.5em;
		padding: 0;
		height: 9px;
		background: url("/components/com_resources/images/ranking_bar.gif") 0 0 no-repeat;
		text-indent: -555em;
		overflow: hidden;
		position: absolute;
	}
	.related-resources td.type {
		color: #bcbcbc;
		text-align: right;
		padding-right: 0;
	}
/* Resource tip bubble */
	.resource-tip {
		width: 310px;
		padding: 10px;
		z-index: 13000;
		text-align: left;
		background: #ffffe5;
		border: 1px solid #a9a9a9;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	.resource-tip h4 {
		color: #333;
		margin: 0;
		padding: 0.2em 0.4em;
		background: #ece5d1;
	}
	.resource-tip table {
		margin: 0;
		padding: 0;
		border: 1px solid #ECE5D1;
		background: #fff;
		border-collapse: collapse;
		width: 100%;
	}
	.resource-tip th,
	.resource-tip td {
		padding: 0.2em 1em;
		border-top: 1px solid #ECE5D1;
		border-bottom: 1px solid #ECE5D1;
		color: #777;
	}
	.resource-tip td span {
		margin-right: 0em;
	}
	.resource-tip th {
		border-right: 1px solid #ECE5D1;
		text-align: right;
		font-weight: normal;
	}
	.resource-tip .starsz {
		display: block;
		width: 65px;
		height: 14px;
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		position: relative;
		z-index: 25;
		background: url("/components/com_resources/images/stars/stars.gif") 0 0 no-repeat;
		border: none;
	}
	.resource-tip .starsz li {
		display: block;
		height: 20px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		border: none;
		background-image: none;
	}
	.resource-tip .starsz li a,
	.resource-tip .starsz li a:hover {
		display: block;
		height: 14px;
		margin: 0;
		padding: 0;
		text-indent: -555em;
		line-height: 1em;
		background: url("/components/com_resources/images/stars/stars_hover.gif") 0 0 no-repeat; 
		border: none;
	}
	.resource-tip .avgrating span {
		font-size: 8px;
	}
	.starsz:hover {
		background: url("/components/com_resources/images/stars/stars.gif") 0 0 no-repeat;
		border: none;
	}
	.starsz li.str1, 
	.starsz li.str1 a {
		width: 13px;
		z-index: 250;
	}
	.starsz li.str2, 
	.starsz li.str2 a {
		width: 26px;
		z-index: 240;
	}
	.starsz li.str3, 
	.starsz li.str3 a {
		width: 39px;
		z-index: 230;
	}
	.starsz li.str4, 
	.starsz li.str4 a {
		width: 52px;
		z-index: 220;
	}
	.starsz li.str5, 
	.starsz li.str5 a {
		width: 65px;
		z-index: 210;
	}
	.starsz li.str1 a:hover {
		background: url("/components/com_resources/images/stars/stars_hover.gif") 0 -14px no-repeat;
		border: none;
	}
	.starsz li.str2 a:hover {
		background: url("/components/com_resources/images/stars/stars_hover.gif") 0 -28px no-repeat;
		border: none;
	}
	.starsz li.str3 a:hover {
		background: url("/components/com_resources/images/stars/stars_hover.gif") 0 -42px no-repeat;
		border: none;
	}
	.starsz li.str4 a:hover {
		background: url("/components/com_resources/images/stars/stars_hover.gif") 0 -56px no-repeat;
		border: none;
	}
	.starsz li.str5 a:hover {
		background: url("/components/com_resources/images/stars/stars_hover.gif") 0 -70px no-repeat;
		border: none;
	}
/* Tag browser */
	div#tagbrowser {
		text-align: left; 
		position: relative; 
		height: 400px;
		margin-bottom: 25px; 
		display: none;
	}
	#tbh2 {
		display: none;
	}
	#level-1, 
	#level-2, 
	#level-3 {
		background-color: transparent;
		margin: 0;
		padding: 0;
		width: 33%;
		height: 350px;
		float: left;
	}
	div.ie {
		height: 373px; 
		border: 1px solid #c5c5c5;
	}
	#tagbrowser h3 {
		padding: 0;
		margin: 1em 0 0.5em 0;
		color: #999;
		font-size: 1.4em;
		font-weight: bold;
		display: block;
	}
/*\*/
	#tagbrowser ul {
		border: 1px solid #C5C5C5; 
		height: 350px; 
		overflow: auto;
		overflow-x: hidden;
		margin: 0; 
		padding: 0;
		list-style: none;
	}
	#tagbrowser li#selecta {
		height: 200px; 
		text-align: center; 
		color: #c8c8c8; 
		font-size: 30px; 
		font-weight: bold; 
		margin: 140px auto 0 0px; 
		line-height: 1em;
	}
	#level-1 ul {
		border-right: 1px solid #c5c5c5;
	}
	#level-2 ul {
		border-left: 0; 
		border-right: 1px solid #c5c5c5;
	}
	#level-3 ul#ulinfo {
		background-image: none; 
		border-left: 0; 
		overflow: auto;
	}
	#level-2 h3 {
		position: relative;
	}
	#filteroptions {
		padding: 1em 0;
		font-size:85%;
	}
	#filteroptions div {
		position:absolute;
	}
	#filteroptions label {
		margin-right: 0.2em;
	}
	#filteroptions span {
		margin-left: 1em;
	}
	#tagbrowser #sortby {
		position: absolute;
		top: -0.2em;
		margin: 0 0 0 0.5em;
	}
	#tagbrowser li {
		margin: 0; 
		padding: 0;
		list-style: none;
	}
	#level-2 ul li {
		margin-right: 0;
	}
	#level-3 ul#ulinfo li { /* different */
		padding: 10px;
	}
	#level-1 ul li.supported,
	#level-2 ul li.supported {
		padding-left: 20px;
		background-position: 2px 4px;
	}
	#level-1 ul li.ie a {
		display: inline; 
		background: none; 
		padding: 0; 
		width: 10px; 
		text-decoration: underline; 
		color: blue;
	}
	#level-1 ul li.ie a:hover {
		color: blue;
	}
	#tagbrowser #level-1 ul a, 
	#tagbrowser #level-2 ul a {
		background: #fff url("/components/com_resources/images/arrowoff.gif") right 50% no-repeat; 
		display: block; 
		padding: 2px 12px 2px 2px; 
		margin: 0; 
		text-decoration: none; 
		border: none;
		color: #333;
	}
	#tagbrowser #level-1 ul a.open, 
	#tagbrowser #level-2 ul a.open {
		background: #D0D0D0 url("/components/com_resources/images/arrowon.gif") right 50% no-repeat; 
	}
	#tagbrowser #level-1 ul a.hi, 
	#tagbrowser #level-2 ul a.hi {
		background: #3875D7 url("/components/com_resources/images/arrowhi.gif") right 50% no-repeat; 
		color: #fff;
	}
	#tagbrowser #level-1 ul a:hover, 
	#tagbrowser #level-2 ul a:hover {
		background: #3875D7 url("/components/com_resources/images/arrowhi.gif") right 50% no-repeat; 
		color: #fff;
	}
	#level-3 h3 {
		text-align: right;
	}
	#level-3 h4, 
	#level-3 h5 {
		border: none;
	}
	#level-3 h4 {
		color: #a1a5a9;
	}
	#level-3 h5 {
		color: #39AA44; 
		margin-bottom: 10px;
	}
	#tagbrowser a.more {
		text-decoration: none; 
		text-align: center; 
		padding-top: 0px; 
		color: #000;
	}
	#level-1-loading,
	#level-2-loading {
		text-align: center;
	}
	#level-1-loading img,
	#level-2-loading img {
		margin-top: 3em;
	}
/* */
	#tagbrowser div.ie p {
		margin: 150px 100px;
		font-size: 18px;
		font-weight: bold;
	}
	#content-header-extra fieldset {
	}
	#content-header-extra fieldset label {
		color: #fff;
	}
	#content-header-extra fieldset label span {
		display: block;
		visibility: hidden;
	}
	#tagbrowser .info {
		display: none;
	}
	#browse-resources h3 {
		display: block;
	}
	#browse-resources .subject,
	#browse-resources .aside {
		padding-top: 0;
	}
	#play-section {
		padding-top: 1em;
	}
	.com_resources #content-header-extra p.supported { 
		padding: 0 0 0 20px;
		margin: 2em 0 0 0;
	}
	#sbox-content {
		overflow: hidden;
	}
/* Audience skill level */	
	.audiencelevel {
		list-style: none;
		margin: 0;
		padding: 2px 0 0 0;
		margin-left: 2px;
	}
	.audiencelevel li, 
	#tagbrowser .audiencelevel li, 
	#level-3 .audiencelevel li {
		display: inline;
		padding: 0;
		margin: 0;
		padding-left: 10px;
		margin-left: -1px;
		background: url("/components/com_resources/images/circlerating.gif") 0 2px no-repeat;
	}
	#tagbrowser ul.audiencelevel {
		border: none; 
		height: auto; 
		overflow: hidden;
		overflow-x: hidden;
		padding: 2px 0 0 0;
		margin-left: 1px;
	}
	#tagbrowser ul.audiencelevel li, 
	#level-3 ul.audiencelevel li {
		margin-right: -10px;
		padding-right: 0;
		margin-left: 0;
		padding-left: 0;
	}
	#tagbrowser ul.audiencelevel li span, 
	.audiencelevel li span {
		margin: -1px;
		padding: 0;
	}
	.audiencelevel li.level0, 
	#tagbrowser .audiencelevel li.level0  {
		background-position: 0 2px;
		padding-left: 17px;
		margin-right: 0.3em;
	}
	#tagbrowser .audiencelevel li.level0  {
		background-position: 0 10px;
	}
	.audiencelevel li.level1 {
		background-position: -21px 2px;
	}
	#tagbrowser .audiencelevel li.level1 {
		background-position: -21px 10px;
	}
	.audiencelevel li.level2 {
		background-position: -39px 2px;
	}
	#tagbrowser .audiencelevel li.level2 {
		background-position: -39px 10px;
	}
	.audiencelevel li.level3 {
		background-position: -57px 2px;
	}
	#tagbrowser .audiencelevel li.level3 {
		background-position: -57px 10px;
	}
	.audiencelevel li.level4 {
		background-position: -93px 2px;
	}
	#tagbrowser .audiencelevel li.level4 {
		background-position: -90px 10px;
		margin-left:-2px;
	}
	.skill_level0, 
	.skill_level1 {
		color: #39b54a;
	}
	.skill_level2 {
		color: #00aeef;
	}
	.skill_level3 {
		color: #1b75bc;
	}
	.skill_level4 {
		color: #000000;
	}
	.audiencelevel li.level0_isoff, 
	#tagbrowser .audiencelevel li.level0_isoff {
		display:none;
	}
	.audiencelevel li.txtlabel, 
	#tagbrowser .audiencelevel li.txtlabel  {
		padding: 0;
		padding-left: 5px;
		vertical-align: top;
		background: none !important;
		color: #666666;
		font-size: 85%;
	}
	#tagbrowser .audiencelevel li.txtlabel {
		margin-right: 0;
		padding-right: 0;
		margin-left: -5px;
		padding-left: 0;
	}
	.audiencelevel li.isoff {
		background-position: -111px 2px;
	}
	#tagbrowser .audiencelevel li.isoff  {
		background-position: -111px 10px;
		margin-left: 0;
	}
	.usagescale {
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 998; /* different */
	}
	#tagbrowser .usagescale {
		position: inherit;
		z-index: 99999;
	}
	.usagescale table {
		border: none;
		color: #333333;
		font-weight: 500;
	}
	.secondcol {
		color: #666;
		font-weight: normal;
	}
	.usagescale table th,
	.usagescale table td {
		line-height: 1.2em;
		padding: 5px 5px;
		font-size: 85%;
		border-bottom: 1px solid #e3e3e3;
	}
	.usagescale table thead td {
		font-style: italic;
		color: #999999;
		font-weight: normal;
	}
	.usagescale table th {
		text-align: right;
		width: 30%;
	}
	.usagescale ul {
		margin-top: -0.2em;
		margin-bottom: 0.3em;
	}
	.learnmore {
		text-align: right;
		font-size: 85%;
	}
	.explainscale {
		padding: 1em;
		position: absolute;
		top: 20px;
		left: -999em;
		width: 300px;
		border: 1px solid #ccc;
		background: #FFF;
		/* Rounded corners */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;	
		-khtml-border-radius: 10px;
		border-radius: 10px;
		/* Shadows */
		box-shadow: 0px 2px 4px #CCC;
		-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); /* length length length color */
		-moz-box-shadow: #ccc 0px 2px 4px; /* color length length length */
	}
	.usagescale .active {
		left: -100px;
	}
	.infopage {
		width: 75%;
		margin: 2em 0; 
		border: 1px solid #cccccc;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;	
		-khtml-border-radius: 10px;
		border-radius: 10px;
		box-shadow: 0px 2px 4px #CCC;
		-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); /* length length length color */
		-moz-box-shadow: #ccc 0px 2px 4px; /* color length length length */
	}
	.infopage .usagescale {
		z-index:auto;
	}
	.combtd {
		text-align: center;
	}
/* Taxonomy */
	#flotr-mouse-value {
		width: 250px;
		white-space: normal;
		background-color: #ffffe5;
		border: 1px solid #a9a9a9;
		padding: 8px 8px;
		-moz-border-radius:4px;
		-webkit-border-radius: 4px;	
		-khtml-border-radius: 4px;
		border-radius:4px;
		box-shadow: 0px 2px 4px #CCC;
		-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); /* length length length color */
		-moz-box-shadow: #ccc 0px 2px 4px; /* color length length length */
	}
	#flotr-mouse-value h4,
	#flotr-mouse-value p {
		white-space: normal;
	}
	#flotr-mouse-value .rankinfo {
	}
/* Misc */
	.supportingdocs .presentation { 
		background: url("/components/com_resources/presenter/img/presenter.png") no-repeat 13px 50%; 
	}
	
	/* Course View */
	.html5 {
		padding:1px 0 1px 20px;
		background: url("/components/com_resources/images/html5.png") no-repeat 0 50%;
	}
	.flash {
		padding:0 0 0 20px;
		background: url("/components/com_resources/images/flash.png") no-repeat 4px 50%;
	}
	.resource ol {
		list-style: decimal;
	}

{'fraction_non_alphanumeric': 0.15400691262760227, 'fraction_numerical': 0.05964150791736999, 'mean_word_length': 3.167687595712098, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2749901', 'n_tokens_mistral': 41697, 'n_tokens_neox': 34989, 'n_words': 8044}