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


/* ----- RESET Styles ----- */
.allmode-grid .allmode-name, .allmode-grid .allmode-showall,
.allmode-grid .allmode-item,
.allmode-grid .allmode-title, .allmode-grid img {
	margin: 0; padding: 0;
	text-transform: none;
	background: none !important; border: 0 none;
}
.allmode-grid a {
	text-decoration: none;
	background: none !important;
}
.allmode-grid :focus {outline: 0;}



/* ----- MODULE BOX Styles ----- */
.allmode-grid {
	position: relative;
	padding-top: 30px;
	overflow: hidden;
	border-top: 1px solid #999;
}
.allmode-grid > div {
	padding-top: 18px;
	border-top: 2px solid #000;
}
.allmode-grid .allmode-itemsbox {
	margin: 0 -10px;
	overflow: hidden;
}
.allmode-grid .allmode-item {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 10px 24px;
	max-width: 100%;
	overflow: hidden;
}
	.allmode-wrapper {
		height: 100%;
		overflow: hidden;
	}
.allmode-grid .allmode-name {													/* Module Block NAME */
	position: relative;
	margin: -30px 0 0 !important; padding: 3px 140px 3px 16px !important;
	font: normal 17px/24px "Verdana", "Geneva", sans-serif;
	color: #666; background-color: #fff !important;
}
.allmode-grid .allmode-showall {												/* "Show All" TEXT */
	padding: 5px 16px;
	font: normal 11px/18px "Arial", "Helvetica", sans-serif;
	color: #666;
	border-top: 1px solid #000; border-bottom: 1px solid #999;
	background-color: #fff !important;
}
	.allmode-grid .allmode-name a,
	.allmode-grid .allmode-showall a {
		color: #666;
	}

.allmode-grid .allmode-switch {													/* Layout Switch */
	position: absolute;
	top: 6px; right: 16px;
}
	.allmode-grid .allmode-switch span {
		display: block; float: left;
		margin-left: 8px; padding: 0 25px 0 4px;
		font: normal 11px/19px "Arial", "Helvetica", sans-serif;
		color: #373737; text-transform: uppercase;
	}
	.allmode-grid .allmode-sw-grid {
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAACLCAQAAAApbGppAAAAZElEQVR4Xu2VMQ7AMAjEeGIf3j9R0hmJQyILsp2B4RZPsdcVLV5Je+Zhes3PliaQoGg9AMAVr8x+smt2tjmBBMkWAPC4osUr6c78kF7zs6UJJCjaHQD4F0raMztm1/xsawIJih/MrNc2UAqSZAAAAABJRU5ErkJggg==") no-repeat 100% 0;
		/*background: url(ico-switch-grid.png) no-repeat 100% 0;*/
	}
	.allmode-grid .allmode-sw-list {
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAACLCAQAAAApbGppAAAAVklEQVR4Xu2VsQ3AMAzDdGIP709qHjAsAc1GMqNgjtHrRJ23Us88GV4jSjRRHQDgxCuzEaJEf51VAMDjRJ230s48El4jSjRRdwDgX1ipZ5pMrxElmvgBoLmnZo/JIUIAAAAASUVORK5CYII=") no-repeat 100% 0;
		/*background: url(ico-switch-list.png) no-repeat 100% 0;*/
	}
	.allmode-grid .allmode-switch .active {
		cursor: pointer;
		background-position: 100% -40px;
	}


/* ----- COMMON Fields Styles ----- */
.allmode-grid .allmode-img {													/* Items IMAGE */
	position: relative;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px;
	max-width: 100%;
	background-color: #fff;
	border: 1px solid #ccc;
}
	.allmode-grid .allmode-img img {
		display: block;
		max-width: 100%; height: auto;
	}
.allmode-grid .allmode-title {													/* Items TYTLE */
	margin: 6px 0 4px 0;
	font: normal 20px/20px "Times New Roman", "Times", serif;
	text-transform: none;
}
	.allmode-grid .allmode-title a {
		color: #000;
	}
.allmode-grid .allmode-text {													/* Items TEXT */
	font: normal 12px/17px "Helvetica", "Arial", sans-serif;
	color: #373737;
}
.allmode-grid .allmode-readmore {
	font-size: 90%; font-weight: bold;
}
.allmode-grid .allmode-category {												/* Items CATEGORY */
	position: absolute;
	left: -1px; bottom: -1px;
	overflow: hidden;
}
	.allmode-grid .allmode-category div {
		float: left;
		padding: 1px 4px 1px 7px;
		font-size: 10px; line-height: 14px; text-transform: uppercase;
		color: #fff; background-color: #313131;
	}
	.allmode-grid .allmode-category span {
		float: left; display: block;
		width: 0; height: 1px;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 4px solid #313131;
	}
	.allmode-grid .allmode-category a {
		color: #fff;
	}
.allmode-grid .allmode-details {
	font-size: 11px; line-height: 13px;
	color: #525252;
	overflow: hidden;
}
	.allmode-grid .allmode-details span {
		margin-right: 10px;
	}
.allmode-grid .allmode-comments {												/* Items COMMENTS */
	float: right;
	margin-left: 2px;
	width: 22px; height: 18px;
	font: normal 11px/16px "Arial", "Helvetica", sans-serif;
	color: #fff; text-align: center !important;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAyCAQAAADygOOQAAAAeklEQVR4Xu3UrRHDQAwF4bWquBrMREzTygEjF5AiwtRC0NXiAtKBZ1zBUcczaeDN5I/oE10g9NDB4BduTEK5cjWalMJEMwqqYuj4VZzxhmozZnYUOzMvfpx3139+sKDx7iMqr7whpSFyRf8U54rGcd5XVjR6jKii8mlP4z0hYwM8BygAAAAASUVORK5CYII=") no-repeat 0 0;
	/*background: url(ico-comments.png) no-repeat 0 0;*/
}
.allmode-grid .allmode-rating {													/* Items RATING */
	margin-top: 2px;
	white-space: nowrap;
}
	.allmode-grid .allmode-rating span {
		display: inline-block; margin: 0 1px 0 2px;
		width: 9px; height: 9px;
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAABFCAYAAACYC8wHAAACN0lEQVR42u2VzYsSYRzHfz0FZgZK+JIgEkL9A7K5BF0j7Cysy9BKsB522JNINBftIMR29hKEd29BHjpGByEkqK3tUASbrfhy8GV9mxnHp+frYYl5prsHf/A5zOczz/PAMMxQoVCICdKCrAPwMdI0bbfT6Rxzh4FHp1wut29ZFjdNUwIenQ7EzOdzPp1OJeDRKZPJqOPxmA8GAwl4dEqlUof9fh/nS8CjUzKZVHu9Hm82mxLw6LS9vb3TaDROsLLdbl+Aa3h0CofD0UAgoAjyDijotJn1nEfv/YItwX0HtladHr67u/eaF1681bkdeHRGi4nrtt8oGgsiO/DojIzRZWPBaW7KwKOLm4ZkWET6QgYeXdw0uKSbROM5l4BHZ6T3ObZ13AnHic5oejb5+Pvqc9cVIjvw6ETeOzfo+q2E4IEDiVXfzFpOq9WKdrtdRZB3QEGner2+E4/HT4LBIA+FQhfgGh6darWa6vf7eSQSkYBHp2q1eujz+VYr7cCjU6VSUT0eD/d6vRLw6FQulw9cLhd3u90S8OhsNpuJ34hJ/wOdSqXSrjj/WDwNbgcenYrFYkyQFmQdgI9t3qb1nB9/zqOnnYkiyDugoLNvp6N7yZfnWkJrHiW0s39oHsGjU/nNT/Xmk+88vP9LAh6dDccmI74gvjQk4Ff96asvaujxJx7a+ywjPDobTkzOLbHK0iXg0dloKl7kpSm2l4FHZzPdmrBrga+0FF93G/DolHz2ISZIC7IOwMf+Avg42/XwPv6bAAAAAElFTkSuQmCC") no-repeat 0 0;
		/*background: url(ico-rating.png) no-repeat 0 0;*/
	}
	.allmode-grid .allmode-star span {
		margin: 0;
		background-position: 0 -20px;
	}



/* ----- GRID Layout Styles ----- */
.allmode-grid .allmode-items-grid .allmode-wrapper {
	border-bottom: 2px solid transparent;
}
.allmode-grid .allmode-items-grid .allmode-img {
	margin: 0 0 10px 0;
}
.allmode-grid .allmode-items-grid .allmode-title {
	font-size: 17px; line-height: 18px;
}
.allmode-grid .allmode-items-grid .allmode-rating {
	float: right;
	margin-right: 0;
}
	.allmode-grid .allmode-items-grid .allmode-text,
	.allmode-grid .allmode-items-grid .allmode-author,
	/*.allmode-grid .allmode-items-grid .allmode-hits,*/
	/*.allmode-grid .allmode-items-grid .allmode-comments,*/
	.allmode-grid .allmode-items-grid .allmode-readmore {
		display: none;
	}



/* ----- LIST Layout Styles ----- */
.allmode-grid .allmode-items-list .allmode-item {
	float: none;
}
.allmode-grid .allmode-items-list .allmode-wrapper {
	border-right: 2px solid transparent;
}
.allmode-grid .allmode-items-list .allmode-img {
	float: left;
	margin: 0 16px 10px 0;
}
.allmode-grid .allmode-items-list .allmode-info {
	display: table-cell;
	padding-right: 4px;
	min-width: 140px;
}
.allmode-grid .allmode-items-list .allmode-title {
	margin-top: 0;
}
.allmode-grid .allmode-items-list .allmode-comments {
	margin-top: 1px;
}
.allmode-grid .allmode-items-list .allmode-details {
	margin-bottom: 4px;
}



/* ----- WHITE Theme (default) ----- */

/* --- Red Color (default) --- */
.allmode-grid .allmode-wrapper:hover {
	border-color: #b90f1b;
}
.allmode-grid .allmode-wrapper:hover .allmode-img {
	border-color: #b90f1b; background-color: #b90f1b;
}
.allmode-grid .allmode-name a:hover,
.allmode-grid .allmode-showall a:hover,
.allmode-grid .allmode-wrapper:hover .allmode-title a,
.allmode-grid .allmode-readmore a,
.allmode-grid .allmode-category a:hover {
	color: #b90f1b !important;
}

/* --- Blue Color --- */
.grid-blue .allmode-wrapper:hover {
	border-color: #004b96;
}
.grid-blue .allmode-wrapper:hover .allmode-img {
	border-color: #004b96; background-color: #004b96;
}
.grid-blue .allmode-name a:hover,
.grid-blue .allmode-showall a:hover,
.grid-blue .allmode-wrapper:hover .allmode-title a,
.grid-blue .allmode-readmore a,
.grid-blue .allmode-category a:hover {
	color: #004b96 !important;
}

/* --- Green Color --- */
.grid-green .allmode-wrapper:hover {
	border-color: #426e0f;
}
.grid-green .allmode-wrapper:hover .allmode-img {
	border-color: #426e0f; background-color: #426e0f;
}
.grid-green .allmode-name a:hover,
.grid-green .allmode-showall a:hover,
.grid-green .allmode-wrapper:hover .allmode-title a,
.grid-green .allmode-readmore a,
.grid-green .allmode-category a:hover {
	color: #426e0f !important;
}

/* --- Orange Color --- */
.grid-orange .allmode-wrapper:hover {
	border-color: #c84101;
}
.grid-orange .allmode-wrapper:hover .allmode-img {
	border-color: #c84101; background-color: #c84101;
}
.grid-orange .allmode-name a:hover,
.grid-orange .allmode-showall a:hover,
.grid-orange .allmode-wrapper:hover .allmode-title a,
.grid-orange .allmode-readmore a,
.grid-orange .allmode-category a:hover {
	color: #c84101 !important;
}

/* --- Violet Color --- */
.grid-violet .allmode-wrapper:hover {
	border-color: #6d16bf;
}
.grid-violet .allmode-wrapper:hover .allmode-img {
	border-color: #6d16bf; background-color: #6d16bf;
}
.grid-violet .allmode-name a:hover,
.grid-violet .allmode-showall a:hover,
.grid-violet .allmode-wrapper:hover .allmode-title a,
.grid-violet .allmode-readmore a,
.grid-violet .allmode-category a:hover {
	color: #6d16bf !important;
}


/* ----- BLACK Theme ----- */
.grid-black {
	border-color: #666;	background-color: #111;
}
.grid-black > div {
	border-color: #eee;
}
.grid-black .allmode-name {
	color: #999; background-color: #000 !important;
}
.grid-black .allmode-showall {
	color: #999; background-color: #000 !important;
	border-top-color: #eee; border-bottom-color: #666;
}
.grid-black .allmode-name a,
.grid-black .allmode-showall a,
.grid-black .allmode-switch span {color: #999;}
	.grid-black .allmode-switch span {background-position: 100% -80px;}
	.grid-black .allmode-switch .active {background-position: 100% -120px;}
.grid-black .allmode-img {border-color: #666; background-color: #222;}
.grid-black .allmode-title a {color: #eee;}
.grid-black .allmode-text {color: #a6a6a6;}
.grid-black .allmode-category div {color: #000; background-color: #919191;}
	.grid-black .allmode-category span {border-left-color: #919191;}
	.grid-black .allmode-category a {color: #000;}
.grid-black .allmode-details {color: #737373;}
.grid-black .allmode-rating span {background-position: 0 -40px;}
.grid-black .allmode-star span {background-position: 0 -60px;}
.grid-black .allmode-comments {color: #000; background-position: 0 -30px;}