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


/* ----- RESET Styles ----- */
.allmode-portal .allmode-name, .allmode-portal .allmode-showall,
.allmode-portal .allmode-title, .allmode-portal img,
.allmode-portal ul, .allmode-portal li {
	margin: 0; padding: 0;
	text-transform: none; border: 0 none;
}
.allmode-portal a {text-decoration: none;}
.allmode-portal :focus {outline: 0;}
.allmode-portal .allmode-clear {clear: both; height: 0;}


/* ----- MODULE BOX Styles ----- */
.allmode-portal {
	position: relative;
	margin-bottom: 19px; padding-top: 32px;
	overflow: hidden;
}
.allmode-portal .allmode-name {													/* Module Block NAME */
	margin: -32px 0 -4px; padding-left: 2px;
	height: 32px;
	font: bold 14px/30px;
	border-top: 3px solid #148cd7;
}
.allmode-portal .allmode-name a {
	font-weight: bold;
}
.allmode-portal .allmode-showall {												/* "Show All" TEXT */
	position: absolute;
	top: 9px; right: 2px;
	font: normal 11px/17px;
	text-align: right;
	color: #7d7d7d;
}


/* ----- TOP ITEMS Styles ----- */
.allmode-portal .allmode-topbox {												/* TOP Items DIV */
	float: left;
	padding-top: 10px;
	width: 50%;
	overflow: hidden;
	border-top: 0px solid #c8c8c8;
}
.allmode-portal .allmode-topitem {												/* TOP Item DIV */
	padding-bottom: 8px;
	min-width: 140px;
	overflow: hidden;
}
.allmode-portal .allmode-img img {												/* TOP Item IMAGE */
	float: left;
	margin: 0 12px 8px 0; padding: 1px;
	border: 1px solid #c8c8c8; background-color: #c8c8c8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.allmode-portal .allmode-topitem .allmode-title {								/* TOP Item TITLE */
	margin: 0 0 6px 0;
	font-size: 30px;
}
.allmode-portal .allmode-topitem .allmode-title a {
	font-weight: normal;
}
.allmode-portal .allmode-topitem .allmode-text {								/* TOP Item TEXT */
	font-size: 12px/18px;
	color: #484848;
}
.allmode-portal .allmode-topitem .allmode-readmore a {							/* TOP Item READ MORE */
	font: bold 10px/18px;
}


/* ----- ITEMS Styles ----- */
.allmode-portal .allmode-itemsbox {
	position: relative;
	float: right;
	margin-right: -16px;
	width: 50%;
	border-top: 0px solid #c8c8c8;
}
.allmode-portal .allmode-items {												/* Items UL */
	margin: 10px 16px 0 0;
	overflow: hidden;
}
.allmode-portal .allmode-item {													/* Item LI */
	display: none;
	margin-bottom: 6px; padding-bottom: 3px;
	overflow: hidden;
	list-style: none; background: none;
	text-align: left;

}
.allmode-portal .allmode-item .allmode-img img {								/* Item IMAGE */
	float: left;
	margin-right: 10px; padding: 1px;
	border: 1px solid #c8c8c8; background-color: #c8c8c8;
}
.allmode-portal .allmode-item .allmode-title {									/* Item TITLE */
	margin: 0 0 3px 0;
	font-size: 24px;
	font-weight: normal;
}
.allmode-portal .allmode-item .allmode-title a {
	font-weight: normal;
}


/* ----- FIELDS Styles ----- */
.allmode-portal .allmode-details {												/* Details DIV */
	margin-bottom: 4px;
	font-size: 16px;
	line-height:15px;
	color: #7d7d7d;
}
.allmode-portal .allmode-details span {
	padding-right: 7px;
}
.allmode-portal .allmode-details a {
	font-size: 10px;
	color: #7d7d7d;

}
.allmode-portal .allmode-details a:hover {
	color: #222222;
	border-color: #cccccc;
}


/* ----- PAGE Switcher ----- */
.allmode-portal .allmode-pagenav {												/* News PAGES */
	position: absolute;
	top: -24px; left: -6px;
	overflow: hidden;
	font: 11px/17px;
}
.allmode-portal .allmode-pagenav a {											/* Page LINKS */
	display: block;
	float: left;
	margin: 0 2px; padding: 0 4px;
	height: 17px; line-height: 17px;
}
	.allmode-portal .allmode-pagenav a:hover {
		background-color: #f5f5f5;
		border-radius: 2px;
	}
	.allmode-portal .allmode-pagenav a.active-page {
		color: #333333 !important;
		font-weight: normal;
		background-color: #d1d1d1;
		border-radius: 2px;
	}
.allmode-portal .allmode-pagenav .previous-link,
.allmode-portal .allmode-pagenav .next-link {									/* PREV & NEXT */
	color: #7d7d7d !important;
}
.allmode-portal .allmode-pagenav .first-link,
.allmode-portal .allmode-pagenav .last-link {									/* FIRST & LAST */
	display: none;
	font-size: 14px;
}


/* ----- RESPONSIVE Layout ----- */
@media (max-width: 767px) {
	.allmode-portal .allmode-topbox,
	.allmode-portal .allmode-itemsbox,
	.allmode-portal .allmode-items {
		margin: 0;
		width: 100%;
	}
	.allmode-portal .allmode-itemsbox {
		padding: 24px 0;
		border: none; border-bottom: 2px solid #c8c8c8;
	}
	.allmode-portal .allmode-pagenav {
		top: auto; bottom: 4px;
	}
}


/* ----- COLOR Schemes ----- */
.allmode-portal .allmode-title a {
	color: #222222;

}

	/* --- Portal Color (default) --- */
.allmode-portal .allmode-name, .allmode-portal .allmode-name a,
.allmode-portal .allmode-showall a,
.allmode-portal .allmode-img a:hover img,
.allmode-portal .allmode-title a:hover,
.allmode-portal .allmode-topitem .allmode-readmore a,
.allmode-portal .allmode-details a {
	color: #148cd7;
	border-color: #148cd7;
}

	/* --- Portal Color 1 --- */
.portal-color1 .allmode-name, .portal-color1 .allmode-name a,
.portal-color1 .allmode-showall a,
.portal-color1 .allmode-img a:hover img,
.portal-color1 .allmode-title a:hover,
.portal-color1 .allmode-topitem .allmode-readmore a,
.portal-color1 .allmode-details a,
.portal-color1 .allmode-pagenav a {
	color: #f25e0e;
	border-color: #f25e0e;
}

	/* --- Portal Color 2 --- */
.portal-color2 .allmode-name, .portal-color2 .allmode-name a,
.portal-color2 .allmode-showall a,
.portal-color2 .allmode-img a:hover img,
.portal-color2 .allmode-title a:hover,
.portal-color2 .allmode-topitem .allmode-readmore a,
.portal-color2 .allmode-details a,
.portal-color2 .allmode-pagenav a {
	color: #0fb414;
	border-color: #0fb414;
}

	/* --- Portal Color 3 --- */
.portal-color3 .allmode-name, .portal-color3 .allmode-name a,
.portal-color3 .allmode-showall a,
.portal-color3 .allmode-img a:hover img,
.portal-color3 .allmode-title a:hover,
.portal-color3 .allmode-topitem .allmode-readmore a,
.portal-color3 .allmode-details a,
.portal-color3 .allmode-pagenav a {
	color: #d22a2a;
	border-color: #d22a2a;
}

	/* --- Portal Color 4 --- */
.portal-color4 .allmode-name, .portal-color4 .allmode-name a,
.portal-color4 .allmode-showall a,
.portal-color4 .allmode-img a:hover img,
.portal-color4 .allmode-title a:hover,
.portal-color4 .allmode-topitem .allmode-readmore a,
.portal-color4 .allmode-details a,
.portal-color4 .allmode-pagenav a {
	color: #00309c;
	border-color: #00309c;
}

	/* --- Portal Color 5 --- */
.portal-color5 .allmode-name, .portal-color5 .allmode-name a,
.portal-color5 .allmode-showall a,
.portal-color5 .allmode-img a:hover img,
.portal-color5 .allmode-title a:hover,
.portal-color5 .allmode-topitem .allmode-readmore a,
.portal-color5 .allmode-details a,
.portal-color5 .allmode-pagenav a {
	color: #9d3dd4;
	border-color: #9d3dd4;
}

	/* --- Portal Color 6 --- */
.portal-color6 .allmode-name, .portal-color6 .allmode-name a,
.portal-color6 .allmode-showall a,
.portal-color6 .allmode-img a:hover img,
.portal-color6 .allmode-title a:hover,
.portal-color6 .allmode-topitem .allmode-readmore a,
.portal-color6 .allmode-details a,
.portal-color6 .allmode-pagenav a {
	color: #93bb3a;
	border-color: #93bb3a;
}

	/* --- Portal Color 7 --- */
.portal-color7 .allmode-name, .portal-color7 .allmode-name a,
.portal-color7 .allmode-showall a,
.portal-color7 .allmode-img a:hover img,
.portal-color7 .allmode-title a:hover,
.portal-color7 .allmode-topitem .allmode-readmore a,
.portal-color7 .allmode-details a,
.portal-color7 .allmode-pagenav a {
	color: #d22a8c;
	border-color: #d22a8c;
}

	/* --- Portal Color 8 --- */
.portal-color8 .allmode-name, .portal-color8 .allmode-name a,
.portal-color8 .allmode-showall a,
.portal-color8 .allmode-img a:hover img,
.portal-color8 .allmode-title a:hover,
.portal-color8 .allmode-topitem .allmode-readmore a,
.portal-color8 .allmode-details a,
.portal-color8 .allmode-pagenav a {
	color: #646464;
	border-color: #646464;
}

.allmode-portal .allmode-title a:hover {
	color: #565656;
}
.allmode-portal .allmode-details a {
	color: #7d7d7d;
}
.allmode-portal .allmode-name a:hover,
.allmode-portal .allmode-showall a:hover,
.allmode-portal .allmode-topitem .allmode-readmore a:hover {
	color: #565656;
}