

/************************************************************************************************************************************

														General settings for Black theme in content box
														
************************************************************************************************************************************/	

body {
color:#bbb;
}

.website-content {
background: #000;
border:1px solid #000;
}

hr {
border-color : #666;
}

pre {
color:#ddd;
}

p.readmore a {
background: rgba(255, 255, 255, 0.16);
border-color : rgba(255, 255, 255, 0.06);
color: #bbb;
}

blockquote small {
color: #CCCCCC;
}

.bg-success, .bg-info, .bg-warning, .bg-danger {
color :#444;
}

.bg-success a, .bg-info a, .bg-warning a, .bg-danger a,
.bg-success a:hover, .bg-info a:hover, .bg-warning a:hover, .bg-danger a:hover {
color :#111;
}

.bg-grey {
background: #333;
}

table, table * {
border-color: rgba(255,255,255,0.4) !important;
}

.horizontal_menu li {
background:#333;
}

.horizontal_menu li a {
color:#bbb !important;
}

.horizontal_menu.blue li a, .horizontal_menu.green li a, .horizontal_menu.turquoise li a, .horizontal_menu.orange li a,
.horizontal_menu.red li a, .horizontal_menu.violet li a, .horizontal_menu.black li a, .horizontal_menu.brown li a {
color : #eee !important;
}

.vertical_menu ul {
background-image : url(../images/bg-vertical-menu-white.png) ;
}

.vertical_menu li a {
color:#bbb;
border:1px solid #333;
border-color:rgba(255,255,255,0.10);
border-left:none;
border-bottom:none;
}

.moduletable.shadow {
background-image: url(../images/shadow-module-dark.png);
}

.left_column .grey > div, .right_column .grey > div, .user1 .grey > div, .user2 .grey > div, .user3 .grey > div, .user4 .grey > div, .user5 .grey > div, .user6 .grey > div, .user7 .grey > div, .user8 .grey > div, .user9 .grey > div {
background : #222 ;
}

.active, .success, .info, .warning, .danger, .bg-white, .user1 .white > div, .user2 .white > div,
.user3 .white > div, .user4 .white > div, .user5 .white > div, .user6 .white > div, .user7 .white > div, .user8 .white > div, .user9 .white > div {
color: #666;
}

.user1 .white .module-title h3, .user2 .white .module-title h3,
.user3 .white .module-title h3, .user4 .white .module-title h3, .user5 .white .module-title h3, .user6 .white .module-title h3, .user7 .white .module-title h3, .user8 .white .module-title h3, .user9 .white .module-title h3 {
color: #333;
}

.left_column > .border > div, .right_column > .border > div, .user1 > .border > div, .user2 > .border > div, .user3 > .border > div, .user4 > .border > div, .user5 > .border > div, .user6 > .border > div,
.user7 > .border > div, .user8 > .border > div, .user9 > .border > div {
border:1px solid #333;
border-color : rgba(255,255,255, 0.12);
box-shadow : 0px 0px 3px 0px rgba(255,255,255, 0.10) ;
}

.title-centered.grey .module-title h3 {
background : #333 !important;
}

.title-centered .module-title {
border-top: 1px dotted #333;
border-color : rgba(255,255,255,0.22);
}

.title-centered .module-title h3 {
background : #000 ;
}

.bottom-module-position .title-centered .module-title h3, .top-module-position .title-centered .module-title h3 {
background : #fff !important;
}

.title-band .module-title {
border-bottom:1px solid rgba(255,255,255,0.30);
background: transparent url(../images/white-10.png) 0 0 repeat;
}

legend {
color: #ccc;
border-color: #555;
border-color: rgba(255,255,255,0.3);
}

.well {
filter:none;
background : #444;
background : rgba(255,255,255,0.18) ;
border: 1px solid #555;
border-color:rgba(255,255,255,0.18);
box-shadow: none;
}

h2.contentheading, h1 + h1 {
border-color : #666;
border-color : rgba(255, 255, 255, 0.08);
}

h2.contentheading > a:hover , h1 + h1 > a:hover {
color:#eee;
border-color : #666;
border-color : rgba(255, 255, 255, 0.10);
}

h3 {
color: #eee;
}

.bg-grey a, .bg-grey a:hover {
color:#eee;
}

/**		Unordered lists without bullet 		**/

ul.simple li {
border-left:2px solid #484848;
border-color:rgba(255,255,255,0.18) ;
background:#383838;
background:rgba(255,255,255,0.10) ;
}

/**		Ordered lists	**/

ol.simple > li {
border-left: 2px solid #484848;
border-color:rgba(255,255,255,0.18) ;
}
ol.simple > li:before {
color: #aaa; 
}

ol.labels > li {
background: #444;
background:rgba(0,0,0,0.06);
}

ol.labels > li:before {
color: #aaa;
background: #666;
background: rgba(255,255,255,0.19) ;
}

ol.circle > li, .items-more ol > li {
border-color:rgba(255,255,255,0.28) ;
}

ol.circle > li:before, .items-more ol > li:before {
background: #666;
background:  rgba(255,255,255,0.19) ;
border-color : rgba(255,255,255,0.18) ;
color: #aaa;
}

.items-more ol > li:first-child {
border-color : #666;
border-color:rgba(255,255,255,0.19);
}

/*
*	Quotation
*/

blockquote {
border-color : #666;
border-color: rgba(255,255,255,0.18) ;
}

blockquote.pull-right {
border-color : #666;
border-color: rgba(255,255,255,0.28) ;
}


span.dropcap {
color: #eee;
}

select, textarea, input, .inputbox {
background : #333;
background : rgba(255,255,255,0.10) ;
border: 1px solid #555;
border-color:rgba(255,255,255,0.09);
color:#ddd;
}

.contact-category th, .category-list th, table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {
background:rgba(255,255,255,0.10);
border-color: #555;
border-color: rgba(255,255,255,0.10);
}

.contact-category td, .category-list td, table.weblinks td, table.newsfeeds td, table.category td, table.jlist-table td {
border-color: #555;
border-color: rgba(255,255,255,0.12);
}

.login + div .nav-stacked > li {
border-color: #555;
border-color: rgba(255,255,255,0.12);
}

.result-text .highlight {
background:rgba(255,255,255,0.08);
}

/**			Tags 			**/

.list-striped, .row-striped {
border-top: 1px solid rgba(255,255,255,0.14);
}

.list-striped li, .list-striped dd, .row-striped .row, .row-striped .row-fluid {
border-bottom: 1px solid rgba(255,255,255,0.14);
}

.list-striped li > h3, .list-striped dd > h3, .row-striped .row > h3, .row-striped .row-fluid > h3 {
border-bottom: 1px solid rgba(255,255,255,0.14);
}

.list-striped li:nth-child(odd),
.list-striped dd:nth-child(odd),
.row-striped .row:nth-child(odd),
.row-striped .row-fluid:nth-child(odd) {
background : rgba(255,255,255,0.03);
}

/**  		Error Message contact form  		**/

#system-message-container dl#system-message, #system-message-container #system-message > div {
background-color : #333;
background-color : rgba(0,0,0,0.4);
box-shadow:2px 2px 4px #000;
}

#system-message-container #system-message .error, #system-message-container #system-message h4 {
color: #fff ;
}

#system-message-container #system-message .error.message, #system-message-container #system-message > div > div {
color: #ddd ;
}

/**		Button ( Joomla 2.5 ) 		**/

input[type="submit"], button, .btn-primary, .btn-default, .btn {
background : transparent url(../images/white-30.png) 0 0 repeat;
background: rgba(255,255,255,0.18);
border: 1px solid #666;
border-color:rgba(255,255,255,0.14);
color: #ddd !important;
}

input[type="submit"]:hover, button:hover, .btn-primary:hover, .btn-default:hover, .btn:hover {
background : transparent url(../images/white-20.png) 0 0 repeat;
background: rgba(255,255,255,0.22);
border: 1px solid #666;
border-color:rgba(255,255,255,0.17);
}

input[type="submit"]:active, button:active, .btn-primary:active, .btn-default:active, .btn:active {
background : transparent url(../images/white-30.png) 0 0 repeat;
background: rgba(255,255,255,0.20);
border: 1px solid #666;
border-color:rgba(255,255,255,0.17);
}

/**		Pagination 					**/

.pagination li > a, .pagination li > span {
background-color: rgba(255,255,255,0.06);
border-color: #444;
border-color: rgba(255,255,255,0.12);
}

/**			Contact Form 			**/

.panel, #slide-contact .accordion-group {
background:transparent;
background: rgba(255,255,255,0.04);
}

.contact-form {
border-color: #444;
border-color: rgba(255,255,255,0.06);
box-shadow : none;
}

.contact-miscinfo {
background:transparent;
background: rgba(255,255,255,0.04);
}

.contact .pane-toggler-down + div,								/** 		J2.5  		**/
.accordion-body.in {											/** 		J3.5  		**/
border-color: #444 !important;
border-color: rgba(255,255,255,0.06) !important;
background: rgba(255,255,255,0.04);
}


#basic-details > a, #display-form > a, #display-misc > a,				/** 		J2.5  		**/
.accordion-heading > strong > a {									/** 		J3.5  		**/
color:#bbb;
border-color: #222;
border-color: rgba(255,255,255,0.07);
background: #222;
background: rgba(255,255,255,0.05);
}

.pane-sliders #basic-details a:hover, .pane-sliders #display-form a:hover, .pane-sliders #display-misc a:hover,
.pane-sliders #basic-details.pane-toggler-down a, .pane-sliders #display-form.pane-toggler-down a, .pane-sliders #display-misc.pane-toggler-down a,				/** 		J2.5  		**/
.accordion-heading strong a:hover, .accordion-heading strong a:focus {																								/** 		J3.5  		**/
background: #292929;
background: rgba(255,255,255,0.14);
color:#ddd;
}

/**********			Contact Tabs				****************/

div.current,
#myTabContent {
border-color: #444;
border-color: rgba(255,255,255,0.12);
background:transparent;
background: rgba(255,255,255,0.04);
}

dl.tabs dt,
#myTabTabs li {
background: #222;
background: rgba(0,0,0,0.25);
border-color: #444;
border-color: rgba(255,255,255,0.12);
color: #ddd;
}

.tabs .contact-miscinfo {
background:transparent;
}

/**		Frontend admin article Joomla 3.5 		**/

.edit #adminForm .tab-content > .tab-pane {
border-color: #444;
border-color: rgba(255,255,255,0.12);
}