/**

/* ----- RESET Styles ----- */
.allmode-list [class^="allmode-"],
.allmode-list img,
.allmode-list a {
	margin: 0; padding: 0;
	background: transparent none;
	border: 0 none;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.allmode-list a {																/* Item LINKS */
	text-decoration: none;
}
	.allmode-list .allmode-items a:hover {
		color: #333333 !important;
		background-color: transparent;
		border-bottom: 1px solid #333333;
	}



/* ----- MODULE BLOCK Styles ----- */
.allmode-list {																	/* Module BLOCK */
	position: relative;
	/* margin-bottom: 20px; padding: 14px 6px 10px; */
	/*background-color: #e7e7e7;*/
	/* border-radius: 4px; */
}
.allmode-list .allmode-name {													/* BLOCK NAME Text */
	margin: 0 0 10px 16px !important;
	font: bold 18px/20px Arial, Helvetica, sans-serif;
	color: #565656;
}
	.allmode-list .allmode-name a {
		color: #565656;
	}
.allmode-list .allmode-showall {												/* SHOW ALL Text */
	position: absolute;
	top: 14px; right: 6px;
	padding: 0 8px;
	font: bold 10px/19px Arial, Helvetica, sans-serif;
	color: #fcfcfc; text-transform: uppercase;
	border-radius: 3px;
}
	.allmode-list .allmode-showall a {
		margin-left: -8px; padding: 0 4px 0 8px;
		font-weight: bold;
		color: #fcfcfc;
	}
	.allmode-list .allmode-showall a:hover {
		color: #e7e7e7;
	}
	.allmode-list .allmode-showall a:after {
		content: "";
		display: block;
		float: right;
		margin-right: -8px;
		width: 32px; height: 19px;
	}



/* ----- COMMON Items Styles ----- */
.allmode-list .allmode-items {													/* Items List (UL) */
	margin: 0 !important; padding: 0 !important;
	/* background-color: #fcfcfc; */
	/* border-radius: 3px; */
}
.allmode-list .allmode-items > li {												/* Item (LI) */
	position: relative;
	margin: 0 !important;
	/* padding: 14px 36px 10px 16px !important; */
	list-style: none;
	overflow: hidden;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #eeeeee;
	/*transition: background 0.5s ease;*/
}
	.allmode-list .allmode-items > li:first-child {
		border-top: none;
		/* border-radius: 3px 3px 0 0; */
	}
	.allmode-list .allmode-items > li:last-child {
		border-bottom: none;
		border-radius: 0 0 3px 3px;
	}
	.allmode-list .allmode-items > li:hover {
		background-color: #f6f6f6;
	}


/* ----- COMMON Fields Styles ----- */
.allmode-list .allmode-img {													/* Item IMAGE */
	margin: 0 -1px;
}
	.allmode-list .allmode-img img {
    float: left;
    margin: 0 20px 4px 0px;
    max-width: 100%;
    height: auto;
    border: 2px Solid #a8a8a6;
    /* border-radius: 5px; */
}
.allmode-list .allmode-title {													/* Item TITLE */
	margin: 0 0 5px !important;
	font: bold 15px/18px Roboto, Helvetica, sans-serif;
}
	.allmode-list .allmode-title a {
		font-weight: bold; font-size: 15px; line-height: 18px;
	}
.allmode-list .allmode-text {													/* Item TEXT */
	font-size: 13px;
	color: #4d4d4d;
}
.allmode-list .allmode-readmore {												/* Item READ MORE */
	display: block;
	position: absolute;
	top: 0; right: 0; bottom: 0;
	width: 32px;
	border: none !important;
	transition: background-color 0.5s ease;
}
	.allmode-list .allmode-showall a:after,
	.allmode-list li:hover .allmode-readmore {
		background-position: -32px 50%;
	}
.allmode-list .allmode-info {													/* INFO Fields */
	font-size: 12px;
	color: #737373;
}
	.allmode-list .allmode-info + h3 {
		margin-top: 4px !important;
	}
	.allmode-list .allmode-info span {
		margin-right: 7px; padding-right: 10px;
		border-right: 1px solid #dedede;
	}
	.allmode-list .allmode-info span:last-child {
		margin-right: 0; padding-right: 0;
		border-right: none;
	}
.allmode-list .allmode-date {													/* Item DATE */
	font-weight: bold;
	color: #4c4c4c;
}

	.allmode-list .allmode-comments {											/* Item COMMENTS */
		background-position: 0 0;
	}
	.allmode-list .allmode-hits {												/* Item HITS */
		background-position: 0 -20px;
	}
	.allmode-list .allmode-rating {												/* Item RATING */
		background-position: 0 -40px;
	}



/* ----- ITEMS Styles ----- */
.allmode-list li.allmode-item {
	padding: 8px 0px 4px 8px !important;
}
.allmode-list .allmode-right {
	display: table-cell;
	min-width: 120px;
}
.allmode-list .allmode-item .allmode-date {										/* Item DATE */
	display: block;
	float: left;
	margin-right: 16px; padding-top: 0px;
	width: 30%; min-width: 40px; /* Item DATE Column Width */
	font-size: 10px; line-height: 16px; 
	/* text-align: right; */
}
.allmode-list .allmode-item .allmode-title,
.allmode-list .allmode-item .allmode-title a {									/* Item TITLE */
	font-size: 14px;
}
.allmode-list .allmode-item .allmode-info span {
	padding-top: 1px;
	font-size: 11px;
}
.allmode-list .allmode-item .allmode-text {										/* Item TEXT */
	font-size: 12px;
}


/* ----- SHOW ALL at the bottom ----- */
.list-showall {
	padding-bottom: 32px;
}
.list-showall .allmode-showall {
	top: auto; bottom: 6px;
}

/* ----- RESPONSIVE Breakpoints ----- */
@media (max-width: 480px) {
	.allmode-list .allmode-topitem img {
		width: 100%
	}
	.allmode-list .allmode-item img {
		width: 40%
	}
	.allmode-list .allmode-items > li {
		/* padding-right: 8px !important; */
	}
	.allmode-list .allmode-readmore {
		width: 24px;
		background-position: -4px 50%;
	}
	.allmode-list li:hover .allmode-readmore {
		background-position: -36px 50%;
	}
}



/* ----- HIGH RESOLUTION Media Queries ----- */
@media
	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (min-device-pixel-ratio: 1.3),
	only screen and (min-resolution: 120dpi)
{
	/*.allmode-list .allmode-comments,
	.allmode-list .allmode-hits,
	.allmode-list .allmode-rating {
		background-image: url(icons@3x.png);
	}
	.allmode-list .allmode-showall a:after,
	.allmode-list .allmode-readmore {
		background-image: url(arrow@3x.png);*/
	}
}



/* ----- COLOR Schemes ----- */

/* --- Orange Color --- */
.list-orange .allmode-name a:hover,
.list-orange .allmode-items a {color: #d94d16 !important;}
.list-orange li:hover .allmode-readmore {background-color: #f2cfc0;}
.list-orange .allmode-showall {background-color: #d94d16;}


/* --- Blue Color --- */
.list-blue .allmode-name a:hover,
.list-blue .allmode-items a {color: #0a55bf !important;}
.list-blue li:hover .allmode-readmore {background-color: #bfd1ea;}
.list-blue .allmode-showall {background-color: #0a55bf;}

/* --- Light Blue Color --- */
.list-lightblue .allmode-name a:hover,
.list-lightblue .allmode-items a {color: #3598dc !important;}
.list-lightblue li:hover .allmode-readmore {background-color: #c9e2f2;}
.list-lightblue .allmode-showall {background-color: #3598dc;}