/*

 * ------------------------------------------------------------------------

 * JA Social Template for J17

 * ------------------------------------------------------------------------

 * 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.

 * ------------------------------------------------------------------------

*/



/* COMMON STYLE

--------------------------------------------------------- */

body {

	color: #333;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 1.7;

}



body#bd { background: url(../images/header-bg2.gif); color: #333; }



/* Normal links ---*/

a { color: #238db4; text-decoration: none; }



a:hover, a:active, a:focus { color: #333; }



.ja-module dd,

.ja-content-main dd,

.ja-content-main dd { margin-left: 0px; }



/* Readon links ---*/

p.readmore {

	background: url(../images/readon-bg.gif) repeat-x left bottom;

	border: 1px solid #ddd;

	font-weight: bold;

	float: left;

	padding: 2px 6px;

}



p.readmore a {

	color: #666;

	text-shadow: 0 1px 1px #fff;

}



p.readmore a:hover,

p.readmore a:focus,

p.readmore a:active {

	color: #238db4;

	text-decoration: none;

}



.contentheading, .componentheading, h1, h2, h3, h4, h5 {

	font-family: "Segoe UI", Arial, Hevetica, sans-serif;

}



h1.componentheading, .componentheading {

	background: url(../images/heading-bg.gif) repeat-x left top #f0f0f0;

	border-bottom: 1px solid #E4E4E4;

	color: #4A4A4A;

	font-weight: bold;

	font-size: 110%;

	margin: 0 -15px;

	padding: 0 15px 10px;

	text-transform: uppercase;

	text-shadow: 0 1px 2px #fff;

}



h2.contentheading, .contentheading {

	font-weight: bold;

}



.contentheading { font-size: 250%; }



.contentpaneopen_edit {

	position: absolute;

	left: 0;

	top: 0;

}



.blog-featured .contentheading { color: #238db4; font-size: 170%; }



.jitem-title { font-size: 110%; font-weight: bold; }



/* Others ---*/

hr { border-top: 1px solid #ccc; }



/* FORM

--------------------------------------------------------- */

input, select, textarea, .inputbox {

	padding: 4px 5px;

	font-family: Arial, Helvetica, sans-serif;

}



input[type="checkbox"] {

	vertical-align: middle;

	padding: 0;

	margin: 0;

}



.inputbox { border: 1px solid #d6e4ec; background: #fff; }



.inputbox:hover, .inputbox:focus { background: #ffffcc; }



.login_form .remember .inputbox,

.ja-weblinks .checkbox .inputbox {

	border: none;

}



#login-form .logout-button { padding:0; border:none; background:none; color:#fff; font-weight:normal; cursor:pointer; text-shadow:none }



.josForm .inputbox {

	margin-right: 5px;

}



.button, button {

	background: url(../images/readon-bg.gif) repeat-x left bottom;

	border: 1px solid #ddd;

	font-weight: bold;

	padding: 2px 5px;

	text-shadow: 0 1px 1px #fff;

}



/* Search ---*/

form#searchForm { }



.searchintro { border-bottom: 1px solid #ccc; }



.results h4 { text-transform: none; font-size: 110%; }



/* Contact ---*/

#component-contact #emailForm {}



.contentpane form p { margin-bottom: 10px; }



.contact-miscinfo { overflow: hidden; padding: 15px 0; }



div.jicons-icons, div.contact-misc { float: left; }



.column div.contact-misc p { margin: 0; }



span.jicons-icons, div.contact-address address { display: inline; }



span.jicons-icons, div.jicons-icons { padding: 0 8px 0 0; }



.contact-form dd input, .contact-form dd textarea { width: 70%; }



.contact-form dd textarea { overflow: auto; }



.contact-form dd input[type="checkbox"] { width: auto; }



/* JOOMLA STYLE

--------------------------------------------------------- */

/* Layout Deco ---*/

.items-leading { border-bottom: 1px solid #ccc; }



.items-row { border-bottom: 1px solid #E8EDF0; }



.blog .items-row, .blog .items-leading .leading { border-bottom: none; }



/* Meta ---*/

.article-tools {

	border: 1px solid #e1ebf1;

	background: #f6f6f6;

	margin-top: 3px;

	padding: 5px 5px 3px;

}



dl.article-info { color: #999; margin: 0; }



dd.create,

dd.createdby,

dd.category {

	background: url(../images/icon-date.png) no-repeat 0px 0px;

	margin-right: 8px;

	padding: 2px 0 0 20px !important;

	text-transform: capitalize;

}



dd.createdby { background: url(../images/icon-user.png) no-repeat 0px 0px; }



dd.category { background: url(../images/icon-folder.png) no-repeat 0px 0px; }



.contentdescription { border-bottom: 1px solid #ccc; margin-bottom: 10px; }



.modifydate { color: #666; font-size: 92%; }



/*Inline images ---*/

div.img_caption { margin-top: 20px; }



.img_caption.left { margin-right: 20px; }



div.img_caption img {

	background: #d6e4ec;

	border: 1px solid #90CAE0;

	padding: 4px;

}



p.img_caption { color: #999; padding-top: 2px; text-transform: uppercase; }



.article-image {

	float: left;

	width: 130px;

}



p.article-image  {

	width: 220px;

}

.article-image img {

	background: #d6e4ec;

	border: 1px solid #90CAE0;

	clear: both;

	display: block;

	padding: 4px;

	margin: 20px 0 0;

}



.article-image-right ing.right {

	margin-left: 15px;

}



.item-page p.article-image img {

	margin: 10px 15px 0px 0px;

}



.blog .article-image {

	float: none; 

	width: auto;

}

.blog .article-image img {

	background: #d6e4ec;

	border: 1px solid #90CAE0;

	display: inline-block;

	padding: 4px;

	margin: 0px 0px 0px 15px;

}



.article-image .img_caption { margin: 0; }



.article-image .ja-retweet-normal-home { margin-right: 15px;  }



.article-image .ja-facebookshare-box_count-home { margin-right: 0; margin-bottom: 0; }



/* Tables ---*/

thead tr th {

	background: #333;

	color: #fff;

	padding: 5px;

}



thead tr th a,

thead tr th a:hover,

thead tr th a:focus,

thead tr th a:active { color: #fff; }



.cat-list-row1,

.cat-list-row12,

tr.cat-list-row1 td,

tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; }



.cat-list-row1:hover,

.cat-list-row2:hover { background: #ffffcc; }



.cat-list-row2,

tr.cat-list-row2 td { background-color: #f6f6f6; }



/* Content Toc */

table.contenttoc { border: 1px solid #ccc; }



table.contenttoc td { border-bottom: 1px dotted #ccc; }



table.contenttoc th {

	background: #f6f6f6;

	border-bottom: 1px solid #ccc;

	text-transform: uppercase;

}



/* Poll */

form#poll {

	border-bottom: 1px dotted #ccc;

	font-weight: bold;

}



dl.poll { border-bottom: 1px dotted #ccc; }



table.pollstableborder td {

	background: #f6f6f6;

	border-bottom: 1px solid #ccc;

	font-weight: bold;

	padding: 5px !important;

}



table.pollstableborder tr.sectiontableentry0 td,

table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }



/* Pagination --- */

div.pagination {

	border-top: 1px solid #ccc;

	padding: 8px;

	margin: 0 0 4px 0;

	text-align: center;

	color: #999;

}



div.pagination:after {

   clear: both;

   content: ".";

   display: block;

   height: 0;

   line-height: 0;

   visibility: hidden;

}



.blog-featured div.pagination { border-top: none; }



div.pagination ul {

	width: 100%;

	float: none;

	margin:15px 0;

}



div.pagination ul li {

	background: #fff;

	border: 1px solid #ddd;

	margin: 0 3px;

	padding: 2px 3px;

}



div.pagination li span,

div.pagination li strong {

	padding: 0;

}



.items-more { border-bottom: 1px solid #ccc; }



.items-more h3 { font-size: 125%; }



/* Tool Tip ---*/

.tool-title {

	padding-top: 15px;

}



/* MODULE STYLES

--------------------------------------------------------- */

div.ja-moduletable h3, div.moduletable h3 {

	background: url(../images/grad-d1.gif) repeat-x left top #238db4;

	color: #fff;

	font-size: 110%;

	font-family: "Segoe UI", Helvetica, sans-serif;

	font-weight: bold;

	margin: 0;

	padding: 10px 15px;

	text-transform: uppercase;

}



div.ja-moduletable, div.moduletable {

	background: #fff;

	margin-top: 0;

	margin-bottom: 15px;

	padding: 0;

}



div.ja-moduletable .ja-box-ct, div.moduletable .ja-box-ct {

	padding: 10px 15px;

}





div.moduletable_facebook .ja-box-ct {

	padding-left: 0px !important; 

	padding-right: 0px !important;

}





.ja-box-ct .latest-discussions-items .item-avatar{

	float:left;

}

.ja-box-ct .latest-discussions-items li{

	padding-left:0;

	background: none;

}

.ja-box-ct .latest-discussions-items .item-avatar img {

    border: 1px solid #CCCCCC;

    display: inline;

    float: left;

    margin: 0 5px 0 0;

    padding: 2px;

    width: 32px;

}



/* Advertisement ---*/

div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; }



/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

#ja-wrapper { }



#ja-container {

	background: url(../images/container-bg.gif) repeat-x left top #d6e4ec;

	padding-bottom: 20px;

}



#ja-container .main { padding: 20px 0 0; }



.main .main-inner1 { margin-left: 0; margin-right: 0; }



.article-content { overflow: visible; }



.fp-article-content {

	padding-left: 145px;

}



/* Content Main ---*/

.ja-content-main {

	background: #fff;

	margin-bottom: 20px;

	padding: 10px 15px 20px;

}



.ja-social .ja-content-main,

.ja-agora .ja-content-main {

	background: none;

	padding-top: 0;

	padding-left: 0;

	padding-right: 0;

}



/* HEADER

--------------------------------------------------------- */

#ja-header { border-top: 1px solid #4FAED2; margin-top: 29px; z-index: 13; }



#ja-header .main { padding: 15px 0; }



h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 15px;}



/* Logo Image ---*/

h1.logo { width: 600px; height: 90px; }



h1.logo a {

	background: url(../images/logo.png) no-repeat left;

	display: block;

	width: 600px;	

	height: 90px;

}



/* Logo Text ---*/

div.logo-text h1 {

	font-size: 280%;

	font-family: Arial, sans-serif;

	font-weight: bold;

	margin: 0;

	padding: 0 0 0 15px;

}



div.logo-text h1 a {

	color: #fff;

	text-decoration: none;

	text-shadow: 0 1px 1px #0367A6;

}



p.site-slogan {

	color: #d6e4ec;

	display: block;

	font-size: 85%;

	margin: 3px 0 0;

	padding: 0 15px;

}



#ja-top-header {

	margin-top:-5px;

	position:absolute;

	right:180px;

	text-align:right;

	width:50%;

}



/* Search ---*/

#ja-search {

	background: url(../images/search-bg.png) no-repeat left top;

	bottom: 50px;

	height: 29px;

	right: 10px;

	width: 215px;

}



#ja-search .inputbox {

	background: none;

	border: none;

	color: #fff;

	height: 29px;

	line-height: 29px;

	padding: 0 10px;

	width: 125px;

	text-transform: capitalize;

}



#ja-search .button {

	background: none;

	border: 0;

	color: #666;

	height: 29px;

	line-height: 29px;

	text-transform: uppercase;

	text-shadow: 0 1px 1px #fff;

	width: 70px;

}



*+ html #ja-search .button { line-height: 25px; }



/* Top bar ---*/

#ja-topbar {

	border-bottom: 1px solid #2985A8;

	color: #BAE1EF;

	font-size: 11px;

	position: absolute;

	top: 0;

	z-index: 16;	

	background: url(../images/header-bg2.gif);

}



#ja-topbar .main {

	height: 28px;

	line-height: 28px;

}



#ja-topbar .ja-day {

	background: url(../images/sep-w.gif) no-repeat right center;

	display: block;

	float: left;

	margin-left: 15px;

	padding-right: 10px;

}



#ja-topbar .ja-updatetime {

	float: left;

	padding: 0 10px;

}



#ja-topbar .ja-updatetime em {

	margin-left: 5px;

	font-style: normal;

	color: #fff;

}



/* Headtools ---*/

#ja-headtools {

	position: absolute;

	right: 15px;

	top: 5px;

}



#ja-headtools ul {

	float: left;

	margin: 0;

	padding: 0;

	white-space: nowrap;

}



#ja-headtools li {

	background: none;

	display: inline;

	line-height: normal;

	margin: 0;

	padding: 0;

}



#ja-headtools li a {

	display: block;

	float: left;

	color: #fff;

	margin-left: 5px;

	padding-bottom: 4px;

}



#ja-headtools li a span { display: block; padding: 2px 5px 2px 24px; }



#ja-headtools li a.login-switch span { background: url(../images/icons/icon-user.png) no-repeat 5px 2px; }

#ja-headtools li a.register-switch span { background: url(../images/icons/icon-register.png) no-repeat 5px 2px; }



#ja-headtools li a.login-switch.show span { background-image: url(../images/icons/icon-user-show.png); }

#ja-headtools li a.register-switch.show span { background-image: url(../images/icons/icon-register-show.png); }



#ja-headtools li a:hover {

	text-decoration: none;

}



#ja-headtools li a.show {

	background: url(../images/arrow-up.gif) no-repeat center bottom;

	color: #FFFFFF;

	position: relative;

	z-index: 1000;

}



#ja-headtools li a.show span {}



#ja-headtools li a.show span { display: block; }



#ja-user-register, #ja-user-login {

	background: url(../images/ja-login-bg.gif) repeat-x left bottom #fff;

	border: 1px solid #A1D5E9;

	color: #333;

	display: none;

	height: auto;

	overflow: hidden;

	padding: 10px 15px;

	position: absolute;

	right: -15px;

	text-align: left;

	top: 21px;

	z-index: 999;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	box-shadow: 0 3px 5px rgba(0,0,0,.4);

	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.4);

	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.4);

}



#ja-user-login .ja-login-user,

#ja-user-login .ja-login-password,

#ja-user-login .mod_login_remember {

	float: left;

	width: 145px;

	display: block;

}



#ja-user-login .button,

#ja-user-register .button {

	color: #fff;

	background:  url(../images/button_bg.png) 0 50% repeat-x #238db4;

	border: 1px solid #238db4;

	text-shadow: 0 1px 1px #4a4a4a;

}



#ja-user-login .button{ float:left; margin-top:15px; border:none }



#ja-user-register .button:hover {

	border: 1px outset #fff;

}



#form-login-remember {

	display: block; float:left; padding:20px 5px 0 0;

}

#login-form #modlgn-remember {

	width: auto; height: auto; padding:0px; margin: 0px; border: none; background: none;

}



#member-registration span.red {

	background: none;

	border: none;

	vertical-align: middle;

	display: inline;

	color: #cc0000;

	padding: 0 5px;

}





#member-registration label.hasTip{

	width: 140px !important;

	display: block;

}



.registration input{

	float: left;

}

.ja-login-links {

	margin-top: 10px;

}



#ja-headtools .ja-login-links a, #ja-headtools .ja-login-links ul li a{

	color: #238db4;

	padding: 0;

}



#ja-headtools li a.logout-switch {

	display: inline;

	float: none;

	margin-left: 3px;

}



/* NAVIGATION

--------------------------------------------------------- */

/* Main Nav ---*/

#ja-mainnav { background: url(../images/trans-bg.png); border-top: 1px solid #4FAED2; }



#ja-mainnav .main-inner1 { padding: 0 10px 0 }



/* Breadcrumbs ---*/

#ja-navhelper { background: url(../images/trans-bg.png); text-align: left; float: left; }



#ja-navhelper .main { color: #fff; text-transform: uppercase; padding: 8px 0px; }



.ja-breadcrums { text-indent: 10px; }



.ja-breadcrums img { display: none; }



.ja-breadcrums a { padding-right: 18px !important; 

	background: url(../images/arrow.png) no-repeat right center; }



.ja-breadcrums span.name { padding-right: 2px; }



.ja-breadcrums strong { margin-right: 0; margin-left: 5px; }





#ja-navhelper a {

	color: #fff;

}



/* Extras ---*/

.ja-links { padding-right: 10px; }



.ja-links li { padding: 0 10px; }



/* Default Joomla! Menu ---*/

#ja-container .moduletable_menu ul.menu {

	margin: -5px -15px -5px;

}



#ja-container ul.menu li { border-bottom: 1px dotted #e8edf0; padding-left: 0; }



#ja-container ul.menu li a {

	background: url(../images/bullet-grey.png) no-repeat 15px 12px;

	color: #666;

	text-indent: 27px;

	width: 100%;

}



#ja-container ul.menu li a:hover,

#ja-container ul.menu li a:active,

#ja-container ul.menu li a:focus {

	background-image: url(../images/bullet-blue.png);

	color: #238db4;

	text-decoration: none;

}



#ja-container ul.menu li li { background: none; border-bottom: 0; border-top: 1px solid #E1EBF1; }



#ja-container ul.menu li li a,

#ja-container ul.menu li.active li a { text-indent: 27px; color: #666; }



#ja-container ul.menu li li a:hover, 

#ja-container ul.menu li li a:active, 

#ja-container ul.menu li li a:focus {

	background: url(../images/bullet-blue.png) no-repeat 15px 12px;

	color: #238db4;

}



#ja-container ul.menu li.active a { color: #238db4; }



/* MASS TOP

--------------------------------------------------------- */

#ja-content-mass-top { margin-bottom: 15px; }



#ja-content-top { position: relative; }



/* JA Content top ---*/

#ja-content-top .ja-moduletable {

	background: #fff !important;

	margin-left: 10px;

	margin-right: 10px;

}



#ja-content-top .ja-box-left .ja-moduletable { margin-left: 0; }

#ja-content-top .ja-box-right .ja-moduletable { margin-right: 0; }



/* SPOTLIGHT

--------------------------------------------------------- */

#ja-topsl .ja-box, #ja-botsl .ja-box { }



#ja-topsl .ja-box-right, #ja-botsl .ja-box-right {

	background: 0;

}



#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {

	background: none;

	border: 0;

	margin-top: 0;

	margin-bottom: 10px;

}



#ja-topsl div.ja-moduletable h3,

#ja-botsl div.ja-moduletable h3 {

	background: none;

	border-bottom: 0;

	padding-bottom: 0;

}



/* Top spotlight ---*/

#ja-topsl .main { padding: 0; }

#ja-topsl .main-inner1 { padding: 10px 0; }



/* Bot spotlight ---*/

#ja-botsl { border-top: 1px solid #fff; }



#ja-botsl .main { padding: 0; color: #fff; font-size: 92%; }

#ja-botsl .main-inner1 { padding: 10px 0 20px; }



#ja-botsl div.ja-moduletable h3 {

	text-transform: none;

	font-size: 150%;

	padding: 10px 0 0 0;

}



#ja-botsl .ja-box-ct { padding: 0; }



#ja-botsl a {

	color: #B9E0EE;

	border-bottom: 1px dotted #B9E0EE;

}



#ja-botsl a:hover,

#ja-botsl a:focus,

#ja-botsl a:active {

	border-bottom: 1px dotted #fff;

	color: #fff;

	text-decoration: none;

}



#ja-botsl ul li {

	background: none;

	border-bottom: 1px dotted #85c4dc;

	padding: 0;

	margin: 0;

}



#ja-botsl ul li a {

	color: #fff;

	display: block;

	padding: 5px 5px 5px 17px;

	background: url(../images/bullet-arrow.gif) no-repeat 5px 10px;

	border: 0;

}



#ja-botsl ul li a:hover, 

#ja-botsl ul li a:hover,

#ja-botsl ul li a:focus {

	color: #fff;

	border: 0;

	background-color: #238db4;

}



#ja-botsl .img-border {

	border: 3px solid #238db4;

	margin: 0 0 5px 10px;

}



/* FOOTER

--------------------------------------------------------- */

#ja-footer {

	padding: 10px 0 30px;

	color: #9AD0E5;

}



#ja-footer .main {

	text-align: left;

}



#ja-footer a {

	color: #fff;

}



#ja-footer .ja-footnav {

	margin: 10px 0 5px 0;

	padding: 0;

}



#ja-footer .ja-footnav ul li {

	padding: 0 10px;

}



#ja-footer .ja-footnav a { color: #fff; font-weight: bold; }



#ja-footer .ja-footnav a:hover,

#ja-footer .ja-footnav a:focus,

#ja-footer .ja-footnav a:active {

	color: #fff;

}



#ja-footer .ja-copyright {

	padding: 0 10px;

}



#ja-poweredby {

	position: absolute;

	top: 0px;

	right: 0px;

}



##ja-poweredby a {

	text-decoration: none; 

	font-size: 0px; line-height: 0px;

	text-indent: -9999em;

}





/* MISCELLANOUS

----------------------------------------------------------- */

/* Others ---*/

#ja-banner { border-top: 1px solid #ccc; }



div.ja-innerdiv { border-bottom: 1px dotted #ccc; }



div.ja-innerdiv h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 92%;

	font-weight: normal;

	text-transform: uppercase;

}



/* Custom gallery ---*/

.small-gallery {

	float: left;

	margin-bottom: 5px;

	margin-right: 5px;

}



.last-item { margin-right: 0; }



.small-gallery .img-border {

	border: 1px solid #d6e4ec;

	padding: 1px;

	width: 45px;

}



/* JA Twitter ---*/

.ja-twitter {

	padding-left: 0;

	padding-right: 0;

}



/* Social list ---*/

#ja-wrapper ul.social-list li { }



#ja-wrapper ul.social-list li a {

	background-position: 5px 5px;

	background-repeat: no-repeat;

	padding-left: 28px;

}



#ja-wrapper ul.social-list li.ja-facebook a { background-image: url(../images/icons/icon-facebook.png); }

#ja-wrapper ul.social-list li.ja-twitter a { background-image: url(../images/icons/icon-twitter.png); }

#ja-wrapper ul.social-list li.ja-linkedin a { background-image: url(../images/icons/icon-linkedin.png); }

#ja-wrapper ul.social-list li.ja-rss a { background-image: url(../images/icons/icon-rss.png); }



/* Contact list ---*/

#ja-wrapper ul.contact-list li {

	background-position: 5px 4px;

	background-repeat: no-repeat;

	padding: 5px 5px 5px 28px;

}



#ja-wrapper ul.contact-list li.add { background-image: url(../images/icons/icon-home.png); }

#ja-wrapper ul.contact-list li.tel { background-image: url(../images/icons/icon-phone.png); }

#ja-wrapper ul.contact-list li.email { background-image: url(../images/icons/icon-email.png); }



/* Facebook button ---*/

.fb-button {

	background: #e8f1fa;

	border: 1px solid #d6e5ec;

	margin: 10px 0 !important;

	padding: 5px 10px;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

}



div.ja-facebookshare-box_count-home,

div.ja-facebookshare-box_count {

	float: left;

	margin-right: 10px;

}



.fb_share_no_count { display: block !important; }



.fb_share_no_count .fb_share_count_inner {

	background: url(../images/zero-bg.png) no-repeat center center #E8EBF2 !important;

}



.jacomment-count {

	background: url(../images/readon-bg.gif) repeat-x left bottom #fff;

	border: 1px solid #ddd;

	float: left;

	font-weight: bold;

	margin: 0 10px 0 0;

	padding: 2px 6px;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

}



.jacomment-count a { color: #666; }



.jacomment-count a:hover,

.jacomment-count a:focus,

.jacomment-count a:active { color: #238DB4; text-decoration: none; text-shadow: 0 1px 1px #fff; }



/* JOMSOCIAL'S MODULES STYLE

----------------------------------------------------------- */

/* Top users ---*/

ul#modTopMembers {

	margin: 0 -15px !important;

	padding: 0;

	list-style: none;

}



ul#modTopMembers li {

	background: none;

	border-bottom: 1px solid #e7edf1;

	margin: 0;

	padding: 5px 15px;

}



ul#modTopMembers li img.avatar {

	margin-right: 8px;

	padding: 3px;

}



ul#modTopMembers li a:hover img.avatar {

	background: #238db4;

}



/* Latest Discussion ---*/

.modLatestDiscussion {

	margin: 0 -15px;

}



.modLatestDiscussion ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



.modLatestDiscussion ul li {

	border-bottom: 1px solid #e7edf1;

	margin: 0;

	padding: 10px 15px !important;

}



.modLatestDiscussion ul li img.avatar {

	margin: 2px 10px 0 0;

	padding: 1px;

	width: 40px;

}



.modLatestDiscussion ul li small,

.modLatestDiscussion ul li small a {

	color: #999;

}



.modLatestDiscussion ul li small {

	padding: 5px 0 0 12px;

	display: block;

}



/* Active group ---*/

ul#modActiveGorups {

	padding: 0;

	margin: 0 -15px;

	list-style: none;

}

	

ul#modActiveGorups li {

	background: none;

	border-bottom: solid 1px #e7edf1;

	padding: 5px 15px;

}

	

ul#modActiveGorups li img  {

	width: 40px;

	float: left;

	display: inline;

	margin: 0 8px 0 0;

	padding: 1px;

}

	

ul#modActiveGorups li span { line-height: normal; padding: 0; margin: 0; }



ul#modActiveGorups a small { color: #999; }

	

ul#modActiveGorups li div  { clear: left; height: 1px; }



div.online-users { overflow: hidden; }



/* Latest photo ---*/

div.latest-photos {

	padding-left: 0 !important;

	padding-right: 0 !important;

}



div.latest-photos div.app-box-content {

	padding: 0 15px 10px 15px;

}



div.latest-photos div.app-box-footer {

	margin-left: 15px;

	margin-right: 15px;

}



/* Who's online ---*/

div.js-user-online ul {

	margin: 0 0 10px;

	padding: 0;

	list-style: none;

}



div.js-user-online ul li {

	display: block;

	float: left;

	margin: 0;

	padding: 0 5px 5px 0;

}



div.js-user-online ul li a {

	display: block;

	margin: 0;

	padding: 0;

}



div.js-user-online ul li img {

	border: 1px solid #ccc;

	padding: 2px;

}



/* Override Disqus comment ---*/

#dsq-global-toolbar { position: relative; z-index: 12; }



.dsq-post-area { position: relative; z-index: 9; }



#dsq-content .dsq-trackback-url {

	width: 75%;

}



.dsq-popup .dsq-subscribe-submit button {

	margin-left: 10px;

}



#dsq-content .dsq-comment-footer-left {

	visibility: visible !important;

	float: none !important;

}



#dsq-content .dsq-comment-footer-right {

	float: none;

}



/* Override Online Module ---*/

.agorians_online_hor {

	width: 45% !important;

}



.agorians_online_avatar {

	float: none;

	text-align: center;

}



.agorians_online_username {

	clear: both;

}

#community-wrap #community-banlists-news-items {

	width: 98% !important;

}



.ja-blog-tools  {

	border-bottom: dotted 1px #ccc; 

	margin-bottom: 5px; 

	padding-bottom: 5px;

}



.items-row .ja-blog-tools {

   margin-top: 15px;

}



div.postdate-wrap span.postdate {

	display: block; 

	padding: 2px 5px 6px;

}



div.postdate-wrap span.date {

	float: left; 

	display: block;

	color: #333; 

	font-size: 280%;

	font-weight: bold;

	line-height: 1;

	margin-right: 5px;

}



div.postdate-wrap {

	color: #666; 

	display: block; 

	float: left; 

	margin: 0px 10px 0px 0px; 

	padding: 0px 5px;

	background: url(../images/bt-sep.gif) no-repeat right center;

}



div.postdate-wrap .month-year {

	float: left;

	display: block;

}



div.postdate-wrap .month, div.postdate-wrap .year {

	display: block;

	font-size: 10px;

	letter-spacing: 1px; 

	line-height: 1.5;

	text-transform: uppercase;

}



.ja-blog-meta {

	float: left; 

	width: 70%;

}

.cat-date {

	float: left;

	font-size: 92%;

	margin-right: 10px;

	padding-right: 10px;

	color: #666;

	background: url(../images/bt-sep.gif) no-repeat right center;

}



.cat-date span.category-name, .cat-date span.createdby {

	display: block; 

	padding-left: 19px;

}



.cat-date span.category-name {

	background: url("../images/icon-folder.png") no-repeat scroll 0 3px;

}



.cat-date span.createdby  {

	background: url("../images/icon-user.png") no-repeat scroll 0 3px;

}



.com_mailto.contentpane #ja-switch

com_content.contentpane #ja-switch { display: none; }



.weblink-category tr td { vertical-align: top; }



.weblink-category tr td.hits { padding-top: 15px; }



#dsq-content #dsq-global-toolbar .dsq-toolbar-item {

	/*text-indent: -9999em;*/

	font-size: 0px; 

	line-height: 0px; 

	text-decoration: none !important;

	margin: 0px 0px 0px 2px;

}



#dsq-content #dsq-global-toolbar .dsq-global-toolbar-right li {

	overflow: visible;

}



/* Component kunena ---*/

body.com_kunena .ja-content-main {

	background: none;

	padding: 0;

	border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

}



/* Kunena login form */

.klogin-form-login .klogin-form-login-username,

.klogin-form-login .klogin-form-login-password,

.klogin-form-login .klogin-form-login-remember {

	margin: 0 0 10px;

}



.klogin-form-login .klogin-form-login-username label,

.klogin-form-login .klogin-form-login-password label {

	font-weight: bold;

	margin-bottom: 2px;

}



.klogin-form-login .klogin-form-login-username input,

.klogin-form-login .klogin-form-login-password input {

	border: 1px solid #c6d4da;

	width: 90%;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}



.klogin-form-login .kbutton {

	background: url(../images/grad-l1.gif) repeat-x left bottom;

	border: 1px solid #ccc;

	font-weight: bold;

	padding: 4px 8px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}



.klogin-form-login .kbutton:hover {

	color: #cc0000;

	cursor: pointer;

}



.klogin-form-login .klogin-logoutlink,

.klogin-loginlink { margin: 0 !important; }



.klogin-form-login .klogin-logoutlink li,

.klogin-loginlink li {

	background-position: 0 6px !important;

	margin: 0 !important;

	padding: 0 0 0 10px !important;

}



.klogin-lastvisit ul { margin: 0 0 10px; }



.klogin-lastvisit ul li {

	background: none;

	margin: 0;

	padding: 0;

}



.klogin-links .kbutton {

	background: url(../images/grad-l1.gif) repeat-x left bottom;

	border: 1px solid #ccc;

	font-weight: bold;

	padding: 4px 8px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}



.klogin-links { margin-bottom: 10px; }



/* Kunena static */

div.kstats-module ul li {

	background: url(../images/bullet.gif) no-repeat 0px 9px;

	margin: 0;

	padding: 2px 0 2px 10px;

}



/* Kunena search module */

.ksearch .ksearch-fieldset input {

	border: 1px solid #c6d4da;

	width: 90%;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}



/* Kunena latest ---*/

div.klatest ul.klatest-items { margin-top: 0; }



div.klatest ul.klatest-items li.klatest-item {

	border-bottom: 1px dotted #ccc;

	padding: 10px 0 !important;

}



div.klatest ul.klatest-items li.klatest-item .klatest-itemdetails li {

	padding-left: 0 !important;

}



/* Social Plugin ---*/

.ja_socialbeforecontent {

	float: left;

	margin-right: 15px;

	margin-top: 15px;

}



.blog .ja_socialbeforecontent { margin-top: 0; }



#dsq-content #dsq-toolbar-dropdown #dsq-toolbar-dropdown-wrap {

	top: 19px !important;

	margin-top: 2px;

}



#dsq-content #dsq-global-toolbar .dsq-global-toolbar-left {

	float: right !important;

}



#dsq-content #dsq-global-toolbar .dsq-global-toolbar-right {

    float: left !important;

}



/* Email page */

.contentpane { 

	background: none !important

}



/* Latestnews */

.ja-moduletable ul.latestnews {

	margin: -5px -15px -5px;

}



.ja-moduletable ul.latestnews li { border-bottom: 1px dotted #e8edf0; padding-left: 0; background: none; }



.ja-moduletable ul.latestnews li a {

	color: #666;

	padding: 6px 15px;

	display: block;

}



.ja-moduletable ul.latestnews li a:hover,

.ja-moduletable ul.latestnews li a:active,

.ja-moduletable ul.latestnews li a:focus {

	color: #238db4;

	text-decoration: none;

}

#jsMenu .jsIr {

	text-indent: -9999em;

}



.ja-moduleraw-style2 .ja-slide-thumbs-wrap { z-index: 151; }