/**
 * @package     hubzero-cms
 * @file        templates/hubbasic/css/main.css
 * @copyright   Copyright 2005-2011 Purdue University. All rights reserved.
 * @license     http://www.gnu.org/licenses/lgpl-3.0.html LGPLv3
 */

/* Core stylesheets */
@import url("reset.css"); /* Mass reset */

/*---------------------------------------------------------------
	Headers
---------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
.contentheading,
.contentpaneopen td.contentheading
{
	font-weight: bold;
}

h1
{
	font-size: 1.8em;
}

h2,
.contentheading,
.contentpaneopen td.contentheading
{
	font-size: 1.6em;
}



* 
{
	font-family: "Titillium Web", arial, sans-serif
}

a 
{
	text-decoration: none;
}

body
{
	color: #666;
	background: #c4c4c4;
}

#page 
{
	width: 1060px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
}

#header 
{
	padding: 0px 50px 0px 50px;
	text-transform: uppercase;
	color: #ffffff;
	background: url("../images/ncpre.png") no-repeat scroll 380px 50px #2cb2eb;
	
}

#header a
{
	color: #ffffff;
}

#top 
{
	display: inline-block;
	width: 100%;
}

#org_affiliation 
{
	text-transform: uppercase;
	float: left;
	padding: 15px 0px 15px 0px;
	color: #27211f;
}

#user_actions 
{
	float: right;
}

#user_actions .userbutton 
{
	float: left;
}

#user_actions .userbutton a 
{
	background: #27211f;
	padding: 5px 15px 5px 15px;
	margin: 0px 0px 0px 5px;
	display: block;
}

#logos 
{
	display: inline-block;
	width: 100%;
	margin: 0px 0px 15px 0px;
}


#ethicslogo 
{
	float: left;
	text-transform: none;
}

#ethicslogo h1 
{
	font-size: 54px;
	font-weight: bold;
	line-height: 54px;
}

#catchphrase 
{
	text-transform: none;
	margin: 0px 0px 0px 3px;
}

#illinoislogo 
{
	float: right;
	margin: 2px 20px 0px 0px;
}

#illinoislogo a
{
	display: block;
	width: 32px;
	height: 40px;
	background: url("../images/imark.png") no-repeat scroll 0px 0px transparent;
}

#illinoislogo a span
{
	display: none;
}

#csllogo 
{
	float: right;
}

#csllogo a
{
	display: block;
	width: 195px;
	height: 43px;
	background: url("../images/csl-logo.png") no-repeat scroll 0px 0px transparent;
}

#csllogo a span 
{
	display: none;
}

#nav
{
	background-color: #2c8bb0;
}

#nav h2
{
	display: none;
}

#nav ul
{
	height: 50px;
	font-weight: bold;
	margin: 0px 0px 10px;
}

#nav a
{
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 15px 25px 15px 25px;
	display: block;
}

#nav li
{
	margin: 0 -1px 0 0;
	padding: 0;
	float: left;
	height: 3em;
	display: block;
	background: none;
}

#nav li a:hover
{
	background-color: #27211f;
}

#nav li.active a
{
	background: #27211f;
}

#nav li ul
{
	position: absolute;
	left: -999em;
	height: auto;		
	width: 250px;
	margin: 0;
	padding: 0 0px 10px 0px;
	background: #2b89b1;
	border: 0px solid #2b89b1;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

#nav li li
{
	border: none;
	height: auto;
	padding-right: 10px;
	width: 200px;
	background: none;
}

#nav li.active ul a, 
#nav li ul a
{
	width: 200px;
	height: auto;
	font-size: 0.95em;
	font-weight: normal;
	line-height: 2em;
	text-transform: none;
	padding: 0 25px;
	background: #2b89b1;
}

#nav li ul a:hover
{
	background: #27211f;
}

#nav li ul ul
{
	margin: -2em 0 0 21em;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul
{
	left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul
{
	z-index: 666;	
	left: auto;
}




/*---------------------------------------------------------------
	Breadcrumb trail
---------------------------------------------------------------*/
#trail
{
	margin: 0px 50px 0px 50px;
	padding: 2px 5px 2px 25px;
	background-color: #f0f0f0;
}

#trail a 
{
	color: #2b89b1;
}

#trail a:hover
{
	text-decoration: underline;
}

#wrap
{
	margin: 0px 50px 0px 50px;
	padding: 10px 0px 10px 0px;
	width: 960px;
	background-color: #ffffff;
	font-size: 0.8em;
}

#wrap a, 
#wrap a:link, 
#wrap a:active, 
#wrap a:visited
{
	color: #2b89b1;
	text-decoration: none;
}
#wrap a:hover 
{
	text-decoration: underline;
}


#footer
{
	margin: 0;
	padding: 20px 50px 0px 50px;
	height: 460px;
	background: #2c8bb0;
	font-size: 0.8em;
}

#footer, #footer a 
{
	color: #ffffff !important;
}

#footer a:hover 
{
	text-decoration: underline;
}

#footer p 
{
	margin: 0px 0px 10px 0px;
}

#footer h2 
{
	font-size: 1.3em;
	border-bottom: 1px solid #ffffff;
}

#footer .listcontiner 
{
	display: inline-block;
	width: 100%;
}

#footer .listcontainer .list 
{
	float: left;
	width: 220px;
	margin: 0px 20px 0px 0px;
}

#footer .listcontainer .list ul 
{
	margin: 0px 0px 20px 0px;
	list-style: none;
}

#footer .listcontainer .list ul li 
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #56a1bf;
}

#footer-info 
{
	display: inline-block;
	width: 100%;
	margin: 40px 0px 0px 0px;
}

#footer-info .logos 
{
	margin: 6px 0px 0px 0px;
}


#footer-info .supportedby 
{
	width: 500px;
}

#footer-info .credit 
{
	width: 250px;
}

#loading 
{
	display: none;
}

.fleft 
{
	float: left;
	padding: 0px 20px 20px 0px;
}

.fright 
{
	float: right;
	padding: 0px 0px 20px 20px;
}

.box 
{
	background: #fff;
}

#wrap .box h3 
{
	background-color: #2cb2eb;
	color: #ffffff;
	padding: 2px 10px 2px 10px;
}

.box h3.dark 
{
	background-color: #2b89b1
}

.boxcontent {
	padding: 15px;
}

.boxcontent .item 
{
	border-bottom: 1px solid #f0f0f0;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}

.boxcontent ul
{
	margin: 0px 0px 10px 0px;
}

.boxcontent li
{
	padding: 0px 0px 0px 30px;
	background: url("../images/bullet.png") no-repeat scroll 10px 8px transparent;
}

a.darkbutton 
{
	padding:  5px 15px 5px 15px;
	background-color: #27211f;
	border-radius: 15px 15px 15px 15px;
	color: #ffffff;
	font-size: 0.8em;
	font-weight: bold;
}

a.bluebutton 
{
	padding:  5px 15px 5px 15px;
	background-color: #2cb2eb;
	border-radius: 15px 15px 15px 15px;
	color: #ffffff !important;
	font-size: 0.8em;
	font-weight: bold;
}

.article_separator 
{
	display: none;
}

/*---------------------------------------------------------------
	subpage styles
---------------------------------------------------------------*/

.contentpaneopen {
		width: 100%;
		}
.contentpaneopen,
.contentpaneopen td {
		border: none;
		}


/*---------------------------------------------------------------
	Lists
---------------------------------------------------------------*/		
ol
{
	margin: 0px 0px 10px 0px;
}

ol li
{
	padding: 0px 0px 0px 30px;
}

ul
{
	margin: 1em 0 1em 3em;
/*		
	margin: 0px 0px 10px 0px;
*/
}




ul li
{
	margin: 0.7em 0;
	line-height: 1.5em;
}

dl
{
	margin: 0px 0px 10px 0px;
}

dt
{
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
}

dd
{
	padding: 0;
	margin: 0 0 10px 20px;
	line-height: 1.5em;
}
		
/*---------------------------------------------------------------
	PRE, Code, etc.
---------------------------------------------------------------*/
pre
{
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	line-height: 1.45em;
	color: #555;
	margin: 1em 0 1em 0;
	padding: 0 0 0 1em;
	border-left: 5px solid #ddd;
	font-size: 110%;
	white-space: pre;
	/* begin css 3 or browser specific rules - do not remove!
	see: http://forums.techguy.org/archive/index.php/t-249849.html */
	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	/* end css 3 or browser specific rules */
}

code, tt
{
	font-size: 0.91em;
}

/*---------------------------------------------------------------
	PRE, Code, etc.
---------------------------------------------------------------*/
p
{
	margin: 1em 0 1em 0; 
	line-height: 1.5em;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

hr
{
	border: none;
	height: 1px;
	border-top: 1px solid #efefef;
}

abbr
{
	border-bottom: 1px dotted #333;
}

blockquote
{
	margin: 0;
	padding: 0.1em 1em;
	border-left: 3px solid #ddd;
	color: #777;
	background: #F7F7F3;
}

.cite
{
	margin: 1em 0 3em 3em;
}

iframe
{
	border: none;
}

/*---------------------------------------------------------------
	Tables
---------------------------------------------------------------*/
	table,
	.contentpaneopen table {
		width: 100%;
		text-align: left;
		font-size: 1em;
		border-top: 5px solid #dfdfdf;
		border-bottom: 2px solid #dfdfdf;
		}
	table caption,
	.contentpaneopen table caption {
		line-height: 1.6em;
		padding: 5px 10px;
		}
	table th,
	table td,
	.contentpaneopen table th, 
	.contentpaneopen table td {
		vertical-align: top;
		line-height: 1.6em;
		padding: 5px 10px;
		border-bottom: 1px solid #fff;
		}
	table tr.odd,
	.contentpaneopen table tr.odd {
		background-color: #f4f4f4;
		}
	table tr.even,
	.contentpaneopen table tr.even {
		background-color: #fff;
		}
	table thead th,
	.contentpaneopen table thead th {
		font-weight: bold;
		border-bottom: 1px solid #dfdfdf;
		white-space: nowrap;
		}
	table th p,
	table td p,
	.contentpaneopen table th p, 
	.contentpaneopen table td p {
		}

/*---------------------------------------------------------------
	Core classes
---------------------------------------------------------------*/
	.off,
	.hide {
		display: none;
		}
	.on,
	.show {
		display: block;
		}
	.invisible {
		visibility: hidden;
		}
	.clear {
		clear: both;
		}
	.nowrap {
		white-space: nowrap;
		}
	.highlight {
		background-color: #FFFF99;
		}
	.align-right {
		text-align: right;
		}
	.align-left {
		text-align: left;
		}
	.align-center {
		text-align: center;
		}
	img.align-right {
		float: right;
		margin: 0 1em 1em 0;
		}
	img.align-left {
		float: left;
		margin: 0 1em 1em 0;
		}
/*---------------------------------------------------------------
	Site notices, warnings, errors
---------------------------------------------------------------*/
	#sitenotice {
		padding: 10px 10px 10px 30px; 
		margin: 0;
		text-align: left;
		}
	#sitenotice p { 
		margin: 0; 
		padding: 0; 
		}
	.low { 
		border: 1px solid #C2D6EF; 
		color: #4379CA; 
		background: #EFF7FF url("../images/icons/information.png") 10px 10px no-repeat;
		}
	.medium {
		border: 1px solid #EFEAC2; 
		color: #CC6633; 
		background: #FFFDEF url("../images/icons/warning.gif") 10px 10px no-repeat; 
		}
	.high {
		border: 1px solid #EFCCC2; 
		color: #CC0000;
		background: #FFF2EF url("../images/icons/error.gif") 10px 10px no-repeat; 
		}
	.archive,
	.help,
	.info,
	.information,
	.alert,
	.warning,
	.failed,
	.error,
	.passed,
	.locked,
	.timed,
	.flagged { 
		margin: 1em 0 1em 0;
		padding: 10px 10px 10px 30px; 
		}
	.help { 
		/*background: #f6efff url("../images/icons/help.png") 10px 10px no-repeat;*/
		border: 1px solid #d7c2ef; 
		color: #8a42cd;
		}
	.info,
	.information { 
		background: #EFF7FF url("../images/icons/information.png") 10px 10px no-repeat;
		border: 1px solid #C2D6EF; 
		color: #4379CA;
		}
	.help a,
	.info a,
	.information a {
		color: blue !important;
		border-bottom: 1px solid blue !important;
		}
	.help a:hover,
	.info a:hover,
	.information a:hover {
		color: #000;
		border-bottom: 1px solid #000;
		}
	.alert,
	.warning { 
		border: 1px solid #EFEAC2; 
		color: #CC6633; 
		background: #FFFDEF url("../images/icons/warning.gif") 10px 10px no-repeat;
		}
	.failed,
	.error { 
		border: 1px solid #EFCCC2; 
		color: #CC0000;
		background: #FFF2EF url("../images/icons/error.gif") 10px 10px no-repeat; 
		}
	.passed { 
		border: 1px solid #CDDECA; 
		color: #7AAB69;
		background: #F3FDF0 url("../images/icons/accept.gif") 10px 10px no-repeat; 
		}
	.archive { 
		border: 1px solid #ccc; 
		color: #777;
		background: #efefef url("../images/icons/archive.gif") 10px 10px no-repeat;
		}
	.locked { 
		border: 1px solid #EFEAC2; 
		color: #CC6633; 
		background: #FFFDEF url("../images/icons/lock.gif") 10px 10px no-repeat;
		}
	.timed { 
		border: 1px solid #e9dab3; 
		color: #ad733f; 
		background: #f5efe2 url("../images/icons/hourglass.png") 10px 10px no-repeat;
		}
	.flagged { 
		border: 1px solid #EFCCC2; 
		color: #CC0000;
		background: #FFF2EF url("../images/icons/flag_red.png") 10px 10px no-repeat;
		}
	.archive h4,
	.passed h4,
	.failed h4,
	.help h4,
	.information h4,
	.warning h4,
	.error h4,
	.timed h4,
	.flagged h4 {
		margin-top: 0;
		padding-top: 0;
		}
	.failed h4,
	.error h4 {
		color: #CC0000;
		}
	.help h4 {
		color: #8a42cd;
		}
	.info h4,
	.information h4 {
		color: #4379CA;
		}
	.warning h4 {
		color: #CC6633;
		}
	.passed h4 {
		color: #360;
		}
/*---------------------------------------------------------------
	Search
---------------------------------------------------------------*/
	#searchform {
		position: relative;
		top: 80px;
		right: -140px;
		margin: 0;
		padding: 0;
		}
	#searchform fieldset {
		border: none;
		padding: 0;
		margin: 0;
		background: transparent;
		}
	#searchform legend { 
		display: none;
		}
	#searchform label { 
		color: #999; 
		display: none; 
		}
	#searchform input { 
		background: #fff url("../images/search.png") 10px 50% no-repeat;
		border: 1px solid #bbb;
		padding: 3px 3px 3px 26px;
		font-size: 12px; 
		color: #999;
		width: 250px;
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
		-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
		border-radius: 13px;
		}
	#searchform input#submitquery { 
		display: none;
		}
	.searchform2 { 
		background: #fff url("../images/search.png") 10px 50% no-repeat;
		margin-left: 15px;
		border: 1px solid #bbb;
		padding: 3px 3px 3px 30px;
		font-size: 12px; 
		color: #000;
		-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
		-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
		border-radius: 13px;
		width: 430px;
		}
		.searchform3 { 
		margin-left: 7px;
		margin-top: 5px;
		}
		.searchform4 { 
		margin-left: 7px;
		margin-top: 5px;
		}
		.searchform5 { 
		margin-left: 7px;
		margin-top: 5px;
		}
		.searchform6 { 
		margin-left: 7px;
		margin-top: 5px;
		}
		.searchform7 { 
		margin-left: 7px;
		margin-top: 10px;
		margin-bottom: 20px;

		}
		.searchform8 { 
		margin-left: 25px;
		margin-top: 7px;
		}


/* Top tab */
	#tab {
		float: right;
		font-style: normal;
		padding: 0.9em 0;
		margin: 0 45px 0 0;
		list-style: none;
		}
	#tab span {
		padding-right: 20px;
		}
	#tab a { 
		background: transparent url("../images/help.png") right -2px no-repeat;
		}
	#tab a:hover {
		background-position: right -47px;
		}


/*---------------------------------------------------------------
	Columns
---------------------------------------------------------------*/
/* Sections */
	.section {
		padding: 0;
		border: 1px solid transparent;
		border-top: 1px solid #efefef;
		}
	.section .section {
		padding: 0;
		}
	.main {
		border-top: 1px solid #efefef;
		}
	.below {
		margin: 2em 0 0 0;
		padding-top: 1em;
		}
/* Subjects (with right aside) */
	.subject {
		margin: 1em 0;
		margin-right: 235px;
		padding: 1.4em;
		background: #F7F7F7;
		border: 1px solid transparent;
		border-top: 1px solid #E3E3E3;
		border-bottom: 1px solid #E3E3E3;
		}
	.main .subject {
		border: 1px solid transparent;
		background: transparent;
		margin-top: 0;
		padding: 1em 0 0 0;
		}
	.main .subject>h3 {
		display: none;
		}
	.withleft .subject>h3 {
		display: block;
		}
#content-header-extra ul li {
margin-left: 1em;
list-style: none;
}
/* Asides (right side) */
	.aside {
		float: right;
		width: 214px;
		padding-top: 2em;
		}
	.aside h4,
	.aside p {
		color: #999;
		}
	.aside h4 {
		margin-bottom: 0;
		padding-bottom: 0;
		}
	/* Fieldsets */
	.aside fieldset {
		margin: 1em 0 1em 0;
		padding: 1em;
		background: #F5F7F2;
		border-top: 1px solid #DEE4CD;
		border-bottom: 1px solid #DEE4CD;
		}
	.aside>fieldset {
		margin-top: 0;
		}
	.aside fieldset label {
		display: block;
		margin-bottom: 0.5em;
		}
	.aside fieldset label input, 
	.aside fieldset label select, 
	.aside fieldset label textarea {
		width: 100%;
		}
	.aside fieldset label input.option {
		width: auto;
		}
	.aside fieldset legend {
		font-weight: bold;
		padding: 0 0 1em 0;
		display: none;
		}
	/* Lists */
	.aside .sub-nav {
		margin: 1em 0 2em 0;
		padding: 1em;
		background: #F4F4F4;
		border-top: 1px solid #D8D8D8;
		border-bottom: 1px solid #D8D8D8;
		}
	.aside .sub-nav li {
		margin: 0.3em 0;
		list-style: none;
		}
	.aside .sub-nav ul {
		margin-left: 1.5em;
		}
	.aside .sub-nav .active {
		font-weight: bold;
		}
	/* Message box colors */
	.aside .help,
	.aside .info { 
		color: #4379CA; 
		}
	.aside .help { 
		color: #8a42cd;
		}
	.aside .alert,
	.aside .warning { 
		color: #CC6633; 
		}
	.aside .failed,
	.aside .error { 
		color: #CC0000;
		}
	.aside .passed { 
		color: #7AAB69;
		}
	.aside .archive { 
		color: #777;
		}
	.aside .locked { 
		color: #CC6633; 
		}
	.aside .timed { 
		color: #ad733f; 
		}
	.aside .flagged { 
		color: #CC0000;
		}
/* NOTE: added to some containing div to dictate what side (left or right) an "aside" column will appear. */
	.com_content .withleft {
		border: none;
		}
	.withleft #content-header {
		margin: 0;
		border-bottom: 1px solid #efefef;
		}
	.withleft #content-header h2 {
		margin: 0 15px 0 0;
		}
	.withleft #content-header h3 {
		margin: 0 15px 0 0;
		}
/* Subjects (with left aside) */
	.withleft .subject {
		margin-right: 0;
		margin-left: 250px;
		}
/* Asides (left side) */
	.withleft .aside {
		float: left;
		width: 214px;
		}
	.withleft .aside ul {
		border-bottom: 1px solid #E0E0E0;
		padding: 0;
		margin: 0 0 0 0;
		border-top: 1px solid #E0E0E0;
		}
	.withleft .aside li {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		background-image: none;
		margin: 0;
		padding: 0;
		list-style: none;
		}
	.withleft .aside li a {
		display: block;
		padding: 0.7em 1.2em;
		background: #F5F5F5 url("../images/bullets/arrow.gif") 0.2em 1.2em no-repeat;
		font-size: 85%;
		text-transform: uppercase;
		letter-spacing: 1px;
		}
	.withleft .aside li.active a, 
	.withleft .aside li a.active {
		background-color: #fff;
		color: #333;
		}
	.withleft .aside li.active li a {
		padding-left: 1.2em;
		background: #F5F5F5 url("../images/bullets/arrow.gif") 0.2em 1.2em no-repeat;
		color: #6699cc;
		}
	.withleft .aside li.active li.active a {
		background-color: #fff;
		color: #333;
		}
	.withleft .aside li span {
		display: block;
		border-top: 1px solid #E0E0E0;
		border-bottom: 1px solid #E0E0E0;
		}
	.withleft .aside li a span, 
	.withleft .aside li span span {
		border: none;
		}
	.withleft .aside li a:hover {
		border: none;
		background-position: 0.2em 1em;
		background-color: #333;
		color: #fff;
		}
	.withleft .aside li.active a:hover {
		background-color: #333;
		color: #fff;
		}
	.withleft .aside ul ul {
		padding: 0 0 0 1em;
		margin: 0;
		background: #fff;
		}
	.withleft .aside li li a {
		display: block;
		padding: 0.3em 0.3em 0.3em 1.2em;
		text-transform: none;
		background-position: 0.2em 1em;
		letter-spacing: 1px;
		}
/*---------------------------------------------------------------
	Flexible Columns
---------------------------------------------------------------*/
	.columns {
		margin: 0;
		padding: 0;
		border: none;
		float: left;
		text-align: left;
		}
/* Two Columns */
	.two {
		width: 48%;
		}
	.two.first {
		padding: 0 2% 0 0;
		}
	.two.second {
		padding: 0 0 0 2%;
		}
/* Three Columns */

	.three {
		width: 31.5%;
		}
	.three.first {
		padding: 0 1.25% 0 0;
		}
	.three.second {
		padding: 0 1.25% 0 1.25%;
		}
	.three.third {
		padding: 0 0 0 1.25%;
		}
	.three.first.second {
		padding: 0 1.25% 0 0;
		width: 64.5%;
		}
	.three.second.third {
		padding: 0 0 0 1.25%;
		width: 64.5%;
		}
/* Four Columns */

	.four {
		width: 23%;
		}
	.four.first {
		padding: 0 1.25% 0 0;
		}
	.four.second {
		padding: 0 1.25% 0 1.25%;
		}
	.four.third {
		padding: 0 1.25% 0 1.25%;
		}
	.four.fourth {
		padding: 0 0 0 1.25%;
		}
	.four.first.second {
		padding: 0 1.25% 0 0;
		width: 48.5%;
		}
	.four.second.third {
		padding: 0 1.25% 0 1.25%;
		width: 48.5%;
		}
	.four.third.fourth {
		padding: 0 0 0 1.25%;
		width: 48.5%;
		}
	.four.first.second.third {
		padding: 0 1.25% 0 0;
		width: 74%;
		}
	.four.second.third.fourth {
		padding: 0 0 0 1.25%;
		width: 74%;
		}
	.columns .animation { padding-left: 23px; background: url("../images/icons/fc-animation.gif") 0 0em no-repeat; }
	.columns .download { padding-left: 23px; background: url("../images/icons/fc-download.gif") 0 0em no-repeat; }
	.columns .course { padding-left: 23px; background: url("../images/icons/fc-course.gif") 0 0em no-repeat; }
	.columns .learningmodule { padding-left: 23px; background: url("../images/icons/fc-learningmodule.gif") 0 0em no-repeat; }
	.columns .note { /*padding-left: 23px; background: url("../images/icons/fc-note.gif") 0 0em no-repeat;*/ }
	.columns .onlinepresentation,
	.columns .seminar,
	.columns .onlinepresentations,
	.columns .presentation { padding-left: 23px; background: url("../images/icons/fc-presentation.gif") 0 0em no-repeat; }
	.columns .publication { padding-left: 23px; background: url("../images/icons/fc-publication.gif") 0 0em no-repeat; }
	.columns .teachingmaterial { padding-left: 23px; background: url("../images/icons/fc-teachingmaterial.gif") 0 0em no-repeat; }
	.columns .tool { padding-left: 23px; background: url("../images/icons/fc-tool.gif") 0 0em no-repeat; }
	.columns .series { padding-left: 23px; background: url("../images/icons/fc-series.gif") 0 0em no-repeat; }
	.columns .workshop { padding-left: 23px; background: url("../images/icons/fc-workshop.gif") 0 0em no-repeat; }
	.columns .wiki { padding-left: 23px; background: url("../images/icons/fc-wiki.gif") 0 0em no-repeat; }
	.columns .contact { padding-left: 23px; background: url("../images/icons/fc-contact.gif") 0 0em no-repeat; }
	.columns .tag { padding-left: 23px; background: url("../images/icons/fc-tag.gif") 0 0em no-repeat; }
	.columns .feedback { padding-left: 23px; background: url("../images/icons/fc-feedback.gif") 0 0em no-repeat; }
	.columns .group { padding-left: 23px; background: url("../images/icons/fc-group.gif") 0 0em no-repeat; }
	.columns .poll { padding-left: 23px; background: url("../images/icons/fc-poll.gif") 0 0em no-repeat; }
	.columns .podcast { padding-left: 23px; background: url("../images/icons/fc-podcast.gif") 0 0em no-repeat; }
	.columns .donate { padding-left: 23px; background: url("../images/icons/fc-donate.gif") 0 0em no-repeat; }
	.columns .webmeetings { padding-left: 23px; background: url("../images/icons/fc-webmeetings.gif") 0 0em no-repeat; }
	.columns .contribute { padding-left: 23px; background: url("../images/icons/fc-contribute.gif") 0 0em no-repeat; }
	.columns .search { padding-left: 28px; background: url("../images/icons/fc-search.gif") 0 0.2em no-repeat; }
	.columns .browse { padding-left: 28px; background: url("https://nationalethicscenter.org/templates/ethicscore/images/icons/fc-browse.gif") 0 0.2em no-repeat; }
	.columns .quote { padding-left: 28px; background: url("../images/quoteopen.gif") 0.2em 0.2em no-repeat; }

	/* self-clearing floats */
	#help-pane:after,
	#wrap:after, 
	#header:after,
	#content:after,
	.columns:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
/*---------------------------------------------------------------
	Tabbed sub-menus
---------------------------------------------------------------*/

	#sub-menu {
		background: #EFEFEF url("../images/tabs_bg.gif") left bottom repeat-x;
		margin: 0;
		padding: 0 5px;
		}
	#sub-menu ul {
		margin: 0;
		padding: 0 10px 0 10px;
		list-style: none;
		position: relative;
		height: 40px;
		border: none;
		}
	#sub-menu li {
		margin: 0;
		padding: 8px 0 0 0;
		float: left;
		display: block;
		height: 32px;
		border: none;
		background-image: none;
		}
	#sub-menu li a {
		margin: 0;
		padding: 0 20px 0 0;
		background: url("../images/tabs.gif") right top no-repeat;
		color: #fff;
		display: block;
		height: 32px;
		text-align: center;
		border: none;
		}
	#sub-menu li a span {
		margin: 0;
		padding: 10px 0 0 20px;
		background: url("../images/tabs.gif") 0 0 no-repeat;
		display: block;
		height: 22px;
		text-align: center;
		border: none;
		}
	#sub-menu li a:hover {
		border: none;
		background-position: right -38px;
		}
	#sub-menu li a:hover span {
		border: none;
		background-position: 0 -38px;
		}
	#sub-menu li.active a {
		background: url("../images/tabs.gif") right -76px no-repeat;
		color: #333;
		}
	#sub-menu li.active a span {
		background: url("../images/tabs.gif") 0 -76px no-repeat;
		color: #333;
		}
/*---------------------------------------------------------------
	Forms
---------------------------------------------------------------*/

	#hubForm {
		padding: 0;
		margin: 1em 0;
		position: relative;
		}
	#hubForm fieldset {
		padding: 0 2% 1.75em 23%;
		border: none;
		float: left;
		width: 33%;
		margin: 0.5em 0 0.5em 0;
		color: #827f6a;
		background: #f7f6ed;
		border: 5px solid #eeede0;
		}
	#hubForm legend {
		font-weight: bold;
		white-space:normal;
		}
	#hubForm fieldset fieldset legend {
		font-weight: normal;
		}
	#hubForm.full fieldset {
		padding: 0 2% 1.75em 2%;
		width: 66%;
		}
	#hubForm fieldset.dataset {
		padding: 0 2% 1.75em 0;
		width: 68%;
		background: #fff;
		border: none;
		}
	#hubForm label {
		display: block;
		padding-top: 1.5em;
		}
	#hubForm input, 
	#hubForm select, 
	#hubForm textarea {
		margin-top: 0.25em;
		width: 100%;
		}
	#hubForm fieldset fieldset {
		margin: 1.75em 0 1.75em 0;
		padding: 0 1em 1.75em 1em;
		border: 1px solid #e9e7d6;
		float: none;
		width: auto;
		}
	#hubForm fieldset fieldset label {
		padding-top: 0.7em;
		}
	#hubForm fieldset fieldset fieldset {
		margin: 0;
		padding: 0;
		border: none;
		float: none;
		width: auto;
		}
	#hubForm fieldset fieldset fieldset label {
		margin-left: 1.75em;
		}
	#hubForm fieldset fieldset fieldset legend label {
		margin-left: 0;
		}
	#hubForm .option {
		display: inline;
		margin: 0 0.25em 0 0 !important;
		margin: 0;
		width: auto;
		}
	#hubForm .indent {
		margin-left: 1.75em;
		}
	#hubForm .group {
		position: relative;
		margin-left: -3em;
		padding: 0 0 1.5em 5em;
		overflow: hidden;
		top: 1.5em;
		left: 1.5em;
		background-image: none;
		}
	#hubForm .group label {
		padding: 0;
		float: left;
		width: 50%;
		}
	#hubForm .group label:first-child {
		margin: 0 2em 0 -3.5em;
		}
	#hubForm fieldset .group fieldset {
		padding: 0;
		margin: 1.5em 0;
		float: left;
		width: 47%;
		padding-left: 1.5%;
		padding-right: 1.5%;
		}
	#hubForm fieldset .group fieldset:first-child {
		margin-left: -3.5em;
		margin-right: 2em;
		}
	#hubForm .top label {
		padding-left: 0%;
		padding-right: 3%;
		text-align: right;
		}
	#hubForm fieldset .top {
		padding-top: 1em;
		}
	#hubForm .threeup {
		margin-left: -1.5%;
		margin-right: -3%;
		padding: 0 0 1.5em 0;
		left: 0;
		margin-top: 0;
		margin-bottom: 0.5em;
		}
	#hubForm .threeup label {
		padding: 0;
		float: left;
		width: 30%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 1.5%;
		padding-right: 1.5%;
		}
	#hubForm .threeup label:first-child {
		margin-left: 0;
		margin-right: 0;
		}
	#hubForm .group label .error,
	#hubForm .group label .warning {
		display: block;
		}
	#hubForm label em {
		display: block;
		margin: -1.5em 0 0 10em;
		text-align: right;
		font: inherit;
		color: #aa9;
		}
	#hubForm .submit {
		padding: 1em 0 1em;
		text-align: center;
		margin-right: 30%;
		}
	#hubForm .submit input {
		display: inline;
		width: auto;
		}
	#hubForm .inactive {
		color: #aa9;
		}
	#hubForm legend,
	#hubForm h3 {
		/*position: absolute;*/
		padding-top: 1.25em;
		left: 1em;
		margin: 0;
		color: #878783;
		font-size: 1em;
		line-height: 1.3em;
		width: 16%;
		}
	#hubForm fieldset fieldset legend {
		position: inherit;
		width: auto;
		padding: 0.2em 0.5em;
		color: inherit;
		}
	#hubForm .explaination {
		position: relative;
		float: right;
		width: 22%;
		}
	#hubForm .explaination a:hover {
		color: #222;
		}
	#hubForm .explaination p {
		margin: 1em 0;
		}
	#hubForm .explaination h2 {
		position: relative;
		margin: 1.5em 0 0.5em;
		padding: 0;
		border: none;
		width: 100%;
		}
	#hubForm .explaination ul {
		position: relative;
		list-style: none;
		color: #57b;
		}
	#hubForm fieldset fieldset.fieldsWithErrors,
	.fieldsWithErrors {
		border: 1px solid #c00;
		}
	#hubForm fieldset fieldset.fieldsWithErrors legend,
	.fieldWithErrors { 
		color: #c00; 
		font-weight: bold; 
		}
	.fieldWithErrors input,
	.fieldWithErrors select,
	.fieldWithErrors textarea {
		background-color: #F8E5E5;
		}
	.fieldWithErrors .required,
	.fieldWithErrors .optional {
		font-weight: normal;
		}
	#hubForm .group .hint {
		margin-top: 0;
		}
	#hubForm .warning,
	#hubForm .error {
		margin-bottom: 0;
		}
	.optional,
	.required {
		text-transform: uppercase;
		font-size: xx-small;
		}
	.required {
		color: red;
		}
	.optional {
		color: #999999;
		}
	.hint {
		color: #999;
		font-size: 90%;
		}
	.subject #hubForm fieldset {
		float: none;
		width: auto;
		margin: 0;
		padding-bottom: 0;
		background: #dfdfdf;
		border-color: #bbb;
		color: #555;
		}
	.subject #hubForm fieldset fieldset {
		padding: 0 1em 1em 1em;
		margin-top: 1em;
		}
	.subject #hubForm .submit {
		margin-right: 0;
		}
	#hubForm table input,
	#hubForm table select {
		width: auto;
		}
/*---------------------------------------------------------------
	Paging
---------------------------------------------------------------*/

	.list-footer {
		margin: 1em 0 1em 0;
		padding: 0;
		color: #ccc;
		background-image: none;
		list-style: none;
		}
	.list-footer li {
		float: left;
		margin: 0;
		padding: 0 0.4em;
		background-image: none;
		list-style: none;
		}
	.list-footer .counter {
		float: right;
		padding: 0;
		color: #333;
		}
	.list-footer .page { 
		padding: 0 0.3em;
		}
	.list-footer .limit {
		padding-right: 1em;
		color: #333;
		float: right;
		}
	.list-footer .start {
		margin-left: 0;
		padding-left: 0;
		}
/*---------------------------------------------------------------
	Breadcrumbs
---------------------------------------------------------------

	.breadcrumbtrail {
		border: 1px solid #E0E0D7;
		border-top: none;
		margin-left: 0;
		padding: 1em;
		list-style: none;
		}
	.breadcrumbtrail li,
	.breadcrumbtrail li {
		font-size: 90%;
		display: inline;
		margin: 0;
		padding: 0 0.5em 0 0.7em;
		background: none;
		}
	.breadcrumbtrail .first {
		padding: 0 0.5em 0 0;
		border-left: none;
		}
	.breadcrumbtrail .active {
		font-weight: bold;
		}
/*---------------------------------------------------------------
	Misc. Classes
---------------------------------------------------------------*/
/*	.com_content .more {
		text-align: left;
		margin: 2em 0;
		}
	.com_content .more a {
		display: block;
		float: right;
		margin: 0;
		padding: 0.3em 0.5em;
		}
	.com_content .more a:hover {
		color: #3a82f7;
		border: 0px solid #3a82f7;
		}
*/
		
#more2 {
display: block;
float: right;
margin: 0 5px 0 0;

}
	.cal_table table,
	#overDiv table {
		width: auto;
		border: none;
		margin: 0;
		}
	#overDiv table td,
	#overDiv table th {
		border: none;
		padding: 0.2em;
		}
/*---------------------------------------------------------------
	Overlay
---------------------------------------------------------------*/
	#lbOverlay,
	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: #000;
		}
	#initializing {
		position: absolute;
		margin-left: -45px;
		padding: 0;
		top: 80px;
		left: 50%;
		width: 90px;
		height: 90px;
		z-index: 888;
		text-align: center;
		display: none;
		}
/*---------------------------------------------------------------
	Tooltips
---------------------------------------------------------------*/
	.tool-tip {
		color: #fff;
		width: 200px;
		z-index: 13000;
		text-align: left;
		}
	.tool-title {
		font-weight: bold;
		font-size: 90%;
		margin: 0;
		color: #9FD4FF;
		padding: 8px 8px 4px;
		background: url("../images/bubble.png") top left;
		}
	.tool-text {
		font-size: 90%;
		padding: 4px 8px 8px;
		background: url("../images/bubble.png") bottom right;
		}
/*---------------------------------------------------------------
	Lightbox
---------------------------------------------------------------*/
	#lbCenter, #lbBottomContainer {
		position: absolute;
		left: 50%;
		overflow: hidden;
		background-color: #fff;
		}
	.lbLoading {
		background: #fff url("../images/anim/spinner.gif") no-repeat center;
		}
	#lbImage {
		position: absolute;
		left: 0;
		top: 0;
		border: 10px solid #fff;
		background-repeat: no-repeat;
		}
	#lbPrevLink, #lbNextLink {
		display: block;
		position: absolute;
		top: 0;
		width: 50%;
		outline: none;
		}
	#lbPrevLink {
		left: 0;
		}
	#lbPrevLink:hover {
		background: transparent url("../images/lightbox/prevlabel.gif") no-repeat 0% 15%;
		}
	#lbNextLink {
		right: 0;
		}
	#lbNextLink:hover {
		background: transparent url("../images/lightbox/nextlabel.gif") no-repeat 100% 15%;
		}
	#lbBottom {
		font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
		font-size: 10px;
		color: #666;
		line-height: 1.4em;
		text-align: left;
		border: 10px solid #fff;
		border-top-style: none;
		}
	#lbCloseLink {
		display: block;
		float: right;
		width: 66px;
		height: 22px;
		background: transparent url("../images/lightbox/closelabel.gif") no-repeat center;
		margin: 5px 0;
		border: none;
		}
	#lbCaption, #lbNumber {
		margin-right: 71px;
		}
	#lbCaption {
		font-weight: bold;
		}
/* Squeezebox */
	.body-overlayed embed, 
	.body-overlayed object, 
	.body-overlayed select {
		visibility: hidden;
		}
	#sbox-window embed, 
	#sbox-window object, 
	#sbox-window select {
		visibility:	visible;
		}
	#sbox-overlay {
		position: absolute;
		background-color: #000;
		}
	#sbox-window {
		position: absolute;
		background-color: #000;
		text-align: left;
		overflow: visible;
		padding: 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}
	#sbox-btn-close {
		position: absolute;
		width: 30px;
		height: 30px;
		right: -15px;
		top: -15px;
		background: url("../images/lightbox/closebox.png") no-repeat top left;
		border: none;
		}
	#sbox-resizehandle {
		position: absolute;
		width: 30px;
		height: 30px;
		right: -15px;
		bottom: -15px;
		background: url("../images/lightbox/resizebox.png") no-repeat top left;
		border: none;
		cursor: se-resize;
		}
	#sbox-newwindow {
		position: absolute;
		width: 30px;
		height: 30px;
		right: 25px;
		bottom: -15px;
		background: url("../images/lightbox/newwindowbox.png") no-repeat top left;
		border: none;
		cursor: pointer;
		}
	.sbox-loading #sbox-content {
		background-image: url("../images/anim/spinner.gif");
		background-repeat: no-repeat;
		background-position: center;
		}
	#sbox-content {
		clear: both;
		overflow: auto;
		background-color: #fff;
		height:	100%;
		width: 100%;
		}
	.sbox-content-image#sbox-content {
		overflow: visible;
		}
	#sbox-image {
		display: block;
		}
	.sbox-content-image img {
		display: block;
		}
	.sbox-content-iframe#sbox-content {
		overflow: visible;
		}
	/* AJAX message box */
	#sbox-content {
		background-color: #f0f0f0;
		}
	#sbox-content h2 {
		display: none;
		}
	#sbox-content .explaination,
	#sbox-content .aside {
		display: none;
		}
	#sbox-content .main,
	#sbox-content .subject,
	#sbox-content .mian .subject,
	#sbox-content .withleft,
	#sbox-content form#hubForm {
		margin: 0;
		padding: 0;
		border: none;
		height: auto;
		}
	#sbox-content fieldset {
		padding: 0;
		margin: 0;
		width: 100%;
		border: none;
		background-color: transparent;
		}
	#sbox-content fieldset h3,
	#sbox-content .full fieldset h3 {
		margin: 0;
		padding: 0.5em 1em;
		width: auto;
		position: inherit;
		display: block;
		background: #a2a2a2 url("../images/lightbox/gray-fade.gif") 0 0 repeat-x;
		border-bottom: 1px solid #757575;
		color: #555;
		text-shadow: 0px 1px 0px #e5e5ee;
		}
	#sbox-content fieldset label {
		margin: 0;
		padding: 0.5em 1em;
		border-bottom: 1px solid #ccc;
		display: block;
		}
	#sbox-content fieldset input, 
	#sbox-content fieldset select, 
	#sbox-content fieldset textarea {
		margin-top: 0.25em;
		width: 100%;
		}
	#sbox-content fieldset label textarea#msg-message {
		margin-bottom: 0.5em;
		height: 175px;
		}
	#sbox-content .submit {
		margin: 0;
		padding: 0.5em 1em;
		text-align: center;
		}
/*---------------------------------------------------------------
	Tagcloud
---------------------------------------------------------------*/
	.tags {
		margin: 0;
		padding: 0;
		}
	.tags li {
		display: inline;
		background: none;
		width: auto;
		height: auto;
		}
	.tags li a { 
		margin: 0 4px 5px 0;
		padding: 3px 5px;
		line-height: 2.2em;
		background: #FFF6D3;
		border-right: 1px solid #DFD5AF;
		border-bottom: 1px solid #DFD5AF;
		white-space:nowrap;
		width: auto;
		height: auto;
		}
	.tags li.admin a { 
		background: #FFF2EF;
		border-right: 1px solid #efccc2;
		border-bottom: 1px solid #efccc2;
		}
	.tags li a:hover {
		text-decoration: none;
		background: #F0EBD6;
		}
/*---------------------------------------------------------------
	5 star Reviews
---------------------------------------------------------------*/	
	.avgrating {
		padding-left: 70px;
		}
	.avgrating span {
		display: none;
		}
	.no-star        { background: url("../images/stars/stars.gif") 0 0 no-repeat; }
	.half-star      { background: url("../images/stars/stars.gif") 0 -40px no-repeat; }
	.one-star       { background: url("../images/stars/stars.gif") 0 -80px no-repeat; }
	.onehalf-star   { background: url("../images/stars/stars.gif") 0 -120px no-repeat; }
	.two-star       { background: url("../images/stars/stars.gif") 0 -160px no-repeat; }
	.twohalf-star   { background: url("../images/stars/stars.gif") 0 -200px no-repeat; }
	.three-star     { background: url("../images/stars/stars.gif") 0 -240px no-repeat; }
	.threehalf-star { background: url("../images/stars/stars.gif") 0 -280px no-repeat; }
	.four-star      { background: url("../images/stars/stars.gif") 0 -320px no-repeat; }
	.fourhalf-star  { background: url("../images/stars/stars.gif") 0 -360px no-repeat; }
	.five-star      { background: url("../images/stars/stars.gif") 0 -400px no-repeat; }
/*---------------------------------------------------------------
	Primary button for an action
---------------------------------------------------------------
	#primary-document {
		margin: 0 0 1.5em 0;
		}
	#primary-document a {
		margin: 0;
		padding: 6px 0 0 10px;
		display: block;
		width: 204px;
		height: 26px;
		border: none;
		color: #fff;
		font-weight: bold;
		background: url("https://nationalethicscenter.org/templates/ethicscore/images/buttons/primary.gif") 0 0 no-repeat;
		}
	#primary-document a:hover { 
		background-position: 0 -32px; 
		color: #fff;
		border: none;
		}*/
/*---------------------------------------------------------------
	File types
---------------------------------------------------------------*/
	.pdf { background: url("../images/icons/16x16/pdf.png") 0 0 no-repeat; padding-left: 25px; }
	.swf { background: url("../images/icons/16x16/swf.png") 0 0 no-repeat; padding-left: 25px; }
	.ppt { background: url("../images/icons/16x16/ppt.png") 0 0 no-repeat; padding-left: 25px; }
	.pps { background: url("../images/icons/16x16/pps.png") 0 0 no-repeat; padding-left: 25px; }
	.php,
	.htm,
	.html { background: url("../images/icons/16x16/html.png") 0 0 no-repeat; padding-left: 25px; }
	.tar,
	.zip { background: url("../images/icons/16x16/zip.png") 0 0 no-repeat; padding-left: 25px; }
	.wmv { background: url("../images/icons/16x16/wmv.png") 0 0 no-repeat; padding-left: 25px; }
	.doc { background: url("../images/icons/16x16/doc.png") 0 0 no-repeat; padding-left: 25px; }
	.asx { background: url("../images/icons/16x16/asx.png") 0 0 no-repeat; padding-left: 25px; }
	.asf { background: url("../images/icons/16x16/asf.png") 0 0 no-repeat; padding-left: 25px; }
	.txt,
	.articles li { background: url("../images/icons/16x16/txt.png") 0 0 no-repeat; padding-left: 25px; margin: 1em 0;}
	.mp3 { background: url("../images/icons/16x16/podcast.gif") 0 0 no-repeat; padding-left: 25px; }
	.mp4 { background: url("../images/icons/16x16/vodcast.gif") 0 0 no-repeat; padding-left: 25px; }
	.profile { background: url("../images/icons/16x16/profile.gif") 0 0 no-repeat; }
	.categories li,
	.dir { background: url("../images/icons/16x16/folder.gif") 0 0 no-repeat; padding-left: 20px; }
	
	.protected { background: url("../images/icons/lock.png") 0 0 no-repeat; padding-left: 20px; }
	.private { background: url("../images/icons/eye.png") 0 0 no-repeat; padding-left: 20px; }
	.email { background: url("../images/icons/email.png") 0 0 no-repeat; padding-left: 20px; }
	.invite { background: url("../images/icons/email_go.png") 0 0 no-repeat; padding-left: 20px; }
	.new-email { background: url("../images/icons/email_add.png") 0 0 no-repeat; padding-left: 20px; }
	.edit { }
	.add { background: url("../images/icons/add.png") 0 0 no-repeat; padding-left: 20px; }
	.delete {  }
	.map { background: url("../images/icons/map.png") 0 0 no-repeat; padding-left: 20px; }
	.stats { background: url("../images/icons/chart_bar.png") 0 0 no-repeat; padding-left: 20px; }
	.tag { background: url("../images/icons/tag_orange.png") 0 0 no-repeat; padding-left: 20px; }
	.group { background: url("../images/icons/group.png") 0 0 no-repeat; padding-left: 20px; }
	.user { background: url("../images/icons/user.png") 0 0 no-repeat; padding-left: 20px; }
	.edit-member { background: url("../images/icons/user_edit.png") 0 0 no-repeat; padding-left: 20px; }
	.new-ticket { background: url("../images/icons/note_add.png") 0 0 no-repeat; padding-left: 20px; }
	.supported { background: url("../images/icons/award_star_gold_1.png") 0 0 no-repeat; padding-left: 20px; }
	.phone,
	.smstxt { background: url("../images/icons/phone.png") 0 0 no-repeat; padding-left: 20px; }
	.bell { background: url("../images/icons/bell.png") 0 0 no-repeat; padding-left: 20px; }
	.im { background: url("../images/icons/comment.png") 0 0 no-repeat; padding-left: 20px; }
	.internal,
/*	.box { background: url("../images/icons/box.png") 0 0 no-repeat; padding-left: 20px; }*/
	.comments {background: url("https://nationalethicscenter.org/templates/ethicscore/images/icons/comments.png") 0 0 no-repeat; padding-left: 20px; }
	.event { background: url("https://nationalethicscenter.org/templates/ethicscore/images/icons/calendar_view_day.png") 0 0 no-repeat; padding-left: 20px; }
	.feed,
	.newsfeed,
	.rss { background: url("../images/icons/feed.png") 0 0 no-repeat; padding-left: 20px; }
/*---------------------------------------------------------------
	Metadata
---------------------------------------------------------------*/
	.metadata {
		border: 1px dashed #bbb;
		margin: 0 0 1.5em 0;
		padding: 10px;
		}
	.metadata p {
		margin: 0.2em 0;
		padding: 0 0 0 20px;
		font-size: 90%;
		}
	.metadata .review {
		background: url("../images/stars/1.gif") -52px 50% no-repeat;
		}
	.metadata .citation {
		background: url("../images/icons/cite.gif") 0 50% no-repeat;
		}
	.metadata .usage { 
		background: url("../images/icons/stats.gif") 0 50% no-repeat;
		}
	.metadata .answer { 
		background: url("../images/icons/qanda.gif") 0 50% no-repeat;
		}
	.metadata .topics { 
		background: url("../images/icons/topic.gif") 0 50% no-repeat;
		}
	.metadata .groups { 
		background: url("../images/icons/group.gif") 0 50% no-repeat;
		}
	.metadata .resources { 
		background: url("../images/icons/resource.gif") 0 50% no-repeat;
		}
	.metadata .favorite {
		background: url("../images/icons/favorite.gif") 0 50% no-repeat;
		}
	.metadata .points {
		background: url("../images/icons/point.gif") 0 50% no-repeat;
		}
	.metadata .messages { 
		background: url("../images/icons/message.gif") 0 50% no-repeat;
		}
/*---------------------------------------------------------------
	Results
---------------------------------------------------------------*/
/* Category headers */
	.category-header {
		position: relative;
		padding: 0.5em 0.5em 0.5em 1.5em;
		margin: 1em 0 0 0;
		color: #fff;
		background: #bbb;
		}
	.category-header small {
		position: absolute;
		right: 0.5em;
		font-size: 1em;
		}
	.opened {
		background: #bbb;
		}
	.category-header a {
		color: #fff;
		border-bottom: 1px solid #eee;
		}
	.category-header a:hover {
		color: #fb5a11;
		border-color: #fb5a11;
		}
/* Item listing */
	.results {
		list-style: none;
		margin: 1em 0 1em 0;
		padding: 0;
		position: relative;
		border-top: 5px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		}
	.results li {
		border-bottom: 1px solid #efefef;
		padding: 1em 0 1em 1em;
		margin: 0;
		}
	.results p,
	.results .details {
		margin: 0.5em 0;
		padding: 0;
		}
	.results .details {
		font-size: 90%;
		color: #999;
		}
	.results .details span {
		color: #fff;
		margin: 0 0.5em;
		}
	.results .title {
		margin-left: -1em;
		font-weight: bold;
		}
	.results .metadata { 
		margin: -1.5em 0 0 0;
		float: right;
		width: 190px;
		background: none;
		}
	.results .metadata p { 
		color: #999; 
		font-size: 90%;
		margin: 0 0 0.5em 0;
		padding: 0;
		}
	.results .href {
		font-size: 85%;
		color: green;
		}
/* Misc. */
	.moreresults {
		margin: 0 1em 2em 1em;
		padding: 0;
		font-weight: bold;
		color: #999;
		}
	.category-wrap {
		margin-bottom: 1em;
		}
/*---------------------------------------------------------------
	Content header
---------------------------------------------------------------*/
	#content-header {
		margin: 0 0px 0 0;
		padding: 0;
		border: none;
		}
	.contentpaneopen {
		padding: 0;
		}
	#frontpage .contentpaneopen,
	.heading {
		padding: 0
		}
	#content-header h2,
	.contentpaneopen .contentheading {
		margin: 0;
		padding: 0;
		border: none;
		}
	.heading {
		border-bottom: 1px solid #efefef;
		}
	#content-header h3, 
	#content-header p {
		margin: 0;
		color: #666;
		font-weight: bold;
		}
	#content-header.full {
		margin-right: 0;
		}
	#content-header-extra {
		float: right;
		margin: -40px 10px 0px 0px;
/*
		position: absolute;
		top: 0;
		right: 45px;
		width: 214px;
*/
		}
	#content-header-extra p {
		padding: 1.5em 0 0 0;
		margin-top: 0;
		}
	#content-header-extra .metadata p {
		border: none;
		padding: 0;
		}
	.com_content .buttonheadings {
		position: absolute;
		top: 0;
		right: 0;
		padding-right: 15px;
		}
/*---------------------------------------------------------------
	User options
---------------------------------------------------------------*/
/*
	#useroptions {
		padding: 0.5em 0 0 0;
		margin: 0;
		}
	#useroptions li {
		display: inline;
		margin-right: 1em;
		}
		
		
		
/*---------------------------------------------------------------
	Template Fixes ( @Christopher Smoak )
---------------------------------------------------------------*/

	.articles {
		margin:0;
		}	
	.articles li {
		list-style:none;
		}
	.footergrey {
	height: 25px;
	background: #eeeeee;
	max-width:995px;
		margin-left: auto;
		margin-right: auto;
	}
	#logofloat {
	float: right;	
	padding-top:10px;
	padding-right:10px;
	}
	#boxfloat {
	float: right;
	}


/*acs css*/

.acsh1 {
background-image: url(../../../v1.0/prod/images/release_2/h1-bottomborder.gif);
background-position: 0% 100%;
background-repeat: no-repeat;
color: rgb(0, 0, 0);
display: block;
font-family: 'Segoe UI', 'Lucida Grande', Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 24px;
line-height: 24px;
margin-bottom: 4px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 7px;
padding-left: 0px;
padding-right: 0px;
padding-top: 6px;
text-align: left;
}

.acsh2 {
color: rgb(102, 102, 102);
display: block;
font-family: 'Segoe UI', 'Lucida Grande', Arial, sans-serif;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 27px;
line-height: 26px;
margin-bottom: 7.598499774932861px;
margin-left: 0px;
margin-right: 0px;
margin-top: 21.709999084472656px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
}

.acsh3 {
color: rgb(51, 51, 51);
display: block;
font-family: 'Segoe UI', 'Lucida Grande', Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 8px;
padding-left: 0px;
padding-right: 0px;
padding-top: 8px;
text-align: left;

}

.acsp {
color: rgb(0, 0, 0);
display: block;
font-family: 'Segoe UI', 'Lucida Grande', Arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19.75px;
margin-bottom: 17.15999984741211px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;

}

.acshr {
border: none;
height: 1px;
border-top: 1px solid #0000ff;
}

#wrap #browse-resources ul li 
{
	background: none;
	padding: 0px;
}
.certificate_label {
position: relative;
text-align: center;
width: 540px;
top:-490px;
left: 10px;
font-weight: bold;
font-size: 26pt;
color: #4c659e;
}
.certificate_label2 {
position: relative;
text-align: center;
width: 540px;
top: -390px;
left: 45px;
font-weight: bold;
font-size: 26pt;
color: #4c659e;
}

.certificate_label3 {
position: relative;
text-align: center;
width: 540px;
top: -490px;
left: 10px;
font-weight: bold;
font-size: 26pt;
color: #4c659e;
}
.cwrap
{
border:2px solid;
border-radius:5px;
padding: 5px;

}
.draggable
{
padding: 5px;


}

.cwrap span
{
float: right;

}
.print-icon {
position: relative;
float: right;
list-style: none;
top: -65px;
}
.edit-icon {
position: relative;
float: right;
list-style: none;
top: -65px;
}

.email-icon {
position: relative;
float: right;
list-style: none;
top: -65px;
}
.entry-img {
width: 50px !important;

}