/*
#------------------------------------------------------------------------
  Smartex for Joomla 2.5
#------------------------------------------------------------------------
#Copyright (C) 2012 solidbusinessgroup.net. All Rights Reserved.
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: Joel Muriuki
#Websites: http://www.solidbusinessgroup.net
#------------------------------------------------------------------------
*/
/*FONTS
_____________________________________________________________*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 9, 2012 08:34:08 AM America/New_York */

@font-face {
    font-family: 'Comfortaa_Regular-webfont';
    src: url('../fonts/Comfortaa_Regular-webfont.ttf');
    font-weight: normal;
    font-style: normal;

}

/* COMMON STYLE
--------------------------------------------------------- */
body {
	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #737373;
}
body#bd {
  background: url("../images/brush_bg3.png") repeat fixed 0 0 #ffffff;
  color: #333333;
  margin: auto;
  width: 100%;
}
#ja-wrapper {background: #d9e021;

}
#ja-sheath {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 5px 0 #111111;
	box-shadow: 0 0 5px 0 #111111;
	-webkit-box-shadow: 0 0 5px 0 #111111;
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 100px auto 190px;
  padding-bottom: 15px;
  padding-top: 15px;
  position: relative;
  width: 980px !important;
  z-index: 99;
}
#ja-main .inner {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 0px #111111;
	box-shadow: 0 0 0px #111111;
	-webkit-box-shadow: 0 0 0px #111111;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px dashed #DCDCDC;
}

/* Normal links ---*/
a { color: #dd2285 !important; text-decoration: none; }

a:hover, a:active, a:focus { text-decoration: underline; color: #dd2285; }

pre, code {
	background-color: #FFD !important;
	border: 1px solid #CCC !important;
	border-left-width: 5px !important;
	font: 1em/1.5 Monaco, Consolas, "Courier News", monospace !important;
	padding: 10px 15px !important;
	text-shadow: none !important;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 20px; /*--Height of each line of code--*/
	width: 600px;
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}

pre code {
	margin: 0 0 0 40px;  /*--Left Margin--*/
	padding: 18px 0;
	display: block;
}

pre::selection, code ::selection {
	color: #000;
}

/* Readon links ---*/
a.readon { font-style: italic; }

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

h1, h2, h3, h4, h5, h6{
	text-transform: none;
	color: #313131;
}

h1, h1 a, h1 a:hover { font:38px/44px "Comfortaa_Regular-webfont", Arial, Helvetica, Tahoma, sans-serif; }

h2, h2 a, h2 a:hover { font:30px/36px "Comfortaa_Regular-webfont", Arial, Helvetica, Tahoma, sans-serif; }

h3, h3 a, h3 a:hover { font:18px/31px "Comfortaa_Regular-webfont", Arial, Helvetica, Tahoma, sans-serif; }

h4, h4 a, h4 a:hover { font:22px/27px "Comfortaa_Regular-webfont", Arial, Helvetica, Tahoma, sans-serif; }
	
h5, h5 a, h5 a:hover { font:18px/23px "Comfortaa_Regular-webfont", Arial, Helvetica, Tahoma, sans-serif; }
	
h6, h6 a, h6 a:hover { font:16px/21px "Comfortaa_Regular-webfont", Arial, Helvetica, Tahoma, sans-serif; }

h1.componentheading{
	color: #313131;
}

h1.componentheading, .componentheading {
  border-bottom: 1px dashed #CCCCCC;
  font-size: 38px;
  font-weight: normal;
  margin-bottom: 25px;
}

h1.contentheading, h2.contentheading, .contentheading {
	margin: 0;
	padding: 0;
	text-transform: none;
}

h2.contentheading, .contentheading {
}

div.items-leading h2.contentheading{
	font: 30px/40px 'Comfortaa_Regular-webfont', Verdana, sans-serif;
}

.blog-featured .contentheading { 
	color: #313131;
	text-transform: none;
	margin: 5px 0 15px 0;
	padding: 0;
}

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

.column h1, .column h2, .column h3, .column h4, .column h5, .column h6{
}

.column h2 {
	color: #000000;  
}

.column p, .column pre, .column blockquote, .column ol, .column ul, .column dl {
  color: #444444;
  font: 14px/21px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 5px 0 15px;
  padding: 0;
  text-shadow: 0 1px 0 #FFFFFF;

  /* IE7 */
  *margin-top: 10px;
}
.ja-box-ct p {
  margin: 0 0 15px 0;
  text-align: justify;
  font-size: 14px;
}

.items-row {
	padding-bottom: 5px;
	padding-top: 0px;
}

.article-tools ul, .article-tools dl {
	margin-bottom: 10px;
}

.article-tools {
  clear: both;
  font-style: italic;
  position: relative;
}

/* Others ---*/
hr {  }

/* FORM
--------------------------------------------------------- */
.form-register p.form-des {
	margin:0;
	margin-bottom: 22px;
}

input, select, textarea, .inputbox {
	font-family: Helvetica, Arial, sans-serif;
}

.inputbox {   }

.inputbox:hover, .inputbox:focus { }

/* Search ---*/
form#searchForm {  }

.searchintro { }

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

/* Contact ---*/

#component-contact #emailForm { border-top: 0px solid #ccc;   padding-top: 0; }

.jcontact-form {
  padding-top: 0;
}

fieldset dt {
  margin-left: 0px;
  min-width: 12em;
  padding: 3px 0;
  float: none;
}
.contact-form dd {
  margin-left: 0px;
}
h2.contact-name {
  padding-bottom: 5px;
}
.jicons-icons, #ja-content-main .contact h3  {
  display: none;
}
.contact-form {
  border-top: 1px solid #999999;
  margin-top: 30px;
  padding-top: 30px;
}
.contact-form legend {
  font-family: "Comfortaa_Regular-webfont",Arial,Helvetica,Tahoma,sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2;
}
.josForm {
  margin-bottom: 40px;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.items-leading { 
	padding-top: 0px; }

.items-row {  }

/* Meta ---*/
dl.article-info {
  border-bottom: 1px dashed #CCCCCC;
  border-top: 1px dashed #CCCCCC;
  color: #999999;
  font-size: 12px;
  font-style: italic;
  margin-top: 10px;
  padding: 3px 0;
  text-transform: none;
  width: 100%;
}

.contentdescription {  }

/*Inline images ---*/
p.img_caption { color: #999; text-transform: none; }

#ja-right .ja-box-ct p img {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CBCBCB;
  height: auto;
  margin: 0 0 10px;
  padding: 2px;
  width: 97%;
}

#ja-right .ja-box-ct p img:hover {
  opacity: 0.9;
}

/*Inline images ---*/
p.img_caption { color: #999; text-transform: uppercase; }

#tablecontent img, p img {
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CBCBCB;
  padding: 2px;
	margin: 5px 15px 5px 2px; /*orig. margin: 5px 25px 20px 2px;*/
	background: #fff;
  /************hover transitions****************/
-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.fitsize {
  width: 95%;
  height: auto;
}

#tablecontent img:hover, p img:hover {
	opacity: 0.9;
	    -moz-box-shadow: 0 0 1px 0 #000;
  -webkit-box-shadow: 0 0 1px 0 #000;
  box-shadow: 0 0 1px 0 #000;
  /************hover transitions****************/
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.lof-articlessroller .lof-inner img.lof-image:hover {
	opacity: 0.9;
	    -moz-box-shadow: 0 0 0 0 #999999;
  -webkit-box-shadow: 0 0 0 0 #999999;
  box-shadow: 0 0 0 0 #999999;
  /************hover transitions****************/
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.article-content p img {
  margin: 5px 25px 20px 2px;
}
/*----------------------------------- Readmore -------------------------*/

p.readmore a, a.k2ReadMore, a.subCategoryMore, #ja-container .pagination ul li {
  color: #000000 !important;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica",Arial,sans-serif;
  font-size: 1em;
  font-style: italic;
  font-weight: normal !important;
  line-height: 1;
  position: relative;
}  
p.readmore a:hover, a.k2ReadMore:hover, a.subCategoryMore:hover, #ja-container .pagination ul li:hover { 
  color: #000000 !important;
}

/* 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 {  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;
	
	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;
	font-weight: bold;
	padding: 5px !important;
}

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

/* Pagination ---*/
div.pagination .pagination {
	border-bottom: solid 1px #f4f4f4;
	margin-top: 20px;
	overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.pagination .pagination ul {
	margin: 0 !important;
	padding: 0 10px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.pagination .pagination ul li {
	color: #dd6d14;
	display: block;
	float: left;
	line-height: normal;
	margin: 0;
	padding: 0 5px;
}

.pagination .pagination ul li a:hover { text-decoration: underline; }

.pagination .pagination ul li span { color: #dd6d14; float: none; font-weight: bold; }
 
.pagination .pagination ul li span,
.pagination .pagination ul li strong {
	background: url(../images/number-page.png) no-repeat center top;
	color: #fff;
	display: block;
	float: left;
	margin-top: 3px;
	padding: 8px 7px 6px 7px;
	text-align: center;
}

.pagination .pagination ul li strong,
.pagination .pagination ul li.pagination-start span.pagenav,
.pagination .pagination ul li.pagination-prev span.pagenav,
.pagination .pagination ul li.pagination-next span.pagenav,
.pagination .pagination ul li.pagination-end span.pagenav {
	background: none;
	color: #6D625B;
	text-shadow: 1px 1px 0px #fff;
}

.pagination .pagination ul li.pagination-prev {
	background: url(../images/pagenav-sep.png) repeat-y right top;
	margin-right: 10px;
}

.pagination .pagination ul li.pagination-start { background: url(../images/pagenav-sep.png) repeat-y right top; }

.pagination .pagination ul li.pagination-end {
	background: url(../images/pagenav-sep.png) repeat-y left top;
	position: absolute;
	right: 20px;
	top: 0px;
}

.pagination .pagination ul li.pagination-next {
	background: url(../images/pagenav-sep.png) repeat-y left top;
	position: absolute;
	right: 65px;
	top: 0px;
}

.pagination p.counter {
	text-align: center !important;
	font-size: 92%;
	float: none;
}

table.contentpaneopen .pagination {
	border: solid 1px #dfdad2;
	border-bottom: solid 1px #c7c2ba;
	margin-top: 20px;
	overflow: hidden;
}

table.contentpaneopen .pagination ul {
	margin: 0 !important;
	padding: 0 10px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

table.contentpaneopen .pagination ul li {
	color: #dd6d14;
	display: block;
	float: left;
	line-height: normal;
	margin: 0;
	padding: 0 5px;
}

table.contentpaneopen  .pagination ul li a:hover { text-decoration: underline; }

table.contentpaneopen  .pagination ul li span { color: #dd6d14; float: none; font-weight: bold; }
 
table.contentpaneopen  .pagination ul li span,
table.contentpaneopen  .pagination ul li strong {
	background: url(../images/number-page.png) no-repeat center top;
	color: #fff;
	display: block;
	float: left;
	margin-top: 3px;
	padding: 8px 7px 6px 7px;
	text-align: center;
	text-shadow: 1px 1px 0px #000;
}

table.contentpaneopen .pagination ul li strong,
table.contentpaneopen .pagination ul li.pagination-start span.pagenav,
table.contentpaneopen .pagination ul li.pagination-prev span.pagenav,
table.contentpaneopen .pagination ul li.pagination-next span.pagenav,
table.contentpaneopen .pagination ul li.pagination-end span.pagenav {
	background: none;
	color: #6D625B;
	text-shadow: 1px 1px 0px #fff;
}

table.contentpaneopen .pagination ul li.pagination-prev {
	background: url(../images/pagenav-sep.png) repeat-y right top;
	margin-right: 10px;
}

table.contentpaneopen .pagination ul li.pagination-start { background: url(../images/pagenav-sep.png) repeat-y right top; }

table.contentpaneopen .pagination ul li.pagination-end {
	background: url(../images/pagenav-sep.png) repeat-y left top;
	position: absolute;
	right: 20px;
	top: 0px;
}

table.contentpaneopen .pagination ul li.pagination-next {
	background: url(../images/pagenav-sep.png) repeat-y left top;
	position: absolute;
	right: 65px;
	top: 0px;
}


/* More */
.items-more {  }

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


/* lists */
#ja-topsl li, #ja-topsr li, #ja-botsl li {
	background-position: 1px 6px;
	padding-left: 20px;
}

.ja-content-main ul li {
	background: none;
	line-height: 160%;
	margin-bottom: 5px;
	overflow: hidden;
}

.ja-moduletable ul li, .ja-module ul li{
	background: url(../images/arrow.gif) no-repeat 20px 7px;
	line-height: 160%;
	margin-bottom: 5px;
	overflow: hidden;
	padding-left: 40px;
}

.ja-box .ja-moduletable ul li{
	background: url(../images/bullet.png) no-repeat 20px 7px;
	line-height: 160%;
	margin-bottom: 5px;
	overflow: hidden;
	padding-left: 40px;
}

/* Search Component Overrride*/
.results ol.list li {
	margin: 0 0 20px 24px;
	padding: 0 0 24px;
	border-bottom: 1px solid #EEE;
	list-style-position: inside;
}

.searchintro {
	margin:0;
}

.results > h3 {
	font-size: 150%;
	font-weight: normal;
	border-bottom: 1px solid #EEE;
	margin: 20px 0;
}

.results h4 {
	text-transform: none;
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	display: inline;
}

.results p {
	font-size: 11px;
	margin: 0 0 10px 23px;
}

.search_limit, .search_counter {
	text-align: center;
	margin-top: 10px;
	clear: both;
}

form#searchForm {
	margin: 5px 50px 0px 50px;
	text-align: center;
}

.search_params{
	clear: both;
	margin: 25px 0;
	padding: 8px 0;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
}

#searchForm > p {
	height: 30px;
	line-height: 30px;
}

/* Pagination */

.pagination ul{
	margin: 10px 0 0;
	padding: 3px 0 0;
	width: auto;
	text-align: center;
}
	
.pagination ul li{
	background: none;	
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.ja-module dd, .ja-content-main dd, .ja-content-main dd {
	font-size: 92%;
}

.modifydate, .createdate, span.small{
	color: #999;
	font-size: 92%;
}

/* MODULE STYLES
--------------------------------------------------------- */
#ja-left div.moduletable h3, #ja-right div.moduletable h3, #ja-right2 div.ja-moduletable h3, #ja-middle_lower1_right2 div.ja-moduletable h3 {
  border-bottom: 0 none;
  color: #000000;
  font-family: "Comfortaa_Regular-webfont",Arial,Helvetica,Tahoma,sans-serif;
  font-size: 23px;
  margin: 0;
  text-transform: none;
}
div.ja-moduletable h3, div.moduletable h3 {
  color: #D17200;
  font-size: 21px;
  margin: 0 0 8px;
  text-transform: none;
  font-family: "Comfortaa_Regular-webfont",Arial,Helvetica,Tahoma,sans-serif;
  border-bottom: 0 none; margin: 0 0 8px; padding-bottom: 0;
}

div.ja-moduletable ul, div.ja-module ul { 
  margin: 0px;
}
 
.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-top: 10px; }



.ja-moduletable, div.ja-box-ct{text-shadow:none;}

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

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-container .main {
  padding: 5px 0 0;
}

#ja-container {
  margin-top: 0px;
}

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

.main .inner {
}

.ja-moduletable img, .ja-box p img{
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CBCBCB;
  margin: 5px 25px 10px 2px;
  padding: 2px;
  /************hover transitions****************/
-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ja-moduletable img:hover, .ja-box p img:hover {
	opacity: 0.9;
	    -moz-box-shadow: 0 0 1px 0 #000;
  -webkit-box-shadow: 0 0 1px 0 #000;
  box-shadow: 0 0 1px 0 #000;
  /************hover transitions****************/
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ja-content-main {
	margin:10px 5px 20px;
}

/* HEADER
--------------------------------------------------------- */
#ja-header .main {
  margin: auto;
  padding: 0;
  position: relative;
}

#ja-header .main .main-inner1 {
  height: 100%;
}

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

/* Logo Image ---*/

h1.logo { 
height: 85px;
margin-top: 10px;
width: 315px;
}

h1.logo a { 
background: url("../images/logo.png") 0% 100% no-repeat transparent;
display: block;
height: 85px;
position: relative;
width: 315px;
}
/* Logo Text ---*/

div.logo-text h1 {
	font-size: 200%;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

div.logo-text h1 a {
	text-decoration: none;
}

p.site-slogan {
	color: #ccc;
	display: block;
	font-size: 85%;
	margin: 3px 0 0;
	padding: 0 10px;
	text-transform: uppercase;
}

#ja-top-header {
	margin-top:-5px;
	position:absolute;
	right:180px;
	text-align:right;
	width:50%;
}

/* NAVIGATION
--------------------------------------------------------- */
#fixedheader {
  display: inline-block;
}

/* Main Nav ---*/

#ja-mainnav { 
background: #ffffff;
border-bottom: 4px solid #D17200;
bottom: 0px;
	    -moz-box-shadow: 0px 0px 3px 1px #555555;
  -webkit-box-shadow: 0px 0px 3px 1px #555555;
  box-shadow: 0px 0px 3px 1px #555555;
height: 50px;
line-height: 1;
margin: 10px 15px 20px;
padding: 0px;
position: relative;
right: 0px;
width: 950px !important;
}

#topmost {
  background: url("../images/seam.png") repeat-x scroll 0 bottom #D17200;
  border-bottom: 0 dashed #CCCCCC;
	    -moz-box-shadow: 0 0 5px 0 #111111;
  -webkit-box-shadow: 0 0 5px 0 #111111;
  box-shadow: 0 0 5px 0 #111111;
  height: 119px;
  margin: auto;
  position: fixed;
  width: 100%;
  z-index: 1;
}
#ja-bot {
  background: url("../images/brush_bg3.png") repeat scroll 0 0 transparent;
  padding-top: 25px;
  height: 197px;
}
#ja-bot a, #ja-header .ja-login a { 
color: #ffffff !important;
}
#botmost {
  background: url("../images/seam.png") repeat-x scroll 0 top #D17200;
  border-bottom: 0 dashed #CCCCCC;
  bottom: 0;
	    -moz-box-shadow: 0 0 5px 0 #111111;
  -webkit-box-shadow: 0 0 5px 0 #111111;
  box-shadow: 0 0 5px 0 #111111;
  margin: auto;
  position: fixed;
  width: 100%;
  z-index: 0;
}

#ja-mainnav .main {
  height: 100%;
}

#ja-mainnav .main-inner1 {
  color: #333333;
  float: right;
  height: 100%;
  position: relative;
}

/* Breadcrumbs ---*/

#ja-navhelper {
  border: 1px dashed #DCDCDC;
  height: auto;
  margin-bottom: 15px;
  padding: 0;
  
  /* IE7 */
  *margin-bottom: 0px;
}

#ja-navhelper .main {
	text-transform: none;
}

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

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

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

/* Default Joomla! Menu ---*/
#ja-container ul.menu li { }

#ja-container ul.menu li li {  }

/* SPOTLIGHT
--------------------------------------------------------- */

#ja-topsl {
  margin-bottom: 8px;
  margin-top: 5px;
  padding-bottom: 5px;
}
#ja-topsl .ja-box {
  border-right: 0px solid #E7E7E7; /*orig: 1px*/
}

#ja-topsl .ja-box img {
  -moz-box-shadow: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right {
  background-image: none !important;
  border-right: medium none;
}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
	margin-top: 10px;
	margin-bottom: 10px;
}
#ja-topsl ul, #ja-topsl p, #ja-topsl ol{}
#ja-topsl div.ja-moduletable h3,

#ja-topsr {
  margin-bottom: 8px;
  padding-bottom: 5px;
}

#ja-topsr .ja-box{ 
	background: url(../images/boxtop_bg.png) repeat-y right;
}

#ja-topsr .ja-box-right {
	background-image: none !important;
}

#ja-topsr .ja-moduletable {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-bottom: 0;
}

#ja-topsr ul, #ja-topsr p, #ja-topsr ol{}
#ja-topsr div.ja-moduletable h3,


#ja-botsl div.ja-moduletable h3 { border-bottom: 0; padding-bottom: 0; }
#ja-botsl ul, #ja-botsl p, #ja-botsl ol {
	margin: 0;
	padding-left: 5px;
}

/* Top spotlight ---*/
#ja-topsl .main { padding: 0; }

#ja-topsl .main-inner1 {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 0px #111111;
	box-shadow: 0 0 0px #111111;
	-webkit-box-shadow: 0 0 0px #111111;
  background: none repeat scroll 0 0 transparent;
  border: 1px dashed #DCDCDC;
  padding: 0px 5px;
}

#ja-topsl div.ja-moduletable h3 {
  background: url("../images/module_h3_bg.png") no-repeat scroll center bottom transparent;
  padding-bottom: 5px;
  text-align: center;
}

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

#ja-topsr .main-inner1 {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 0px #111111;
	box-shadow: 0 0 0px #111111;
	-webkit-box-shadow: 0 0 0px #111111;
  background: none repeat scroll 0 0 transparent;
  border: 1px dashed #DCDCDC;
  padding: 10px 5px 25px;
}

#ja-topsr div.ja-moduletable h3{
	background: url(../images/module_h3_bg.gif) no-repeat bottom;
	padding-bottom: 20px;
	text-align: center;

}

/* Bot spotlight ---*/

#holder {
  margin-top: 0px;
  position: relative;
}

#ja-botsl {
  padding-top: 0px;
}

#ja-botsl .ja-moduletable, #ja-botsl .moduletable {
	margin-bottom: 20px !important;
}

#ja-botsl .main { 
	background: #1c1c1c url(../images/footer_bg.png) top center no-repeat;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 3px #111111;
	box-shadow: 0 0 3px #111111;
	-webkit-box-shadow: 0 0 3px #111111;
	padding: 0;
	color: #979797;
	text-shadow: 0 1px #ccc;
}
	
#ja-botsl .main-inner1 { padding: 10px 20px;}
#ja-botsl .ja-box {
	background: url(../images/boxbot_divider.png) repeat-y right;
}

#ja-botsl .ja-box-right{
	background: none;
}
	
#ja-botsl h3 {
	font-size: 150%;
	margin: 0;
	font-weight: normal;
	text-shadow: 0 1px #000 !important;
	color: #000000;
}

#ja-botsl p{
	color: #000000;
	text-shadow: none;
	text-align: justify;
	}

#ja-botsl a{
	text-shadow: none;
	color: #979797 !important;
}

#ja-botsl a:hover{
	text-decoration: none;
	color: #fff;
}

#ja-botsl img{
	background: none;
}

#ja-botsl ul li{
	padding-left: 15px;
	color: #979797;
	text-shadow: 0 1px #000;
}

/* MISCELLANOUS
-------------------------------------------------------------------------------------------------------------*/
/* Login
-------------------------------------------------------------------------------*/

span.ja-login {
  display: block;
  float: right;
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

span.ja-login :hover, span.ja-login :active{
 color: #777777;
}

.ja-login .main{

}
/* Registration 
----------------------------------------------------------*/
.form-register p {
	margin: 0 0 5px !important;
}

/* User Component*/

#jcLogin{
	float: left;
	width: 46%;
	margin-bottom:50px;
}

#jcRegistar{
	float:right;
	width: 46%;
}

.login_form .button {
	margin-left: 69px;
}

.lost-noaccount p{
	display: block;
	float: left;
	text-align: right;
	width: 290px;
	margin: 0 0 5px !important;
}

/* Search -----*/

#search { 
border: 1px solid #d9e021;
float: right;
position: relative;
right: 5px;
top: 8px;
width: 202px; /*205*/

  /* IE7 */
  *background: url("../images/search_bg.png") no-repeat scroll 0 0 transparent;
  *border: 1px solid #000000;
}
.search {
  height: 30px;
}

#ja-search {
  background: url("../images/search_icon.png") no-repeat scroll right center transparent;
  bottom: 0;
  display: block;
  margin: 0;
  position: relative;
  top: 0;
  width: 200px;
}
#ja-search .inputbox {
  -moz-box-shadow: 0 0 0px 0 #CCCCCC inset;
  -webkit-box-shadow: 0 0 0px 0 #CCCCCC inset;
  box-shadow: 0 0 0px 0 #CCCCCC inset;
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #999999;
  height: 100%;
  margin: 0;
  padding: 0 0 0 5px;
  width: 90%;

  /* IE7 */
  *padding-top: 2px;
}

#ja-search .button {
	border: none;
  background: url("../images/search_icon.png") no-repeat scroll center center transparent;
	margin: 0;
	width: 30px;
	height: 30px;
	padding: 0;
	overflow: hidden;
	font-size: 0px;
	text-indent: -999px;
	display: block;
	line-height: 0;
}

/* Foot Links ---*/
#ja-header .ja-footnav ul { line-height: normal; }

#ja-header .ja-footnav li, #ja-header .ja-footnav .mainlevel  { display: inline; padding: 0 5px; }

#ja-header .ja-footnav li a, #ja-header .ja-footnav .mainlevel {
  color: #EAEAEA;
}

#ja-header .ja-footnav li a:hover, #ja-header .ja-footnav .mainlevel:hover, .ja-footnav li a:active, #ja-header .ja-footnav .mainlevel:active, .ja-footnav li a:focus, #ja-header .ja-footnav .mainlevel:focus,{ 
  color: #FFFFFF;
  font-weight: normal;
}

#ja-header .ja-footnav {
  bottom: 4px;
  color: #EAEAEA;
  float: right;
  font-size: 100%;
  margin: 0 10px 0 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-shadow: 0 0 1px #FFFFFF;
}
.jicons-icons{
	font-weight: bold;
}
.jicons-icons img,jcontact-mobile img{
	border: none;
}
.ja-social {
  position: relative;
  width: 250px;
}
.ja-copyright {
  float: left;
  left: 0;
  position: absolute;
  text-align: left;
  top: 0;
  color: #ffffff;

}
#ja-footer .ja-footnav {
  float: right;
  margin: 3px 0 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  color: #ffffff;
}
#ja-footer {
  padding: 0px 0;

  /* IE7 */
  *padding-top: 0px;
}
/* Contact Component
------------------------------------------------*/
#component-contact img{
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
	padding: 8px;
}
	
/* Others 
-------------------------------------------------------------------------------*/
#ja-top-panel .main-inner1 {
	padding: 5px 10px;
	text-align: center;
	margin-top: 15px;
	background: #ffffcc;
	position: relative;
}

#ja-banner {  }

div.ja-innerdiv {  }

div.ja-innerdiv h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 92%;
	font-weight: normal;
	text-transform: uppercase;
}


#ja-absolute .main {
	position: fixed;
	width: auto;
	height: auto;
	z-index: 99999;
	top: 1px;
	left: 1px;
}

#ja-absolute .main a {
	width: 91px;
	height: 99px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}

#ja-absolute .main a:hover,
#ja-absolute .main a:focus {
	background-position: left bottom;
}

#ja-container ul.menu li a {
  display: block;
  outline: medium none;
  padding: 2px 0;
}

.moduletable_blog_menu a {
  padding-left: 4px;
}

span.mainlevelblog_menu { line-height: 25px; padding-left: 2px; }

/* SEPCIAL  STYLES
-------------------------------------------------------------------------------------------*/
/* SlideShow 
--------------------------------------------------------*/
.lof-ass .lof-navigator li div {
  border-left: 1px solid #E1E1E1;
  border-top: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
}

#ja-slideshow, #ja-slideshow div.ja-moduletable, div.moduletable {
  margin-top: 0;
}

#ja-slideshow1 {
  margin-top: 0px;
  padding-top: 0px;
}
#ja-slideshow1 div.ja-moduletable, div.moduletable {
  margin: 0 0 15px;
  padding: 0 0 20px;
  position: relative;
}
#ja-slideshow .ja-moduletable {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 0px #111111;
	box-shadow: 0 0 0px #111111;
	-webkit-box-shadow: 0 0 0px #111111;
  background: none repeat scroll 0 0 white;
  border: 1px solid lightgrey;
  margin: 15px auto;
  overflow: hidden;
  padding: 5px;
}

.ja-social div.smilecredits {
  display: none;
  width: 100%;
}
/*------------------------------- Carousel -------------------------*/
.featureCarousel {
  background-color: transparent;
  margin: auto;
  position: relative;
}

.featureCarousel .blipsContainer {
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  -moz-box-shadow: 0 -3px 11px -5px #000000;
  box-shadow: 0 -3px 11px -5px #000000;
  -webkit-box-shadow: 0 -3px 11px -5px #000000;
  background: none repeat scroll 0 0 #F2F2F2;
  left: 44%;
  margin: auto;
  padding: 2px 3px 1px;
  position: absolute;
  right: auto;
  top: 97%;
  z-index: 4;
}

.featureCarousel p img {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CBCBCB;
  margin: 5px 10px 5px 0;
  opacity: 0.8;
  padding: 2px;
}

.featureCarousel p img:hover {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CBCBCB;
  margin: 5px 10px 5px 0;
  padding: 2px;
 opacity: 0.95;
}
.featureCarousel .feature {
  border: medium none;
  cursor: pointer;
  position: absolute !important;
    box-shadow: 0 12px 25px -12px #000000;
  -moz-box-shadow: 0 12px 25px -12px #000000;
  -webkit-box-shadow: 0 12px 25px -12px #000000;
}
.featureCarousel img {
  background-color: #F8F8F8;
  border: 1px solid #C2C2C2;
  padding: 4px;
}
.featureCarousel .feature > div {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  margin: 15px;
  position: absolute;
  width: auto;
}

.featureCarousel .feature .slideinfo {
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -moz-box-shadow: 0 2px 2px -1px black;
    box-shadow: 0 2px 2px -1px black;
  -webkit-box-shadow: 0 2px 2px -1px black;
  background-color: transparent;
  background-image: url("../images/menubg2.png");
  padding: 10px;
}

.featureCarousel .feature .slideinfo h {
  border: 0 none;
  color: white;
  display: block;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin: 0;
  padding: 5px;
  position: inherit;
  text-align: left;
}

.featureCarousel .blipsContainer .blip {
  background: url("../images/off.png") no-repeat scroll 0 0 transparent;
  border: 0 dotted black;
  color: transparent;
  height: 16px;
  margin: 3px;
  width: 16px;
}

.featureCarousel .blipsContainer .blipSelected {
  background: url("../images/on.png") no-repeat scroll 0 0 transparent;
}

#ja-slideshow .ja-moduletable ul li, #ja-slideshow1 .ja-moduletable ul li, .ja-module ul li {
  background: none repeat scroll 0 0 transparent;
  margin-bottom: 0;
  padding: 0;
}

.featureCarousel .feature > div p { 
background: url("../images/bg_dark.png") transparent;
color: #FFFFFF;
font-family: "Helvetica", "Arial", sans-serif;
font-size: 15px;
font-weight: 400;
height: 100%;
padding: 7px 4px 3px 9px;
position: relative;
text-align: left;
width: 100%;
}

/*------------------------------- Piece Maker -------------------------*/
#piecemaker_holder {
  margin-bottom: -22px;
  margin-top: 0;
  position: relative;
  z-index: 2;
}

#piecemaker {
  opacity: 1;
}

/*------------------------------- Nivo Slider -------------------------*/

.NivoSzakiSlider .nivoSlider {
    background: url(../images/loader.gif) no-repeat 50% 50% #f2f2f2;
	margin: 0;
	margin-left:  auto;
	margin-right:  auto;
	box-shadow: none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-moz-border-radius:none;
	border-radius: 0px;
}
	
a.nivo-prevNav {
	left: 14px;
	background: url(../images/arrow_prev.png) no-repeat;
	height: 32px;
	width: 22px;
}

a.nivo-nextNav {
	right: 14px;
	background: url(../images/arrow_next.png) no-repeat;
	height: 32px;
	width: 22px;
}

.NivoSzakiSlider .nivo-controlNav {
	position: absolute;
	left: 90%;
	bottom: 10px;
}
.NivoSzakiSlider .nivo-controlNav a {
  background: url("../images/slider-buttons.png") no-repeat scroll center top transparent;
  border: 0 none;
  cursor: pointer;
  display: block;
  float: left;
  height: 10px;
  margin-left: 5px;
  text-indent: -9999px;
  width: 10px;
}
.NivoSzakiSlider .nivo-controlNav a.active {
	background-position: bottom center;
}
.nivo-caption p {
  display: none;
  padding: 5px;
}

/*------------------- SIGPLUS ----------------------*/
div.sigplus-gallery ul > li > a > img {
    -moz-box-shadow: 0 0 2px 0 #000000;
  -webkit-box-shadow: 0 0 2px 0 #000000;
  box-shadow: 0 0 2px 0 #000000;
  /************hover transitions****************/
-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img {
  border: 0 none transparent !important;
  margin: 5px !important;
  padding: 4px !important;
}
.ja-moduletable div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img {
  border: 0 none transparent !important;
  margin: 2px !important;
  padding: 2px !important;
}
div.sigplus-gallery ul > li > a > img:hover {
  background: url("../images/footer1.png") repeat scroll center center transparent !important;
    -moz-box-shadow: 0 0 2px 0 #000000;
  -webkit-box-shadow: 0 0 2px 0 #000000;
  box-shadow: 0 0 2px 0 #000000;
  /************hover transitions****************/
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0.7;
}
div.sigplus-gallery ul > li {
  background: url("../images/plus.png") no-repeat scroll center center transparent !important;
}
.ja-moduletable div.sigplus-gallery ul > li {
  background: url("../images/smallplus.png") no-repeat scroll center center transparent !important;
}
.ja-moduletable div.sigplus-gallery {
  margin-top: 5px;
}
#boxplus .boxplus-dialog {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#boxplus .boxplus-viewer > img {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#boxplus .boxplus-thumbs > ul > li.boxplus-active > img, #boxplus .boxplus-thumbs > ul > li > img:hover {
  background: url("../images/footer1.png") repeat scroll center center #FFFFFF !important;
  border: 1px solid gray !important;
    -moz-box-shadow: 0 0 2px 0 #000000;
  -webkit-box-shadow: 0 0 2px 0 #000000;
  box-shadow: 0 0 2px 0 #000000;
  /************hover transitions****************/
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0.7;
}

/* Lof Article Scroller
------------------------------------------------*/	
#ja-content-mass-bottom .lof-articlessroller .lof-inner {
  margin: 0 15px;
}

.lof-articlessroller .lof-inner {
  background: url("../images/recent_bg.png") repeat scroll 0 0 transparent;
  margin: 0 2px;
  padding: 0;
  -moz-border-radius: 0;
  position: relative;
}

.lof-articlessroller .lof-inner .lof-title {
  font: 14px/22px 'ComfortaaThin',Verdana,sans-serif;
  padding: 20px 0 5px;
}

.lof-articlessroller .lof-row {
  float: left;
  overflow: hidden;
  padding-bottom: 12px;
  padding-top: 0px;
  position: relative;
}
.lof-articlessroller .lof-bottom .lof-navigator-outer {
  background: none;
  -moz-border-radius: 8px 8px 8px 8px;
  bottom: 0;
  position: absolute;
  right: 0;
}
.lof-articlessroller .lof-navigator li span {
  background: none;
  color: #FFFFFF;
  display: block;
  margin: 4px 5px;
}
.lof-articlessroller .lof-navigator li.active span {
  background: none;
  color: #FFFFFF;
  display: block;
  margin: 4px 5px;
}
.lof-articlessroller .lof-inner img {
  -moz-border-radius: 0 0 0 0;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CBCBCB;
  margin: 0;
  padding: 5px;
}
.lof-articlessroller .lof-inner img:hover {
	opacity: 0.9;
	    -moz-box-shadow: 0 0 0 0 #999999;
  -webkit-box-shadow: 0 0 0 0 #999999;
  box-shadow: 0 0 0 0 #999999;
  /************hover transitions****************/
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.lof-articlessroller .lof-inner:hover {
  -moz-box-shadow: 0 0 0 0 #C3C3C3; -webkit-box-shadow: 0 0 0 0 #C3C3C3; box-shadow: 0 0 0 0 #C3C3C3;	
  background: none repeat scroll 0 0 transparent;
}

.lof-articlessroller .lof-vertical .lof-next {
  background: url("../images/arrow_up.png") no-repeat scroll 0 0 transparent;
  right: 38%;
  top: -15px;
  width: 64px;
}
.lof-articlessroller .lof-vertical .lof-previous {
  background: url("../images/arrow_down.png") no-repeat scroll 0 0 transparent;
  bottom: -40px;
  right: 38%;
  width: 64px;
}
.lof-articlessroller .lof-inner img.lof-image:hover {
	opacity: 0.9;
	    -moz-box-shadow: 0 0 0 0 #999999;
  -webkit-box-shadow: 0 0 0 0 #999999;
  box-shadow: 0 0 0 0 #999999;
  /************hover transitions****************/
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* --------------------- News Pro GK4 2.5 --------------------- */
 
.nspPagination { list-style-type:none !important; margin:6px 0 0 !important; padding:0 !important; float:left; }
.nspPagination li { float:left; width: 16px; height: 16px; margin: 0 8px 0 0 !important; text-indent:-999em; cursor:pointer; }
.nspPagination li:hover,
.nspPagination li.active { background-position: 50% -16px; }

.nspBotInterface div, .nspTopInterface div {
  border: 1px solid #FFFFFF;
  float: right;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 7px;
  top: 8px;
}
*/
.nspArt h4.nspHeader {
  margin: 0 0 5px;
}
.nspBotInterface, .nspTopInterface {
  margin: 0 0;
  overflow: hidden;
}
.nspArt {

}
.nspArt p.nspInfo {
  color: #D17200;
  font-size: 90%;
  font-style: italic;
}
.nspArt img.nspImage {
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CBCBCB;
  padding: 2px;
	background: #fff;
  /************hover transitions****************/
-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.nspArt img.nspImage:hover {
	opacity: 0.9;
	    -moz-box-shadow: 0 0 1px 0 #000;
  -webkit-box-shadow: 0 0 1px 0 #000;
  box-shadow: 0 0 1px 0 #000;
  /************hover transitions****************/
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.nspArt .fright {
  text-transform: none;
  font-style: italic;
  margin-top: -20px;
}
.nspArt p.nspText {
  float: none;
  margin-bottom: 7px;
  width: 223px;
}
/* ------- END ------- */

/* Lof Accordion
------------------------------------------------*/	

.lof-accordion-default > .lof-toggler {
  border-bottom: 1px solid #DEDEDE;
  cursor: pointer;
  font-size: 105%;
  font-weight: normal;
}
.lof-element {
  margin: 2px 0;
  padding: 0;
}

.lof-element p {
  border-bottom: 1px solid #DEDEDE;
  margin: 0;
  padding: 10px 0 15px;
}

.lof-accordion-default > .lof-toggler span.lof-title {
  padding-left: 0;
}

/* --------------------------- ROKTABS ----------------------------- */
.roktabs-wrapper .light .roktabs-container-tr, .roktabs-wrapper .light .roktabs-container-inner, .roktabs-wrapper .light .active-arrows {
  background: none repeat scroll 0 0 transparent;
}
.roktabs-wrapper .light {
  border: 0 solid #DCDCDC;
  position: relative;
}
.roktabs-wrapper .light .roktabs-container-wrapper div.wrapper {
  padding: 15px 0 0;
  width: auto;
}

.roktabs-wrapper .light .roktabs-links ul.roktabs-top li.active {
  -moz-box-shadow: 0 0 5px -1px #000000;
  -webkit-box-shadow: 0 0 5px -1px #000000;
  box-shadow: 0 0 5px -1px #000000;
  -moz-box-shadow: 0 0 5px -1px #000000;
  background: none repeat scroll 0 0 #D17200;
  border: medium none;
  color: #FFFFFF;
  height: 30px;
  padding: 1px;
}
.ja-box .ja-moduletable ul li {
  background: none repeat scroll 0 0 transparent;
  margin-bottom: 5px;
  overflow: hidden;
}
.roktabs-wrapper .light .roktabs-links ul li.first {
  border-left: 1px solid #DCDCDC;
}
.roktabs-wrapper .light .roktabs-links ul.roktabs-top {
  background: none repeat scroll 0 0 transparent;
  font-family: "Comfortaa_Regular-webfont",Arial,Helvetica,Tahoma,sans-serif;
  font-size: 17px;
  font-weight: normal;
  height: 40px;
  padding: 0 3px;
}
.roktabs-wrapper .light .roktabs-links {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 0 solid #CCCCCC;
  margin: 0;
  overflow: hidden;
}
.roktabs-wrapper .light .roktabs-links ul li {
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
  -moz-box-shadow: 0 0 5px -3px #000000;
  -webkit-box-shadow: 0 0 5px -3px #000000;
  box-shadow: 0 0 5px -3px #000000;
    /************hover transitions****************/
-webkit-transition: in 0.3s ease;
	-moz-transition: in 0.3s ease;
	-ms-transition: in 0.3s ease;
	-o-transition: in 0.3s ease;
	transition: in 0.3s ease;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DCDCDC;
  float: left;
  height: 30px;
  line-height: 31px;
  margin: 3px 2px;
  padding-bottom: 0;
  padding-right: 0;
  position: relative;
  text-align: left;
  text-decoration: none;
  color: #888888;
}

.roktabs-wrapper .light .roktabs-links ul li.hover{
  -moz-box-shadow: 0 0 5px -1px #000000;
  -webkit-box-shadow: 0 0 5px -1px #000000;
  box-shadow: 0 0 5px -1px #000000;
  background: none repeat scroll 0 0 #D17200;
  border: 1px solid transparent;
  color: #FFFFFF;
}
.roktabs-wrapper .light .roktabs-links ul li.active.first {

}
.roktabs-wrapper .light .roktabs-links ul li.last {
  border-right: 1px solid #DCDCDC;
}
.roktabs-wrapper .light .roktabs-links ul li.last:hover {
  border-right: 0 none;
}
.roktabs-top li {
  padding-right: 20px;
}
.roktabs-container-wrapper a.readon {
  display: inline-block;
  font-style: italic;
  margin-top: 10px;
  text-transform: none;
}
/* Google Map
------------------------------------- */
#map {
  background: none repeat scroll 0 0 #CBCBCB;
  border: 1px solid #7A7A7A;
  padding: 4px;
}

ul li.sig-block {
  background: none repeat scroll 0 0 transparent;
  line-height: 160%;
  margin-bottom: 5px;
  overflow: auto;
  float: left;
  list-style: none outside none !important;
  margin: 0px;
  padding: 0;
}

li.sig-block span.sig-link-wrapper {
  background: none repeat scroll 0 0 transparent;
  display: block;
  float: left;
  margin: 0;
  padding: 0 5px 5px;
}
li.sig-block span.sig-link-innerwrapper {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  margin: 0 0 0 0;
  padding: 4px;
}
/* Tweetfeed
------------------------------------- */

#ja-botsl .TDB-header{
	color: #fff;
	text-shadow: 0 1px black;
	background: url(../images/twx_bg.png) ;
	border-radius: 5px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	border: 1px solid #999;
	margin: 0px 0px 10px 0px;
	padding: 10px;
} 
span.TDB-header-avatar-left img{
	margin-right: 5px;
}

.TDB-tweet {
  	padding:10px 10px 0px 10px;
	margin: 0px 0px 0px 10px ;
	
}
#ja-botsl .TDB-tweet{
	color: #fff;
	text-shadow: 0 1px black;
	background: url(../images/tweetbird.png) no-repeat left top;

}
.TDB-tweet-left-noavatar {
	border-radius: 5px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	border:1px solid #999;
	background: url(../images/twx_bg.png) repeat transparent;
	padding: 12px 10px;
	word-wrap: break-word;
	margin: 24px 0px 5px 0px;
	text-align: left;
}

.TDB-tweet-left,.TDB-tweet-right {
	background: url(../images/twx_bg.png) repeat transparent;
	border:1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	padding: 12px 10px;
	margin: 0px 0px 5px 50px;
	
}
#pixel{
	height: 0;
	line-height: 1px;
}
/* Simple image gallery
------------------------------- */
.sig-link-wrapper{
	padding: 5px!important;
}
  	
li.sig-block a.sig-link {
	text-shadow: 0 1px #000;
}

li.sig-block a.sig-link:hover {
   	text-shadow: 0 1px #fff;
}

#lbImage {
	border: 5px solid #e1e1e1 !important;
}

.column div.moduletable_badge {
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 10px;
	padding: 10px;
}

/* _light Module Style 
------------------------------------*/
div.moduletable_light{
	background: #fff;
	padding: 15px;
	margin: 0 0 15px 0;
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.moduletable_light h3{
	background: url(../images/h3_bg.png);
	padding: 5px 10px;;
}

/* Dark Module Style 
--------------------------------------*/
div.moduletable_dark{
	background: #000;
	padding: 15px;
	margin: 0 0 15px 0;
	border: 1px solid #18181a;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #F2F0EB;
}

div.moduletable_dark h3{
	background: url(../images/h3_bg.png);
	padding: 5px 10px;;
}

/*Module Suffix: _newsletter style 
-----------------------------------------*/
.moduletable_newsletter p{
	font-weight: bold;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.moduletable_newsletter form{
	background: url(../images/newsletter_bg.png) no-repeat;
	height: 35px;
	padding: 0 5px 0 0;
	margin: 0;
	width: 273px;
}

.moduletable_newsletter input.textbox{
	float: left;
	font-weight: normal;
	height: 32px;
	padding: 8px 0 0 5px;
	margin: 0;
	width: 170px;
	background: transparent;
	border: none;
	color: #F2F0EB;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-appearance: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	font-family: Arial, sans-serif;
}

.moduletable_newsletter input[type="submit"]{
	height: 26px;
	float: right;
	width: auto;
	margin-top: 4px;
}

/*Typography Plugin Override
------------------------------------------------------------*/

.dropcap-1, .dropcap-2, .dropcap-3 {
	font: 20px/normal 'Comfortaa_Regular-webfont', Verdana, sans-serif;
}
/*------------------------------------------- LISTS ---------------------------------*/

#ja-topsl li, #ja-topsr li, #ja-botsl li {
	background-position: 1px 6px;
	padding-left: 20px;
}

.ja-content-main ul li {
	background: none;
	line-height: 160%;
	margin-bottom: 5px;
	overflow: hidden;
}

.ja-moduletable ul li, .ja-module ul li { 
background: url("../images/arrow.gif") 5px 7px no-repeat transparent;
line-height: 160%;
margin-bottom: 5px;
overflow: hidden;
padding-left: 15px;
}

.ja-box .ja-moduletable ul li {
  background: url("../images/bullet.png") no-repeat scroll 2px 7px transparent;
  line-height: 160%;
  margin-bottom: 5px;
  overflow: hidden;
  padding-left: 20px;
}

ol.romanList {
	list-style-position:inside;
	list-style-type:upper-roman;
	}

ol.lowerAlphaList {
	list-style-position:inside;
	list-style-type:lower-alpha;
	}
	
ol.decZeroList {
	list-style-position:inside;
	list-style-type:decimal-leading-zero;
	}
	
ol.simpleList {
	list-style-position:inside;
	list-style-type:none;
}
	
/*-------------------------------------- lIST STYLE ----------------------------------*/

ul.arrowlist li { background-image:url("../images/lists/list-arrow.png") !important; }

ul.starlist li { background-image:url("../images/lists/list-star.png") !important; }

ul.checklist li { background-image:url("../images/lists/list-check.png") !important; }

ul.bulletlist li { background-image:url("../images/lists/list-bullet.png") !important; }

ul.crosslist li { background-image:url("../images/lists/list-cross.png") !important; }

ul.addlist li { background-image:url("../images/lists/list-plus.png") !important; }

ul.checklistGreen li { background-image:url("../images/lists/list-checkGreen.png") !important; }

ul.crosslistRed li { background-image:url("../images/lists/list-crossRed.png") !important; }


ul.arrowlist li, ul.starlist li, ul.checklist li, ul.bulletlist li, ul.crosslist li, ul.addlist li,
ul.checklistGreen li, ul.crosslistRed li    {
	background-position:left top !important;
	background-repeat:no-repeat !important;
	margin-left:8px;
	overflow:hidden;
	padding: 2px 0 2px 26px !important;
	position:relative;
	}
/*---------------------------------------------- PRICING BOX -------------------------------------------------------*/
/* Pricing Table 
----------------------------------------------------------*/
#pricingContainer {
  width: 100%;
}

.threePricingTables {
  float: left;
  margin: 15px 0;
  width: 33%;
}

.fourPricingTables {
  float: left;
  margin: 15px 0;
  width: 25%;
}

.fivePricingTables {
  float: left;
  margin: 15px 0;
  width: 20%;
}

.threePricingTables:hover, .fourPricingTables:hover, .fivePricingTables:hover  {
  float: left;
  opacity: 0.9;
}

.pricing {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #BBBBBB;
  display: block;
  padding: 3px;
  text-align: center;
}

.pricing_body {
  -moz-border-radius: 5px;
  	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  background: none repeat scroll 0 0 #F2F2F2;
  padding-bottom: 10px;
}

.pricing_header{
	background: url('../images/pricing-table_bg_top.jpg') top ;
	text-align: center;
	color: #ffffff;
	padding: 10px;
	border-top-right-radius: 5px;
  	-moz-border-radius-topright: 5px;
  	-webkit-border-top-right-radius: 5px;
  	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
  	-webkit-border-top-left-radius: 5px;

}

div.pricing_header>h2, div.pricing_header>h3{
	color: #fff;
	text-shadow: 0 2px 2px #424141;

}

.pricingCategory {
  padding: 10px;
}

div.pricingCategory h3{
	color: #fff;
	font-family: Arial, helvetica;
	font-size: 38px;
	font-weight: bold;
	margin: 0;
	text-shadow: 0 1px 2px #424141;
}

.price { }

.priceWrap {
  font-size: 24px;
  padding: 10px;
  text-shadow: 0 1px 2px #424141;
}

span.period {
	color: #fff;
	font-size: 14px;
	text-shadow: 0 1px 2px #424141;
} 


.pricingDescription {
  clear: both;
  margin: 0 1px 1px;
  text-align: center;
}

.pricingDescription ul {
	font-size: 16px;
	margin: 0 !important;
	padding: 30px;
}

.pricingDescription ul li {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #FFFFFF;
  line-height: 1em;
  margin: 1px;
  min-height: 18px;
  padding: 8px 0 8px 0;
  text-align: center !important;
}

.pricingDescription ul li:first-child { border-top-color: transparent; }

.pricingDescription ul li.last { border-bottom-color: transparent; }

.pricingDescription li { list-style: none outside none;	}

.pricingButton {}
.pricingButton a{}

/*----------------------------------------------- SMALL BUTTONS ----------------------------------------*/

.Button_Default { background: url("../images/gradient.png") repeat-x scroll 0 0 #0D0D0D;}
.Button_Default:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #0D0D0D;}

.Button_Blue { background: url("../images/gradient.png") repeat-x scroll 0 0 #53a3b4; }
.Button_Blue:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #53a3b4; }

.Button_Black { background: url("../images/gradient.png") repeat-x scroll 0 0 #0D0D0D; }
.Button_Black:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #0D0D0D; }

.Button_Coffee { background: url("../images/gradient.png") repeat-x scroll 0 0 #27201A; }
.Button_Coffee:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #27201A; }

.Button_Orange { background: url("../images/gradient.png") repeat-x scroll 0 0 #D17200; }
.Button_Orange:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #D17200; }

.Button_Yellow { background: url("../images/gradient.png") repeat-x scroll 0 0 #EAAF00; }
.Button_Yellow:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #EAAF00; }

.Button_Pink { background: url("../images/gradient.png") repeat-x scroll 0 0 #390310; }
.Button_Pink:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #390310; }

.Button_Lime { background: url("../images/gradient.png") repeat-x scroll 0 0 #D17200; }
.Button_Lime:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #D17200; }

.Button_Purple { background: url("../images/gradient.png") repeat-x scroll 0 0 #3E1F39; }
.Button_Purple:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #3E1F39; }

.Button_Red { background: url("../images/gradient.png") repeat-x scroll 0 0 #580000; }
.Button_Red:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #580000; }


a.Button_Blue, a.Button_Blue:hover, a.Button_Black, a.Button_Black:hover, a.Button_Default, a.Button_Default:hover, a.Button_Coffee, a.Button_Coffee:hover, a.Button_Orange, a.Button_Orange:hover , a.Button_Yellow, a.Button_Yellow:hover , a.Button_Pink, a.Button_Pink:hover , a.Button_Lime, a.Button_Lime:hover, a.Button_Purple, a.Button_Purple:hover, a.Button_Red, a.Button_Red:hover {
  border-color: -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.25);
  border-style: none none solid;
  border-width: medium medium 2px;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica",Arial,sans-serif;
  font-size: 1em;
  font-weight: bold !important;
  line-height: 1;
  padding: 6px 10px 5px;
  position: relative;
  right: -2px;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF !important;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  margin-top: 5px;
  margin-right: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.Button_Black, .Button_Default, .Button_Coffee, .Button_Orange, .Button_Blue, .Button_Yellow, .Button_Lime, .Button_Pink, .Button_Purple, .Button_Red {
  color: #FFFFFF !important;
  text-decoration: none;
}

/*------------------------------------------------------------ BIG BUTTONS -------------------------------------------------*/

.bigButton_Default { background: url("../images/gradient.png") repeat-x scroll 0 0 #0D0D0D;}
.bigButton_Default:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #0D0D0D;}

.bigButton_Blue { background: url("../images/gradient.png") repeat-x scroll 0 0 #53a3b4; }
.bigButton_Blue:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #53a3b4; }

.bigButton_Black { background: url("../images/gradient.png") repeat-x scroll 0 0 #0D0D0D; }
.bigButton_Black:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #0D0D0D; }

.bigButton_Coffee { background: url("../images/gradient.png") repeat-x scroll 0 0 #27201A; }
.bigButton_Coffee:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #27201A; }

.bigButton_Orange { background: url("../images/gradient.png") repeat-x scroll 0 0 #D17200; }
.bigButton_Orange:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #D17200; }

.bigButton_Yellow { background: url("../images/gradient.png") repeat-x scroll 0 0 #EAAF00; }
.bigButton_Yellow:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #EAAF00; }

.bigButton_Pink { background: url("../images/gradient.png") repeat-x scroll 0 0 #390310; }
.bigButton_Pink:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #390310; }

.bigButton_Lime { background: url("../images/gradient.png") repeat-x scroll 0 0 #D17200; }
.bigButton_Lime:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #D17200; }

.bigButton_Purple { background: url("../images/gradient.png") repeat-x scroll 0 0 #3E1F39; }
.bigButton_Purple:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #3E1F39; }

.bigButton_Red { background: url("../images/gradient.png") repeat-x scroll 0 0 #580000; }
.bigButton_Red:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #580000; }

a.bigButton_Blue, a.bigButton_Blue:hover, a.bigButton_Black, a.bigButton_Black:hover, a.bigButton_Default, a.bigButton_Default:hover, a.bigButton_Coffee, a.bigButton_Coffee:hover, a.bigButton_Orange, a.bigButton_Orange:hover , a.bigButton_Yellow, a.bigButton_Yellow:hover , a.bigButton_Pink, a.bigButton_Pink:hover , a.bigButton_Lime, a.bigButton_Lime:hover, a.bigButton_Purple, a.bigButton_Purple:hover, a.bigButton_Red, a.bigButton_Red:hover {
	border:none;
	display: inline-block;
	text-decoration: none;
	font-family: "Helvetica", Arial, sans-serif;
	font-weight: bold !important;
	font-size: 16px;
	line-height: 1;
	color: #ffffff !important;
	text-transform: none;
	padding:10px;
	right:-2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	}

/*------------------------------------------------- MESSAGE BOXES WITH ICONS -------------------------------------------- */

div.InfoBox div { background: url("../images/icons/icon_info.png") no-repeat scroll center center #FFFFFF;}
div.WarningBox div {	background:url(../images/icons/icon_warning.png) no-repeat center center #FFFFFF;}
div.CautionBox div {	background:url(../images/icons/icon_caution.png) no-repeat center center #FFFFFF;}
div.HelpBox div { background:url(../images/icons/icon_help.png) no-repeat center center #FFFFFF;}
div.AddBox div { background:url(../images/icons/icon_add.png) no-repeat center center #FFFFFF;}
div.DeleteBox div { background:url(../images/icons/icon_delete.png) no-repeat center center #FFFFFF;}
div.BoxBox div { background:url(../images/icons/icon_box.png) no-repeat center center #FFFFFF;}
div.DatabaseBox div { background:url(../images/icons/icon_database.png) no-repeat center center #FFFFFF;}
div.OptionsBox div { background:url(../images/icons/icon_options.png) no-repeat center center #FFFFFF;}
div.NoteBox div { background:url(../images/icons/icon_note.png) no-repeat center center #FFFFFF;}
div.SecurityBox div { background:url(../images/icons/icon_security.png) no-repeat center center #FFFFFF;}
div.SystemBox div { background:url(../images/icons/icon_system.png) no-repeat center center #FFFFFF;}
div.TipBox div { background:url(../images/icons/icon_tip.png) no-repeat center center #FFFFFF;}
div.ToolsBox div { background:url(../images/icons/icon_tools.png) no-repeat center center #FFFFFF;}
div.TutorialBox div { background:url(../images/icons/icon_tutorial.png) no-repeat center center #FFFFFF;}
div.QuoteBox div { background:url(../images/icons/icon_quote.png) no-repeat center center #FFFFFF;}


div.InfoBox div, div.WarningBox div, div.CautionBox div, div.HelpBox div, div.AddBox div, div.DeleteBox div, div.BoxBox div, div.DatabaseBox div, div.OptionsBox div, div.NoteBox div, div.SecurityBox div, div.SystemBox div, div.TipBox div, div.ToolsBox div, div.TutorialBox div, div.QuoteBox div {
	-moz-box-shadow: 2px 2px 5px -2px;
	-webkit-box-shadow: 2px 2px 5px -2px;
	box-shadow: 2px 2px 5px -2px;
  background-color: #272729;
  border: 2px solid grey;
  float: left;
  font-weight: normal;
  height: 46px;
  left: -58px;
  margin: 0 0 -30px !important;
  padding: 0 14px;
  position: relative;
  top: -30px;
  width: 36px;
}

div.InfoBox, div.WarningBox, div.CautionBox, div.HelpBox, div.AddBox, div.DeleteBox, div.BoxBox, div.DatabaseBox, div.OptionsBox, div.NoteBox, div.SecurityBox, div.SystemBox, div.TipBox, div.ToolsBox, div.TutorialBox, div.QuoteBox {
  border: 2px solid grey;
  color: #000000;
  font-size: 13px;
  line-height: 19px;
  margin: 35px 0 25px 55px;
  padding: 0 10px;
  text-indent: -40px;
}

div.InfoBox p, div.WarningBox p, div.CautionBox p, div.HelpBox p, div.AddBox p, div.DeleteBox p, div.BoxBox p, div.DatabaseBox p, div.OptionsBox p, div.NoteBox p, div.SecurityBox p, div.SystemBox p, div.TipBox p, div.ToolsBox p, div.TutorialBox p, div.QuoteBox p {
  margin: 10px 0;
}
/* ________________________________Forms Restyling ----------------------------*/
/* `Widths
----------------------------------------------------------------------------------------------------*/
/*
  Added via JS to <textarea> and class="input_full".
  Applies only to IE7. Other browsers don't need it.
*/
.input_full_wrap {
  display: block;
  padding-right: 8px;
}

/* `UI Consistency
----------------------------------------------------------------------------------------------------*/

::-moz-focus-inner {
  border: 0;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

input,
button,
select,
textarea {
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  margin: 5px;
  vertical-align: middle;
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 5px 10px 5px 10px;
  text-shadow: #fff 0 1px 1px;
  width: auto;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 0px;
}

button {
  /* IE7 */
  *padding-top: 1px;
  *padding-bottom: 1px;
}

button[disabled],
input[type="reset"][disabled],
input[type="submit"][disabled],
input[type="button"][disabled] {
  color: #888;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-appearance: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  outline: 0;
  padding: 2px 3px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  height: 1.8em;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}

form label {
	cursor: pointer;
	margin-top: 5px;
}
/*
  Separate rule for Firefox.
  Cannot stack with WebKit's.
*/
input.placeholder_text,
textarea.placeholder_text {
  color: #888;
}

::-webkit-input-placeholder {
  color: #888;
}

textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eee;
  color: #666;
}

input,
input,
select,
select,
textarea,
textarea,
#ja-search .inputbox  {
  -moz-box-shadow: 0 0 3px 0 #838383 inset;
  -webkit-box-shadow: 0 0 3px 0 #838383 inset;
  box-shadow: 0 0 3px 0 #838383 inset;

  /* for Opera */
  z-index: 1;
}
#ja-search .inputbox:focus,#ja-search .inputbox:active,
button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: 0 0 3px 0 #555555 inset;
  -webkit-box-shadow: 0 0 3px 0 #555555 inset;
  box-shadow: 0 0 3px 0 #555555 inset;

  /* for Opera */
  z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.is_webkit select {
  /* Tweaks for Safari + Chrome. */
  background-image: url(../images/select_arrow.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px!important;
  padding-left: 10px !important;
}

textarea,
select[multiple] {
  height: auto;
}

select[multiple],
.is_webkit select[multiple] {
  background-image: none;
  padding: 0;
}

textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 90%;
}

optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}

/* `IE6
----------------------------------------------------------------------------------------------------*/

/*
  Everything below this line is for IE6.
  Delete it if you don't support it! :)

  Classes are added dynamically via JS,
  because IE6 doesn't support attribute
  selectors: .ie6_button, .ie6_input, etc.

  Note: These style rules are somewhat
  duplicated because IE6 bombs out when
  it sees attribute selectors. Example:

  .ie6_button {
    This works in IE6.
  }

  .ie6_button,
  input[type=submit] {
    This doesn't work.
  }
*/

.ie6_button,
* html button {
  background: #ddd url(../images/button.png) repeat-x;
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  padding: 2px 10px 0px;
  overflow: visible;
  width: auto;
}

* html button {
  padding-top: 1px;
  padding-bottom: 1px;
}

.ie6_input,
* html textarea,
* html select {
  background: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}

.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
  color: #888;
}

.ie6_input_disabled {
  background: #eee;
}
/*---------------  End Form Reset __________ */
/* messages */
#system-message { margin: 0; }
#system-message dd { padding:0!important; background:none!important; }
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul { margin: 0; padding: 0; color: #222; font-weight: normal }
#system-message dd.message ul { background: #f9f9f9; color: #555; border: none; }
#system-message dd.error ul { background: #BC3726 url('../images/error.png') repeat;  color:#fff; }
#system-message dd.notice ul { background: #FFFEF4; color: #555; border: 1px solid #EAE8CC;}
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li { background: none; margin: 0; padding: 11px 16px; text-indent:0; text-align: center; text-shadow: none;}
