.slider-cont{
    width: 850px;			/* Set to slidorion width. Is equal to #slider + #accordion width */
	height: 320px;
    overflow:hidden;
	padding: 10px;
	background: #d8d8d8;

}

#slidorion {
	width: 850px;			/* Set to slidorion width. Is equal to #slider + #accordion width */
	height: 320px;			/* Set to slidorion height. Is equal to #slider and #accordion height */
	position: relative;
	font-family:Tahoma;
	overflow:hidden;

}

#slider {
	width: 500px;			/* Set to slider width */
	height: 320px;			/* Set to slider height */
	position: absolute;
	top:0px;
	float: left;
	overflow: hidden;		/* Hides the animations */
}

.slider-image {
	position: relative;
	height: 320px;
}

.slider-image img {
	width: 500px;			/* Set to image width */
	height: 320px;			/* Set to image height */
	position: absolute;
	top:0px;
	z-index:1;
}

#accordion {
	width: 340px;			/* Set to accordion width */
	height: auto;			/* Set to image height */
	font-family: Tahoma;
	font-size:14px;
	background: #eee;
	position: relative;
    margin-left:510px;
	z-index:999;
	display:block;

}

#accordion .header {
	height: 45px;
	color: #333;
	background: #ebebeb;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-bottom: 1px solid #ccc;
	margin:0;
}

#accordion .header a {
	padding: 5px 60px 5px 14px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12pt;
	color:#969696;
	line-height:105%;
	display: block;
	height:35px;
	position:relative;
}

#accordion .header a:hover {
	cursor: pointer;
}

#accordion .header a.active {
	border-top: none;
	/*background: #a9a9a9 !important;*/
	color: #fff;
}

#accordion p a{
    color:black;
}

#accordion .content p a:hover{
	text-decoration:underline;
}

#accordion .content p a{
    text-decoration:none;
	font-family:Tahoma;
	color:#333;
}

#accordion strong{
    font-weight:normal;
}

#accordion .content {
	height: 129px;			/* This height needs to be changed as it depends on the accordion height and number of tabs */
	font-weight: normal;
	font-size: 10pt;
	margin: 0;
	padding: 4px 60px 4px 16px;
	border-top: #ccc;
	border-bottom: #ccc;
	position:relative;
	background:#fff;
}

#header2 {
	width:300px;
}
#accordion p {
    margin:5px 0;
}
#accordion div.content > a {
    cursor:pointer;
    display:block;
    font-weight: bold;
    font-size: 12px;
    color: #333;
	border:none;
}
#container {
	width:800px;
	margin:30px auto;
}
#container > div {
	width:100%;
	margin-bottom:40px;
	float:left;
	clear:both;
}
#container > div > pre {
	background:#E2DBD1;
	border:1px solid #D1BFA6;
	color:#333;
	font-family: Tahoma;
	margin-bottom:20px;
	padding: 5px 10px;
}

.comm-hits a{
    padding-left:30px;
	background:url(../images/comments.png) no-repeat left center;
	text-decoration:none;
}

.comm-hits a:hover{
    color:red;
}

#accordion .content .mod_latest_hits{
    padding:5px 0 5px 30px;
	background:url(../images/hits.png) no-repeat left center;
}

#accordion .comm-hits{
    padding-top:5px;
}

#accordion .content a{
    line-height:100%;
}

#accordion .mod_latest_date{
    margin:0;
    padding-top:5px;
}

#accordion .comm-hits,#accordion .comm-hits a, .mod_latest_date, .mod_latest_date a{
    color:#878787;
}



#slider .mod_latest_desc{
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:100;
	margin:0;
	padding:10px;
	background:url(/modules/mod_lcslider/images/bg-text.png)repeat;
}

#slider .mod_latest_desc a{
    color:#fff;
	text-decoration:none;
}

#slider .mod_latest_desc a:hover{
    color:#fff;
	text-decoration:underline;
}

.nocontent{
    display:none !important;
}

.bg-hd{
    width:50px;
	height:100%;
	position:absolute;
	top:0;
	right:0;

}

.bg-hd1{
    background:#ff254d ;
}

.bg-hd2{
    background:#7826e8 ;
}

.bg-hd3{
    background:#2a91e8 ;
}

.bg-hd4{
    background:#2ae8d0 ;
}

.bg-hd5{
    background:#8dd222 ;
}

.bg-hd6{
    background:#f4c60e ;
}

.bg-hd7{
    background:#f4540e ;
}