﻿html,body							{margin:0;}

body 								{background:url(../i/interface/bg.jpg) #EFEFEF repeat-x top left;}

.clearfix:after 					{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

img									{border:none; border:0;}

img	a								{border:none; border:0;}

a 									{text-decoration:none; color:#C58A0B;}

.cb									{clear:both;}

a:hover 							{text-decoration:underline; color:#C58A0B;}

a:focus 							{outline:none;}

.maintext {font:normal 12px/15px Arial, Helvetica, sans-serif; color:#6B6B6B;}
.error {font:normal 11px/13px Arial, Helvetica, sans-serif; color:#F00;}
.txtfield {font:normal 12px/15px Arial, Helvetica, sans-serif; color:#6B6B6B; border:solid 1px #CCC; width:160px; padding:5px;}
.txtfield2 {font:normal 12px/15px Arial, Helvetica, sans-serif; color:#6B6B6B; border:solid 1px #CCC; width:140px; padding:5px;}
.selectfield-normal {font:normal 12px/15px Arial, Helvetica, sans-serif; color:#6B6B6B; border:solid 1px #CCC; width:110px; padding:3px;}
.selectfield-small {font:normal 12px/15px Arial, Helvetica, sans-serif; color:#6B6B6B; border:solid 1px #CCC; width:60px; padding:4px 3px;}
td { color: #A6A6A6!important; }

/* Header */

#header 							{width:970px; height:125px; margin:0; padding:0; position:relative;}

#header .logo		a				{display:block;
									 position:absolute;
									 text-indent:-9999px;
									 width:122px;									 
									 height:55px;
									 margin:0 17px 0 1px;
									 float:left;
									 background:url(../i/interface/logo-wifi.jpg) no-repeat top left;}

#header .menu						{width:651px; height:85px; top:60px; left:0px; margin:0px; padding:0; float:left; overflow:hidden; position:absolute;}

#header .satinal					{width:309px; 
									 height:42px;
									 top:39px;
									 margin:0; 
									 right:0px; 
									 padding:0; 
									 float:left;
									 font-family:Arial, Helvetica, sans-serif;
									 font-size:12px;
									 font-weight:bold;
									 position:absolute;
									 color:#A5A5A5;}

#header .anasayfa					{display:block;
									 width:53px;
									 height:20px;
									 top:0px;
									 right: 0; 
									 margin:0;
									 position:absolute; 
									 padding:0px;
									 font-family:Arial, Helvetica, sans-serif;
									 font-size:11px;
									 font-weight:bold;
									 color:#FF5B00;
									 text-decoration:underline;}

#header .anasayfa	a				{text-decoration:underline; color:#FF5B00;}

#header .satinal	.bulten			{width:305px; margin:0; padding:0;}

#header .satinal	.bulten		img	{margin:0 5px 0 3px; padding:0; float:left;}

#header .satinal	.bulten		p	{margin:0; padding:0;}

#header .satinal	.bulten		p	a	{margin:0; 
										 padding:0; 
										 float:left;
										 font-family:Arial, Helvetica, sans-serif;
										 font-size:12px;
										 font-weight:bold;
										 color:#A5A5A5;
										 text-decoration:underline;}
										 
#header .satinal	.al				{width:183px; margin:0; padding:0; margin-top:6px;}

#header .satinal	.al		img		{margin:0; padding:0;}

/* Contentler */

#main		 						{width:970px; margin:20px auto;}

#cont-main							{width:970px; margin:0; padding:0;}

#cont-main	.wrap-left				{width:9px; 
									 height:413px; 
									 margin:0; 
									 padding:0; 
									 float:left; 
									 background:url(../i/interface/cont-wrap-left.jpg) no-repeat top left;}

#cont-main	.wrap-main				{width:951px;
									 height:413px;
									 margin:0; 
									 padding:0; 
									 float:left; 
									 background:url(../i/interface/cont-wrap-main.jpg) repeat-x top left;}

#cont-main	.wrap-right				{width:10px; 
									 height:413px; 
									 margin:0; 
									 padding:0; 
									 float:left; 
									 background:url(../i/interface/cont-wrap-right.jpg) no-repeat top left;}

#cont-main	#left-nav				{width:641px; height:395px; margin:9px 10px 9px 0; padding:0; float:left;}

#left-nav	.anaflash				{width:641px; height:311px; margin:0 0 9px 0; padding:0;}

#left-nav	.haberler				{width:641px; height:75px; margin:0; padding:0; position:relative}

#left-nav	.haberler	.img-hb		{width:115px; height:75px; margin:1px 4px 0 0; padding:0; float:left;}

#cont-main	#right-nav				{width:300px; height:395px; margin:9px 0 9px 0; padding:0; float:left; position:relative;}

#right-nav	.satis-nok				{width:300px;
									 height:139px; 
									 margin:0 0 5px 0;
									 font-family:Arial, Helvetica, sans-serif;
									 font-size:12px;
									 color:#4D575D;
									 padding:0;
									 background:url(../i/interface/servis-bg.jpg) no-repeat top left;}

#right-nav	.patlangac				{position:absolute;
									 top:-27px;
									 right:4px;
									 width:82px;
									 height:84px; 
									 margin:0;
									 background:url(../i/patlangac.png) no-repeat top left;}

#right-nav	.satis-nok	.amblem		{display:block;
									 position:absolute;
									 text-indent:-9999px;
									 width:71px;									 
									 height:78px;
									 margin:-22px 17px 0 222px;
									 float:left;
									 background:url(../i/interface/ttwifi-karakter.jpg) no-repeat top left;}

#right-nav	.banner-index			{width:300px; margin:0 0 1px 0; padding:0;}

#right-nav	.select					{width:143px;
									 height:26px;
									 font-family:Arial, Helvetica, sans-serif;
									 font-size:13px;
									 font-weight:normal;
									 color:#4D575D;
									 margin:0; 
									 padding:4px 4px 1px 1px;}

#right-nav #btn_submit {
	background-image: url(../i/ui/btn_bul.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: 0 0;
	width: 142px;
	height: 23px;
	border: none;
	cursor: pointer;
}
#right-nav #btn_submit:hover {
	background-position: 0 -23px;
}

/* altsayfalar */

#container										{width:970px; margin:0; padding:0; position:relative;}

.container-servis								{width:970px; margin:0; padding:0;}

#container	.left-container						{width:652px; margin:0; padding:0; float:left;}

#container	.left-container	ol					{margin:0 0 14px 12px; 
												 padding:0;
												 font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 color: #a6a6a6;}
												 
#container	.left-container	ol	li				{margin:2px 0px 0px 20px;
												 padding:2px;
												 font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 list-style-position:outside;}
#container	.left-container	ol	li	a			{font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 text-decoration:none;}
#container	.left-container	ol	li	a:hover		{text-decoration:underline;}




#container	.left-container	ul					{margin:0 0 14px 12px; 
												 padding:0;
												 font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 color: #a6a6a6;}
												 
#container	.left-container	ul	li				{margin:2px 0px 0px 15px; 
												 padding:2px;
												 font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 list-style-position:outside;
												 list-style-type:disc;}
#container	.left-container	ul	li	a			{font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 text-decoration:none;}
#container	.left-container	ul	li	a:hover		{text-decoration:underline;}

#container	.left-container	a					{color:#FF5B00; text-decoration:underline; font-weight:bold;}

#container	.left-container	.wrap-top			{width:652px;
												 margin:0;
												 padding:0;
												 height:10px;
												 background:url(../i/interface/wrap-top.png) no-repeat top left;}

#container	.left-container	.wrap-tile			{width:612px;
												 margin:0;
												 padding:5px 20px 0 20px;
												 min-height:511px;  
												 height:auto !important;
												 height:511px;
												 background:url(../i/interface/wrap-left-tile.png) repeat top left;}

#container	.left-container	.wrap-bottom		{width:652px;
												 margin:0;
												 padding:0;
												 height:10px;
												 background:url(../i/interface/wrap-bottom.png) no-repeat top left;}

#container	.cont-nav					{width:970px; margin:0; padding:0; float:left;}

#container	.cont-nav	.wtop			{width:970px;
										 margin:0;
										 padding:0;
										 height:10px;
										 background:url(../i/interface/wtop.png) no-repeat top left;}

#container	.cont-nav	.wtile			{width:930px;
										 margin:0;
										 padding:5px 20px 0 20px;
										 min-height:511px;  
										 height:auto !important;
										 height:511px;
										 background:url(../i/interface/wtile.png) repeat top left;}

#container	.cont-nav	.wbottom		{width:970px;
										 margin:0;
										 padding:0;
										 height:10px;
										 background:url(../i/interface/wbottom.png) no-repeat top left;}

#container	.cont-nav	h1				{font-family:Arial, Helvetica, sans-serif;
										 font-size:15px;
										 width:925px;
										 height:30px;
										 font-weight:bold;
										 color:#FD7526;
										 line-height:22px;
										 padding:0;
										 margin:0 0 14px 0;
										 border-bottom:solid 1px #FD7525;}

#container	.left-container	p					{font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 color: #a6a6a6;
												 line-height:17px;
												 margin:0 0 16px 0;}

#container	.left-container	p.iletisim			{font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 color: #a6a6a6;
												 line-height:17px;
												 margin:0 0 3px 0;}

#container	.left-container	span				{font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 color: #a6a6a6;
												 line-height:15px;
												 margin:0;}

#container	.left-container	em					{font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 font-style:italic;
												 color: #2D2D2D;
												 line-height:15px;
												 margin:0 0 16px 0;}

#container	.left-container	h1					{font-family:Arial, Helvetica, sans-serif;
												 font-size:15px;
												 width:617px;
												 height:30px;
												 font-weight:bold;
												 color:#666;
												 line-height:22px;
												 padding:0;
												 margin:0 0 14px 0;
												 border-bottom:solid 1px #666;}

#container	.left-container	h2					{font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 color: #999;
												 line-height:22px;
												 padding:0;
												 margin:0 0 14px 0;}

#cont-main .container-servis	.wrap-top		{width:970px;
												 margin:0;
												 padding:0;
												 height:10px;
												 background:url(../i/interface/wrap-servis-top.jpg) no-repeat top left;}

#cont-main .container-servis	.wrap-tile		{width:930px;
												 margin:0;
												 padding:5px 20px 0 20px;
												 min-height:516px;  
												 height:auto !important;
												 height:516px;
												 background:url(../i/interface/wrap-servis-tile.jpg) repeat top left;}

#cont-main .container-servis	.wrap-bottom	{width:970px;
												 margin:0;
												 padding:0;
												 height:10px;
												 background:url(../i/interface/wrap-servis-bottom.jpg) no-repeat top left;}

#cont-main	.wrap-main2							{width:911px;
											     margin:0; 
									 	         padding:18px 27px 0 10px; 
									 			 float:left; 
												 background:url(../i/interface/cont-wrap-main.jpg) repeat-x top left;}

#cont-main	.wrap-right2						{width:10px; 
												 height:413px; 
												 margin:0; 
												 padding:0; 
												 float:left; 
												 background:url(../i/interface/cont-wrap-right2.jpg) no-repeat top left;}

#cont-main .container-servis	ul				{margin:0 0 14px 12px; 
												 padding:0;
												 font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 color: #a6a6a6;}
												 
#cont-main .container-servis 	ul	li			{margin:2px; 
												 padding:2px;
												 font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 list-style-position:outside;}
#cont-main .container-servis	ul	li	a		{font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 text-decoration:none;}
#cont-main .container-servis	ul	li	a:hover	{text-decoration:underline;}

#cont-main .container-servis	a				{color:#FF5B00; text-decoration:underline; font-weight:bold;}

#cont-main .container-servis	p				{font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 color: #a6a6a6;
												 line-height:17px;
												 margin:0 0 16px 0;}

#cont-main .container-servis	span			{font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 color: #a6a6a6;
												 line-height:15px;
												 margin:0;}

#cont-main .container-servis	em				{font-family:Arial, Helvetica, sans-serif;
												 font-size:13px;
												 font-weight:normal;
												 font-style:italic;
												 color: #2D2D2D;
												 line-height:15px;
												 margin:0 0 16px 0;}

#cont-main .container-servis	h1				{font-family:Arial, Helvetica, sans-serif;
												 font-size:15px;
												 width:930px;
												 height:30px;
												 font-weight:bold;
												 color:#FD7526;
												 line-height:22px;
												 padding:0;
												 margin:0 0 14px 0;
												 border-bottom:solid 1px #FD7525;}

#container .container-servis	h2				{font-family:Arial, Helvetica, sans-serif;
												 font-size:15px;
												 font-weight:bold;
												 color: #595959;
												 line-height:22px;
												 padding:0;
												 margin:0 0 14px 0;}




#container	.right-container					{width:318px; margin:0; padding:0; float:left;}

#container	.right-container	.wrap-top		{width:318px;
												 margin:0;
												 padding:0;
												 height:10px;
												 background:url(../i/interface/right-cont-wrap-top.jpg) no-repeat top left;}

#container	.right-container	.wrap-tile		{width:302px;
												 margin:0;
												 padding:0 8px;
												 background:url(../i/interface/right-cont-wrap-tile.jpg) repeat top left;}

#container	.right-container	.wrap-bottom	{width:318px;
												 margin:0;
												 padding:0;
												 height:10px;
												 background:url(../i/interface/right-cont-wrap-bottom.jpg) no-repeat top left;}

#container	.right-nav							{width:318px; margin:0; padding:0; position:absolute; right:0;}

#container	.right-nav	.banner1				{width:318px; 
												 height:268px; 
												 margin:0; 
												 padding:0; 
												 float:left; 
												 background:url(../i/interface/bannerTop.jpg) no-repeat top left;}

#container	.right-nav	.bannerTop				{width:300px; height:250px; margin:10px 6px 4px 8px; padding:0; }

#container	.right-nav	.banner2				{width:318px; 
											     height:268px;
												 max-height:268px;
												 margin:0; 
												 padding:0; 
												 float:left; 
												 background:url(../i/interface/bannerBottom.jpg) no-repeat top left;}

#container	.right-nav	.bannerBottom			{width:300px; height:250px; margin:7px 6px 4px 8px; padding:0; }

/* footer */
									 									 
#cont-footer						{width:960px; margin:5px 0 10px 0; height:33px; padding:0 5px; position:relative;}

#cont-footer-detay					{width:960px; margin:0 0 10px 0; height:33px; padding:0 5px; position:relative;}

#footer-logo						{width:305px; margin:0 0 0 10px; padding:0; float:left;}

#footer-logo-detay					{width:310px; margin:0 0 0 5px; padding:0; float:left;}

#footer								{position:relative; 
									 margin:0;
									 padding:0; 
									 float:left; 
									 width:645px;
									 background:url(../i/interface/footer-bg.jpg) no-repeat top left;}

.copyright2009		{				
										
									 padding-left:820px;
									 font-family:Arial, Helvetica, sans-serif;
									 font-size:10px;
									 font-weight:normal;
									 color:#A5A5A5;
									 text-decoration:none;
									 padding-bottom:10px;}

#cont-footer-detay	.copyright2009	{position:absolute;
									 right:0;
									 top:42px;
									 width:143px; 
									 margin:0; padding:0;
									 font-family:Arial, Helvetica, sans-serif;
									 font-size:10px;
									 font-weight:normal;
									 color:#A5A5A5;
									 text-decoration:none;}

#footer	ul 							{height:35px; margin:0; padding:0; background:url(../i/interface/footer-bg.jpg) no-repeat top left;}

#footer	li 							{list-style-type: none; display: inline; margin:0; padding:0; height:35px;}

#footer ul li	a					{font-family: Arial, Helvetica, sans-serif;
									 font-size:11px;
									 font-weight:normal;
									 height:23px; 
									 float: left;
									 color:#A5A5A5;
									 padding:12px 8px 0 14px;}
									 
#footer ul li.last	a				{border-right:solid 2px #F1F1F1; height:23px;}

ul#blank {
 background: none !important;
 }

								
.jcarousel-skin-ttwifi .jcarousel-container {
	background: url('../i/ui/haberler_widget/newscontainer.gif') no-repeat scroll top left;
	width: 491px;
	height: 75px;
}


.jcarousel-skin-ttwifi .jcarousel-container-vertical {
	height: 75px;
	margin: 0;
}



.jcarousel-skin-ttwifi .jcarousel-clip-vertical {
	width: 490px;
	height: 75px;
	top: 0;
}
.jcarousel-skin-ttwifi .jcarousel-list {
	margin: 0;
}

.jcarousel-skin-ttwifi {
	margin: 0;
	width:525px;
	position:absolute;
	top:0;
	left:117px;
}

.jcarousel-skin-ttwifi .jcarousel-item {
	width: 390px;
	height: 75px;
	font-size: 11px;
	font-family: Arial, Sans-Serif;
	margin: 0 0 0 89px;
	position: relative;
/*	border-bottom: solid 1px red;*/
/*	background: yellow*/
}
.jcarousel-skin-ttwifi .jcarousel-item h3 	{font-size: 13px; color: #FF5B00; border: 0px transparent none; margin:0; padding:5px 0;}
.jcarousel-skin-ttwifi .jcarousel-item h3 a {color: #FF5B00; text-decoration: none;}
.jcarousel-skin-ttwifi .jcarousel-item .thumb {
	position: absolute;
	left: -89px;
	top: 0;
}

.jcarousel-skin-ttwifi .jcarousel-item .thumb	a {
	border:0;
}
.jcarousel-skin-ttwifi .jcarousel-item p { margin: 0; padding: 0; color: #4D575D;}
.jcarousel-skin-ttwifi .jcarousel-item p a {color: #303030; text-decoration: none; line-height:17px;}
.jcarousel-skin-ttwifi .jcarousel-item p a:hover { color: #000; border-bottom: solid 1px #000; }

.jcarousel-skin-ttwifi .jcarousel-item h3 a:hover {
	color: #FF5B00;
	text-decoration:underline;
}
.jcarousel-skin-ttwifi .jcarousel-item-vertical {
	float: none;
}

.jcarousel-skin-ttwifi .jcarousel-item-placeholder {
    color: #000;
}


/**
 *  Vertical Buttons
 */
.jcarousel-skin-ttwifi .jcarousel-next-vertical {
    position: absolute;
    top: 35px;
    left: 492px;
    width: 34px;
    height: 40px;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../i/ui/haberler_widget/navigate.jpg);
    background-repeat: no-repeat;
    background-position: 0 -40px;
}

.jcarousel-skin-ttwifi .jcarousel-next-vertical:hover {
	 background-position: -34px -40px;
}

.jcarousel-skin-ttwifi .jcarousel-next-vertical:active {
    background-position: -68px -40px;
}

.jcarousel-skin-ttwifi .jcarousel-next-disabled-vertical,
.jcarousel-skin-ttwifi .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ttwifi .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: -102px -40px;
}

.jcarousel-skin-ttwifi .jcarousel-prev-vertical {
    position: absolute;
    top: 0px;
    left: 492px;
    width: 34px;
    height: 40px;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../i/ui/haberler_widget/navigate.jpg);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

.jcarousel-skin-ttwifi .jcarousel-prev-vertical:hover {
    background-position: -34px 0;
}

.jcarousel-skin-ttwifi .jcarousel-prev-vertical:active {
    background-position: -68px 0
}

.jcarousel-skin-ttwifi .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ttwifi .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ttwifi .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: -102px 0px;
}	

div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #F3F3F3;
border: 1px solid #DBDBDB;
color: #717171;
padding:5px 10px;
width: 213px;
margin-top:10px;
font:normal 11px/14px Arial, Helvetica, sans-serif;/*width of tooltip*/
}