body {
background-color: #000;
}


#close-box {
background: transparent url(../images/expand-black.png) 0 0 no-repeat;
}

/**	content module **/
.content_one {
background : transparent url(../images/black-80.png) 0 0 repeat;
}
.content_two {
background : transparent url(../images/black-80.png) 0 0 repeat;
}
.content_three {
background : transparent url(../images/black-80.png) 0 0 repeat;
}
.content_four {
background : transparent url(../images/black-80.png) 0 0 repeat;
}



/**	middle site	**/

.breadcrumbs a:first-child {
background : transparent url(../images/home-black.png) 0 -6px no-repeat;
}

.breadcrumbs a:first-child:hover {
background : transparent url(../images/home-black.png) 0 -26px no-repeat;
}

#middle-site .wrapper > div {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}

.left {
border-right: 1px solid #303030;
}
.right {
border-left: 1px solid #303030;
}

.shadow {
-moz-box-shadow : 0px 2px 10px #999;
-webkit-box-shadow : 0px 2px 10px #999;
box-shadow : 0px 2px 10px #999;
border:4px solid #666;
}

a .shadow:hover {
border-color : #888 ;
-moz-box-shadow : 2px 2px 6px #ccc;
-webkit-box-shadow : 2px 2px 6px #ccc;
box-shadow : 2px 2px 6px #ccc;
}

.moduletable.shadow {
background: transparent url(../images/shadow-module.png) 50% 100% no-repeat;
}

.left .dark > div, .right .dark > div, .user1 .dark > div, .user2 .dark > div, .user3 .dark > div, .user4 .dark > div, .user5 .dark > div, .user6 .dark > div {
background-image: url(../images/black-30.png);
}

.left .light > div, .right .light > div, .user1 .light > div, .user2 .light > div, .user3 .light > div, .user4 .light > div, .user5 .light > div, .user6 .light > div {
background-image: url(../images/white-10.png);
}


.left .border > div, .right .border > div, .user1 .border > div, .user2 .border > div, .user3 .border > div, .user4 .border > div, .user5 .border > div, .user6 .border > div {
border:1px solid #444;
border-color : rgba(255,255,255, 0.14);
}


#article-index {
background: transparent url(../images/white-10.png) 0 0 repeat;
}


/**	BLOG LIST	**/

.sectiontableheader {
background: transparent url(../images/white-10.png) top left repeat;
}
.sectiontableheader a {
color: #ccc;
}
tr.sectiontableentry1 td, tr.even td {
border-color: #666;
}
tr.sectiontableentry2 td, tr.odd td {
background: transparent url(../images/white-07.png) top left repeat;
border-color: #666;
}


/** 	Form 		**/

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
border:1px solid #555;
border-color : rgba(255,255,255,0.10);
color : #ddd;
background : transparent url(../images/white-20.png) top left repeat ;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.7) inset;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.7) inset;
box-shadow: 1px 1px 2px rgba(0,0,0, 0.7) inset;
}

textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover,
input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover,
input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, .uneditable-input:hover {
color : #eee;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.7) inset, 0px 0px 3px rgba(255,255,255, 0.4);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.7) inset, 0px 0px 3px rgba(255,255,255, 0.4);
box-shadow: 1px 1px 2px rgba(0,0,0, 0.6) inset, 0px 0px 3px rgba(255,255,255, 0.4);
}

input[type="submit"], button, .readmore a {
color : #ddd;
text-shadow : none;
background-color #444444 ;
*background-color: #444444;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5b5b5b), to(#333333));
background-image: -webkit-linear-gradient(top, #5b5b5b, #333333);
background-image: -o-linear-gradient(top, #5b5b5b, #333333);
background-image: linear-gradient(to bottom, #5b5b5b, #333333);
background-image: -moz-linear-gradient(top, #5b5b5b, #333333);
background-repeat: repeat-x;
border: 1px solid #666;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5b5b5b', endColorstr='#333333', GradientType=0);
-moz-box-shadow: 0px 1px 2px rgba(255,255,255, 0.2);
-webkit-box-shadow: 0px 1px 2px rgba(255,255,255, 0.2);
box-shadow: 0px 1px 2px rgba(255,255,255, 0.2);
}

input[type="submit"]:hover, button:hover, .readmore a:hover {
color : #eee;
-moz-box-shadow: 0px 1px 3px rgba(255,255,255, 0.26);
-webkit-box-shadow: 0px 1px 3px rgba(255,255,255, 0.26);
box-shadow: 0px 1px 3px rgba(255,255,255, 0.26);
}

input[type="submit"]:active, button:active, .readmore a:active,
input[type="submit"]:focus, button:focus, .readmore a:focus {
background-color: #444444;
}

legend {
color: #ddd;
}

.panel h3.pane-toggler-down a {
border-color: #555;
}

#editor-xtd-buttons .readmore a {
color:#ccc;
}

/** 	contact tabs 	**/

div.current {
border-color: #555;
}

dl.tabs dt {
background-color: #444;
border-color: #666;
color: #ccc;
}

/**	page nav	**/

ul.pagenav li {
border-color: #444;
}

ul.pagenav li:hover {
background: transparent url(../images/white-07.png) 0 0 repeat !important;
}

/**	panel slider	**/

.panel {
border-color: #333;
background: transparent url(../images/white-07.png) 0 0 repeat;
}


/**	weblinks	**/

table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {
background: transparent url(../images/white-10.png) 0 0 repeat;
color:#eee;
}

table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a  {
color:#eee !important;
}

/**	pagination	**/

.pagination {
border-color: #555;
}

/**	items more	**/

.items-more h3 {
border-color: #555;
color:#eee;
}

.blog_more h2 {
color: #ddd;
}

/**  Error Message contact form  **/

#system-message-container #system-message {
background-color : #111;
border : 1px dotted #444;
-moz-box-shadow:1px 1px 5px #555;
-webkit-box-shadow:1px 1px 5px #555;
box-shadow:1px 1px 5px #555;
}

#system-message-container #system-message .error {
color: #fff ;
}

#system-message-container #system-message .message {
color: #ddd !important;
}




/**
**			TEMPLATE.CSS
**/


body {
color:#ddd;
}

h1, .componentheading, .contentheading {
color:#fff;
}
h1 a {
color:#fff;
}
h1 a:hover {
color:#fff;
}
h1 span, h1 a span, h1 a:hover span {
color:#fff;
}
h2 {
color:#fff;
}

h2 a {
color:#fff;
}
h2 a:hover {
color:#fff;
}

h2.contentheading {
border-color : #555;
background: transparent url(../images/white-10.png) 0 0 repeat;
}

h3 {
color:#eee;
}
h4 {
color:#eee;
}

/**	titles modules		**/
.left h3, .right h3, .user1 h3, .user2 h3, .user3 h3, 
.user4 h3, .user5 h3, .user6 h3 {
color:#eee;
}
.left h3 span, .right h3 span, .user1 h3 span, .user2 h3 span, .user3 h3 span, 
.user4 h3 span, .user5 h3 span, .user6 h3 span {
color:#eee;
}
/**			LINK		**/
a {
color:#ddd;
}

.link a {
background: transparent url(../images/puce-link-black.png) 0 50% no-repeat;
}

/*	Pathway	*/
.breadcrumb a, .breadcrumb {
color:#aaa;
}

/*	List  */


.main_component ul li, .blog_more ul li, .normal li, .check li, .arrow li, .normal_red li, .check_red li, .arrow_red li, .circle li,
.circle_red li, .normal_white li, .check_white li, .arrow_white li, .circle_white li  {
background: url(../images/list_circle_white.png) 0 0px no-repeat;
}
.main_component ul li:hover, .blog_more ul li:hover, .normal li:hover, .check li:hover, .arrow li:hover, .normal_red li:hover, .check_red li:hover, .arrow_red li:hover, .circle li:hover,
.circle_red li:hover, .normal_white li:hover, .check_white li:hover, .arrow_white li:hover, .circle_white li:hover, ol li:hover  {
color: #eee;
}

.main_component ul li li, .normal li li, .check li li, .arrow li li, .normal_red li li, .check_red li li , .arrow_red li li , .circle li li, 
.circle_red li li, .circle_white li li, .check_white li li, .arrow_white li li, .normal_white li li  {
background: url(../images/list_circle_white.png) 0 0px no-repeat;
}

.normal li {
background: url(../images/list_normal_white.png) 0 0px no-repeat !important;
}
.check li {
background: url(../images/list_check_white.png) 0 0px no-repeat !important;
}
.arrow li {
background: url(../images/list_arrow_white.png) 0 0px no-repeat !important;
}
.circle li {
background: url(../images/list_circle_white.png) 0 0px no-repeat !important;
}
.normal_red li {
background: url(../images/list_normal_red.png) 0 0px no-repeat !important;
}
.arrow_red li {
background: url(../images/list_arrow_red.png) 0 0px no-repeat !important;
}
.check_red li {
background: url(../images/list_check_red.png) 0 0px no-repeat !important;
}
.circle_red li {
background: url(../images/list_circle_red.png) 0 0px no-repeat !important;
}

.vertical_menu ul li a, #login-form ul li a, #form-login ul li a, #com-form-login ul li a, ul.mostread li a, ul.latestnews li a, .webvertical_menus ul li a, ul.newsfeed li a {
background-image: url(../images/list-bullet-black.png) ;
}

.vertical_menu ul li li a {
background-image: url(../images/list-bullet-subitems-black.png);
}

.vertical_menu ul li a:hover, #login-form ul li a:hover, #form-login ul li a:hover, #com-form-login ul li a:hover, ul.mostread li a:hover, ul.latestnews li a:hover, .webvertical_menus ul li a:hover, ul.newsfeed li a:hover,
.vertical_menu ul li.current > a, #login-form ul li.current > a, #form-login ul li.current > a, #com-form-login ul li.current > a, ul.mostread li.current > a, ul.latestnews li.current > a, .webvertical_menus ul li.current > a, ul.newsfeed li.current > a {
color:#ddd;
}

.vertical_menu ul li li a {
color: #aaa;
}

.vertical_menu ul li li a:hover, .vertical_menu ul li li.current > a {
color:#ddd;
}


/**  DIV Info  **/

.jmessage, .info {
background-color : #555;
border-color : #777;
-moz-box-shadow:2px 2px 4px #888;
-webkit-box-shadow:2px 2px 4px #888;
box-shadow:2px 2px 4px #888;
color: #fff;
}

.jmessage:hover, .info:hover {
background-color : #5b5b5b;
-moz-box-shadow:2px 2px 4px #999;
-webkit-box-shadow:2px 2px 4px #999;
box-shadow:2px 2px 4px #999;
}

/**	login	**/

#modlgn_username, #modlgn_passwd {
background: transparent url(../images/white-07.png) top left repeat;
}
#modlgn_username:hover, #modlgn_passwd:hover,
#modlgn_username:focus, #modlgn_passwd:focus {
background: transparent url(../images/white-11.png) top left repeat;
}



/**
**		NAV.CSS
**/

.submenu li a, .submenu li span.separator {
border-bottom:1px dotted #444;
color:#ddd;
}
.submenu li li a, .submenu li li span.separator {
border-bottom:1px dotted #303030;
color:#ddd;
}

.submenu li a:hover li a, .submenu li#current li a, .submenu li.active li a {
color:#ddd;
}
.submenu li.parent li a, .submenu li.parent li span.separator {
color:#ddd;
}
.submenu li#current.parent li a, .submenu li.active.parent li a {
color:#ddd;
}
.submenu li li li a, .submenu li li li span.separator {
color:#ddd;
}
.submenu li.active li#current li a {
color:#ddd;
}

/**			NAV.CSS			**/

.horizontal_menu ul {
background : transparent url(../images/white-11.png) 0 0 repeat;
}

.horizontal_menu li {
text-shadow : none;
}

.horizontal_menu li a, .horizontal_menu li span.separator {
color: #999;
}

.horizontal_menu li.active a, .horizontal_menu li:hover a {
color: #bbb;
text-shadow : none;
background-color : #1c1c1c ;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkMmQyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(45,45,45,1) 0%, rgba(13,13,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(13,13,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(13,13,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(13,13,13,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(13,13,13,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(45,45,45,1) 0%,rgba(13,13,13,1) 100%); /* W3C */
-moz-box-shadow: 0px 0px 2px rgba(255,255,255, 0.24);
-webkit-box-shadow: 0px 0px 2px rgba(255,255,255, 0.24);
box-shadow: 0px 0px 2px rgba(255,255,255, 0.24);
}

.horizontal_menu li a:active {
color : #999;
-moz-box-shadow: 0px 0px 2px rgba(255,255,255, 0.10);
-webkit-box-shadow: 0px 0px 2px rgba(255,255,255, 0.10);
box-shadow: 0px 0px 2px rgba(255,255,255, 0.10);
background-color : #191919 ;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjM2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(17,17,17,1) 0%, rgba(54,54,54,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,17,17,1)), color-stop(100%,rgba(54,54,54,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(17,17,17,1) 0%,rgba(54,54,54,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(17,17,17,1) 0%,rgba(54,54,54,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(17,17,17,1) 0%,rgba(54,54,54,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(17,17,17,1) 0%,rgba(54,54,54,1) 100%); /* W3C */
}


/**
**		Drop down menu
**/


.drop-down li {
background-image: url(../images/bg-main-menu-black.png);
}

.drop-down li a, .drop-down li span.separator {
color:#fff;
}

.drop-down li:hover, .drop-down li.sfhover, .drop-down li.active {
background-image: url(../images/bg-main-menu-black.png) ;
}

.drop-down li li a, .drop-down li li span.separator {
color:#999;
border-top: 1px dashed #ccc;
}

.drop-down li ul {
background-image: url(../images/bg-sub-main-menu-black.png) ;
}

.drop-down li ul ul {
background-color:#eee;
}

.drop-down li:hover > a, .drop-down li:hover > span, .drop-down li.active > a, .drop-down li.active > span {
color: #000 ;
text-decoration:none;
}