/**
 * =============================================================
 * RAXO All-mode PRO J1.5 - 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: 10px; padding-top: 32px;
	overflow: hidden;
	border-bottom: 1px solid #cccccc;
	margin: 10px 0px;
}
.allmode_portal .allmode_name {													/* Module Block NAME */
	margin: -32px 0 -4px; 
	height: 32px;
	font: normal 18px "Verdana","Geneva",sans-serif;
}
.allmode_portal .allmode_name a {
	font-weight: normal;
}
.allmode_portal .allmode_showall {												/* "Show All" TEXT */
	position: absolute;
	top: 9px; right: 2px;
	font: normal 11px/17px "Verdana","Geneva",sans-serif;
	text-align: right;
	color: #7d7d7d;
}


/* ----- TOP ITEMS Styles ----- */
.allmode_portal .allmode_topbox {												/* TOP Items DIV */
	float: left;
	padding-top: 10px;
	width: 60%;
	overflow: hidden;
	border-top: 2px solid #c8c8c8;
}
.allmode_portal .allmode_topitem {												/* TOP Item DIV */
	min-width: 140px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;

}
.allmode_portal .allmode_img img {												/* TOP Item IMAGE */
	float: left;
	margin: 0 12px 8px 0; padding: 2px;
	border: 1px solid #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: normal 14px "Verdana","Geneva",Times,serif;
}
.allmode_portal .allmode_topitem .allmode_title a {
	font-weight: normal;
}
.allmode_portal .allmode_topitem .allmode_text {								/* TOP Item TEXT */
	font: normal 12px/17px Helvetica,Arial,sans-serif;
	color: #484848;
}
.allmode_portal .allmode_topitem .allmode_readmore a {							/* TOP Item READ MORE */
	float: right;
	margin-right: 4px;
	font: normal 11px/21px Helvetica,Arial,sans-serif;
	text-align: right;
}


/* ----- ITEMS Styles ----- */
.allmode_portal .allmode_itemsbox {
	position: relative;
	float: right;
	margin-right: -16px;
	width: 40%;
	border-top: 2px solid #c8c8c8;
}
.allmode_portal .allmode_items {												/* Items UL */
	margin: 10px 0px 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;
	margin: 0px 16px 10 0;
	border-bottom: 1px solid #ccc;
}
.allmode_portal .allmode_item .allmode_img img {								/* Item IMAGE */
	float: left;
	margin-right: 10px; padding: 1px;
	border: 1px solid #c8c8c8;
}
.allmode_portal .allmode_item .allmode_title {									/* Item TITLE */
	margin: 0 0 3px 0;
	font: normal 12px/17px Helvetica,Arial,sans-serif;
}
.allmode_portal .allmode_item .allmode_title a {
	font-weight: bold;
}


/* ----- FIELDS Styles ----- */
.allmode_portal .allmode_details {												/* Details DIV */
	margin-bottom: 4px;
	font: normal 10px/15px "Verdana","Geneva",sans-serif;
	color: #7d7d7d;
}
.allmode_portal .allmode_details span {
	padding-right: 7px;
}
.allmode_portal .allmode_details a {
	font-size: 10px;
	color: #7d7d7d;
	border-bottom: 1px dotted #cccccc;
}
.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 "Verdana","Geneva",sans-serif;
}
.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;
	border-bottom: 1px dotted #cccccc;
}

	/* --- 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,
.portal_color1 .allmode_title a {
	color: #1B7906;
	border-color: #1B7906;
}

	/* --- 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,
.portal_color2 .allmode_title a {
	color: #1A8489;
	border-color: #1A8489;
}

	/* --- 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,
.portal_color3 .allmode_title a {
	color: #145077;
	border-color: #145077;
}

	/* --- 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,
.portal_color4 .allmode_title a {
	color: #EDAB21;
	border-color: #EDAB21;
}

	/* --- 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,
.portal_color5 .allmode_title a {
	color: #9C162E;
	border-color: #9C162E;
}

	/* --- 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,
.portal_color6 .allmode_title a {
	color: #5D1D12;
	border-color: #5D1D12;
}

	/* --- 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,
.portal_color7 .allmode_title 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,
.portal_color8 .allmode_title 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;
}