/* COMMON STYLE
--------------------------------------------------------- */
/*
 * ------------------------------------------------------------------------
 * Hawk for joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2011-2012 Hawk. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: Dachi Nobert
 * E-mail: norbert218@gmail.com
 * Websites: http://www.delightgroup.net/demo/
 * ------------------------------------------------------------------------
*/
body {
	color: #1a1a1a;
	font-family: Helvetica, Arial, sans-serif;
}

body#bd {
  background-attachment: fixed;
  background-color: #1A1A1A;
  background-image: url("../images/square.png");
  color: #3F4345;
  font-size: 13px;
  line-height: 22px;
}

#ja-wrapper {
}

/* Normal links ---*/
a { 
	color: #326693;
	text-decoration: none;
 }

a:hover, a:active, a:focus { text-decoration: none; color: #FF6633; }

/*----------------------------------- Readon links -------------------------*/

p.readmore a { 
  text-transform: none; 
  background: url("../images/gradient.png") repeat-x scroll 0 0 #1A1A1A;
    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;
  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-bottom: 5px;
  margin-right: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }
  
p.readmore a:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #1A1A1A;}

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	}

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

h2.contentheading {
  margin: 0;
  padding: 0;
}

h2.contentheading, .contentheading {
	font-weight: normal;
	}

.contentheading {  }

.contentheading a {
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	color:#313131;
	}


.contentheading a:hover, .contentheading a:active, .contentheading a:focus {
	color: #737373;
	}

.blog-featured .contentheading { color: #313131;}

.jitem-title { font-weight: bold; color: #313131; }

/* TYPOGRAPHY
--------------------------------------------------------- */

h1, h1 a, h1 a:hover, h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover, h4, h4 a, h4 a:hover, h5, h5 a, h5 a:hover, h6, h6 a, h6 a:hover, p {
	font-weight: normal;
	text-transform:none;
	}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { color:#3F4345; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #737373; }

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

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

h3, h3 a, h3 a:hover { font:26px/31px "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; }

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

.column h1 { line-height:44px; }

.column h2 { color: #326693;  line-height: 35px;}

.column h3 { line-height:31px; }

.column h4 { line-height:25px; }

.column h5 { line-height:21px; }

.column h6 { line-height:19px; }


/* Others ---*/

hr {
  background: url("../images/menu_vdot2.png") repeat-x scroll 0 bottom transparent;
  border-color: transparent;
  border-style: hidden;
  height: 2px;
}

td {
  font-size: 100%;
  padding: 0;
}

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

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

.moduletable_blog_menu a:hover, .moduletable_blog_menu a:active, .moduletable_blog_menu a:focus { padding-left: 4px; color: #FF6633;}

/* Content spacing ---*/

.column p, .column pre, .column blockquote, .column h1, .column h2, .column h3, .column h4, .column h5, .column h6, .column ol, .column ul, .column dl {
}

.ja-box-ct p {
  margin: 0;
}

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
	padding: 2px;
	font-family: Helvetica, Arial, sans-serif;
}

/* Search ---*/
form#searchForm { border-top: 1px solid #ccc; }

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

.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;
}

h2.contact-name {
  padding-bottom: 5px;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/

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

/* Meta ---*/


dl.article-info { 
color: rgb(153, 153, 153);
font-size: 11px;
text-transform: capitalize;
padding-top: 10px;
}

.contentdescription { border-bottom: 0px solid #ccc; }

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

p img{
	border: 1px solid #cbcbcb;
	padding: 5px;
	margin: 10px 25px 20px 0;
	background: #fff;
}

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

p img:hover {
	border: 1px solid #cbcbcb;
	padding: 5px;
	margin: 10px 25px 20px 0;
	background: #fff;
	opacity: 0.9;
}

.pagetitle {
  color: #7E4801;
  font: 46px/60px 'ComfortaaRegular',Verdana,sans-serif;
}

/* Article ---*/

.article-content { overflow: hidden; }

.article-content p img {
  margin: 5px 25px 20px 0;
}

.ja-content-main {
  margin: 0;
  padding-top: 25px;
}

/* 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; }

span.mainlevel {
  font-size: 15px;
  font-weight: normal;
  line-height: 25px;
  padding-left: 0px;
}

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 ---*/
.pagination li span,
.pagination li strong { line-height: 20px; }

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

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

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
    border-bottom: 0 none; margin: 0 0 8px; padding-bottom: 0;
	font-size: 100%;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
}

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

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

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

#ja-container .main .inner {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  padding-left: 0;
  padding-right: 0;
}

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

/* HEADER
--------------------------------------------------------- */
#mainhead {
  padding-bottom: 0;
  position: fixed;
  top: 0;
  z-index: 200;
}

#mainheader {
  padding-bottom: 0;
  position: relative;
  z-index: 200;
}

#mainheader1 {
  background-color: #1A1A1A;
  background-image: url("../images/footer3.png");
  padding-bottom: 0;
  position: inherit;
  z-index: 200;
}

#mainheader2 {
  background: url("../images/seam.png") repeat-x scroll center top transparent;
  position: relative;
  z-index: 200;
}

#mainheader3 {
  background: url("../images/header_shadow.png") repeat-x scroll 0 top transparent;
  height: 8px;
  position: relative;
  z-index: 200;
}

#mainheader4 {
  background: url("../images/light.png") repeat-x scroll center top transparent;
  position: relative;
  z-index: 200;
}

#mainheader_spacer {
  position: relative;
}

#ja-header {
  background: url("../images/seam.png") repeat-x scroll center bottom transparent;
  height: 90px;
  position: relative;
  z-index: 10;
}

#ja-header .main {
  border-bottom: medium none;
}

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


/* Logo Image ---*/
h1.logo {
  height: 50px;
  top: -5px;
  width: 210px;
}

h1.logo a {
  background: url("../images/logo.png") no-repeat scroll left center transparent;
  display: block;
  height: 50px;
  width: 145px;
}

/* 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
--------------------------------------------------------- */
/* Main Nav ---*/

#ja-mainnav {
  line-height: 1;
  position: relative;
}

#ja-mainnav .main { }

#ja-mainnav .main-inner1 {
  position: absolute;
  right: 0;
  top: -65px;
}

span.has-image {
	background-position: left 1px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	padding-left: 25px;
}

span.menu-title { display: block; cursor: pointer; }

span.menu-desc { display: block; font-size: 92%; font-weight: normal; }


#ja-mainnav .main { border-bottom: medium none; }

#ja-container-top {
  background: url("../images/footer_shadow.png") repeat-x scroll 0 bottom transparent;
  height: 8px;
  position: relative;
  z-index: 1;
}

#ja-container-top2 {
  background: url("../images/header_shadow.png") repeat-x scroll 0 bottom transparent;
  height: 5px;
  position: absolute;
  z-index: 1;
}

#ja-container {
  background: none repeat scroll 0 0 #F2F2F2;
  padding-bottom: 20px;
  position: relative;
  z-index: 0;
}

/* Breadcrumbs ---*/

#ja-navhelper {
  background: none repeat scroll 0 0 transparent;
  color: #999999;
  font-size: 81%;
  padding-bottom: 10px;
  padding-top: 8px;
}

#ja-navhelper .main {
  border-bottom: medium none;
  border-top: medium none;
  padding: 0;
  text-transform: uppercase;
}

#ja-navhelper .ja-breadcrums a, .ja-breadcrums a {
	background: url("../images/arrow.png") no-repeat scroll 3px center transparent;
	padding: 0 0 0 25px !important;
}

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

#ja-navhelper a { padding: 0 2px; }

#ja-navhelper a, #ja-navhelper a, #ja-navhelper a { 
  color: #F2F2F2;
  font-weight: light;
}

#ja-navhelper a:hover, #ja-navhelper a:active, #ja-navhelper a:focus { 
  color: #FFFFFF;
  font-weight: bold;
}

.ja-breadcrums {
  color: #999999;
  float: left;
  margin-top: 2px;
  width: 80%;
}

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

.ja-breadcrums img { margin: 1px 5px; }

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

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

/* Default Joomla! Menu ---*/
#ja-container ul.menu li { border-bottom: 1px dotted #ccc; }

#ja-container ul.menu li li { border-bottom: 0; border-top: 1px dotted #ccc; }

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

#ja-topsl {
  background: none repeat scroll 0 0 #F2F2F2;
  padding-top: 45px;
}

#ja-topsr {
  background: none repeat scroll 0 0 #F2F2F2;
  padding-top: 10px;
}

#ja-topsl .ja-box, #ja-topsr .ja-box {
  padding-bottom: 15px;
}

#ja-botsl .ja-box { }

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right {
	background: 0;
}

#ja-topsl .ja-moduletable, #ja-topsr .ja-moduletable, #ja-botsl .ja-moduletable {
  margin: 20px 0;
}

#ja-topsr div.ja-moduletable h3,
#ja-topsl div.ja-moduletable h3, #ja-botsl div.ja-moduletable h3 { border-bottom: 0 none; margin: 0 0 5px; padding-bottom: 0;}
#ja-botsl h3 {
  color: #F2F2F2;
  margin: 0 0 8px;
}

#bots {
  background-color: #1A1A1A;
  background-image: url("../images/footer3.png");
  color: #999999;
}

#ja-botsl {
  color: #999999;
}

/* Top spotlight for ja-topsl---*/

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

#ja-topsl .main-inner1 {
  border-bottom: 1px solid #CCCCCC;
}

#ja-topsl div > img {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CBCBCB;
  margin: 0 0 20px;
  padding: 5px;
}

#ja-topsl div > img:hover {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CBCBCB;
  margin: 0 0 20px;
  padding: 5px;
  opacity: 0.8;
}

#ja-topsl a { }

#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus, { }

#ja-topsl .ja-box-left .ja-moduletable { padding-left: 0; padding-right: 12%;}

#ja-topsl .ja-box-center .ja-moduletable {padding-left: 6%; padding-right: 6%;}

#ja-topsl .ja-box-right .ja-moduletable { margin-right: 10px; padding-left: 11%; right: 0;}

/* Top spotlight for ja-topsr---*/

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

#ja-topsr .main-inner1 {
  border-bottom: 1px solid #CCCCCC;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 5px;
}

#ja-topsr div > img {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CBCBCB;
  margin: 0 0 20px;
  padding: 5px;
}

#ja-topsr div > img:hover {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CBCBCB;
  margin: 0 0 20px;
  padding: 5px;
  opacity: 0.8;
}

#ja-topsr a { }

#ja-topsr a:hover, #ja-topsr a:active, #ja-topsr a:focus, { }

#ja-topsr .ja-box-left .ja-moduletable { padding-left: 0; padding-right: 12%; padding-bottom: 0px;}

#ja-topsr .ja-box-center .ja-moduletable {padding-left: 6%; padding-right: 6%; padding-bottom: 0px;}

#ja-topsr .ja-box-right .ja-moduletable { margin-right: 10px; padding-left: 12%; right: 0; padding-bottom: 0px;}

/* Bot spotlight ---*/
#ja-botsl .main { 
  padding: 0; 
}

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

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

#ja-botsl img {
  background: none repeat scroll 0 0 transparent;
  border: 2px solid #999999;
  margin: 0 0 20px;
  padding: 5px;
}

#ja-botsl div > img {
  background: none repeat scroll 0 0 transparent;
  border: 2px solid #CBCBCB;
  margin: 0 0 20px;
  padding: 5px;
}

#ja-botsl div > img:hover {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CBCBCB;
  margin: 0 0 20px;
  padding: 5px;
  width: 90%;
  opacity: 0.8;
}

#ja-botsl ul li {
  background: url("../images/seamless.png") repeat-x scroll 0 bottom transparent;
  padding-bottom: 4px;
  padding-left: 0;
}

#ja-botsl a {
  color: #999999;
}

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
  color: #FFFFFF; 
/************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-botsl .ja-box-left .ja-moduletable {padding-left: 0px; padding-right: 30px;}

#ja-botsl .ja-box-center .ja-moduletable {padding-left: 0px; padding-right: 30px;}

#ja-botsl .ja-box-right .ja-moduletable { margin-right: 10px; padding-left: 0; right: 0;}

/* FOOTER
--------------------------------------------------------- */
#footer_top {
  background: url("../images/footer_shadow.png") repeat-x scroll 0 bottom transparent;
  height: 14px;
  position: relative;
}

#mainfooter {
  background-color: #1A1A1A;
  background-image: url("../images/footer3.png");
  position: relative;
}

#mainfooter1 {
  background: url("../images/seam.png") repeat-x scroll 0 top transparent;
  position: relative;
}

#mainfooter2 {
  padding-bottom: 4px;
  position: relative;
}

#ja-footer {
  background: url("../images/seam.png") repeat-x scroll 0 bottom transparent;
  clear: both;
  color: #999999;
  padding-bottom: 10px;
  padding-top: 20px;
}

#ja-footer .main {
  margin-top: 0;
  padding: 0;
  position: relative;
  text-align: center;
  width: 955px;
}

#ja-footer .ja-footnav {
  float: right;
  font-size: 100%;
  margin: 10px 0;
  overflow: hidden;
  position: relative;
}

#ja-footer .inner { padding: 0; }

#ja-footer small {
  color: #999999;
  float: left;
  font-size: 100%;
  margin-top: 10px;
}

.ja-footer {
  color: #999999;
  float: right;
  margin: 10px 0;
  position: relative;
  text-align: right;
  width: 225px;
}
a
div.smilecredits {
  height: 0;
  width: 100%;
}
/* Foot Links ---*/
#ja-footer .ja-footnav { font-size: 100%; margin: 10px 0; overflow: hidden; position: relative; }

.ja-footnav ul { line-height: normal; }

.ja-footnav li { display: inline; padding: 0 5px; }

.ja-footnav li a {
  color: #999999;
  font-weight: light;
}

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

/* Copyright Info. ---*/
.ja-copyright small { display: block; }

/* Search
------------------------------------------------------------------------------------------*/

#ja-subfooter {
  margin: auto;
  width: 950px;
}

.ja-social { }

span.ja-social a {
  font-size: 0;
}

span.ja-search {
  background: url("../images/search_bg.png") no-repeat scroll right center transparent;
  float: left;
  height: 33px;
  margin: 10px 0;
  padding: 0;
  text-align: left;
  width: 225px;
}

span.ja-search form label {
	display: none;	
}

span.ja-search .inputbox {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
    -moz-box-shadow: 0 0 2px 1px #000000 inset;
  box-shadow: 0 0 2px 1px #000000 inset;
  -webkit-box-shadow: 0 0 2px 1px #000000 inset;
  background: url("../images/menubg2.png") repeat scroll center bottom transparent;
  border: medium none;
  color: #F2F2F2;
  cursor: text;
  float: left;
  font-size: small;
  height: 28px;
  margin: 0;
  padding: 4px 0 4px 5px;
  width: 230px;
}

span.ja-search .button {
	border: none;
	background: transparent;
	margin: 0;
	width: 40px;
	height: 28px;
	padding: 0;
	overflow: hidden;
	font-size: 0px;
	text-indent: -999px;
	display: block;
	line-height: 0;
}

span.ja-copyright {

}


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

/* Login
-------------------------------------------------------------------------------*/
.ja-login {
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 2;
}

.ja-login a {
  color: #999999;
  padding: 5px;
  text-shadow: 0 0 1px #292C2D;
}

.ja-login a:hover, .ja-login a:active {
  color: #FFFFFF !important;
  text-shadow: 0 0 1px #FFFFFF;
}

.ja-login .main{}
.login_form .button {
  margin-left: 140px;
  margin-right: 20px;
}

.login_form label {
  display: block;
  float: left;
  font-weight: bold;
  text-align: left;
  width: 130px;
}
.form-register label {
  display: block;
  float: left;
  font-weight: bold;
  text-align: left;
  width: 130px;
}
#form-login-username .inputbox, #form-login-password .inputbox {
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
  -webkit-appearance: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F8F8F8;
  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;
}


#login_table {}
/* Others ---*/
#ja-top-panel .main-inner1 {
	border: 2px dotted #e2e2b5;
	padding: 5px 10px;
	text-align: center;
	margin-top: 15px;
	background: #ffffcc;
	position: relative;
}

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

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

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

a.ja-icon-video {
	background: url(../images/icon-youtube.gif) no-repeat 5px 8px #fff;
	border: 1px solid #ccc;
	color: #666;
	display: block;
	font-weight: bold;
	position: absolute;
	padding: 5px 5px 5px 43px;
	right: 10px;
	top: 8px;
	text-decoration: none;
	width: 35px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	
}
a.ja-icon-video span { color: #666; }

a.ja-icon-video:hover,
a.ja-icon-video:focus,
a.ja-icon-video:active { border-color: #ddd; text-decoration: none; }

a.ja-icon-video:hover span { color: #0F85D8; }

#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;
	background: url(../images/joomla16.png) no-repeat left top;
	text-indent: -9999px;
}

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

/* facebook ----*/
.item-page div.ja-fblike-standard { width:auto !important; margin-bottom:0 !important; margin-left:0 !important }

.item-page div.ja-fblike-standard-home, .item-page  div.ja-fblike-standard, .item-page  div.ja-facebookshare-button_count { float:none }

/* SEPCIAL  STYLES
-------------------------------------------------------------------------------------------*/
/*------------------------------- Phoca Gallery -------------------------*/

#phocagallery .phocagallery-box-file:hover,
#phocagallery .phocagallery-box-file.hover,
#phocagallery-pane .phocagallery-box-file:hover,
#phocagallery-pane .phocagallery-box-file.hover,
.phocagallery-box-file:hover, 
.phocagallery-box-file.hover  {
	/*border:1px solid #135cae;
	background:#f5f5f5;*/
	text-decoration:none;
	background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #F5F5F5;
}

/*------------------------------- SlideShow -------------------------*/

#piecemaker_holder {
  margin-bottom: -40px;
  margin-top: 10px;
  position: inherit;
}

#ja-slideshow .clearfix {
  display: block;
  margin-bottom: -30px;
  margin-top: -20px;
  padding-bottom: 70px;
}

/*------------------------------- SlideShow BACKGROUND -------------------------*/
#bg_lighttop {
  background: url("../images/bg_dark2.png") repeat scroll 0 0 transparent;
  margin-top: 105px;
}

#bg_bot { }

#bg_lightbot {
  background: url("../images/bg_dark.png") repeat scroll 0 0 transparent;
}

#bot_spacer {
  background: url("../images/footer_shadow.png") repeat-x scroll 0 bottom #F2F2F2;
  height: 8px;
}

#bot_spacer2 {
  background: url("../images/seam.png") repeat-x scroll 0 bottom transparent;
  height: 9px;
  position: absolute;
}

#bot_spacer3 {
  background: url("../images/seam.png") repeat-x scroll 0 top transparent;
  height: 8px;
  margin-top: -11px;
  position: absolute;
}

#bot_spacer4 {
  background: url("../images/header_shadow.png") repeat-x scroll 0 top transparent;
  height: 8px;
  position: relative;
}

#ja-slideshow .main {
  background: none repeat scroll 0 0 transparent;
  padding-bottom: 20px;
  position: relative;
  top: 70px;
  width: 100%;
}

#ja-slideshow .ja-moduletable {
  margin: 0;
  overflow: hidden;
  padding: 0;
}

#ja-slideshow {
  margin-top: -55px;
}

#ja-slideshow1.ja-moduletable {}

/*------------------------------- 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: 93%;
  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: 3px solid #F2F2F2;
  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 .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;
}

#featureCarousel132.featureCarousel ul li {
  background: none repeat scroll 0 0 transparent;
  margin-bottom: 0;
  padding: 0;
}

.featureCarousel .feature > div p {
  color: white;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 17px;
  font-weight: normal;
  padding: 5px;
  position: relative;
  text-align: left;
}

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

#piecemaker {
  opacity: 1;
}
/*---------------------------- JCNivoSlider ------------------------*/

.JCNivoSlider{
	width: 820px;
	margin: 0 auto;
}

.nivoSlider .nivo-controlNav a {
  background: url("../images/bullets.png") no-repeat scroll 0 0 transparent;
  margin-bottom: 10px;
}

.NivoSzakiSlider {
  margin: 25px -2px 0 0;
  padding: 0;
}

.nivoSlider { }

.nivoSlider img {}

.NivoSzakiSlider .nivoSlider {
  margin: auto;
  box-shadow: 0 12px 25px -12px #000000;
  -moz-box-shadow: 0 12px 25px -12px #000000;
  -webkit-box-shadow: 0 12px 25px -12px #000000;
  -moz-border-radius: none;
  border-radius: 0px;
  border: 3px solid #F2F2F2;
  height: 326px;
  width: 920px;
  z-index: 2;
}
	
a.nivo-prevNav {
	background: url(../images/arrow_prev.png) no-repeat;
	height: 40px;
	width: 40px;
}

a.nivo-nextNav {
	background: url(../images/arrow_next.png) no-repeat;
	height: 40px;
	width: 40px;
}
.nivoSlider .nivo-controlNav {
	position: absolute;
	bottom: 10px;
}

/* Lof Article Scroller
------------------------------------------------*/	
.lof-articlessroller .lof-main-wapper {
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
  background: url("../images/recent_bg.png") repeat scroll 0 0 transparent;
}
.lof-articlessroller .lof-inner {
  background: url("../images/recent_bg.png") repeat scroll 0 0 transparent;
  margin: 0 2px;
  padding: 0;
}
.lof-articlessroller .lof-inner .lof-title {
  font: 14px/22px 'ComfortaaThin',Verdana,sans-serif;
  padding: 20px 0 5px;
}
.lof-articlessroller .lof-inner img.lof-image {
  -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-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: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-inner {
  -moz-border-radius: 0;
  position: relative;
}
.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 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;
}

/* 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;
}
/* ________________________________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 0 5px 0;
  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;
  float: left;
}

.button {
  background: url("../images/gradient.png") repeat-x scroll 0 0 #0D0D0D;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-appearance: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  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 0px;
  color: #FFFFFF !important;
  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-align: center;
}

.button:hover { background-color: #7A7A7A; }

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

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

.inputbox { height: auto; }

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

.inputbox,
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"] {

  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5) inset;
  -webkit-appearance: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F8F8F8;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  outline: 0;
  padding: 2px 3px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  height: auto;

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

#form_labels_newsletter_subscriber {
color: #e1e1e1;
}

form label {
  cursor: pointer;
  margin-left: 0px;
  margin-top: 5px;
  text-align: justify;
  font-weight: 500;
}

/*
  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: #fff;
  color: #666;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: #999 0;
  -webkit-box-shadow: #999 0;
  box-shadow: #999 0;

  /* 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: #fff;
}
/*---------------  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;}

/*----------------------------------------------- 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 #05223A; }
.Button_Blue:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #05223A; }

.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_Grey { background: url("../images/gradient.png") repeat-x scroll 0 0 #2B3239; }
.Button_Grey:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #2B3239; }

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

.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 #4A5000; }
.Button_Lime:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #4A5000; }

.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_Grey, a.Button_Grey:hover , a.Button_Gold, a.Button_Gold: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;
  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_Grey, .Button_Blue, .Button_Gold, .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 #05223A; }
.bigButton_Blue:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #05223A; }

.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_Grey { background: url("../images/gradient.png") repeat-x scroll 0 0 #2B3239; }
.bigButton_Grey:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #2B3239; }

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

.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 #4A5000; }
.bigButton_Lime:hover { background: url("../images/gradient_hover.png") repeat-x scroll 0 0 #4A5000; }

.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_Grey, a.bigButton_Grey:hover , a.bigButton_Gold, a.bigButton_Gold: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 span { background: url("../images/icon_info.png") no-repeat scroll center center #FFFFFF;}
div.WarningBox span {	background:url(../images/icon_warning.png) no-repeat center center #FFFFFF;}
div.CautionBox span {	background:url(../images/icon_caution.png) no-repeat center center #FFFFFF;}
div.HelpBox span { background:url(../images/icon_help.png) no-repeat center center #FFFFFF;}
div.AddBox span { background:url(../images/icon_add.png) no-repeat center center #FFFFFF;}
div.DeleteBox span { background:url(../images/icon_delete.png) no-repeat center center #FFFFFF;}
div.BoxBox span { background:url(../images/icon_box.png) no-repeat center center #FFFFFF;}
div.DatabaseBox span { background:url(../images/icon_database.png) no-repeat center center #FFFFFF;}
div.OptionsBox span { background:url(../images/icon_options.png) no-repeat center center #FFFFFF;}
div.NoteBox span { background:url(../images/icon_note.png) no-repeat center center #FFFFFF;}
div.SecurityBox span { background:url(../images/icon_security.png) no-repeat center center #FFFFFF;}
div.SystemBox span { background:url(../images/icon_system.png) no-repeat center center #FFFFFF;}
div.TipBox span { background:url(../images/icon_tip.png) no-repeat center center #FFFFFF;}
div.ToolsBox span { background:url(../images/icon_tools.png) no-repeat center center #FFFFFF;}
div.TutorialBox span { background:url(../images/icon_tutorial.png) no-repeat center center #FFFFFF;}
div.QuoteBox span { background:url(../images/icon_quote.png) no-repeat center center #FFFFFF;}


div.InfoBox span, div.WarningBox span, div.CautionBox span, div.HelpBox span, div.AddBox span, div.DeleteBox span, div.BoxBox span, div.DatabaseBox span, div.OptionsBox span, div.NoteBox span, div.SecurityBox span, div.SystemBox span, div.TipBox span, div.ToolsBox span, div.TutorialBox span, div.QuoteBox span {
  -moz-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: 12px;
  line-height: 17px;
  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;
}

/*------------------------------------------- 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;
}

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/list-arrow.png") !important; }

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

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

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

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

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

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

ul.crosslistRed li { background-image:url("../images/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{

}
/*Fox contact form*/
input.foxtext {
  color: #333333;
}
.foxform input, .foxform textarea {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url("../images/form.gif") repeat-x scroll -1px -2px #F9F9F9;
  border-color: #D9D9D9 #EAEAEA #FFFFFF;
  border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
	 -webkit-border-radius: 4px 4px 4px 4px;
	  khtml-border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  color: #666666;
  margin: 0 3px !important;
  padding: 6px;
}
select.foxtext {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url("../images/form.gif") repeat-x scroll -1px -2px #F9F9F9;
  border-color: #D9D9D9 #EAEAEA #FFFFFF;
  border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
	 -webkit-border-radius: 4px 4px 4px 4px;
	  khtml-border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  color: #666666;
  margin: 0 3px !important;
  padding: 6px;
}