/*
 * ------------------------------------------------------------------------
 * JA Puresite Template for J25 & J31
 * ------------------------------------------------------------------------
 * 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.
 * ------------------------------------------------------------------------
*/

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable,
div.moduletable {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

div.ja-moduletable-inner,
div.moduletable-inner {
  padding: 20px;
  margin: 10px;
}

div.ja-moduletable h3,
div.moduletable h3 {
  font-size: 200%;
  text-transform: none;
  margin: 0 0 .5em;
  color: #353637;
  font-weight: normal;
}

div.ja-moduletable .ja-box-ct,
div.moduletable .ja-box-ct {
  padding: 0;
}

/* Login Module ---*/
#login-form p {
  margin: 0 0 10px;
}

#login-form ul li {
  background: url(../images/bullet.gif) no-repeat 2px .6em;
  overflow: hidden;
  padding-left: 12px;
}

#login-form ul li {
	background: none; 
	padding: 0px;
}

#login-form ul li a {
	background: url(../images/bullet.gif) no-repeat 2px center;
	padding-left: 10px;
	color: #656667;
}

#login-form ul li a:hover,
#login-form ul li a:active,
#login-form ul li a:focus {
	background-image: url(../images/bullet-hove.gif);
	color: #de3068;
}

#login-form label {
  display: block;
}

#login-form #form-login-remember label {
  display: inline;
}

#login-form .inputbox {
	width: 155px;
	padding: 5px 10px;
}

#login-form #modlgn-remember {
	width: auto;
	padding: 0;
}

#login-form ul { margin: 0; }

.login_form label, .login label { padding-right: 10px; }

/* Advertisement ---*/
div.bannergroup_text div.banneritem { border-bottom: 1px dotted #e5e6e7; padding:5px 0; }

/* Top Slider ( custom html module ) ---*/
#ja-slider .ja-masonry { width: 100%; }

#ja-slider .main-inner1 { border-bottom: 1px solid #e5e6e7; }

#ja-slider div.ja-slider { text-align: center; padding: 20px 0; }

#ja-slider div.ja-slider img { max-width: 100%; }

#ja-slider div.ja-slider p { max-width: 50%; margin: 20px auto 0; }

#ja-slider div.ja-slider h3 {
	margin-top: 40px;
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
	background: none;	
	font-size: 180% !important;
}

#ja-slider div.ja-slider .button1,
#ja-slider div.ja-slider .button2 { margin-top: 20px; padding: 10px 35px; text-transform: uppercase; font-size: 15px; }

#ja-slider div.ja-slider .button1 { margin-right: 20px; }

/* ADDITIONAL MODULE STYLES
--------------------------------------------------------- */

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
	margin-bottom: 0;
}
#ja-topsl3 .ja-moduletable {
	width: auto;
}
div.moduletable div.moduletable-inner,
div.moduletable div.moduletable-inner {
  border: 1px solid #e5e6e7;
  background: #fff;
}

div.moduletable h3,
div.moduletable h3 {
	font-size: 1.167em;
	text-shadow: 0 0 1px rgba(0,0,0,.1);
	color: #353637;
	font-weight: normal;
	background: url(../images/title-bg.gif) no-repeat left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-transform: none;
}


/* No padding Module */

div.big-border div.moduletable-inner,
div.big-border div.moduletable-inner { border: 5px solid #f5f6f7; padding: 0; }

div.no-border div.moduletable-inner,
div.no-border div.moduletable-inner { border: 0; }

div.no-padding div.moduletable-inner,
div.no-padding div.moduletable-inner { padding: 0; }

div.no-padding.jatabs div.moduletable-inner,
div.no-padding.jatabs div.moduletable-inner { border-top: 5px solid #f5f6f7; }

.finder.big-border {
	padding: 0px;
	margin: 0px;
	background: #F5F6F7;
}
/* Highlight module */
div.moduletable.hilite .moduletable-inner,
div.moduletable.hilite .moduletable-inner {
	background: #1a1a1a;
	border: none;
}

div.moduletable.hilite .custom {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	margin: 0;
}

div.moduletable.hilite h3,
div.moduletable.hilite h3 { 
	color: #fff;
	background: url(../images/title-bg.gif) no-repeat 0 100%;
}

div.moduletable.hilite h4,
div.moduletable.hilite h4 {
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	margin: 10px 0;
	text-transform: none;
}

div.moduletable.hilite p,
div.moduletable.hilite p { color: #7b7d80; margin: 10px 0; }

div.moduletable.hilite p.readmore,
div.moduletable.hilite p.readmore { margin-bottom: 0; }

div.moduletable.hilite p.readmore a:hover,
div.moduletable.hilite p.readmore a:focus,
div.moduletable.hilite p.readmore a:hover,
div.moduletable.hilite p.readmore a:focus { color: #fff; }

div.moduletable.hilite img,
div.moduletable.hilite img { margin-top: 10px; margin-bottom: 10px;  }

/* Blank Modules */
.moduletable_blank .moduletable-inner {
  background: none;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Modules Popup */
span.highslide-img { margin: 3px; }

.highslide img { border: solid 4px #111 !important; }

.highslide:hover img { border-color: #de3068 !important; }

/* Modules No Title */
div.ja-moduletable.no-title h3, div.moduletable.no-title h3 {
	text-indent: -9999em; 
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom: none;
	min-height: 30px;
}

.ja-masonry.photo { width: auto; }

div.ja-moduletable.photo h3, div.moduletable.photo h3 {
	background-image: url(../images/icons/flickr.png);
}

div.ja-moduletable.mod_twitter h3, div.moduletable.mod_twitter h3 {
	background-image: url(../images/icons/twitter.png);
}

div.ja-moduletable.photo a.readmore {
	display: block;
	margin-top: 15px;
}

.img-photo { margin-top: 20px; }

/* Smart Search */
div.finder .inputbox { padding: 5px 10px; width: 178px; margin: 0px; vertical-align: middle; }

.moduletable.big-border div.finder .inputbox {
	width: 96%;
	margin: 0px;
	padding: 8px 0px 8px 0.5em;
	outline: none;
}

ul.autocompleter-choices { background: #FFF6D9; border: 0; margin: 0; }

ul.autocompleter-choices li.autocompleter-selected {
	background-color: #FFE17E;
	color: #666;
	text-shadow: 1px 1px 0 rgba(255,255,255,.5);
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { color: #de3068; }

/* Modules Twitter */
.ja-twitter a { color: #0d96cd; }

.ja-twitter a:hover,
.ja-twitter a:focus,
.ja-twitter a:active { text-decoration: underline; }

div.ja-twitter div.ja-twitter-item {
	background: #111;
	border: solid 1px #1a1b1c;
	padding: 20px;
	font-family: "DS Sans Serif", Helvetica,Arial,sans-serif;
	margin: 11px auto 20px;
	width: 270px;
}

.ja-twitter a { font-family: 'QuestrialRegular',Arial,Helvetica,sans-serif; }

.ja-twitter a.followbutton-none { font-family: Arial,Helvetica,sans-serif; }

div.ja-twitter-tweets { position: relative; margin-top: 20px;}

div.ja-twitter-tweets .arrow-twitter {
	background: url(../images/arrow-twitter.png) no-repeat center center;
	position: absolute;
	z-index: 100;
	width: 20px;
	height: 11px;
	left: 46.5%;
	top: -10px;
}

/* Static module ---*/
dl.stats-module {
  overflow: hidden;
  margin: 0;
}

dl.stats-module dt {
  display: block;
  float: left;
  padding-right: 5px;
}

dl.stats-module dt:after {
  content: ":";
}

/* Article most read ---*/
ul.mostread li {
  background: url(../images/bullet.gif) no-repeat 0px 10px;
  border-bottom: 1px dotted #e5e6e7;
  margin: 0;
  padding: 3px 0 3px 10px;
}

/* Latest users ---*/
ul.latestusers {
	margin: 0;
}

ul.latestusers li {
  background: url(../images/bullet.gif) no-repeat 0px 10px;
  border-bottom: 1px dotted #e5e6e7;
  margin: 0;
  padding: 3px 0 3px 10px;
}

/* breadcrumbs */
span.breadcrumbs {
	display: block;
	color: #656667;
	font-weight: normal;
	background: url(../images/title-bg.gif) no-repeat left bottom;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-size: 92%;
}

span.breadcrumbs strong {
	font-weight: normal;
}/*
 * ------------------------------------------------------------------------
 * JA Puresite Template J25
 * ------------------------------------------------------------------------
 * 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.
 * ------------------------------------------------------------------------
*/

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable,
div.moduletable {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

div.ja-moduletable-inner,
div.moduletable-inner {
  padding: 20px;
  margin: 10px;
}

div.ja-moduletable h3,
div.moduletable h3 {
  font-size: 200%;
  text-transform: none;
  margin: 0 0 .5em;
  color: #353637;
  font-weight: normal;
}

div.ja-moduletable .ja-box-ct,
div.moduletable .ja-box-ct {
  padding: 0;
}

/* Login Module ---*/
#login-form p {
  margin: 0 0 10px;
}

#login-form ul li {
  background: url(../images/bullet.gif) no-repeat 2px .6em;
  overflow: hidden;
  padding-left: 12px;
}

#login-form ul li {
	background: none; 
	padding: 0px;
}

#login-form ul li a {
	background: url(../images/bullet.gif) no-repeat 2px center;
	padding-left: 10px;
	color: #656667;
}

#login-form ul li a:hover,
#login-form ul li a:active,
#login-form ul li a:focus {
	background-image: url(../images/bullet-hove.gif);
	color: #de3068;
}

#login-form label {
  display: block;
}

#login-form #form-login-remember label {
  display: inline;
}

#login-form .inputbox {
	width: 155px;
	padding: 5px 10px;
}

#login-form #modlgn-remember {
	width: auto;
	padding: 0;
}

#login-form ul { margin: 0; }

.login_form label, .login label { padding-right: 10px; }

/* Advertisement ---*/
div.bannergroup_text div.banneritem { border-bottom: 1px dotted #e5e6e7; padding:5px 0; }

/* Top Slider ( custom html module ) ---*/
#ja-slider .ja-masonry { width: 100%; }

#ja-slider .main-inner1 { border-bottom: 1px solid #e5e6e7; }

#ja-slider div.ja-slider { text-align: center; padding: 20px 0; }

#ja-slider div.ja-slider img { max-width: 100%; }

#ja-slider div.ja-slider p { max-width: 50%; margin: 20px auto 0; }

#ja-slider div.ja-slider h3 {
	margin-top: 40px;
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
	background: none;	
	font-size: 180% !important;
}

#ja-slider div.ja-slider .button1,
#ja-slider div.ja-slider .button2 { margin-top: 20px; padding: 10px 35px; text-transform: uppercase; font-size: 15px; }

#ja-slider div.ja-slider .button1 { margin-right: 20px; }

/* ADDITIONAL MODULE STYLES
--------------------------------------------------------- */

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
	margin-bottom: 0;
}
#ja-topsl3 .ja-moduletable {
	width: auto;
}
div.moduletable div.moduletable-inner,
div.moduletable div.moduletable-inner {
  /* border: 1px solid #e5e6e7;  background: #fff; */
  border: 0px; background: none; padding: 0px;
}

div.moduletable h3,
div.moduletable h3 {
	font-size: 1.167em;
	text-shadow: 0 0 1px rgba(0,0,0,.1);
	color: #353637;
	font-weight: normal;
	background: url(../images/title-bg.gif) no-repeat left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-transform: none;
}


/* No padding Module */

div.big-border div.moduletable-inner,
div.big-border div.moduletable-inner { border: 5px solid #f5f6f7; padding: 0; }

div.no-border div.moduletable-inner,
div.no-border div.moduletable-inner { border: 0; }

div.no-padding div.moduletable-inner,
div.no-padding div.moduletable-inner { padding: 0; }

div.no-padding.jatabs div.moduletable-inner,
div.no-padding.jatabs div.moduletable-inner { border-top: 5px solid #f5f6f7; }

.finder.big-border {
	padding: 0px;
	margin: 0px;
	background: #F5F6F7;
}
/* Highlight module */
div.moduletable.hilite .moduletable-inner,
div.moduletable.hilite .moduletable-inner {
	background: #1a1a1a;
	border: none;
}

div.moduletable.hilite .custom {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	margin: 0;
}

div.moduletable.hilite h3,
div.moduletable.hilite h3 { 
	color: #fff;
	background: url(../images/title-bg.gif) no-repeat 0 100%;
}

div.moduletable.hilite h4,
div.moduletable.hilite h4 {
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	margin: 10px 0;
	text-transform: none;
}

div.moduletable.hilite p,
div.moduletable.hilite p { color: #7b7d80; margin: 10px 0; }

div.moduletable.hilite p.readmore,
div.moduletable.hilite p.readmore { margin-bottom: 0; }

div.moduletable.hilite p.readmore a:hover,
div.moduletable.hilite p.readmore a:focus,
div.moduletable.hilite p.readmore a:hover,
div.moduletable.hilite p.readmore a:focus { color: #fff; }

div.moduletable.hilite img,
div.moduletable.hilite img { margin-top: 10px; margin-bottom: 10px;  }

/* Blank Modules */
.moduletable_blank .moduletable-inner {
  background: none;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Modules Popup */
span.highslide-img { margin: 3px; }

.highslide img { border: solid 4px #111 !important; }

.highslide:hover img { border-color: #de3068 !important; }

/* Modules No Title */
div.ja-moduletable.no-title h3, div.moduletable.no-title h3 {
	text-indent: -9999em; 
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom: none;
	min-height: 30px;
}

.ja-masonry.photo { width: auto; }

div.ja-moduletable.photo h3, div.moduletable.photo h3 {
	background-image: url(../images/icons/flickr.png);
}

div.ja-moduletable.mod_twitter h3, div.moduletable.mod_twitter h3 {
	background-image: url(../images/icons/twitter.png);
}

div.ja-moduletable.photo a.readmore {
	display: block;
	margin-top: 15px;
}

.img-photo { margin-top: 20px; }

/* Smart Search */
div.finder .inputbox { padding: 5px 10px; width: 178px; margin: 0px; vertical-align: middle; }

.moduletable.big-border div.finder .search-query {
	width: 96%;
	margin: 0px;
	padding: 8px 0px 8px 0.5em;
	outline: none;
}

ul.autocompleter-choices { background: #FFF6D9; border: 0; margin: 0; }

ul.autocompleter-choices li.autocompleter-selected {
	background-color: #FFE17E;
	color: #666;
	text-shadow: 1px 1px 0 rgba(255,255,255,.5);
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { color: #de3068; }

/* Modules Twitter */
.ja-twitter a { color: #0d96cd; }

.ja-twitter a:hover,
.ja-twitter a:focus,
.ja-twitter a:active { text-decoration: underline; }

div.ja-twitter div.ja-twitter-item {
	background: #111;
	border: solid 1px #1a1b1c;
	padding: 20px;
	font-family: "DS Sans Serif", Helvetica,Arial,sans-serif;
	margin: 11px auto 20px;
	width: 270px;
}

.ja-twitter a { font-family: 'QuestrialRegular',Arial,Helvetica,sans-serif; }

.ja-twitter a.followbutton-none { font-family: Arial,Helvetica,sans-serif; }

div.ja-twitter-tweets { position: relative; margin-top: 20px;}

div.ja-twitter-tweets .arrow-twitter {
	background: url(../images/arrow-twitter.png) no-repeat center center;
	position: absolute;
	z-index: 100;
	width: 20px;
	height: 11px;
	left: 46.5%;
	top: -10px;
}

/* Static module ---*/
dl.stats-module {
  overflow: hidden;
  margin: 0;
}

dl.stats-module dt {
  display: block;
  float: left;
  padding-right: 5px;
}

dl.stats-module dt:after {
  content: ":";
}

/* Article most read ---*/
ul.mostread li {
  background: url(../images/bullet.gif) no-repeat 0px 10px;
  border-bottom: 1px dotted #e5e6e7;
  margin: 0;
  padding: 3px 0 3px 10px;
}

/* Latest users ---*/
ul.latestusers {
	margin: 0;
}

ul.latestusers li {
  background: url(../images/bullet.gif) no-repeat 0px 10px;
  border-bottom: 1px dotted #e5e6e7;
  margin: 0;
  padding: 3px 0 3px 10px;
}

/* breadcrumbs */
span.breadcrumbs {
	display: block;
	color: #656667;
	font-weight: normal;
	background: url(../images/title-bg.gif) no-repeat left bottom;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-size: 92%;
}

span.breadcrumbs strong {
	font-weight: normal;
}