/**
 * The Coda Slider Effect was developed by:
 * http://jqueryfordesigners.com/coda-slider-effect/
 *
 * Coda Slider uses some JQuery Plugins developed by Ariel Flesler
 * The JQuery Plugins are licensed under dual license (MIT and GPL)
 * URL: http://flesler.blogspot.com/
 *
*/

#wrapper {
	width: 200px;
	height: 200px;
	margin: 0px 0px 0px 0px;
	border:1px solid #fff;
    padding:0px 0px;
    background: #FFF url(images/haberler.jpg) no-repeat;
    text-align:left;
}

#slider, .scroll,.scrollContainer div.panel {
	width: 164px;
	height: 140px;
}

#slider {
	margin: 40px 0px 0px 18px;
	position: relative;
	border:0px solid #f00;
    padding:0px 0px;
}

.scroll {
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	border:0px solid #ff0;
}

.scrollContainer div.panel {
	padding: 5px 0px 0px 5px;
    border:0px solid #f00;
}
div.panel a {
    text-decoration: none;
    color: #000000;
    font-size: 100%;
}
div.panel a:hover {
    text-decoration: none;
    color: #cc0000;
}

#shade {
	background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
	height: 50px;
    border: 0px solid #f00;
}

.scrollButtons {
	position: absolute;
	top: -25px;
	cursor: pointer;
}

.scrollButtons.left {
	right: 13px;
}

.scrollButtons.right {
	right: -5px;
}
.readMore {
    border-top:1px dotted #000;
    padding-top:2px;
    margin-top:7px;
    position:absolute;
    bottom:7px;
    width:155px;
}


.hide {
	display: none;
}