/* outmost wrapper element */
#kriz_box { background: #F2F2F2; width: 200px; text-align: left; height: 320px; overflow: hidden; margin-bottom: 10px; }

#kriz_box .header { background: transparent url('ui/carousel/title_container.gif') no-repeat left top; height: 42px; position: relative; display: block; }

#kriz_box img { border: solid 1px #CCC; }

#kriz_box .subtitle { position: relative; height: 30px; width: 180px; margin: 0 auto; border-bottom: solid 1px #a8a8a8; }

#kriz_box .header h3 { font-family: Tahoma, Verdana, arial, sans-serif; font-size: 11px; font-weight: bold; color: #fff; line-height: 18px; position: relative; padding: 0 0 0 1.5em; margin: 0; }
#kriz_box .header h3 a { color: #fff; text-decoration: none; }
#kriz_box .header h3 a:hover { text-decoration: underline; }

/* next / prev buttons */
.steppers { position: absolute; left: 0px; top: 7px; }
a.prev, a.next { background-image: url('ui/carousel/steppers.gif'); background-repeat: no-repeat; display: block; float: left; width: 23px; height: 16px; cursor: pointer; }

a.prev { background-position: 0 0; }

a.prev:hover { background-position: 0 -16px; }

a.next { background-position: -23px 0; }

a.next:hover { background-position: -23px -16px; }

a.prev:active { background-position: 0 -32px; }
a.next:active { background-position: -23px -32px; }

/* container for the scrollable items */
div.items { width: 180px !important; margin: 10px; height: 230px; }

/* single item */

div.items div.item { width: 180px; display: block; float: left; font-size: 11px; font-family: Tahoma; color: #666; }
/*
 *	thubmnail icon with header and links
 */
div.items .thumbnail { float: left; margin: .5em .5em 0 0; }
div.items .excerpt { width: 115px; float: left; }

/*
 *	standart typography tags
 */
div.items h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0152c7; padding: 0 0 5px 0; margin: 0; }

div.items h3 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0152c7; }

div.items h4 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-top: solid 1px #ccc; padding: 5px 0 0 0; margin: .5em 0; font-weight: bold; color: #0152c7; }
div.items .item { position: relative; }

div.item .tag { top: 0; right: 4px; color: #000; opacity: .8; filter: alpha(opacity = 80); zoom: 1; background: transparent url('ui/carousel/tag.gif') no-repeat right top; padding-right: 32px; height: 28px; font-weight: bold; line-height: 15px; text-align: left; border-bottom: solid 1px #000; text-indent: -9999px; }
div.item h3.masthead { position: absolute; left: 0; top: 96px; }
div.item h3.masthead-long { /* eger uzun satır olursa */ position: absolute; left: 0px; top: 58px; }
div.item h3.masthead-top { /* eger uzun satır olursa */ position: absolute; left: 0px; top: 0px; }
div.item h3.masthead a, div.item h3.masthead-long a, div.item h3.masthead-top a { background: #fff; padding: .1em; opacity: .7; filter: alpha(opacity = 70); zoom: 1; line-height: 20px; }


div.items a { color: #1943A8; text-decoration: none; }
div.items a:hover { color: #000; text-decoration: underline; }
div.items a.baslik { color: #72b618; font-weight: bold; text-decoration: underline; }
div.items a.baslik:hover { color: #72b618; font-weight: bold; text-decoration: none; }
div.items img { margin-bottom: .5em; }
div.items p { font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 0; }
div.items ul { padding: .5em 0; margin: 0; list-style-type: none; }
div.items ul li { line-height: 1em; margin: 0; }
div.items ul li p.title { background: url('ui/carousel/bullet.gif') no-repeat 0 3px; padding-left: 15px; }


div.items ul li p { padding: 0 0 4px; }
div.items ul li p.caption { padding: 0 0 8px 15px; }

div.items ul a { }


/* navigator */
div.navi { position: absolute; right: 0px; top: 8px; width: 60px; height: 20px; }

/* items inside navigator */
div.navi span { width: 9px; height: 9px; float: left; margin: 3px; display: block; cursor: pointer; background: url('ui/carousel/navi.gif') no-repeat -9px 0; }
div.navi span:hover { background-position: -18px 0; }
div.navi span.active { background-position: 0 0; }