/* IMPORTANT
----------------------------------------------------------------------------------------------------
DEVELOPERS, do not modify this file.

If your project requires new styles, or modifications, please include them in a new CSS file.

----------------------------------------------------------------------------------------------------
*/

/* core.css */

/* Version 2.1.0 */

/* This file contains the basic components required for Datalink websites. 

/* The chl2_ prefix is reserved for core buildig blocks. No custom CSS or HTML should use this prefix. */

/*** UTILITIES ***/

p:empty {
	margin:0;
}

.chl2_fix {
	height:1%;
}

.chl2_fix:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

/*** TEXT ***/

.chl2_small {
	font-size:0.857em;
	line-height:1.333em;
}

/*** PAGE LAYOUT WIDGETS ***/

/* page level layouts; separate to widget level layouts */

.chl2_page_2Column {
	height:1%; /* for ie */
}

.chl2_page_2Column .chl2_page_column {
	margin-bottom:1.429em;
}

.chl2_page_2Column .chl2_page_column.chl2_left,
.chl2_page_2Column .chl2_page_column.chl2_right {
	float:none;
}

/*** LIST WIDGETS ***/

.chl2_horizontalList {
	/*
	Usage:
	<ul class="chl2_horizontalList"><li>...</ul>
	or
	<ol class="chl2_horizontalList"><li>...</ol>
	
	Note: the final <li> should take the form <li class="chl2_last">...</li>
	*/
	margin:0.714em 0;
	padding:0;
}

.chl2_horizontalList li {
	display:inline;
	padding:0 0.714em;
}

.chl2_horizontalList .chl2_last {
	border:none;
}

.chl2_listRow {
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:outside !important;
}

.chl2_listRow li {
	padding:0.357em;
	border-bottom:1px solid #bcbcbc;
}

/* nested lists */

.chl2_listRow li ul {
	margin-left:0.357em;
	padding-left:0;
	list-style:disc;
}

.chl2_listRow li li {
	margin:0;
	padding:0;
	border:none;
}

.chl2_noBullet {
	margin:0;
	padding:0;
	list-style-position:outside !important;
	list-style:none;
}

/* grid list */

.chl2_gridList {
	margin:0;
	padding:0;
	list-style-position:outside !important;
	list-style:none;
}

.chl2_gridList li.item {
	display:block;
}
    
.ie6 .chl2_gridList li.item,
.ie7 .chl2_gridList li.item {
	height:1%;
}

.chl2_gridItem {
	margin-right:0.714em;
	margin-bottom:0.714em;
	padding:0.357em;
    border:1px solid #bcbcbc;
    overflow:hidden;
}

.chl2_gridItem p {
	margin-bottom:0.357em;
}

.chl2_gridItem .chl2_image {
	width:100px;
	float:left;
}

.chl2_gridItem .chl2_image img {
	display:block;
}

.chl2_gridItem .chl2_image .chl2_noThumb {
	padding:0.357em;
	display:block;
	font-size:0.857em;
	font-style:italic;
	line-height:1.333em;
	text-align:center;
	color:#999;
	border:1px solid #bcbcbc;
}

.chl2_gridItem .chl2_image .chl2_noThumb {
	color:#333;	
}

.chl2_gridItem .chl2_text {
	margin-left:120px;
}

/* Tag list */

.chl2_tagList {
	margin:0 0 1.429em 0;
	padding:0;
	display:block;	
	list-style-type:none;
	overflow:hidden;
}

.chl2_form .chl2_tagList {
	margin:0;
}

.chl2_tagList li {
	margin:0.357em 0.357em 0.357em 0;
	display:block;
	line-height:1em;
	white-space:nowrap;
	float:left;
}

.chl2_tagList a {
	padding:0.357em 0.714em;
	display:block;
	background:#eee;
	border:1px solid #bcbcbc;
}

.chl2_tagList a:hover {
	background:#fff;
	border-color:#999;
}

/*** ACTION LINKS ***/

/* 16x16 icons are used */

.chl2_addLink,
.chl2_add,
.chl2_edit,
.chl2_removeLink,
.chl2_remove,
.chl2_view,
.chl2_activate,
.chl2_deactivate,
.chl2_sortUp,
.chl2_sortDown,
.chl2_expand,
.chl2_contract,
.chl2_move,
.chl2_copy {
	padding-left:20px;
}

/* chl2_addLink is old, use chl2_add instead. Kept to ensure older projects still work as expected. */

.chl2_addLink,
.chl2_add {
	background:url('../images/chl/chl_icons.png') no-repeat 0 0;
}

.chl2_edit {
	background:url('../images/chl/chl_icons.png') no-repeat 0 -32px;	
}

/* chl2_removeLink is old, use chl2_remove instead. Kept to ensure older projects still work as expected. */

.chl2_removeLink,
.chl2_remove {
	background:url('../images/chl/chl_icons.png') no-repeat 0 -64px;
}

.chl2_view {
	background:url('../images/chl/chl_icons.png') no-repeat 0 -96px;	
}

.chl2_activate {
	background:url('../images/chl/chl_icons.png') no-repeat 0 -128px;	
}

.chl2_deactivate {
	background:url('../images/chl/chl_icons.png') no-repeat 0 -160px;	
}

.chl2_sortUp {
    background:url('../images/chl/chl_icons.png') no-repeat 0 -192px;
}

.chl2_sortDown {
    background:url('../images/chl/chl_icons.png') no-repeat 0 -224px;
}

.chl2_expand {
    background:url('../images/chl/chl_icons.png') no-repeat 0 -256px;
}

.chl2_contract {
    background:url('../images/chl/chl_icons.png') no-repeat 0 -288px;
}

.chl2_move {
	background:url('../images/chl/chl_icons.png') no-repeat 0 -320px;
}

.chl2_copy {
	background:url('../images/chl/chl_icons.png') no-repeat 0 -352px;
}

/*** TARGET TYPES ***/

/* 16x16 icons are used */

.chl2_externalLink,
.chl2_downloadLink,
.chl2_rss,
.chl2_rssLink,
.chl2_fileLink {
	padding-right:20px;
}

.chl2_externalLink {
	background:url('../images/chl/chl_icons.png') no-repeat 100% -384px;
}

.chl2_downloadLink {
	background:url('../images/chl/chl_icons.png') no-repeat 100% -416px;
}

/* chl2_rss is old, use chl2_rssLink instead. Kept to ensure older projects still work as expected. */

.chl2_rss,
.chl2_rssLink {
	background:url('../images/chl/chl_icons.png') no-repeat 100% -448px;
}

.chl2_fileLink {
	background:url('../images/chl/chl_icons.png') no-repeat 100% -480px;
}

/*** MISCELLANEOUS LINKS ***/

.chl2_next,
.chl2_nextInactive,
.chl2_previous,
.chl2_previousInactive {}

.chl2_next {
	padding-right:20px;
	background:url('../images/chl/chl_icons.png') no-repeat 100% -512px;
}

.chl2_nextInactive {
	padding-right:20px;
	background:url('../images/chl/chl_icons.png') no-repeat 100% -544px;
}

.chl2_previous {
	padding-left:20px;
	background:url('../images/chl/chl_icons.png') no-repeat 0 -576px;
}

.chl2_previousInactive {
	padding-left:20px;
	background:url('../images/chl/chl_icons.png') no-repeat 0 -608px;
}

a.chl2_minorLink,
a.chl2_minorLink:visited {
	color:#666;
}

/* More */

.chl2_more:after {
	content:"\0020\00BB";
}

/* Return */

.chl2_return:before {
	content:"\00AB\0020";
}

/*** TEXT WIDGETS ***/

.chl2_inactive {
	color:#bcbcbc;
}

/*** CONTAINER WIDGETS ***/

.chl2_panel {
	/*
	Usage (old):
	<div class="chl2_panel">
		<div class="chl2_header"></div>
		<div class="chl2_body">
			[content...]
		</div>
		<div class="chl2_footer"></div>
	</div>
	
	Usage (new):
	<div class="chl2_panel">
		[content...]
	</div>	
	*/
	margin-bottom:1.429em;
	padding:0.714em;
	background-color:#eee;
	height:1%; /* ie fix */
}

/* Used inside chl2_panel and other widgets */

.chl2_header {
	position:relative;
}

/* Used inside chl2_panel and other widgets */

.chl2_footer {
	position:relative;
}

/* Used inside chl2_panel and other widgets */

.chl2_wrapper {}

/* Basic row element */

.chl2_row {
	padding:0.357em 0.714em;
	border-bottom:solid 1px #bcbcbc;
}

.chl2_row p {
	margin:0;
	padding:0;
}

/* A collection of chl2_row widgets */

.chl2_rowCollection {
	/*
	Usage:
	<div class="chl2_rowCollection">
		<div class="chl2_row chl2_odd">[content...]</div>
		<div class="chl2_row chl2_even">[content...]</div>
	</div>
	*/
	border-top:solid 1px #bcbcbc;
	height:1%; /* ie fix */
}

/* Nested row */

.chl2_row .chl2_row {
	/* 
	Applies to:
	<div class="chl2_row">
		[content...]
		<div class="chl2_row">[content...]</div>
	</div>
	*/
	margin-top:0.357em;
	/* Stop cumulative padding */
	padding-bottom:0;
	/* Switch borders */
	border-top:solid 1px #bcbcbc;
	border-bottom:none;
}

/* 2 column layout */
/* Apply a simple two column layout to chl2_row */

.chl2_2Column {
	/*
	Usage:
	<div class="chl2_rowCollection chl2_2Column">
		<div class="chl2_row">
			<div class="chl2_columnCollection">
				<div class="chl2_left">[content...]</div>
				<div class="chl2_right">[content...]</div>
				<div class="chl2_clear"></div>
			</div>
		</div>
	</div>
	*/
}

.chl2_2Column .chl2_row {
	padding-top:0;
	padding-bottom:0;
}

.chl2_2Column .chl2_columnCollection {
	background:url('../images/chl/chl_2Column.gif') repeat-y 30% top; /* Add a border between columns */
	height:1%; /* ie fix */
}

.chl2_2Column .chl2_columnCollection .chl2_left {
	padding:0.357em 0;
	width:28.75%; /* Include a margin between columns */
}

.chl2_2Column .chl2_columnCollection .chl2_right {
	padding:0.357em 0;
	width:68.75%; 	/* Include a margin between columns */
}

/* chl2_2ColumnList */

.chl2_2ColumnList {
	/* used for continuous data that flows between columns */
	/*
	Usage:
	<div class="chl2_2ColumnList">
		<div class="chl2_left">[content...]</div>
		<div class="chl2_right">[content...]</div>
		<div class="chl2_clear"></div>
	</div>
	*/
	padding:0.714em;
	background:url('../images/chl/chl_2Column.gif') repeat-y 50% top;
}

.chl2_2ColumnList .chl2_left {
	width:48.75%;
}

.chl2_2ColumnList .chl2_right {
	width:48.75%;
}

/* paginated data */

.chl2_paginatedSet {
	/*
	Usage:
	<div class="chl2_paginatedSet">
		<div class="chl2_header">
			<div class="chl2_left">
				Showing results 1 to 10 of 16
			</div>
			<div class="chl2_right">
				<div class="chl2_pagination">
					<span class="chl2_previousInactive">Previous</span>
					<span class="chl2_active">1</span> <a href="#">2</a> <a href="#">3</a>
					<span><a class="chl2_next" href="#">Next</a></span>
				</div>
			</div>
			<div class="chl2_clear"></div>
		</div>
		[content...]
		<div class="chl2_footer">
			<div class="chl2_pagination">
				<span class="chl2_previousInactive">Previous</span>
				<span class="chl2_active">1</span> <a href="#">2</a> <a href="#">3</a>
				<span><a class="chl2_next" href="#">Next</a></span>
			</div>
		</div>
	</div>
	*/
}

.chl2_paginatedSet .chl2_pagination {
	text-align:right;
}

.chl2_paginatedSet .chl2_header {
	padding:0.357em 0;
	border-bottom:solid 1px #bcbcbc;	
}

.chl2_paginatedSet .chl2_footer {
	padding:0.357em 0;
	border-top:solid 1px #bcbcbc;
}

.chl2_paginatedSet .chl2_rowCollection {
	margin-bottom:0;
	border-top:none;
}

.chl2_paginatedSet .chl2_2ColumnList {
	margin-bottom:0;
}

.chl2_pagination span,
.chl2_pagination a {
	margin:0 0.357em;
}

.chl2_pagination span span,
.chl2_pagination span a {
	margin:0;
}

/*** TAB WIDGETS ***/

/* A basic tab layout. Content is placed in chl2_tabBody. */

.chl2_tabSet {
	/*
	Usage:
	<div class="chl2_tabSet">
		<div class="chl2_tabList">
			<ul>
				<li class="chl2_active">[first link]</li>
				[...]
				<li class="chl2_last">[last link]</li>
			</ul>
			<div class="chl2_clear"></div>
		</div>
		<div class="chl2_tabHeader"></div>
		<div class="chl2_tabBody">
			[content...]
		</div>
		<div class="chl2_tabFooter"></div>
	</div>
	*/
	margin:1.429em 0;	
	height:1%; /* ie fix */
	clear:both;
}

.chl2_tabList {
	/* Contains a list of links */
}

.chl2_tabList ul {
	margin:0;
	padding:0;
}

.chl2_tabList li {
	margin:0 0.357em 0.357em 0;
	display:block;
	float:left;
}

.chl2_tabList a {
	padding:0.357em 0.714em;
	font-weight:bold;
	background:#bcbcbc;
	display:block;
}

.chl2_tabList a:hover {
	background-color:#eee;
}

.chl2_tabList .chl2_active a {
	color:#fff;
	background-color:#000000;
}

.chl2_tabSet .chl2_tabHeader {
	clear:both;
}

.chl2_tabBody {
	padding:0.714em;
	border:solid 1px #bcbcbc;
	height:1%; /* for ie */
	clear:both;
}

/*** ALERT WIDGETS ***/

.chl2_systemMessage {
	/*
	Usage:
	<div class="chl2_systemMessage">
		<div class="chl2_warning">
			<heading level>[title...]</heading level>
			[content...]
		</div>
	</div>	
	*/
	margin-bottom:1.429em;
}

.chl2_systemMessage .chl2_warning, 
.chl2_systemMessage .chl2_error, 
.chl2_systemMessage .chl2_success,
.chl2_systemMessage .chl2_information {
	padding:0.714em;
}

.chl2_systemMessage ul,
.chl2_systemMessage ol {
	margin-bottom:0;
}

/*** HIGHLIGHTING ***/

.chl2_new {
	padding:0 0.357em;
	background-color:#fff2b2;
}

.chl2_warning {
	padding:0 0.357em;
	background-color:#f2b230;
}

.chl2_error {
	padding:0 0.357em;
	background-color:#e8a7a7;
}

.chl2_success {
	padding:0 0.357em;
	background-color:#a9d4bf;
}

.chl2_information {
	padding:0 0.357em;
	background-color:#eee;
}

/*** TABLE WIDGETS ***/

.chl2_table {
	margin-bottom:1.429em;
	width:100%;
	border-collapse:collapse;
}

.chl2_table td, .chl2_table th {
	border:solid 1px #bcbcbc;
}

.chl2_table th {
	text-align:left;
	background:#eee;
}

.chl2_table td , .chl2_table th {
	padding:0.357em 0.714em;
}

.chl2_table .chl2_active {
	background:#eee;
}

/*** APPEARANCE MODIFIERS ***/

/* These classes are visual rather than semantic. A possible usage is alernating the background colour of a row, e.g. <div class="chl2_row chl2_odd"></div> */

.chl2_odd {
	background-color:#fff;
}

.chl2_even {
	background-color:#eee;
}

.chl2_active {
	/* A placeholder class. Refer to .chl2_tabList li.chl2_active for example usage. */
}

.chl2_important {
	/* A placeholder class. Refer to .chl2_w_blog for example usage. */
}

.chl2_sticky {
	/* A placeholder class. Refer to .chl2_w_blog for example usage. */
}

/* Modify the last element in a list, row collection, etc. */
.chl2_last {
	/* A placeholder class. Refer to .chl2_horizontalList .chl2_last for example usage. */
}

.chl2_label {
	font-weight:bold;
}

.chl2_value {
	/* A placeholder class. Used with chl2_label */
}

table.chl2_labelValueGroup,
.chl2_labelValueGroup td,
.chl2_labelValueGroup th {
	border:none;
	width:auto;
}

.chl2_table.chl2_labelValueGroup td,
.chl2_table.chl2_labelValueGroup th {
	padding:0 0.357em;
}

.chl2_title {
	/* A placeholder class.*/
	height:1%; /* ie6 fix */
}

/* Display headings as block level elements that span the full width of their container. */
.chl2_title {
	padding:0.714em;
	background-color:#eee;
}

.chl2_title h1,
.chl2_title h2,
.chl2_title h3,
.chl2_title h4,
.chl2_title h5,
.chl2_title h6 {
	/*
	Usage:
	<div class="chl2_title">
		<heading level>[title...]</heading level>
	</div>
	*/
	margin:0;
	display:block;
	font-size:1.429em;
	font-weight:bold;
}

/*** LAYOUT AND POSITION MODIFIERS ***/

/* These classes are functional rather than semantic, e.g. chl2_clear is used to reset the document flow (especially useful after floated elements). */

.chl2_left {
	float:left;
}

.chl2_right {
	float:right;
}

.chl2_clear {
	clear:both;
}

.chl2_hidden {
	position:absolute;
	left:-999em;
}

/*** FORM WIDGETS ***/

.chl2_form {
	margin:0 0 1.429em 0;
	padding:0.714em;
	background-color:#eee;
	position:relative; /* ie fix */	
	overflow:hidden; /* ie fix */
}

.chl2_form fieldset {
	margin:0;
	margin-bottom:1.429em;
	padding:0.714em;
	border:1px solid #bcbcbc;
}

.chl2_form legend {
	font-weight:bold;
}

.chl2_form .chl2_formItem,
.chl2_form p {
	margin-bottom:1.2em;
}

.chl2_form label {
	margin-bottom:0.357em;
	display:block;
}

.chl2_form label em {
	font-size:0.857em;
	font-style:normal;
	color:#fff;
}

.chl2_form .chl2_required label span {
	margin-left:0.357em;
	color:#ff0000;
}

.chl2_field {
	display:block;
}

/* used with radio buttons and checkboxes */

.chl2_labelledField {
	padding:0.357em 0;
	display:block;
}

.chl2_labelledField label {
	margin:0;
	display:inline;
}

.chl2_form .chl2_labelledField label {
	padding-left:0;
}

.chl2_textbox {}

.chl2_password {}

.chl2_textarea {
	width:90%;
	overflow:auto;
}

.chl2_checkbox {}

.chl2_radio {}

.chl2_select {}

.chl2_multipleSelect {
	overflow:auto;
}

.chl2_button {
	/* The standard button style */
	font-size:1em;
}

.chl2_minorButton {
	/* Represents a minor action */
	font-size:0.857em;
}

.chl2_majorButton {
	/* Represents a key action */
	font-weight:bold;
	font-size:1.429em;
}

.chl2_button,
.chl2_minorButton,
.chl2_majorButton {
	margin:0.357em 0;
}

.chl2_form .chl2_filter {
	padding:0.357em;
	display:block;
	border:1px solid #bcbcbc;
}

.chl2_form .chl2_filter label,
.chl2_form .chl2_filter input,
.chl2_form .chl2_filter select,
.chl2_form .chl2_filter p {
	margin:0.357em;
}

/* form validation and help */

.chl2_formItem.chl2_error {
	font-weight:bold;
	padding:0;
	border:none;
	background:none;	
}

.chl2_validationMessage {	
	margin-top:0.417em;
	padding:0;
	display:block;	
	font-size:0.857em;
	font-weight:normal;
	color:#bf4026;
}

.chl2_error .chl2_textbox,
.chl2_error .chl2_password,
.chl2_error .chl2_textarea,
.chl2_error .chl2_multipleSelect {
	background:#ffffc5;
}

.chl2_helperText {}

.chl2_helperText span {
	margin-top:0.714em;
	color:#444;
	display:block;
	font-size:0.857em;
	clear:both;
}

/*** WIDGETS ***/

.chl2_w_sitemap h1,
.chl2_w_sitemap h2,
.chl2_w_sitemap h3,
.chl2_w_sitemap h4,
.chl2_w_sitemap h5,
.chl2_w_sitemap h6 {
	margin-top:1.429em;
	padding:0.357em 0.714em;
	font-size:1.429em;
	font-weight:bold;
	background-color:#eee;
	border-bottom:1px solid #bcbcbc;
}

.chl2_w_sitemap {
	margin:0;
	padding:0;
}

.chl2_w_sitemap ul {
	margin:0;
	padding:0;
	list-style-position:outside;
	list-style:none;
}

.chl2_w_sitemap li {
	margin-bottom:0.714em;
	line-height:inherit;
	font-weight:bold;
}

.chl2_w_sitemap li li {
	font-weight:normal;
}

.chl2_w_sitemap li ul {
	padding-left:0;
}

.chl2_w_sitemap li ul li {
	display:inline;
}

/* chl2_w_subNode */

/*
Usage:
<ul class="chl2_w_subNode">
	<li class="chl2_odd">
		<a href="#">Link to subnode one</a>
		<br/>
		This is the summary text for subnode one.
	</li>
	<li class="chl2_even">
		<a href="#">Link to subnode two</a>
		<br/>
		This is the summary text for subnode two.
	</li>
	<li class="chl2_odd">
		<a href="#">Link to subnode three</a>
		<br/>
		This is the summary text for subnode three.
	</li>
	<li class="chl2_even chl2_last">
		<a href="#">Link to subnode four</a>
		<br/>
		This is the summary text for subnode four.
	</li>
</ul>
*/

.chl2_w_subNode {
	margin:0;
	padding:0;
	list-style:none;
	height:1%; /* ie fix */
}

.chl2_w_subNode li {
	margin:0;
	padding:0.357em 0.714em;
	list-style:none;
	list-style-position:outside; /* for ie */
	border-bottom:solid 1px #bcbcbc;
}

/* chl2_w_blog */

.chl2_w_blog,
.chl2_w_news {
	margin-bottom:1.429em;
}

.chl2_blogLinks {
	margin-top:1.429em;
}

.chl2_w_blog ol .chl2_post,
.chl2_w_news ol .chl2_article {
	margin-top:1.429em;
	padding-bottom:1.429em;
	border-bottom:1px solid #bcbcbc;
	overflow:hidden;
	height:1%; /* for ie6 */
}

.chl2_w_blog .chl2_author,
.chl2_w_news .chl2_date {
	font-size:0.857em;
	font-weight:bold;
	color:#999;
}

.chl2_w_blog .chl2_details,
.chl2_w_news .chl2_details {
	font-size:0.857em;
	font-weight:bold;
	color:#999;
}

.chl2_w_blog .chl2_separator,
.chl2_w_news .chl2_separator {
	font-weight:normal;
}

.chl2_w_blog .chl2_entry .chl2_image {
	margin-bottom:0.714em;
}

.chl2_w_blog .chl2_post .chl2_image {
	margin-bottom:0.714em;
}

.chl2_w_blog .chl2_footer {
	padding:0.714em 0;
}

.chl2_w_news .chl2_group {
	margin-bottom:1.429em;
}

.chl2_w_news .chl2_article .chl2_image {
	margin-bottom:0.714em;
}

.chl2_w_blog .chl2_entry {
	margin-bottom:1.429em;
}

.chl2_w_blog .chl2_entry .chl2_details {
	margin-bottom:1.429em;
}

.chl2_w_blog .chl2_entry .chl2_author {
	margin-bottom:1.429em;
}

/* chl2_w_comment */

.chl2_w_comment {
	padding-top:1.429em;
	border-top:1px solid #bcbcbc;
}

.chl2_w_comment p {
	margin-bottom:0.714em;
}

.chl2_w_comment ol {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	overflow:hidden;
}

.chl2_w_comment ol .chl2_comment ol {
	margin:1.429em 0 0 1.429em;
}

.chl2_w_comment ol .chl2_comment {
	margin-bottom:0.714em;
	padding:0 0 0.714em 0;
	border-bottom:1px solid #bcbcbc;
	overflow:hidden;
}

.chl2_w_comment ol .chl2_comment ol .chl2_comment:last-child {
	margin:0;
	padding:0;
	border:none;
}

.chl2_w_comment .chl2_rate {
	color:#999;
}

.chl2_w_comment .chl2_rating {
	margin-right:0.357em;
	font-weight:bold;
	color:#999;
}

.chl2_w_comment .chl2_positive {
	color:green;
}

.chl2_w_comment .chl2_negative {
	color:red;
}

.chl2_w_comment .chl2_like {
	padding-left:20px;
	background:url('../images/chl/like.png') no-repeat 0 50%;
}

.chl2_w_comment .chl2_dislike {
	padding-left:20px;
	background:url('../images/chl/dislike.png') no-repeat 0 50%;
}

.chl2_w_comment .chl2_separator {
	font-weight:normal;
}

/* chl2_w_calendar and chl2_w_event */

.chl2_w_calendar .chl2_noBullet {
	overflow:hidden;
}

.chl2_w_calendar .chl2_event {
	margin-bottom:0.714em;
	overflow:hidden;
}

.chl2_w_calendar .chl2_title {
	margin-bottom:0.714em;
}

.chl2_w_calendar .chl2_details,
.chl2_w_event .chl2_details {
	font-size:0.857em;
	font-weight:bold;
}

.chl2_w_calendar .chl2_details .chl2_noBullet,
.chl2_w_event .chl2_details .chl2_noBullet {
	margin:0 0 1.429em 0;
}

.chl2_w_calendar .chl2_separator,
.chl2_w_event .chl2_separator {
	font-weight:normal;
}

.chl2_w_calendar .chl2_image {
	margin-bottom:0.714em;
}

.chl2_w_event .chl2_image {
	margin-bottom:0.714em;
}

.chl2_w_event .chl2_image img {
	display:block;
}

/* chl2_w_month */

.chl2_w_month .chl2_header {
	margin-bottom:0.714em;
}

.chl2_w_month .chl2_header a {
	font-size:0.857em;
}

.chl2_w_month .chl2_table {
	background:#fff;
}

/* chl2_w_file */

.chl2_w_file {
	margin:1.429em 0;
	padding:0.714em;
	border:1px solid #bcbcbc;
	overflow:hidden;
}

.chl2_w_file p {
	margin-bottom:0.714em;
}

.chl2_w_file .chl2_image {
	margin-bottom:0.714em;
}

.chl2_w_file .chl2_image img {
	display:block;
}

.chl2_w_file .chl2_properties,
.chl2_w_file .chl2_details {
	clear:both;
}

.chl2_w_file .chl2_noBullet {
	margin-top:0.714em;
}

.chl2_w_file .chl2_noBullet li {
	font-size:0.857em;
}

/* chl2_w_activity */

.chl2_w_activity .chl2_rowCollection {
	margin-bottom:0;
}

.chl2_w_activity .chl2_footer {
	padding:0.714em;
}

/* chl2_w_workspace */

.chl2_w_workspace .chl2_image {
	float:left;	
}

.chl2_w_workspace .hasImage .chl2_summary {
	margin-left:100px;
	overflow:hidden;
}

.chl2_w_workspace .chl2_listRow li {
	margin:0;
	padding:0.714em;
	overflow:hidden;
}

.chl2_w_workspace .chl2_listRow li li {
	padding:0;
	margin-bottom:0.714em;
	overflow:visible;
}

.chl2_w_workspace .chl2_listRow li li img {
	vertical-align:text-bottom;
}

/* chl2_w_gallery */

.chl2_w_gallery {
	margin-bottom:1.429em;
	padding:1.429em 0;
	border-top:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;	
}

.chl2_w_gallery ul {
	margin:0;
	padding:0;
}

.chl2_w_gallery li {
    margin:0.357em;
	padding:0.357em;
    width:98px;
    display:-moz-inline-stack;
    display:inline-block;
    font-size:0.857em;
    line-height:1.167em;
    text-align:center;
    border:1px solid #bcbcbc;    
    vertical-align:top;
}
    
.ie6 .chl2_w_gallery li,
.ie7 .chl2_w_gallery li {
	display:inline;
	height:1%;
}

.chl2_w_gallery img {
	display:block;
}

.chl2_w_gallery span {
	margin-top:0.714em;
	display:block;
}

/* chl2_w_poll */

.chl2_w_poll {
	margin-bottom:1.429em;
}

.chl2_w_poll dl,
.chl2_w_poll dt,
.chl2_w_poll dd {
	margin:0;
	padding:0;
}

.chl2_w_poll .question {
	height:1%;
}

.chl2_w_poll .question em {
	padding:0 0.357em 0.357em 0;
	display:block;
	font-family:"Georgia", serif;
	font-size:2.857em;
	font-style:normal;
	line-height:0.75em;
	float:left;
	color:#999;
}

.chl2_w_poll .votes p {
	margin:0;
}

.chl2_w_poll .votes .answer {
	margin-bottom:0.357em;
}

.chl2_w_poll .votes .result {
	margin-right:4.714em;
	position:relative;
}

.chl2_w_poll .votes .percent {
	margin-bottom:0.714em;
	position:relative;
	height:1.429em;
	font-weight:bold;
	color:#008040;
	background:#008040;
	/* corners */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	/* shadow */
	-moz-box-shadow:0 2px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4);
	box-shadow:0 2px 5px rgba(0,0,0,0.4);	
}

.chl2_w_poll .votes .percent span {
	position:absolute;
	display:block;
	line-height:1.429em;
	width:4em;
	right:-4.714em;
}

.chl2_w_poll .votes .total {
	padding-top:0.714em;
	border-top:1px solid #bcbcbc;
}

.chl2_w_poll .chl2_form {
	margin-bottom:0.714em;
}

.chl2_w_poll .closed {
	font-weight:bold;
	color:#bf3939;
}

/* Video */

.chl2_w_video {
	margin-bottom:1.429em;
}

/* Images */

.chl2_w_image,
.w_generic_image {
	margin-bottom:1.429em;
}

.chl2_w_image.chl2_left,
.w_generic_image.chl2_left {
	margin-right:1.429em;
}

.chl2_w_image.chl2_right,
.w_generic_image.chl2_left {
	margin-left:1.429em;
}

.chl2_w_image img,
.w_generic_image img {
	display:block;
}

.chl2_w_image span,
.w_generic_image span {
	margin-top:0.833em;
	display:block;
	font-size:0.857em;
	font-weight:bold;
	font-style:italic;
}

/* Data Viewer */

.chl2_w_dataViewer .chl2_sort {
	display:none; /* hidden at small size */
	padding:0.357em 0;
	background:#eee;
	overflow:hidden;
}

.chl2_w_dataViewer .chl2_sort .markAll {
	margin:auto;
	display:block;
	width:1.429em;
	height:1.429em;
	background:#fff url('../images/chl/markAll.png') no-repeat 50% 50%;
	border-radius:0.357em;	
}

.chl2_w_dataViewer .chl2_sort .markAll span {
	position:absolute;
	left:-9999em;
	overflow:hidden;
}

.chl2_w_dataViewer .chl2_data {
	border-bottom:1px solid #ccc;
}

.chl2_w_dataViewer .item {
	padding:0.357em 0;
	background:#fff;
	border-top:1px solid #ccc;
	overflow:hidden;
}

.chl2_w_dataViewer .item:hover {
	background-color:#f5f5f5;
	cursor:pointer;
}

.chl2_w_dataViewer .mark {
	text-align:center;
}

.chl2_w_dataViewer .mark .chl2_checkbox {
	margin:0;
}

.chl2_w_dataViewer .col {
	margin:0 0.714em 0.357em 0.714em;
	float:left;
}

.chl2_w_dataViewer .col.empty,
.chl2_w_dataViewer .col.multiSelect {
	display:none;
}

.chl2_w_dataViewer .meta .field {
	font-size:0.857em;
}

.chl2_w_dataViewer .meta.break {
	clear:left;
}

.chl2_w_dataViewer .field {
	text-overflow:ellipsis;
	overflow:hidden;
}

.chl2_w_dataViewer .sortField {
	font-weight:bold;
}

.chl2_w_dataViewer .sortField,
.chl2_w_dataViewer .sortField a {
	color:#999;
}

.chl2_w_dataViewer .sortField a {
	text-decoration:underline;
}

.chl2_w_dataViewer .sortField a:hover {
	text-decoration:none;
}

.chl2_w_dataViewer .chl2_actions {
	margin:0.714em 0;
	overflow:hidden;
}

.chl2_w_dataViewer .chl2_actions .chl2_left {
	display:none; /* Hidden at small sizes */
}

.chl2_w_dataViewer .chl2_actions .chl2_left,
.chl2_w_dataViewer .chl2_actions .chl2_right {
	float:none;
}

.chl2_w_dataViewer .chl2_actions input,
.chl2_w_dataViewer .chl2_actions button,
.chl2_w_dataViewer .chl2_actions select {
	vertical-align:middle;
}

.chl2_w_dataViewer .chl2_actions select {
	margin:0.357em;
}

.chl2_w_dataViewer .mini {
	text-align:center;
}

.chl2_w_dataViewer .chl2_filter {
	margin-bottom:0.714em;
	overflow:hidden;
}

.chl2_w_dataViewer .chl2_filter .chl2_formItem {
	margin:0;
}

.chl2_w_dataViewer .chl2_filter .chl2_formItem .chl2_clear {
	display:none;
}

.chl2_w_dataViewer .noData {
	margin:1.429em 0;
	font-weight:bold;
}

/* Share */

.chl2_share.addThis {
	height:1%;
	overflow:hidden;
}

.ie6 .chl2_share.addThis a,
.ie7 .chl2_share.addThis a,
.ie8 .chl2_share.addThis a {
	float:left;
}

.chl2_share.addThis a iframe {
	max-width:none;
}

/*** Flexi-Page ***/

.flexiLayout:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.flexiCol {
	margin:1.429em 0;
}

.flexiSidebar .flexiWrap {
	padding:0.714em;
	background:#eee;
	/* corners */
	-moz-border-radius:0.357em;
	-webkit-border-radius:0.357em;
	border-radius:0.357em;
}

.topmenu {
	display: block;
}

.mainmenu {
	display: none;
}


@media (min-width: 768px) {
    .topmenu {
        display: none;

        }

    .mainmenu {
        display: block;
    }
}


/* IMPORTANT
----------------------------------------------------------------------------------------------------
DEVELOPERS, do not modify this file.

If your project requires new styles, or modifications, please include them in a new CSS file.

----------------------------------------------------------------------------------------------------
*/