/**
 * =============================================================
 * @package		RAXO List Module Layout
 * -------------------------------------------------------------
 * @copyright	Copyright (C) 2009-2016 RAXO Group
 * @link		http://www.raxo.org
 * @license		RAXO Commercial License
 * 				This file is forbidden for redistribution
 * =============================================================
 */


/* ----- 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 -4px;
}
	.allmode-list .allmode-img img {
		float: right;
		margin: 0 0 4px 4px;
		max-width: 100%; height: auto;
		border-radius: 3px;
	}
.allmode-list .allmode-title {													/* Item TITLE */
	margin: 0 0 5px !important;
	font: bold 15px/18px Arial, 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 .allmode-readmore {
		background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAALCAQAAABl/0P6AAAAhklEQVR4AaXSsQ2EMBBE0ZWpgOi4tnBRFOAL6WFacgUcEnLg6FMBEvJMA/9ptfE0JVWtMTwSlTWcqahbhB/dImhRcwh8aS5hExZhA4ugWX+HwMzpEnYhdGkaJOwAXEyjFziEuvLwBQ6gk70fyMYPWPmPmpVfaEY+QsXJR1C8fFK18on6Jn8DiGp9eY482VAAAAAASUVORK5CYII=") no-repeat 0 50%;
		/*background: transparent url("arrow.png") no-repeat 0 50%;*/
		background-size: 64px 11px;
	}
	.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,												/* Content ELEMENTS */
.allmode-list .allmode-hits,
.allmode-list .allmode-rating {
	padding-left: 18px !important;
	background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAA2CAQAAABdaGCaAAABpUlEQVR4Ae3UMWiTQRjG8StVKYJKB7XR4iC66JChaMHJIi5FwaGbVexvUdSltA6OFgfTQRMR0dVNd3Uo4qYohaqgTgUHiyk1AWm76BBfwgceJWhx1ffhOJ7nz3dw4cmlvx+b1DS0coWvRR6w6omSJFcpshsBNXKU4UZALamjWn+EnY/tax+r6rG+NWh3ZBXFVZpavtsl2e6hlmZxlXyMWFDRU3yfI3u8Npgf/3/WOUqmzPkWmjOllP18xiypOawndEgt3FgBXTHvoDA22iz2cPPGBRryWb+ky00rVlV1S/ojHUo+GJZCo17ZZqsXzrX9CW+Tj062zW0T7X3cHamtcnJM3b4OX4ZiTPqkrMsty1bVdGcw8Kiv7hq0xQ4DrrmcwcA7XffGimXvTDvwD3do7f80R5f8iNUJ6rXoVKzeTrDinhSrkkFXzXhuVlOpeH9mw89EHnDRtKMG7JeEYh8IPx15wCPqRqRc4euRpxhlC85m6Ez48q8mTLovTFGQBy7kNXnktA0u+mKvZEI1h3Xnvfe0qMdxz3L4UrQ3e/eWftMhw+so2E8Y1gmBpoGRlAAAAABJRU5ErkJggg==") no-repeat 0 0;
	/*background: transparent url("icons.png") no-repeat 0 0;*/
	background-size: 14px 54px;
}
	.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 36px 4px 16px !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: 1px;
	width: 17%; min-width: 40px; /* Item DATE Column Width */
	font-size: 12px; line-height: 18px; 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: 50%
	}
	.allmode-list .allmode-items > li {
		padding-right: 28px !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 ----- */

/* --- Red Color (default) --- */
.allmode-list .allmode-name a:hover,
.allmode-list .allmode-items a {color: #cc1f1f !important;}
.allmode-list li:hover .allmode-readmore {background-color: #efc4c2;}
.allmode-list .allmode-showall {background-color: #cc1f1f;}

/* --- Pink Color --- */
.list-pink .allmode-name a:hover,
.list-pink .allmode-items a {color: #d24087 !important;}
.list-pink li:hover .allmode-readmore {background-color: #f1ccdc;}
.list-pink .allmode-showall {background-color: #d24087;}

/* --- 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;}

/* --- Yellow Color --- */
.list-yellow .allmode-name a:hover,
.list-yellow .allmode-items a {color: #ebc300 !important;}
.list-yellow li:hover .allmode-readmore {background-color: #f7edbb;}
.list-yellow .allmode-showall {background-color: #ebc300;}

/* --- Green Color --- */
.list-green .allmode-name a:hover,
.list-green .allmode-items a {color: #4d9926 !important;}
.list-green li:hover .allmode-readmore {background-color: #cfe2c4;}
.list-green .allmode-showall {background-color: #4d9926;}

/* --- 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;}

/* --- Violet Color --- */
.list-violet .allmode-name a:hover,
.list-violet .allmode-items a {color: #6c3aad !important;}
.list-violet li:hover .allmode-readmore {background-color: #d7cbe6;}
.list-violet .allmode-showall {background-color: #6c3aad;}

/* --- Turquoise Color --- */
.list-turquoise .allmode-name a:hover,
.list-turquoise .allmode-items a {color: #1bb39e !important;}
.list-turquoise li:hover .allmode-readmore {background-color: #c3e9e2;}
.list-turquoise .allmode-showall {background-color: #1bb39e;}

/* --- Gray Color --- */
.list-gray .allmode-name a:hover,
.list-gray .allmode-items a {color: #1a1a1a !important;}
.list-gray li:hover .allmode-readmore {background-color: #c3c3c1;}
.list-gray .allmode-showall {background-color: #1a1a1a;}