/**
 * ------------------------------------------------------------------------
 * JA University Template
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
 */

/* Gutter ---*/
.main .inner {
/* We use liquid layout, so we need to insert a div which will create margin if need */
	padding-left: 10px;
	padding-right: 10px;
}

.main .main-inner1 {
/* We use liquid layout, so we need to insert a div which will create margin if need */
	margin-left: 10px;
	margin-right: 10px;
}

.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module { 
/* for side columns and spotlight, we only need to add margin or padding to Module */
	margin-left: 10px;
	margin-right: 10px;
}

.ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {
	margin-right: 0;
	margin-left: 20px;
}

.ja-inset1 div.ja-moduletable, .ja-inset1 .div.moduletable, .ja-inset1 div.ja-module, .ja-inset1 div.module {
	margin-right: 20px;
	margin-left: 0;
}

.item .contentpaneopen {
/* for article columns, we only need to add margin or padding to this div  */
	padding-left: 10px;
	padding-right: 10px;
}

.items-leading { }

.items-row {
/* minus the spacing of the article row to macth with the Gutter & global grid */
	margin-left: -10px;
	margin-right: -10px; 
}

.testclass{
	background-color: #FFFFD2;
}


/* Responsive Header */
@media screen and (max-width: 980px) {
	h1.logo a {
		background-size: 100% !important;
		padding: 13px 15px !important;
		margin: 0 !important;
		max-width: 630px;
	}
}
@media screen and (max-width: 890px) {
	h1.logo a {
		background-size: 100% !important;
		padding: 13px 15px !important;
		margin: 0 !important;
		max-width: 575px;
	}
}
@media screen and (max-width: 985px) {

	#ja-search *{
		webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#ja-search form{
		position: relative !important;
	}
	#mod-search-searchword{
		width: 100% !important;
		border-radius: 4px !important;
		-o-border-radius: 4px !important;
		-moz-border-radius: 4px !important;
		-webkit-border-radius: 4px !important;
		float: none !important;
		display: block !important;
	}
	#ja-search form input[type="submit"]{
		position: absolute;
		left: 0px !important;
		right: auto !important;
		top: 0px !important;
		border-radius: 4px !important;
		-o-border-radius: 4px !important;
		-moz-border-radius: 4px !important;
		-webkit-border-radius: 4px !important;
		padding: 14px 20px;
		display: block !important;
	}
}
@media screen and (max-width: 790px) {
	.ja-megamenu ul.level0 li.mega a.mega{
		padding: 15px 12px !important;
	}
	h1.logo a {
		width: 70% !important;
		margin: 0px auto 10px !important;
		display: block;
		max-width: 100% !important;
		background-image: url(../themes/blue/images/logo.png) !important;
	}
	h1.logo{
		float: none !important;
		width: 100% !important;
		height: auto !important;
	}
	#ja-search{
		position: relative !important;
		right: 0px !important;
		left: 0px !important;
		width: 60% !important;
		margin: 0px auto !important;
		padding: 15px 0px 0px !important;
		float: none !important;
	}
	#ja-search .custom a.ja-typo-btn{
		width: 100% !important;
		margin: 5px 0px !important;
		float: none !important;
		clear: both !important;
	}
	#ja-search .custom:first-child p:nth-child(2) > span{
		text-align: center !important;
		width: 100% !important;
		display: block !important;
	}
	#ja-search .custom:first-child p:nth-child(2) > span a
	#ja-search .custom:first-child p:nth-child(2) > span span{
		display: inline-block !important;
		text-align: center !important;
	}
}
@media screen and (max-width: 570px) {
	#ja-search{
		width: 80% !important;
	}
}
@media screen and (max-width: 480px) {
	h1.logo a {
		width: 90% !important;
	}
	#ja-search{
		width: 90% !important;
	}
}
.cus-clear{
	clear: both;
}
.content-mass-bottom .content-mass-bottom-right[type="2"],
.content-mass-bottom .content-mass-bottom-left[type="2"]{
	width: 48%;
	margin: 5px 1%;
	float: right;
}
.content-mass-bottom .content-mass-bottom-right[type="1"],
.content-mass-bottom .content-mass-bottom-left[type="1"]{
	width: 98%;
	margin: 5px 1%;
	float: right;
}