/**
 * =============================================================
 * RAXO All-mode PRO J2.5 - Template CSS
 * -------------------------------------------------------------
 * @package		RAXO All-mode PRO
 * @subpackage	All-mode List Template
 * @copyright	Copyright (C) 2009-2014 RAXO Group
 * @license		RAXO Commercial License
 * 				This file is forbidden for redistribution
 * @link		http://www.raxo.org
 * =============================================================
 */


/* ----- RESET Styles ----- */
.allmode-list .allmode-name, .allmode-list .allmode-showall,
.allmode-list .allmode-itemsbox, .allmode-list .allmode-item,
.allmode-list .allmode-title, .allmode-list img, .allmode-list a {
	margin: 0; padding: 0;
	background: transparent none;
	border: 0 none;
}


/* ----- MODULE BOX Styles ----- */
.allmode-list {																	/* Module BLOCK */
	position: relative;
	margin-bottom: 16px; 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 {												/* BLOCK NAME Link */
	text-decoration: none;
	color: #565656;
}
.allmode-list .allmode-name a:hover {
	text-decoration: none;
}
.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 {											/* SHOW ALL Link */
		margin-left: -8px; padding: 0 4px 0 8px;
		font-weight: bold; text-decoration: none;
		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-items a {												/* Item LINKS */
	text-decoration: none;
}
	.allmode-list .allmode-items a:hover {
		color: #333333 !important;
		background-color: transparent;
		border-bottom: 1px solid #333333;
	}
.allmode-list .allmode-img {													/* Item IMAGE */
	margin-left: -4px;
}
	.allmode-list .allmode-img img {
		float: right;
		margin: 0 -4px 4px 4px;
		max-width: 100%; height: auto;
		border-radius: 3px;
	}
.allmode-list .allmode-title {													/* Item TITLE */
	margin: 0 0 5px 0 !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/0P6AAAAjklEQVR42qWUsQ2FQAxDEX+Cq2Cuf0MxwLX2bkwABbriKiPSI6HYveUXJ8r0Js7c+Z/S0qxd4U8LDcNCaBoWAld2Ggha1U0EbBAH8gibZCGw4KTyi1DR6SKAonjhl0SAHl3K+VF4RAM13cARDdTs/HEDrMYNOPFY0OHEL+oRnxVbTJ+WmhUfn7Can/CD/waKd3phcrtN9wAAAABJRU5ErkJggg==") no-repeat 0 50%;
		/*background: transparent url("arrow.png") no-repeat 0 50%;*/
	}
	.allmode-list .allmode-showall a::after,
	.allmode-list .allmode-topitem:hover .allmode-readmore,
	.allmode-list .allmode-item:hover .allmode-readmore {
		background-position: -32px 50%;
	}
.allmode-list .allmode-info {													/* INFO Fields */
	font-size: 12px;
	color: #737373;
}
	.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,
	.allmode-list .allmode-hits,
	.allmode-list .allmode-rating {
		padding-left: 18px !important;
		background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAA2CAQAAABdaGCaAAABnUlEQVR4Xu2SPUgcQRiGRy65aCCxCsmZkJAiTcQUR6K2FgkJeUKaEEFBuEYsRFARD9HGQrTbqxS0shNsVRAsbBT8xb9OLfREj/MEESxEOF8GltmVBdHaeRjmne+BYb+ZNQ8fxMlQoBiioFpcEo9pEpgQCdUGJSk4FdIFSYqYSIp3yuhj39hj8ZhSDKu3qg35rZxR5IoKiVdMKJ/5rQT5xxFDlLpLcLxniRpzj/GIe/l+1jkX60qJoEyRJ0M1peKbUp6UL7vYoxIlynlp10pVWiWpI8s7iRKGuRCeklFlnrhhF7BvyTIvKGeT33b/lWeGA2qs7GbArhm63NemWOW5ZJJD6vjBEV+cNIyxyAd78Bor/An3WUKaU0b5SwWxqEt4TTuzHHNNU0g/YnCk2ScdLZPkqNZM3pYxPrFFA0ZzWznmyz42uWQPD2PxlC/ZoleSHD2UYUKUqZaTpJZj6sOS/6rVSipWkSXllHKWKtdKJyNWPLVynJZgK5M08oQ28nyU7MALyhOa2WGGz3b3nbmgXGCDn7j/6dSXUfwyd48bhdLXRF9VOsMAAAAASUVORK5CYII=") no-repeat 0 0;
		/*background: transparent url("icons.png") no-repeat 0 0;*/
	}
	.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;
}



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

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

/* --- Orange Color --- */
.list-orange .allmode-name a:hover,
.list-orange .allmode-items a {color: #d94d16 !important;}
.list-orange .allmode-topitem:hover .allmode-readmore,
.list-orange .allmode-item: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 .allmode-topitem:hover .allmode-readmore,
.list-yellow .allmode-item: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 .allmode-topitem:hover .allmode-readmore,
.list-green .allmode-item: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 .allmode-topitem:hover .allmode-readmore,
.list-blue .allmode-item:hover .allmode-readmore {background-color: #bfd1ea;}
.list-blue .allmode-showall {background-color: #0a55bf;}

/* --- Violet Color --- */
.list-violet .allmode-name a:hover,
.list-violet .allmode-items a {color: #6c3aad !important;}
.list-violet .allmode-topitem:hover .allmode-readmore,
.list-violet .allmode-item: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 .allmode-topitem:hover .allmode-readmore,
.list-turquoise .allmode-item:hover .allmode-readmore {background-color: #c3e9e2;}
.list-turquoise .allmode-showall {background-color: #1bb39e;}

/* --- Black Color --- */
.list-black .allmode-name a:hover,
.list-black .allmode-items a {color: #1a1a1a !important;}
.list-black .allmode-topitem:hover .allmode-readmore,
.list-black .allmode-item:hover .allmode-readmore {background-color: #c3c3c1;}
.list-black .allmode-showall {background-color: #1a1a1a;}