/**
 * =============================================================
 * @package		RAXO Default 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-default [class^="allmode-"],
.allmode-default img,
.allmode-default 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-default a {															/* Item LINKS */
	text-decoration: none;
}
	.allmode-default a:hover {
		color: #333333 !important;
		background: transparent none;
		border-bottom: 1px solid #333333;
	}



/* ----- MODULE BLOCK Styles ----- */
.allmode-default {																/* Module BLOCK */
	margin: 20px 0;
}
.allmode-default .allmode-name {												/* BLOCK NAME Text */
	margin: 0 8px; padding: 5px 4px;
	font-size: 16px; font-weight: normal !important;
	color: #373737;
	border-top: 2px solid #dddddd;
}
.allmode-default .allmode-showall {												/* SHOW ALL Text */
	margin: 0 8px; padding: 3px 4px 0;
	text-align: right !important;
	border-top: 1px solid #dddddd;
}



/* ----- TOP ITEMS Styles ----- */
.allmode-default .allmode-topbox {												/* Top Items DIV */
	margin: -10px 8px;
}
.allmode-default .allmode-topitem {												/* Top Item DIV */
	padding: 14px 0 10px;
	overflow: hidden;
	clear: left;
	border-bottom: 1px dashed #dddddd;
}
.allmode-default .allmode-topitem .allmode-title {								/* Top Item TITLE */
	margin: 0 0 3px 0 !important;
	line-height: 15px;
	padding: 10px 0;
}
.allmode-default .allmode-topitem .allmode-text {								/* Top Item TEXT */
	color: #000000;
	font-size: 11px;
}
.allmode-default .allmode-topitem .allmode-readmore {							/* Top Item READ MORE */
	float: right;
	margin-right: 4px;
	font: normal 11px/20px Helvetica,Arial,sans-serif;
	text-align: right;
}


/* ----- TOP ITEMS Fields ----- */
.allmode-default .allmode-topitem .allmode-details {							/* Top Item DETAILS */
	margin-bottom: 3px;
	font-size: 12px;
	line-height: 14px;
	color: #a0a0a0;
	padding-top: 10px;
}
.allmode-default .allmode-topitem .allmode-info {								/* Top Item INFO */
	margin-top: -4px; padding-bottom: 2px;
	font-size: 11px; line-height: 17px;
	font-style: italic;
	color: #b4b4b4;
}



/* ----- ITEMS Styles ----- */
.allmode-default .allmode-itemsbox {											/* Items DIV */
	margin: 0 8px;
}
.allmode-default .allmode-item {												/* Item DIV */
	padding: 4px 0 6px;
	overflow: hidden;
	clear: left;
	border-top: 0px dashed #dddddd;
}
.allmode-default .allmode-item .allmode-title {									/* Item TITLE */
	margin: 0 0 3px 0 !important;
}
.allmode-default .allmode-item .allmode-text {									/* Item TEXT */
	font: normal 12px/17px Helvetica,Arial,sans-serif;
	color: #373737;
}
.allmode-default .allmode-item .allmode-readmore {								/* Item READ MORE */
	float: right;
	margin-right: 4px;
	font-size: 11px;
	text-align: right;
}


/* ----- ITEMS Fields ----- */
.allmode-default .allmode-item .allmode-details {								/* Item DETAILS */
	margin-bottom: 2px;
	font-size: 11px; line-height: 13px;
	color: #525252;
}
.allmode-default .allmode-item .allmode-details > span {
	padding-top: 1px;
}
.allmode-default .allmode-item .allmode-info {									/* Item INFO */
	margin-top: -4px; padding-bottom: 2px;
	font-size: 10px; line-height: 16px;
	font-style: italic;
	color: #b4b4b4;
}



/* ----- COMMON Fields Styles ----- */
.allmode-default .allmode-img img {												/* Item IMAGE */
	float: right;
	display: block;
	margin: 0 0px 8px 15px;
	padding: 0px;
	max-width: 100%;
	height: auto;
	background-color: #f6f5f5;
	border: 0px solid #8e8c8c;
	border-radius: 2px;
	transition: border 0.4s ease;
}
.allmode-default .allmode-title a {
	font-weight: bold;
	font-size: 13px;
}
.allmode-default .allmode-date,													/* Content ELEMENTS */
.allmode-default .allmode-hits,
.allmode-default .allmode-comments {
}
.allmode-default .allmode-rating {												/* Item RATING */
	white-space: nowrap;
}
	.allmode-default .allmode-rating span {
		display: inline-block;
		width: 10px; height: 10px;
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAG4CAYAAAB8R3Z3AAABm0lEQVR42u2VYUQDYRzGrwzqe9GKoSmgKqVEtM/rOJICIlgIoajvUQAIFQIEibG+FxEUGKRMDC2qz33uGXdcS3vh1Z/8fjzudu/jOTf4ZYIWyuVylNymn2daSn26nMU/B5XX5KyzZXBL6Yqz/W1RK6u6Lih5ZTR1tqkUlJpy2Xz1njIQ/KRDGYsz03x1UXkOfqd5VuyMoqiqm5U2xWWlmnzMeJviRPqrw9TBR5wgfZb8jw/KtHKiHMTPdpRSfAYA8E/ItD64z+XcnlHJg2e0YuWZyXodzwAAmHimOr/v9oxKHjyjFSvPjFzv4hkAABPPPIa9bs+o5MEzWrHyzHDlDc8AAJh45v0mcHtGJQ+e0YqVZ3rmAjwDAGDimfB4yO0ZlTx4RitWnqmUnvAMAICJZ/orp27PqOTBM1qx8sxLuIZnAABMPNO9dOX2jEoePKMVK898nhfwDACAiWemjmpuz6jkwTNasfLM3XoezwAAmHhmY/bC7RmVPHhGK1aeObxdxDMAACaeyWazbs+o5MEzWrHyTKPRwDMAAH/BF4g4Fgjsmfc3AAAAAElFTkSuQmCC") no-repeat 0 0;
		/*background: url("rating.png") no-repeat 0 0;*/
		background-size: 10px 440px;
	}
	.allmode-default .allmode-star {
		margin: 0 1px;
	}
	.allmode-default .allmode-star span {
		display: block;
	}
.allmode-default .allmode-category,
.allmode-default .allmode-author {												/* Item CATEGORY, AUTHOR */
	padding-right: 5px;
	font-style: normal;
	color: #989898;
}
.allmode-default .allmode-details span:last-child,
.allmode-default .allmode-info span:last-child {
	padding-right: 0;
}



/* ----- RESPONSIVE Breakpoints ----- */
@media (max-width: 480px) {
	.allmode-default .allmode-topitem img {
		width: 100%
	}
	.allmode-default .allmode-item img {
		width: 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-default .allmode-date,
	.allmode-default .allmode-hits,
	.allmode-default .allmode-comments {
		background-image: url(icons@3x.png);
	}
	.allmode-default .allmode-rating span {
		background-image: url(rating@3x.png);
	}
}



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

/* --- Red Color (default) --- */
.allmode-default a {color: #012b81 !important;}
.allmode-default .allmode-name,
.allmode-default .allmode-showall,
.allmode-default a:hover img {border-color: #cc1f1f;}
.allmode-default .allmode-date {background-position: 0 0;}
.allmode-default .allmode-hits {background-position: 0 -30px;}
.allmode-default .allmode-comments {background-position: 0 -60px;}
.allmode-default .allmode-star span {background-position: 0 -40px;}

/* --- Pink Color --- */
.default-pink a {color: #d24087 !important;}
.default-pink .allmode-name,
.default-pink .allmode-showall,
.default-pink a:hover img {border-color: #d24087;}
.default-pink .allmode-date {background-position: 0 -120px;}
.default-pink .allmode-hits {background-position: 0 -150px;}
.default-pink .allmode-comments {background-position: 0 -180px;}
.default-pink .allmode-star span {background-position: 0 -80px;}

/* --- Orange Color --- */
.default-orange a {color: #d94d16 !important;}
.default-orange .allmode-name,
.default-orange .allmode-showall,
.default-orange a:hover img {border-color: #d94d16;}
.default-orange .allmode-date {background-position: 0 -240px;}
.default-orange .allmode-hits {background-position: 0 -270px;}
.default-orange .allmode-comments {background-position: 0 -300px;}
.default-orange .allmode-star span {background-position: 0 -120px;}

/* --- Yellow Color --- */
.default-yellow a {color: #ebc300 !important;}
.default-yellow .allmode-name,
.default-yellow .allmode-showall,
.default-yellow a:hover img {border-color: #ebc300;}
.default-yellow .allmode-date {background-position: 0 -360px;}
.default-yellow .allmode-hits {background-position: 0 -390px;}
.default-yellow .allmode-comments {background-position: 0 -420px;}
.default-yellow .allmode-star span {background-position: 0 -160px;}

/* --- Green Color --- */
.default-green a {color: #4d9926 !important;}
.default-green .allmode-name,
.default-green .allmode-showall,
.default-green a:hover img {border-color: #4d9926;}
.default-green .allmode-date {background-position: 0 -480px;}
.default-green .allmode-hits {background-position: 0 -510px;}
.default-green .allmode-comments {background-position: 0 -540px;}
.default-green .allmode-star span {background-position: 0 -200px;}

/* --- Turquoise Color --- */
.default-turquoise a {color: #1bb39e !important;}
.default-turquoise .allmode-name,
.default-turquoise .allmode-showall,
.default-turquoise a:hover img {border-color: #1bb39e;}
.default-turquoise .allmode-date {background-position: 0 -600px;}
.default-turquoise .allmode-hits {background-position: 0 -630px;}
.default-turquoise .allmode-comments {background-position: 0 -660px;}
.default-turquoise .allmode-star span {background-position: 0 -240px;}

/* --- Blue Color --- */
.default-blue a {color: #0a55bf !important;}
.default-blue .allmode-name,
.default-blue .allmode-showall,
.default-blue a:hover img {border-color: #0a55bf;}
.default-blue .allmode-date {background-position: 0 -720px;}
.default-blue .allmode-hits {background-position: 0 -750px;}
.default-blue .allmode-comments {background-position: 0 -780px;}
.default-blue .allmode-star span {background-position: 0 -280px;}

/* --- Light Blue Color --- */
.default-lightblue a {color: #3598dc !important;}
.default-lightblue .allmode-name,
.default-lightblue .allmode-showall,
.default-lightblue a:hover img {border-color: #3598dc;}
.default-lightblue .allmode-date {background-position: 0 -840px;}
.default-lightblue .allmode-hits {background-position: 0 -870px;}
.default-lightblue .allmode-comments {background-position: 0 -900px;}
.default-lightblue .allmode-star span {background-position: 0 -320px;}

/* --- Violet Color --- */
.default-violet a {color: #6c3aad !important;}
.default-violet .allmode-name,
.default-violet .allmode-showall,
.default-violet a:hover img {border-color: #6c3aad;}
.default-violet .allmode-date {background-position: 0 -960px;}
.default-violet .allmode-hits {background-position: 0 -990px;}
.default-violet .allmode-comments {background-position: 0 -1020px;}
.default-violet .allmode-star span {background-position: 0 -360px;}

/* --- Gray Color --- */
.default-gray a {color: #1a1a1a !important;}
.default-gray .allmode-name,
.default-gray .allmode-showall,
.default-gray a:hover img {border-color: #1a1a1a;}
.default-gray .allmode-date {background-position: 0 -1080px;}
.default-gray .allmode-hits {background-position: 0 -1110px;}
.default-gray .allmode-comments {background-position: 0 -1140px;}
.default-gray .allmode-star span {background-position: 0 -400px;}