/*--------------------------------------------------------------
        START BOXES 
--------------------------------------------------------------*/

.box {
	margin-bottom: 13px;
}

.box .title,
.box .title .inner,
.box .title .inner h2,
.box .title .inner h2 span,
.box .title .inner h2 a  {
		background: transparent url(../images/box_titles.png) no-repeat -999px -999px;
		height: 31px;
}

	.box .title {
		background-position: 0 0;
		padding-left: 5px;
	}
	
		.box .title .inner {
			background-position: right top;
			padding-right: 5px;
		}
		
			.box .title .inner h2 {
				background-position: 0 -50px;
				display: inline-block;
				height: 27px;
				margin: 5px 5px 0;
				padding-left: 5px;
			}
			
				.ie6 .box .inner h2, .ie7 .box .inner h2 { float: left; }
			
				.box .title .inner h2 span, .box .title .inner h2 a {
					background-position: right -50px;
					display: inline-block;
					height: 27px;
					padding: 0 20px 0 15px;
				}
					.ie6 .box .inner h2 span, .ie6 .box .title .inner h2 a { float: left; }

					.haberyorumlariright
					{
					font-size: 12px; float:right; clear:both; height:32; padding-top:9px; margin-right: 4px;   
					}
					
			.box .title .inner .right {
				display: inline;
				float: right;
				height: 32px;
				line-height: 33px;
				margin-right: 4px;
			}
			
				.box .title .inner .right a {
					color: #757575;
					display: block;
					float: right;
					font-weight: normal;
					text-align: right;
				}
				
					.box .title .inner .right a.arrow {
						background: url(../images/box_arrows_sprite.png) no-repeat right 8px;
						padding-right: 23px;
					}
				
					.box .title .inner .right a:hover {
						color: #c00 !important;
					}
			
	.box .content {
		background-position: left bottom;
		background-repeat: no-repeat;
		padding-left: 5px;
	}
		.box .content .inner {
			background-position: right bottom;
			background-repeat: no-repeat;
			padding: 10px 10px 14px 5px;
			position: relative;
		}
		
	.box .bottomLinks {
		/*background: url(../images/dot_ccc.gif) repeat-x left top;*/
		border-top: 1px solid #cfcfcf;
		color: #999;
		padding-top: 8px;
		text-align: center;
	}
	
		.box .bottomLinks .seperator {
			margin: 0 15px;
		}
		
		.bottomLinks .arrow, .moreLink .arrow {
			background: url(../images/box_arrows_sprite.png) no-repeat right -50px;
			padding: 1px 23px 2px 0;
		}
	
	.box .moreLink {
		background: transparent url(../images/moreLink_bg.png) no-repeat left top;
		float: right;
		margin: 2px 0 -4px;
		padding: 8px 0 8px 20px;
		text-align: right;
	}
	
		.box .moreLink.noBG {
			background: transparent;
			padding-left: 0;
		}
		
	.box:before, .box:after,
	.box .inner:before, .box .inner:after,
	.newsList ul.barView li:before, .newsList ul.barView li:after,
	.box .moreLink:before, .box .moreLink:after { content: ""; display: table; }
	
	.box:after,
	.box .inner:after,
	.newsList ul.barView li:after,
	.box .moreLink:after { clear: both; }
	
	.box,
	.box .inner,
	.newsList ul.barView li,
	.box .moreLink { zoom: 1; }
	
	/** BOX STYLES **/
	
	.box.boxWhite .title {
		background-position: 0 0;
	}
	
		.box.boxWhite .title .inner {
			background-position: right top;
		}
		
			.box.boxWhite .title .inner h2 {
				background-position: 0 -50px;
			}
			
				.box.boxWhite .title .inner h2 span, .box.boxWhite .title .inner h2 a {
					background-position: right -50px;
				}
			
				.box.boxWhite .title .inner .right a {
					color: #757575;
				}
				
					.box.boxWhite .title .inner .right a.arrow {
						background-position: right 8px;
					}
			
	.box.boxWhite .content, .box.boxWhite .content .inner {
		background-color: #f9f9f9;
		background-image: url(../images/box_white_bg.png);
	}
	
	/** Blue **/
	
	.box.boxBlue .title {
		background-position: 0 -100px;
	}
	
		.box.boxBlue .title .inner {
			background-position: right -100px;
		}
		
			.box.boxBlue .title .inner h2 {
				background-position: 0 -150px;
			}
			
				.box.boxBlue .title .inner h2 span, .box.boxBlue .title .inner h2 a {
					background-position: right -150px;
				}
			
				.box.boxBlue .title .inner .right a {
					color: #757575;
				}
				
					.box.boxBlue .title .inner .right a.arrow {
						background-position: right -42px;
					}
			
	.box.boxBlue .content, .box.boxBlue .content .inner {
		background-color: #f5f9fb;
		background-image: url(../images/box_blue_bg.png);
	}
	
	/** Dark Blue **/
	
	.box.boxDarkBlue .title {
		background-position: 0 -570px;
	}
	
		.box.boxDarkBlue .title .inner {
			background-position: right -570px;
		}
		
			.box.boxDarkBlue .title .inner h2 {
				background-position: 0 -626px;
			}
			
				.box.boxDarkBlue .title .inner h2 span, .box.boxDarkBlue .title .inner h2 a {
					background-position: right -626px;
				}
			
				.box.boxDarkBlue .title .inner .right a {
					color: #757575;
				}
				
					.box.boxDarkBlue .title .inner .right a.arrow {
						background: url(../images/box_icons.png) no-repeat right -94px;
					}
			
	.box.boxDarkBlue .content, .box.boxDarkBlue .content .inner {
		background-color: #e4f1f8;
		background-image: url(../images/box_dark_blue_bg.png);
	}
	
	/** Red **/
	
	.box.boxRed .title {
		background-position: 0 -200px;
	}
	
		.box.boxRed .title .inner {
			background-position: right -200px;
		}
		
			.box.boxRed .title .inner h2 {
				background-position: 0 -250px;
				color: #c00;
			}
			
				.box.boxRed .title .inner h2 span, .box.boxRed .title .inner h2 a {
					background-position: right -250px;
					color: #c00;
				}
				
					.box.boxRed .title .inner h2 a:hover { color: #000; }
			
				.box.boxRed .title .inner .right a {
					color: #fff;
				}
					.box.boxRed .title .inner .right a:hover {
						color: #fff !important;
						text-decoration: underline !important;
					}
					
					.box.boxRed .title .inner .right a.arrow {
						background-position: right -92px;
					}
			
	.box.boxRed .content, .box.boxRed .content .inner {
		background-color: #FCE9E9;
		background-image: url(../images/box_red_bg.png);
	}
	
	/** Yellow **/
	
	.box.boxYellow .title {
		background-position: 0 -300px;
	}
	
		.box.boxYellow .title .inner {
			background-position: right -300px;
		}
		
			.box.boxYellow .title .inner h2 {
				background-position: 0 -350px;
			}
			
				.box.boxYellow .title .inner h2 span, .box.boxYellow .title .inner h2 a {
					background-position: right -350px;
				}
			
				.box.boxYellow .title .inner .right a {
					color: #757575;
				}
				
					.box.boxYellow .title .inner .right a.arrow {
						background: url(../images/box_icons.png) no-repeat right -42px;
					}
			
	.box.boxYellow .content, .box.boxYellow .content .inner {
		background-color: #fffaf2;
		background-image: url(../images/box_yellow_bg.png);
	}
	
	/* Dark Gray */
	
	.box.boxDarkGray .title {
		background-position: 0 -462px;
	}
	
		.box.boxDarkGray .title .inner {
			background-position: right -462px;
		}
		
			.box.boxDarkGray .title .inner h2 {
				background-position: 0 -519px;
				color: #fff;
			}
			
				.box.boxDarkGray .title .inner h2 span, .box.boxDarkGray .title .inner h2 a {
					background-position: right -519px;
					color: #fff;
				}
				
					.box.boxDarkGray .title .inner h2 a:hover {
						color: #ff6 !important;
					}
			
				.box.boxDarkGray .title .inner .right a {
					color: #fff;
					font-weight: normal;
				}
					
					.box.boxDarkGray .title .inner .right a:hover {
						color: #ff6 !important;
					}
				
					.box.boxDarkGray .title .inner .right a.arrow {
						background: url(../images/box_icons.png) no-repeat right -42px;
					}
			
	.box.boxDarkGray .content, .box.boxDarkGray .content .inner {
		background-color: #A1A1A1;
		background-image: url(../images/box_darkgray_bg.png);
	}
	
	/** Local News **/
	
	.box.boxLocalNews {
		background: #7a7a7a url(../images/box_localnews_bg.png) no-repeat 0 0;
		display: inline-block;
		float: left;
		margin-bottom: 13px;
		overflow: hidden;
		text-align: center;
		width: 100px;
	}
	
		.box.boxLocalNews h2 {
			height: 30px;
			text-indent: -999px;
		}
		
		.box.boxLocalNews a {
			color: #fff !important;
			line-height: 15px;
		}
			.box.boxLocalNews a:hover {
				color: #ff6 !important;
			}
		
		.box.boxLocalNews .content {
			height: 282px;
			overflow: hidden;
			padding: 10px;
		}
		
			.box.boxLocalNews .content ul {
				background: transparent url(../images/box_localnews_sprite.png) no-repeat 0 top;
				list-style: none;
				margin: 0;
				padding-top: 2px;
				width: 80px;
			}
				
				.box.boxLocalNews .content ul li {
					background: transparent url(../images/box_localnews_sprite.png) no-repeat 0 bottom;
					padding: 0 0 7px 0;
					margin-bottom: -5px;
					text-align: left;
				}
				
					.box.boxLocalNews .content ul li a {
						background: transparent url(../images/box_localnews_sprite.png) no-repeat -100px 5px;
						display: block;
						padding: 1px 0 2px;
						text-indent: 8px;
					}
					
						.ie6 .box.boxLocalNews .content ul li a { padding: 1px 0 1px; }
						
						.box.boxLocalNews .content ul li a:hover {
							background-position: -200px 5px;
						}
						
		.box.boxLocalNews .bottom {
			background: transparent url(../images/box_localnews_bg.png) no-repeat right bottom;
			height: 30px;
			padding: 5px 10px 0 0;
			text-align: right;
		}
		
	/** Haber365 **/
	
	.box.boxHaber365 {
		margin: 14px 0 13px;
	}
	
		.box.boxHaber365 .title .inner {
			height: 25px;
			padding: 6px 5px 0 0;
			text-align: center;
		}
		
		.box.boxHaber365 .content .inner {
			padding-bottom: 19px;
		}
		
			.box.boxHaber365 ul.genericList {
				border: none;
			}
			
				.box.boxHaber365 ul.genericList li {
					background-position: 0 7px;
					padding: 3px 0 6px 9px;
				}
				
	/** Weather Summary **/
	
	.box.boxWeatherSummary {}
	
		.box.boxWeatherSummary .icon {
			left: 8px;
			position: absolute;
			top: 15px;
			width: 87px;
		}
		
		.box.boxWeatherSummary .content, .box.boxWeatherSummary .content .inner {
			background-color: #f5f9fb;
			background-image: url(../images/box_blue_bg.png);
		}
		
			#rightBlock .box.boxWeatherSummary .icon {
				left: 18px;
			}
				
			#rightBlock .box.boxWeatherSummary .content, #rightBlock .box.boxWeatherSummary .content .inner {
				background-color: #e4f1f8;
				background-image: url(../images/box_dark_blue_bg.png);
			}
		
		.box.boxWeatherSummary .data {
			margin: 0 0 6px 115px;
		}
			
			.box.boxWeatherSummary li {
				color: #000;
				font-size: 13px;
				margin-bottom: 5px;
			}
			
			.box.boxWeatherSummary .temperature,
			.box.boxWeatherSummary .info {
				color: #c00;
				font-weight: bold;
				margin-bottom: 0;
			}
			
			.box.boxWeatherSummary .temperature {
				font-size: 30px;
				line-height: 40px;
			}
			
			.box.boxWeatherSummary .info {
				font-size: 15px;
				margin-bottom: 10px;
			}
	
	/** Weather Detail **/
	
	.box.boxWeatherDetail {}
	
		.box.boxWeatherDetail .icon {
			left: 8px;
			position: absolute;
			top: 15px;
			width: 100px;
		}
			
		.box.boxWeatherDetail .temperature {
			color: #c00;
			font-size: 19px;
			font-weight: bold;
			margin-left: 124px;
		}
	
			.box.boxWeatherDetail .temperature strong {
				font-size: 30px;
				line-height: 40px;
				margin-bottom: 1px;
			}
			
		.box.boxWeatherDetail table.data {
			float: left;
			margin-left: 115px;
		}
		
			.box.boxWeatherDetail table th {
				background: transparent;
				border: none;
				border-top: 1px solid #ccc;
				color: #666;
				font-size: 17px;
				font-weight: normal;
				line-height: 25px;
				padding: 5px 0 4px 0;
				width: 152px;
			}
			
				.box.boxWeatherDetail table th span {
					float: right;
				}
			
			.box.boxWeatherDetail table td {
				border: none;
				border-top: 1px solid #ccc;
				font-size: 19px;
				font-weight: bold;
				padding-left: 7px;
			}
			
				.box.boxWeatherDetail table td span {
					background: url(../images/icons_sprite.png) no-repeat -999px -999px;
					color: #666;
					font-size: 12px;
					font-weight: normal;
					padding-left: 24px;
				}
				
					.box.boxWeatherDetail table td span.up { background-position: 3px -148px; }
					.box.boxWeatherDetail table td span.down { background-position: 3px -227px; }
		
		.box.boxWeatherDetail table.extraData {
			float: left;
			margin-left: 10px;
		}
		
			.box.boxWeatherDetail table.extraData th {
				width: 90px;
			}
			
			.box.boxWeatherDetail table td .meter {
				background: #fff;
				border: 1px solid #ccc;
				display: block;
				float: right;
				height: 6px;
				margin: 2px 15px 0 0;
				padding: 1px;
				width: 101px;
			}
			
				.box.boxWeatherDetail table td .meter span {
					border-top: 3px solid #f00;
					border-bottom: 3px solid #c00;
					display: block;
					float: left;
					height: 0;
					overflow: hidden;
				}
						
	/** Prayer Summary **/
	
	.box.boxPrayer {}
		
		.box.boxPrayer .content, .box.boxPrayer .content .inner {
			background-color: #f5f9fb;
			background-image: url(../images/box_prayer_small_bg.png);
		}
		
			.box.boxPrayerDetail .content, .box.boxPrayerDetail .content .inner {
				background-color: #f5f9fb;
				background-image: url(../images/box_prayer_bg.png);
			}
		
			.box.boxPrayer .content ul {
				
			}
			
			.box.boxPrayer .content li {
				color: #9e0b0f;
				float: left;
				font-size: 12px;
				font-weight: bold;
				height: 40px;
				line-height: 10px;
				text-align: center;
				width: 16%;
			}
			
				.box.boxPrayer .content li strong {
					color: #00428d;
					display: block;
					font-size: 14px;
					margin-top: 8px;
				}
				
		.boxPrayer .moreLink {
			background: transparent;
		}
		
			.boxPrayer .moreLink a {
				color: #00418c;
			}
		
				.boxPrayer .moreLink a:hover {
					color: #c00;
				}
				
	.box.boxPrayerSummary .content, .box.boxPrayerSummary .content .inner {
		background-color: #f5f9fb;
		background-image: url(../images/box_blue_bg.png);
	}
	
		.box.boxPrayerSummary table {
			margin: -4px 0 -5px;
		}
			
			.box.boxPrayerSummary table th {
				font-weight: normal;
				padding: 0;
				text-align: left;
				width: 85px;
			}
			
			.box.boxPrayerSummary table td {
				padding: 5px 0 6px 0;
				line-height: 16px;
				text-align: center;
			}
			
				.box.boxPrayerSummary table td strong {
					color: #00408C;
				}
	
.box.boxPrayerDetail {
	margin-bottom: 14px;
}
	
	.box.boxPrayerDetail table {
		font-size: 15px;
		font-weight: bold;
		margin: 10px auto 50px;
		text-align: center;
	}
	
		.box.boxPrayerDetail table td {
			background: url(../images/prayerTime_bg.png) no-repeat center top;
			border: none;
			height: 60px;
			line-height: 16px;
			padding: 10px 20px 0;
			text-align: center;
			vertical-align: top;
			width: 70px;
		}
		
			.box.boxPrayerDetail table td strong {
				color: #c00;
				display: block;
				font-size: 21px;
				margin-top: 5px;
			}
			
	.box.boxPrayerList table {
		color: #666;
		font-size: 15px;
	}
		.box.boxPrayerList table td {
			padding-left: 0;
			text-indent: 10px;
		}
		
			.box.boxPrayerList table td.tac {
				text-indent: 0;
			}	
	/** Finance Summary **/
	
	.box.boxFinanceSummary {
		color: #999;
		font-size: 25px;
		font-weight: bold;
	}

		.box.boxFinanceSummary .content strong {
			color: #00408c;
			font-size: 30px;
		}
		
		.box.boxFinanceSummary .content .data {
			padding: 26px 0 34px 95px;
		}
		
			.box.boxFinanceSummary .content .data.financeDataUSD {
				background: url(../images/finance/usd.png) no-repeat -15px -10px;
			}
			.box.boxFinanceSummary .content .data.financeDataEUR {
				background: url(../images/finance/eur.png) no-repeat 0 -10px;
			}
			.box.boxFinanceSummary .content .data.financeDataALTIN {
				background: url(../images/finance/altin.png) no-repeat 0 -10px;
			}

			.box.boxFinanceSummary .content .data.financeDataMarket {
				background: url(../images/finance/market.png) no-repeat -5px -10px;
			}

			.box.boxFinanceSummary .content .data.financeDataUSDDty {
				background: url(../images/finance/usd.png) no-repeat 40px -10px;
			}
			.box.boxFinanceSummary .content .data.financeDataEURDty {
				background: url(../images/finance/eur.png) no-repeat 40px -10px;
			}
			.box.boxFinanceSummary .content .data.financeDataALTINDty {
				background: url(../images/finance/altin.png) no-repeat 45px -10px;
			}

			.box.boxFinanceSummary .content .data.financeDataMarketDty {
				background: url(../images/finance/market.png) no-repeat 40px -10px;
			}
	
	.box.boxMoviePosters, .boxMoviePostersBar {}
	
		.box.boxMoviePosters ul, .boxMoviePostersBar ul {
			margin: 10px 5px 0;
		}
		
			.box.boxMoviePosters ul li, .boxMoviePostersBar ul li {
				border-bottom: 1px solid #ccc;
				float: left;
				height: 206px;
				margin-bottom: 23px;
				margin-right: -25px;
				padding-left: 25px;
				text-align: center;
				width: 150px;
			}
			
			.boxMoviePostersBar ul li {
				padding-left: 0;
				margin-right: 0;
			}
				
					.box.boxMoviePosters ul li a span, .boxMoviePostersBar ul li a span {
						display: block;
						margin: 0 18px 5px;
					}		
			
	.box.boxLeftBar {}
		
		.box.boxLeftBar .title .inner h2 {
			background: transparent;
			color: #797979;
			font-size: 12px;
			line-height: 13px;
			margin-top: 2px;
			padding: 0;
			text-align: center;
		}
		
		.box.boxLeftBar .citiesList ul {
			margin-right: 9px;
			width: 89px;
		}
		
			.box.boxLeftBar .citiesList ul.last {
				width: 80px;
			}
		
			.box.boxLeftBar .citiesList ul li {
				padding-bottom: 3px;
			}
			
/*--------------------------------------------------------------
        FINISH BOXES 
--------------------------------------------------------------*/



/*--------------------------------------------------------------
        START PANELS
--------------------------------------------------------------*/

.panel {
}

	.panel .top,
	.panel .bottom {
		background: url(../images/panels_sprite.png) no-repeat 0 -15px;
		display: block;
		height: 15px;
		overflow: hidden;
		position: relative;
	}
	
		.panel.panelWhite .top {
			background-position: 0 0;
		}
	
	.panel .bottom {
		background-position: 0 -30px;
		height: 22px;
	}
	
		.panel .top span,
		.panel .bottom span {
			background: url(../images/panels_sprite.png) no-repeat right -15px;
			display: block;
			height: 15px;
			position: absolute;
			right: 0;
			width: 15px;
		}
		
			.panel.panelWhite .top span {
				background-position: right 0;
			}
		
		.panel .bottom span {
			background-position: right -30px;
			height: 22px;
		}
		
	.panel .inner {
		background: url(../images/panels_sprite.png) no-repeat 0 -52px;
		border: 1px solid #e9e9e9;
		border-bottom: none;
		border-top: none;
		padding: 0 15px;
		position: relative;
	}
	
		.panel.panelWhite .inner {
			background: #fff;
		}
	
		.panel .inner h1, .panel .inner h2 {
			background: url(../images/panelTitle_shadow.png) no-repeat right bottom;
			float: left;
			font-size: 27px;
			line-height: 32px;
			padding: 0 25px 3px 0;
		}
		
			.panel .inner h2 {
				color: #000;
				font-size: 21px;
				line-height: 24px;
				padding: 0 20px 6px 0;
			}
		
		.panel .inner .right {
			background: url(../images/panelExtra_shadow.png) no-repeat 0 0;
			color: #999;
			float: right;
			line-height: 23px;
			padding: 0 0 4px 20px;
		}
		
			.panel .right span {
				float: left;
				line-height: 24px;
				padding-right: 3px;
			}
			
			.panel .right a {
				margin-left: 6px;
			}
		
		.panel .rating {
			background: url(../images/rating_stars.png) repeat-x top left;
			float: left;
			height: 16px;
			margin: 3px -3px 0 2px;
			overflow: hidden;
			width: 180px;
		}
		
			.panel .rating span {
				background: url(../images/rating_stars.png) repeat-x bottom left;
				display: block;
				float: left;
				height: 16px;
				padding: 0;
				text-indent: -999px;
				width: 0;
			}
			
		.panel .rating.rating_1 span { width: 18px; }
		.panel .rating.rating_2 span { width: 36px; }
		.panel .rating.rating_3 span { width: 54px; }
		.panel .rating.rating_4 span { width: 72px; }
		.panel .rating.rating_5 span { width: 90px; }
		.panel .rating.rating_6 span { width: 108px; }
		.panel .rating.rating_7 span { width: 126px; }
		.panel .rating.rating_8 span { width: 144px; }
		.panel .rating.rating_9 span { width: 162px; }
		.panel .rating.rating_10 span { width: 180px; }
		
/*--------------------------------------------------------------
        FINISH PANELS
--------------------------------------------------------------*/