/*
#------------------------------------------------------------------------
  JD Purity for Joomla 1.5
#------------------------------------------------------------------------
#Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: J.O.O.M Solutions Co., Ltd
#Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/


/* COMMON STYLE
--------------------------------------------------------- */
body {
	background: #fff;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

body#bd { background: #fff; color: #333; margin: 25px 0; }

body.fs1 { font-size: 10px; }
body.fs2 { font-size: 11px; }
body.fs3 { font-size: 12px; }
body.fs4 { font-size: 13px; }
body.fs5 { font-size: 14px; }
body.fs6 { font-size: 15px; }

/* Normal links ---*/
a { color: #08c; text-decoration: none;}

/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul { margin: 10px 10px; padding: 0; }

/* Headings & Titles ---*/
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; text-transform: UPPERCASE; }
h5 { font-size: 100%; }

.node-heading, h1, h2, h3, h4, h5 {
	font-weight: bold;
	line-height: 1.2;
}

h2.node-heading, .node-heading {
	margin: 0;
	padding: 0 0 10px;
	font-size: 200%;
}

.node h2.node-heading, .node .node-heading {
	border-bottom: 1px solid #cdcdcd;
	font-size: 100%;
	text-transform: none;
	padding-bottom: 5px;
}

h2.node-heading a,
h2.node-heading a:hover,
h2.node-heading a:active,
h2.node-heading a:focus { text-decoration: none; }

/* Small text ---*/
small, .small,
p.site-slogan, #ja-footer { font-size: 92%; }

small, .small { color: #999; }

/* List ---*/
.ja-content-main ul li {
	background: url(bullet.gif) no-repeat 20px 7px;
	line-height: 160%;
	margin-bottom: 5px;
	overflow: hidden;
	padding-left: 30px;
}

.ja-content-main ol li { line-height: 180%; margin-left: 30px; }

dl {}

dt { font-weight: bold; font-size: 115%; }

dd { padding-bottom: 15px; }

/* Others ---*/
th { font-weight: bold; padding: 5px; text-align: left; }

thead th {
	background: #333;
	color: #fff;
	padding: 6px 10px;
	border-bottom: 1px solid #fff;
}

thead th a {
	color: #fff;
	text-decoration: none;
}

thead th a:hover, thead th a:active, thead th a:focus {
	color: #dedede;
	text-decoration: none;
}

td { font-size: 100%; padding: 6px 10px; }

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #cdcdcd;
	height: 1px;
}

/* FORM
--------------------------------------------------------- */
fieldset { border: 1px solid #cdcdcd; padding: 10px 15px 15px; margin-bottom: 15px; }

fieldset legend { font-size: 115%; font-weight: bold; padding: 0 5px; }

fieldset legend a { text-decoration: none; }

html.js fieldset.collapsible legend a {
	background: url(arrow3.png) no-repeat left center;
	padding-left: 12px;
}

html.js fieldset.collapsed legend a {
	background: url(arrow.png) no-repeat left center;
	padding-left: 12px;
}

fieldset .description {
	padding-bottom: 5px;
}

.description p { margin: 0 0 5px; }

.description .tips { font-size: 100%; margin: 0 0 5px; }

.form-item {
	margin: 10px 0 10px;
}

.form-item label {
	display: block;
	font-weight: bold;
	cursor: pointer;
	font-size: 110%;
	padding-bottom: 5px;
}

.form-item label.option { 
	font-weight: normal;
	font-size: 100%;
	padding-bottom: 0;
}

.form-item .description {
	font-size: 92%;
	color: #999;
	padding-top: 5px;
	padding-bottom: 0;
}

input, select, optgroup, textarea, .form-text, .form-select, .form-file {
	font-family: Arial, sans-serif;
	font-size: 100%;
	padding: 3px;
}

.form-text { background: url(grad-1.gif) repeat-x top #fff; border: 1px solid #cdcdcd; }

.form-text:hover, .form-text:focus { background: #ffffcc; }

.form-submit {
	background: url(grad-d1.gif) repeat-x top #08c;
	color: #fff;
	border: 1px solid #08c;
	font-weight: bold;
	padding: 2px 5px;
}

.form-select {
	margin: 5px 5px 0 0;
	background: #fff;
	border: 1px solid #cdcdcd;
}

.form-checkboxes, .form-radios {
	margin: 5px 5px 0 0;
}

.form-checkbox, .form-radio {
	padding: 0;
	margin: 0 3px 0 0;
}

.form-file {}

/* Search ---*/
form#searchForm {
	border-top: 1px solid #cdcdcd;
	padding: 15px 0; 
}

.searchintro {
	border-bottom: 1px solid #cdcdcd;
}

.results h4 {
	text-transform: none;
	font-size: 110%;
	margin: 15px 0 0;
}

.results p { margin: 0 0 10px; }

/* Contact ---*/
#component-contact address { font-style: normal; }

#component-contact #emailForm { border-top: 1px solid #cdcdcd; padding-top: 15px; }

.contact_email { margin: 0 0 10px; }

.contact_email label { font-weight: bold; display: block; }

.contact_email_checkbox { margin: 15px 0; }

/* Misc. ---*/
.marker, .form-required {
	color: #bf0000;
}

.resizable-textarea .grippie {
	margin: 0 !important;
	width: 100%;
	padding: 0 3px;
}

/* COMMON DRUPAL STYLE
--------------------------------------------------------- */
/* Messages ---*/
.messages,
div.error, tr.error,
div.warning, tr.warning,
div.status, tr.ok {
	padding: 5px 8px;
	margin: 10px 0;
}

.messages em {
	color: #333;
	font-weight: bold;
	font-style: normal;
}

div.error, tr.error {
	background-color: #faecec;
	color: #bf0000;
	border: 1px solid #bf0000;		
}

div.warning, tr.warning {
	background-color: #f9f1e2;
	color: #cc8500;
	border: 1px solid #cc8500;	
}

div.status, tr.ok {
	background-color: #edf3e2;
	color: #5d9300;
	border: 1px solid #5d9300;
}

tr.ok td .info {
	color: #333;
}

div.password-description {
	font-size: 92%;
	padding: 5px 8px !important;
}

/* Node ---*/
.node { padding: 0 0 30px; }

/* Node Meta ---*/
.node-tools {
	clear: both;
	color: #999;
	display: block;
	line-height: normal;
	margin: 0 0 10px;
	padding: 6px 0 0;
	position: relative;
}

.node-meta { float: left; padding: 0; width: 70%; }

.taxonomy-term-description {
	margin: -5px 0 15px;
	padding: 3px 8px;
	background: #e9f5fb;
	border: 1px solid #cdcdcd;
}

/* Node Images --- */
.node-image {
	border: 1px solid #dedede;
	text-align: center;
	margin-bottom: 10px;
	padding: 3px;
}

.node img.left {
	margin-right: 10px;
}

.node img.right {
	margin-left: 10px;
}

/* Links ---*/
ul.links {
	margin: 0;
	padding: 0;
	font-size: 100%;
	overflow: hidden;
}

ul.links li {
	background: none;
	margin: 0 2px 0 0;
	padding: 0 0 2px;
	display: block;
	float: left;
	font-size: 92%;
}

ul.links li a {
	display: block;
	padding: 2px 10px;
	text-decoration: none;
	background: url(grad-1.gif) repeat-x top #cdcdcd;
	border: 1px solid #cdcdcd;
	color: #666;
	font-weight: bold;
}

ul.links li.node_read_more a,
ul.links li a:hover,
ul.links li a:active,
ul.links li a:focus {
	background: url(grad-d1.gif) repeat-x top #08c;
	border: 1px solid #08c;
	color: #fff;
}

ul.links li.comment_add {}

ul.links li.first {
}

ul.links li span {
	display: block;
	padding: 2px 5px;
	background: #e9f5fb;
	border: 1px solid #cdcdcd;
}

.more-link {
	border-top: 1px solid #cdcdcd;
	padding-top: 3px;
}

.more-link a {
	text-decoration: none;
	background: url(arrow.png) no-repeat right center;
	padding-right: 10px;
	font-size: 92%;
}

.node-links .links ul.links li span a {
	display: inline;
}

/* Tables ---*/
tr.odd, tr.odd td, tr.even td { border-bottom: 1px solid #cdcdcd; }
tr.odd:hover, tr.even:hover { background-color: #e9f5fb; }

tr.odd, tr.odd td, div.odd { background-color: #fff; }

tr.even, tr.even td, div.even { background-color: #f6f7f8; }

td.active { background-color: #e9f5fb; }

/* Tabs ---*/
#tabs-wrapper {
	position: relative;
	margin-bottom: 15px;
	background: url(dot1.gif) repeat-x bottom;
}

#tabs-wrapper h2 {}

/* Primary Tabs */
#tabs-wrapper ul.primary {
	margin: 0;
	padding: 0;
	border-bottom: 0;
	position: relative;
	display: block;
	width: 100%;
	clear: both;
	overflow: hidden;
	background: url(dot1.gif) repeat-x bottom;
}

#tabs-wrapper ul.primary li {
	padding: 0;
	margin: 0 0 0 5px;
	background: none;
	display: block;
	float: left;
	border: 0;
}

#tabs-wrapper ul.primary li a {
	padding: 5px 10px 3px;
	margin: 0;
	display: block;
	float: left;
	line-height: normal;
	border: 1px solid #cdcdcd;
	border-bottom: 0;
	background: #cdcdcd;
	color: #666;
}

#tabs-wrapper ul.primary li a:hover {
	color: #333;
}

#tabs-wrapper ul.primary li.active {}

#tabs-wrapper ul.primary li.active a {
	background: url(grad-2.gif) repeat-x top #fff;
	color: #333;
	font-weight: bold;
}

/* Secondary Tabs */
#tabs-wrapper ul.secondary {
	margin: 0;
	padding: 0;
	border-bottom: 0;
	position: relative;
	display: block;
	width: 100%;
	clear: both;
	overflow: hidden;
}

#tabs-wrapper ul.secondary li {
	padding: 0;
	margin: 5px 0;
	background: none;
	display: block;
	float: left;
}

#tabs-wrapper ul.secondary li a {
	padding: 2px 10px;
	display: block;
	float: left;
	line-height: normal;
	border: 0;
	background: none;
	font-size: 92%;
	color: #08c;
}

#tabs-wrapper ul.secondary li a:hover {
	color: #333;
}

#tabs-wrapper ul.secondary li.active {}

#tabs-wrapper ul.secondary li.active a {
	border: 1px solid #08c;
	background: url(grad-d1.gif) repeat-x top #08c;
	color: #fff;
	font-weight: bold;
}

/* Pager + Item List ---*/
.item-list, .item-list ul { overflow: hidden; }

.item-list ul li,
.item-list .pager li {
	margin: 0 5px 5px 0;
	padding: 0;
	display: block;
	float: left;
	width: auto;
}


.item-list h3 {
	margin: 0;
	padding: 7px 8px 0;
	font-size: 100%;
}

.ja-content-main .item-list {
	font-size: 92%;
	border: 1px solid #cdcdcd;
	background: #e9f5fb;
	margin-bottom: 15px;
	font-weight: bold;
}

.ja-content-main .item-list ul, .ja-content-main ul.pager {
	margin: 0;
	padding: 7px 8px 2px;
}

.ja-content-main .item-list ul li,
.ja-content-main .item-list .pager li {
	background: none;
	line-height: normal;
}

.ja-content-main .item-list .pager li.pager-current {
	padding: 2px 5px;
	background: url(grad-d1.gif) repeat-x top #08c;
	border: 1px solid #08c;
	color: #fff;
}

.ja-content-main .item-list .pager li.pager-next a,
.ja-content-main .item-list .pager li.pager-last a {
	background: url(grad-d2.gif) repeat-x top #cdcdcd;
}

.ja-content-main .item-list a,
.ja-content-main .item-list .pager li a {
	background: url(grad-1.gif) repeat-x top #f6f7f8;
	border: 1px solid #cdcdcd;
	color: #333;
	padding: 2px 5px;
	margin: 0;
	text-decoration: none;
	display: block;
	line-height: normal;
	white-space: nowrap;
}

.ja-content-main .item-list a:hover,
.ja-content-main .item-list a:active,
.ja-content-main .item-list a:focus,
.ja-content-main .item-list .pager li a:hover,
.ja-content-main .item-list .pager li a:active,
.ja-content-main .item-list .pager li a:focus {
	background: url(grad-d1.gif) repeat-x top #08c;
	border: 1px solid #08c;
	color: #fff;
	text-decoration: none;
}

.block-content .item-list { /* Item list in Block */
	margin: 5px 0;
}

.block-content .item-list h3 {
	margin: 0;
	padding: 7px 0 3px;
	font-size: 100%;
}

.block-content .item-list ul li {
	display: block;
	float: none;
	padding: 0 3px 0 8px;
	background: url(bullet.gif) no-repeat left 6px;
}

.block-user .block-content .item-list ul li {
	display: inline;
}

.block-content .item-list ul li a {
	display: inline;
	text-decoration: none;
}

/* PROFILES 
--------------------------------------------------------- */
.profile { margin: 0; }

.profile h3 {
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #cdcdcd;
}

/* COMMENTS
--------------------------------------------------------- */
#comments {
	overflow: hidden;
	margin: 0 -10px;
}

#comments h2 {
	margin: 0;
	background: #333;
	padding: 6px 10px;
	color: #fff;
	font-size: 115% !important;
}

#comments h2 * {
	color: #fff;
}

.comment {
	padding: 10px;
}

#comments .indented {
	margin-left: 10px;
}

#comments .indented .indented {
	margin-left: 30px;
}

#comments .indented .comment {
	padding-left: 30px;
	background: url(indent-tree.gif) no-repeat left 12px;
}

/* Comment Heading ---*/
h3.comment-heading {
	font-size: 110%;
	margin: 0;
	padding-top: 10px;
	border-top: 1px solid #cdcdcd;
}

h3.comment-heading a {
	text-decoration: none;
}

.comment-tools {
	color: #999;
	font-size: 92%;
}

/* Comment Form ---*/
#comment-form {
	background: #e9f5fb;
	border: 1px solid #cdcdcd;
	padding: 15px;
	margin-bottom: 15px;
}

/* Comment Links ---*/
.comment:hover ul.links li.comment_reply a {
	background: url(grad-d1.gif) repeat-x top #08c;
	border: 1px solid #08c;
	color: #fff;
}

/* FORUMS 
--------------------------------------------------------- */
#forums {}

/* Forums Links --- */
#forum ul.links {
	margin: 0 0 10px;
	padding: 0;
}

.forum-topic-navigation {
	background: #e9f5fb;
	border: 1px solid #cdcdcd;
	margin: 10px 0;
	padding: 0;
}

.forum-topic-navigation .topic-previous,
.forum-topic-navigation .topic-next {
	display: block;
	text-decoration : none;
	padding: 3px 5px;
	width: 48%;
	font-weight: bold;
	text-align: right;
}

.forum-topic-navigation .topic-previous {
	text-align: left;
}

/* Forums Main Table --- */
#forum table {
	width: 100%;
}

#forum tr td.container {
	background: url(grad-d1.gif) repeat-x top #08c;
	color: #fff;
}

#forum tr td.container * {
	color: #fff;
}

#forum tr td.forum {
	background-position: 10px 10px;
}

#forum .name {
	font-weight: bold;
	font-size: 115%;
}

#forum .name a {
	text-decoration: none;
}

#forum .description {
	font-size: 92%;
	color: #666;
	margin: 0;
}

#forum td.title a {
	text-decoration: none;
	font-weight: bold;
}

#forum td.topics, #forum td.posts, #forum td.replies, #forum td.created, #forum td.last-reply {
	font-size: 92%;
	color: #666;
}

#forum td.topics a, #forum td.posts a, #forum td.replies a, #forum td.created a, #forum td.last-reply a {
	text-decoration: none;
	font-weight: bold;
}

#forum td.replies a {
	font-weight: normal;
}

#forum div.indent {
	margin-left: 0;
	padding-left: 20px;
}

/* HELP PAGES
--------------------------------------------------------- */
.help-items {}

.help-items ul {
	margin: 0 0 15px;
}

.help-items ul li {
	display: block;
}

.help-items ul li a {
	display: block;
	background: url(bullet.gif) no-repeat 5px center;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #cdcdcd;
}

.help-items ul li a:hover, .help-items ul li a:active, .help-items ul li a:focus {
	background: url(bullet.gif) no-repeat 5px center #f6f7f8;
}

.help-navigation {
	border-top: 1px solid #cdcdcd;
	padding-top: 5px;
}

.help-navigation a {
	font-size: 92%;
	text-decoration: none;
}

.help-navigation a:hover,
.help-navigation a:active,
.help-navigation a:focus {
	text-decoration: underline;
}

.more-help-link {
	font-size: 92%;
	margin-bottom: 10px;
}

/* ADMIN'S PAGE
------------------------------------------------------*/
div.admin { padding: 0; }

/* Admin's pages layout --- */
div.admin .left {
	margin-left: 0;
}

div.admin .right {
	margin-right: 0;
}

/* Admin's pages blocks --- */
div.admin-panel { padding: 15px 0 0; }

div.admin-panel h3 {
	padding: 0 0 5px;
	margin: 0;
	border-bottom: 1px solid #cdcdcd;
}

div.admin-panel .body {
	padding: 0;
}

div.admin-panel .description {
	margin: 0;
	padding: 5px 0 10px;
	color: #999;
}

/* Admin's pages elements --- */
div.admin .compact-link {
	background: #e9f5fb;
	border: 1px solid #cdcdcd;
	float: left;
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

div.admin .compact-link a {
	text-decoration: none;
	display: block;
	float: left;
	padding: 2px 10px;
	border-right: 1px solid #cdcdcd;
}

div.admin .compact-link a:hover,
div.admin .compact-link a:active,
div.admin .compact-link a:focus {
	background:  #cdcdcd;
}

.admin-list dt a,
.admin-panel dt a {
	text-decoration: none;
}

.admin-list dd,
.admin-panel dd {
	font-size: 92%;
}

.admin-panel ul.menu {
	margin-bottom: 15px;
}

.admin-panel ul.menu li a {
	display: block;
	background: url(bullet.gif) no-repeat 5px center;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: normal;
	color: #08c !important;
}

.admin-panel ul.menu li a:hover, .admin-panel ul.menu li a:active, .admin-panel ul.menu li a:focus {
	background: url(bullet.gif) no-repeat 5px center #f6f7f8 !important;	
}

dl.multiselect dt {
	margin: 0 20px 0 0;
	line-height: 170%;
}

dl.multiselect select {
	margin: 0;
}

dl.multiselect .form-item {
	padding: 0 0 10px;
}

#user-admin-filter li, #node-admin-filter li {
	padding: 0;
	background: none;
}

/* Admin's pages tables ---*/
.sticky-table {
	margin-bottom: 15px;
	width: 100%;
}

.sticky-table td a {
	text-decoration: none;
}

div.indentation {}

/* Preview ---*/
.preview {
	border: 1px solid #cdcdcd;
	padding: 10px;
	background: #f6f7f8;
}

.preview h2 {
	margin-top: 0;
}

.preview .comment {
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #dedede;
}

.preview h3.comment-heading {
	border-top: 0;
}

.preview .node {
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #dedede;
}

.preview .node h2.node-heading {
	background: none;
	color: #333;
	padding: 0 0 5px;
}

.preview .node h2.node-heading * {
	color: #333;
}

/* Update Page ---*/
.update tr, .update tr td {
	border: 1px solid #cdcdcd;
}

.update tr.ok td {
	background: #edf3e2;
}

.update tr.unknown td {
	background: #cdcdcd;
}

.update tr.error td {
	background: #faecec;
}

/* BLOCK STYLES
--------------------------------------------------------- */
.block-content > p {
	margin: 0;
}

/* Default XHTML Block --- */
.column div.ja-block, .column div.block { 
/* for side columns and spotlight, we only need to add margin or padding to Module */
	margin-left: 0;
	margin-right: 0;
}

div.ja-block h2, div.block h2 {
	background: url(grad-d2.gif) repeat-x top #cdcdcd;
	color: #333;
	border-bottom: 1px solid #cdcdcd;
	font-size: 100%;
	margin: 0;
	padding: 8px 15px;
	overflow: hidden;
	text-transform: uppercase;
}

div.ja-block, div.block {
	border-bottom: 1px solid #cdcdcd;
	position: relative;
}

div.ja-block .block-content, div.block .block-content {
	padding: 15px;
	position: relative;
}

/* Default Rounded Block --- */
div.ja-block-rounded h2, div.block-rounded h2 {
	border-bottom: 1px solid #cdcdcd;
	color: #333;
	font-size: 100%;
	font-weight: bold;
	margin: 0 -15px 10px;
	padding: 8px 15px;
	text-transform: uppercase;
}

div.ja-block-rounded, div.block-rounded {
	margin: 20px 10px !important;
	position: relative;
	overflow: hidden;
}

.ja-box-br {
	background: url(b-br.gif) no-repeat bottom right #fff;
}

.ja-box-bl {
	background: url(b-bl.gif) no-repeat bottom left;
}

.ja-box-tr {
	background: url(b-tr.gif) no-repeat top right;
}

.ja-box-tl {
	background: url(b-tl.gif) no-repeat top left;
	padding: 0 15px 10px;
}

/* Block Rounded Blue */
.block-rounded-blue .ja-box-bl h2 {
	border-bottom: 1px solid #48aada;
}

.block-rounded-blue {
	background: url(bb-br.gif) no-repeat bottom right #0088cc;
}

.block-rounded-blue .ja-box-bl {
	background: url(bb-bl.gif) no-repeat bottom left;
}

.block-rounded-blue .ja-box-tr {
	background: url(bb-tr.gif) no-repeat top right;
}

.block-rounded-blue .ja-box-tl {
	background: url(bb-tl.gif) no-repeat top left;
	padding: 0 15px 10px;
}

/* Block Rounded Green */
.block-rounded-green .ja-box-bl h2 {
	border-bottom: 1px solid #74955f;
}

.block-rounded-green {
	background: url(bg-br.gif) no-repeat bottom right #3d6c1f;
}

.block-rounded-green .ja-box-bl {
	background: url(bg-bl.gif) no-repeat bottom left;
}

.block-rounded-green .ja-box-tr {
	background: url(bg-tr.gif) no-repeat top right;
}

.block-rounded-green .ja-box-tl {
	background: url(bg-tl.gif) no-repeat top left;
	padding: 0 15px 10px;
}

/* Block Rounded Red */
.block-rounded-red .ja-box-bl h2 {
	border-bottom: 1px solid #E58686;
}

.block-rounded-red {
	background: url(br-br.gif) no-repeat bottom right #BF0000;
}

.block-rounded-red .ja-box-bl {
	background: url(br-bl.gif) no-repeat bottom left;
}

.block-rounded-red .ja-box-tr {
	background: url(br-tr.gif) no-repeat top right;
}

.block-rounded-red .ja-box-tl {
	background: url(br-tl.gif) no-repeat top left;
	padding: 0 15px 10px;
}

/* Block Rounded Black */
.block-rounded-black .ja-box-bl h2 {
	border-bottom: 1px solid #666;
}

.block-rounded-black {
	background: url(bbl-br.gif) no-repeat bottom right #333;
}

.block-rounded-black .ja-box-bl {
	background: url(bbl-bl.gif) no-repeat bottom left;
}

.block-rounded-black .ja-box-tr {
	background: url(bbl-tr.gif) no-repeat top right;
}

.block-rounded-black .ja-box-tl {
	background: url(bbl-tl.gif) no-repeat top left;
	padding: 0 15px 10px;
}

/* common style for contrast blocks */
.block-rounded-blue, .block-rounded-blue .ja-box-bl h2,
.block-rounded-red, .block-rounded-red .ja-box-bl h2,
.block-rounded-green, .block-rounded-green .ja-box-bl h2,
.block-rounded-black, .block-rounded-black .ja-box-bl h2 {
	color: #fff;
}

.block-rounded-blue a,
.block-rounded-red a,
.block-rounded-green a,
.block-rounded-black a {
	color: #fff !important;
	border-bottom: 1px dotted #fff !important;
}

.block-rounded-blue a:hover,
.block-rounded-red a:hover,
.block-rounded-green a:hover,
.block-rounded-black a:hover {
	color: #fff !important;
	border-bottom: 1px solid #fff !important;
}

.block-rounded-blue li,
.block-rounded-red li,
.block-rounded-green li,
.block-rounded-black li {
	background: url(bullet2.gif) no-repeat left 8px !important;
}

/* Right side XHTML block ---*/
.ja-inset2 div.ja-block h2, .ja-inset2 div.block h2 {
	background: url(grad-d2.gif) repeat-x top #cdcdcd;
	color: #333;
	border: 1px solid #cdcdcd;
	font-size: 100%;
	margin: 0;
	padding: 8px 15px;
	overflow: hidden;
	text-transform: uppercase;
}

.ja-inset2 div.ja-block, .ja-inset2 div.block {
	margin: 15px 0 0;
	position: relative;
	border-bottom: 0;
}

.ja-inset2 div.ja-block .block-content, .ja-inset2 div.block .block-content {
	padding-bottom: 0;
}

/* Badge Blocks ---*/
.badge {
	height: 46px;
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	background-image: url(icon-badge.png);
	background-repeat: no-repeat;
}

.badge-hot .badge { background-position: 0 0; }
.badge-new .badge { background-position: 0 -46px; }
.badge-pick .badge { background-position: 0 -92px; }
.badge-top .badge { background-position: 0 -138px; }

/* Search Block ---*/
#ja-search {
	padding-left: 20px;
	background: url(icons/search-sm.gif) no-repeat center left;
	position: absolute;
	bottom: 25px;
	right: 0;
}

#ja-search h2 { display: none; }

#ja-search label { display: none; }

#ja-search .block {
	border-bottom: 0;
}

#ja-search .block-content { padding: 0; }

#ja-search .form-text {
	width: 150px;
	font-weight: bold;
}

#ja-search .form-text:hover, #ja-search .form-text:focus {
	width: 200px;
}

#ja-search .form-submit { margin-left: 5px; }

/* Login Block ---*/
#user-login-form {
	padding: 0;
	margin: 0;
	text-align: left;
}

#user-login-form .form-item {
	margin: 0;
	padding: 0 0 10px;
}

#user-login-form .form-item label {
	font-size: 100%;
}

#user-login-form #edit-name-wrapper input,
#user-login-form #edit-pass-wrapper input {
	font-weight: bold;
}

#user-login-form .form-submit {
	margin-bottom: 10px;
}

#user-login-form ul { margin: 0 !important; padding: 0; }

#user-login-form .item-list {
	padding-top: 5px;
	border-top: 1px solid #cdcdcd;
}

#user-login-form .item-list li {
}

#user-login-form li.openid-link a, #user-login li.openid-link a {
	padding: 0 0 0 20px;
}

/* Blank */
div.module_noborder,
div.module_noborder .ja-box-bl,
div.module_noborder .ja-box-tr,
div.module_noborder .ja-box-tl {
	background: none;
	padding: 0;
}

/* Block list ---*/
div.ja-block ul, div.ja-block-rounded ul {
	margin: 0;
}

div.ja-block ul li, div.ja-block-rounded ul li {
	padding-left: 12px;
	background-position: 2px 8px;
}

/* VIEWS MODULE Blocks */
div.ja-block .view-content,
div.ja-block-rounded .view-content {}

div.ja-block .views-row,
div.ja-block-rounded .views-row {
	border-bottom: 1px solid #cdcdcd;
	padding: 5px 0;
}

div.ja-block .views-row-even,
div.ja-block-rounded .views-row-even {}

div.ja-block .views-row-odd,
div.ja-block-rounded .views-row-odd {}

div.ja-block .views-row-last,
div.ja-block-rounded .views-row-last {
	border-bottom: 0;
}

div.ja-block .views-field-created, div.ja-block .views-field-timestamp,
div.ja-block-rounded .views-field-created, div.ja-block-rounded .views-field-timestamp {
	font-size: 92%;
	color: #999;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { }
.main { }

#ja-wrapper { }

#ja-container {
	position: relative;
	z-index: 5;
}

#ja-container .main {
	padding: 0;
}

#ja-container .main-border {
	border: 1px solid #cdcdcd;
	min-height: 300px;	
}

/* 3 Columns - Classic Layout ---*/
#ja-container.ja-l1 .main {
	background: url(dot1.gif) repeat-y 20% #fff;
}

#ja-container.ja-l1 .ja-block {
	margin-right: 1px;
}

/* Main - Left - Right Layout ---*/
#ja-container.ja-r2 .ja-content-main {
	padding-left: 10px;
	padding-right: 10px;
}

#ja-container.ja-r2 .main {
	background: url(dot1.gif) repeat-y 60% #fff;
}

#ja-container.ja-r1 .main-border,
#ja-container.ja-r2 .main-border {
	background: url(dot1.gif) repeat-y 80%;
}

#ja-container.ja-r2 .ja-right2 .ja-block h2 {
	margin-left: 1px;
	margin-right: 0;
}

#ja-container.ja-r1 .ja-block {
	margin-left: 1px;
}

/* Left - Right - Main Layout ---*/
#ja-container.ja-l2 .ja-content-main {
	padding-left: 10px;
	padding-right: 10px;
}

#ja-container.ja-l2 .main {
	background: url(dot1.gif) repeat-y 20% #fff;
}

#ja-container.ja-l2 .main-border {
	background: url(dot1.gif) repeat-y 40%;
}

#ja-container.ja-l2 .ja-left1 .ja-block {
	margin-right: 1px;
}

/* No dividers ---*/
#ja-container.no-divider .main,
#ja-container.no-divider .main-border {
	background-image: none;
}

/* Mass ---*/
.ja-mass-top {	background: #fff; }
.ja-mass-top .ja-block {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.ja-mass-top .ja-block-rounded {
	margin-bottom: 0 !important;
}

.ja-mass-bottom { background: #fff; }
.ja-mass-bottom .ja-block {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.ja-mass-bottom .ja-block-rounded {
	margin-top: 0 !important;
}

.ja-mass-bottom .ja-block {
	border-top: 1px solid #cdcdcd;
}

/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody {}

#ja-main .inner {
	padding-left: 10px;
	padding-right: 10px;
}

#ja-contentwrap { }

/* Content Top ---*/
.ja-content-top { }
.ja-content-top .ja-block, .ja-content-top .ja-block-rounded { margin-left: 0; margin-right: 0;  }

/* Content Main ---*/
.ja-content-main {
	padding: 20px 15px;
}

/* Content Bottom ---*/
.ja-content-bottom { }
.ja-content-bottom .ja-block, .ja-content-bottom .ja-block-rounded { margin-left: 0; margin-right: 0;  }

/* Content Insets ---*/
.ja-inset1, .ja-inset2 {
}

/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap { padding-bottom: 10px; }

.ja-col {
	padding: 0;
}

/* Left Columns ---*/
#ja-left .ja-l2 { }

/* Right Columns ---*/
#ja-right .ja-r2 { }

/* HEADER
--------------------------------------------------------- */
#ja-header { position: relative; z-index: 10; }

#ja-header .main {
	background: #fff;
	height: 130px;
}

#ja-header .inner {
	padding: 0;
}

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1;}

h1.logo, div.logo-text { float: left; z-index: 1; position: relative; }

/* Logo Image ---*/
h1.logo { height: 120px; width: 250px; }

h1.logo a {
	background-repeat: no-repeat;
	display: block;
	height: 120px;
	width: 250px;
	background-image: url(logo.gif);
}

h1.logo a span { position: absolute; top: -1000px; }

/* Logo Text ---*/
div.logo-text { margin-top: 8px; }

div.logo-text h1 a {
	color: #333;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
}

p.site-slogan {
	color: #999;
	display: block;
	font-size: 85%;
	letter-spacing: 1px;
	padding: 3px 0 0;
	text-align: center;
	text-transform: uppercase;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
	line-height: 1;
	position: relative;
	z-index: 11;
}

#ja-mainnav .main {
	background: #333;
}

span.has-image {
	padding-left: 25px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left 2px;
}

span.menu-title { display: block; }

span.menu-desc {
	display: block;
	font-weight: normal;
	font-size: 92%;
	color: #999;
}

/* Sub Nav ---*/
#ja-subnav {
	position: relative;
	z-index: 9;
}

#ja-subnav .main {
	line-height: 1;
	z-index: 10;
}

/* Breadcrumbs ---*/
.ja-navhelper {
	padding: 7px 0 8px;
	line-height: normal;
	background: #f6f7f8;
	border-bottom: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
}

.ja-l2 .ja-navhelper {
	border-right: 0;
}

.ja-navhelper a { padding: 1px 3px; color: #08c; text-decoration: none; }
.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none; background-color: #08c;}

.ja-breadcrums {
	float: left;
	margin-left: 20px;
	width: 80%;
}

.ja-breadcrums strong { text-transform: uppercase; margin-right: 5px; }

.ja-breadcrums .breadcrumb { 
	display: inline;
}

/* Extras ---*/
.ja-links { float: right; margin-top: 2px; }

.ja-links li { background: none; padding: 0; display: inline; }

.ja-links li.top a {
	background: url(arrow2.png) no-repeat 5px center;
	padding-left: 17px;
	padding-right: 5px;
}

.ja-links li.top a:hover { background-color: #08c; }

.ja-links li.layout-switcher a {
	background: #08c;
	color: #fff;
	text-decoration: none;
}

.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }

.ja-links li.user-reset a {
	background: #bf0000;
	color: #fff;
	text-decoration: none;
}

.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }

/* Default Drupal Menu ---*/
li.expanded, li.collapsed, li.leaf {
	list-style-image: none;
	list-style-type: none;
}

ul.menu { margin: 0; padding: 0; }

.ja-colswrap ul.menu { /* minus the padding for menu in collumn area */
	margin: -15px;
}

div.ja-block-rounded ul.menu, div.block-rounded ul.menu { /* menu in rounded blocks */
	margin: -10px -14px -5px;
}

#ja-container ul.menu li {
	background: none;
	border-bottom: 1px solid #dedede;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

#ja-container ul.menu li li li {
	border-bottom: 0;
}

#ja-container ul.menu li a {
	color: #333;
	display: block;
	outline: none;
	padding: 6px 0;
	text-decoration: none;
	text-indent: 15px;
	white-space: nowrap;
	width: 100%;
}

#ja-container ul.menu li li li a {
	padding: 3px 0;
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus {
	color: #08c;
	background: #f6f7f8;
}

#ja-container ul.menu li li a:hover,
#ja-container ul.menu li li a:active,
#ja-container ul.menu li li a:focus {
	color: #08c !important;
}

/*Active li */
#ja-container ul.menu li.active-trail a,
#ja-container ul.menu li a.active {
	background: url(arrow4.png) no-repeat 90% 100% #333;
	color: #fff;
	font-weight: bold;
}

#ja-container ul.menu li.leaf a.active {
	background: #333;
}

#ja-container ul.menu li li a.active {
	background-color: #fff !important;
	border-left: 1px solid #cdcdcd;
	color: #333 !important;
	font-weight: bold !important;
}

#ja-container ul.menu li li.first a.active {
	border-top: 1px solid #cdcdcd;
}

#ja-container ul.menu li li li a.active {
	border: 1px solid #cdcdcd;
	border-right: none;
}

#ja-container ul.menu li.active-trail li.active-trail a {
	background: #ffffcc;
	color: #333;
}

#ja-container ul.menu li.active-trail li a {
	background: #ffffcc;
	color: #333;
	font-weight: normal;
}

/*Expanded li */
#ja-container ul.menu li.expanded {
	background: none;
}

#ja-container ul.menu li.expanded li.expanded {
	border-bottom: 1px solid #dedede !important;
}

#ja-container ul.menu li.expanded li.expanded a {
	background-image: url(arrow3.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	font-weight: bold;
}

#ja-container ul.menu li.expanded ul {
	padding: 5px 0 5px 10px;
	margin: 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background: #ffffcc;
}

#ja-container ul.menu li.expanded ul ul {
	border-bottom: 0;
}

/* Collapsed li */
#ja-container ul.menu li.collapsed {
}

#ja-container ul.menu li li.collapsed a,
#ja-container ul.menu li.expanded li.collapsed a {
	background: url(arrow.png) no-repeat 5px center;
	color: #333;
	font-weight: normal;
}

/* Leaf li */
#ja-container ul.menu li.leaf a {
	
}

#ja-container ul.menu li.expanded li.leaf a {
	background: url(arrow.png) no-repeat 5px center;
	color: #333;
	font-weight: normal;
}

/* Last li */
#ja-container ul.menu li.last { 
	border-bottom: 0 !important;
}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box { 
	padding: 0;
	background: url(dot3.gif) repeat-y right;
}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,
#ja-topsl .ja-box-full, #ja-botsl .ja-box-full { 
	background: none;
}

#ja-topsl .ja-block, #ja-botsl .ja-block  {
	border: 0;
	padding: 15px;
}

#ja-topsl li, #ja-botsl li {
	background-image: url(bullet2.gif);
	background-repeat: no-repeat;
	background-position: 1px 10px;
	padding: 3px 0 3px 10px;
}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }

#ja-topsl ul, #ja-topsl p, #ja-topsl ol,
#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 0 5px!important; }

#ja-topsl a, #ja-botsl a {
	color: #cdcdcd;
	text-decoration: none;
	border-bottom: 1px dotted #cdcdcd;
}

#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

/* Top spotlight ---*/
#ja-topsl .main {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #333;
	color: #cdcdcd;
}

#ja-topsl div.ja-block h2, #ja-topsl div.block h2  {
	margin: 0 0 8px;
	padding: 0;
	color: #fff;
	background: none;
	border: none;
}

#ja-topsl div.ja-block .block-content, #ja-topsl div.block .block-content  {
	padding: 0;
}

#ja-topsl img {
	margin-right: 10px;
}

/* Bot spotlight ---*/
#ja-botsl .main {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #333;
	color: #cdcdcd;
}

#ja-botsl div.ja-block h2, #ja-botsl div.block h2  {
	margin: 0 0 8px;
	padding: 0;
	color: #fff;
	background: none;
	border: none;
}

#ja-botsl div.ja-block .block-content, #ja-botsl div.block .block-content  {
	padding: 0;
}

.ja-box-right .ja-block, .ja-box-right .block,
.ja-box-full .ja-block, .ja-box-full .block { border: 0 !important; background: 0 !important; }

/* VIEWS MODULE in Spotlights ---*/
#ja-topsl .views-row, #ja-botsl .views-row {
	border-bottom: 1px solid #4f4f4f;
}

#ja-topsl .views-field-title a, #ja-topsl .views-field-title a:hover, #ja-topsl .views-field-title a:focus,
#ja-topsl .views-field-subject a, #ja-topsl .views-field-subject a:hover, #ja-topsl .views-field-subject a:focus,
#ja-botsl .views-field-title a, #ja-botsl .views-field-title a:hover, #ja-botsl .views-field-title a:focus,
#ja-botsl .views-field-subject a, #ja-botsl .views-field-subject a:hover, #ja-botsl .views-field-subject a:focus {
	border-bottom: 0 !important;
}

#ja-topsl .views-field-created, #ja-topsl .views-field-timestamp,
#ja-botsl .views-field-created, #ja-botsl .views-field-timestamp {
	color: #666;
}

#ja-topsl .views-admin-links ul li,
#ja-botsl .views-admin-links ul li {
	background-image: none; 
	padding-left: 0;
}

#ja-topsl .views-admin-links ul li a,
#ja-botsl .views-admin-links ul li a {
	border-bottom: 0;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer {}

#ja-footer .main {
	color: #666;
	background: #fff;
	padding: 10px 0 20px;
	position: relative;
	text-align: center;
}

#ja-footer .inner { padding: 0; width: 100%; }

#ja-footer small { color: #333; font-size: 100%; }

/* Foot Links ---*/
#ja-footer .ja-footnav {
	font-size: 100%;
	margin: 0 0 10px;
	padding: 5px 0;
	overflow: hidden;
	position: relative;
	border: 1px solid #cdcdcd;
	background: #f6f7f8;
}

.ja-footnav ul { float: left; margin-top: 3px; }

.ja-footnav li {
	border-left: 1px solid #999;
	display: inline;
	padding: 0 10px;
	margin: 0 !important;
}

.ja-footnav li.first {
	border-left: 0;
}

.ja-footnav li a {
	line-height: 1;
	text-decoration: none;
}

.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #333; }

a.ja-tool-switchlayout {
	float: right;
	display: block;
	margin-right: 10px;
	background: #666;
	color: #cdcdcd;
	text-decoration: none;
	padding: 1px 5px;
}

a.ja-tool-switchlayout:hover {
	background: #08c;
	color: #fff;
}

/* Copyright Info. ---*/
.ja-copyright small { display: inline; }
.ja-copyright img {	vertical-align: middle; }

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
#ja-sideshow {
	overflow: hidden;
	text-align: center;
}

#ja-sideshow .main {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}


.accordion {
	padding: 10px;
}
.accordion h3 {
	border-bottom:1px solid #DEDEDE;
	text-transform:uppercase;	
	font-size:12px;
}