/******* Control your Forum width here. *******/
#widthControl{width:940px; min-width:760px; margin:0 auto; padding:0 0 20px 0}

/* Normal, standard links. */
a:link{ color:#black;  text-decoration:none}
a:visited{ color:#black;  text-decoration:none}
a:hover
{
	text-decoration: none;
	background-image:url('images/link-back.gif');
	position: relative; top: 0.0px; left: 1.0px;
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited{ color:#000;  font-weight; 700;  font-family:Segoe UI,Lucida Grande;  text-decoration:none}
a.nav:hover{ color:#666;  font-weight; 700;  text-decoration:underline}

/* Tables should show empty cells. */
table{ empty-cells:show}

/* By default (td, body..) use verdana in black. */
body, td, th, tr{ line-height:130%;       font-family: "Comic Sans MS";  color:#323232;  font-size:14px}

/* The main body of the entire forum. */
body
{
	 background: #0E0E0E url(images/arkaplan.jpg) 0 0 repeat-x;
     font-family: "Comic Sans MS";
	 margin: 25px 0 25px 0;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button, option{ color:#000;  font-family:verdana,sans-serif}
input, button{ font-size:small;  margin:1px}
input, textarea{ background:#fff;  font-size:small;  border:solid 1px #000}
input:focus{ background:#fff}
textarea{ font-family:verdana,sans-serif}

/* All input elements that are checkboxes or radio buttons. */
input.check{}

/* Selects are a bit smaller, because it makes them look even better 8). */
select{ border:solid 1px #303030;  background:#fff;  font-size:small;  font-weight:normal;  color:#000;  font-family:verdana,sans-serif}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor{ height:1px;  border:0;  color:#757575;  background-color:#757575}

/* No image should have a border when linked */
a img{border:0}

/* A quote, perhaps from another post. */
.quote
{
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #95a0b9;
	margin: 2px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.4em;
}
/* A code block - maybe even PHP ;). */
.code
{
	color: #3d4a64;
	background-color: #ffffff;
	font-family: "courier new", "times new roman", monospace;
	font-size: 11px;
	line-height: 3.6em;
	/* Put a nice border around it. */
	border: 1px solid #95a0b9;
	margin: 1px auto 1px auto;
	padding: 1px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #000000;
	border: 1px solid #95a0b9;
	margin: 2px;
	padding: 1px;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help{ cursor:help}
/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction{ color:#F00}

/* The main post box - this makes it as wide as possible. */
.editor{ width:96%}

/* Highlighted text - such as search results. */
.highlight{ background-color:#FFF000;  font-weight:700;  color:#000}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
	
	color: #000000;
	font-family: "Comic Sans MS";
	background: #ECECEC url(images/windowbg.jpg) 0 0 repeat-x;
     border-top: 2px solid #C8C8C8;
	     border-right: 2px solid #C8C8C8;
	     border-bottom: 2px solid #C8C8C8;

}
.windowbg: hover, #preview_body: hover
{
	color: #000000;
	background-color: blue;
}

.windowbg2
{
	     border-top: 2px solid #C8C8C8;
	     border-right: 2px solid #C8C8C8;
	     border-bottom: 2px solid #C8C8C8;

	color: #000000;
	background: #ECECEC url(images/windowbg.jpg) 0 0 repeat-x;
}
.windowbg3
{
	     border-top: 2px solid #C8C8C8;
	     border-right: 2px solid #C8C8C8;
	     border-bottom: 2px solid #C8C8C8;

	color: #000000;
	background: #ECECEC url(images/windowbg.jpg) 0 0 repeat-x;
}

/* the today container in calendar */
.calendar_today{font-weight:800; font-style:italic; color:#333; background:#f3f3f3; text-align:center}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
	color: black;
	font-style: normal;
	background: url(images/titlebg.jpg) #E2E2E2 repeat-x;
	border-bottom: solid 1px #F9F9F9;
	border-top: solid 1px #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
	font-weight: bold;
	color: black;
	font-style: normal;
}

.titlebg a:hover
{
	color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
	color: black;
	font-style: normal;
	text-decoration: underline;
}

.titlebg2 a:hover
{
	text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg, tr.catbg td, .catbg3, tr.catbg3 td{	background:url(./images/catbg.png) #619600 repeat-x;	 color:#FFF;	 padding-left:20px;	 padding-right:10px;	 line-height:20px}
.catbg2, tr.catbg2 td{	background:url(./images/catbg.png) #619600 repeat-x;  color:#FFF;  padding-left:10px;  padding-right:10px;  line-height:20px}
.catbg, .catbg2, .catbg3{}
.catbg, .catbg2{ color:#FFF;  font-weight:bold}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited{ color:#FFF;  font-size:95%;  text-decoration:none}
.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited{ color:#FFF;  text-decoration:none}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover{ color:#FFF;  text-decoration:underline}
.catbg5, tr.catbg5 td{	
 background:url(./images/catbg.jpg) #0e0e0e repeat-x; 
 color:#FFF;
 padding-left:110px;  
 padding-right:10px; 
 line-height:34px}
 .catbg5, tr.catbg5 td, .catbg5 a:link, .catbg5 a:visited{ color:#FFF; font-weight:bold; font-size:95%;  text-decoration:none}



/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor{color:#000;}
/* This is used on tables that should just have a border around them. */
.tborder{ color:#000;  background:#0080fe border:1px solid #666}

/* Default font sizes:small (8pt), normal (10pt), and large (14pt). */
.smalltext{ font-size:90%;    font-weight:bold;	 
 font-family:"Comic Sans MS"}
.middletext{ line-height:18px;  text-indent:10px}
.normaltext{ font-size:small}
.largetext{ font-size:large}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage{ width:100%;  overflow:auto;  line-height:1.3em}
/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here; ). */
.signature{ width:100%;  overflow:auto;  padding-bottom:3px;  line-height:1.3em}

/* Sometimes there will be an error when you post */
.error{ color:#F00}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .mirrortab_first{ display:none}
.maintab_last, .mirrortab_last{ display:none}
.maintab_active_first, .mirrortab_active_first{ display:none}
.maintab_active_last, .mirrortab_active_last{ display:none}

/* how links behave in main tab. */
.maintab_back a, .mirrortab_back a{ padding:5px;  display:block;  color:#333;  text-decoration:none;  font-size:10px;  text-transform:uppercase;  font-family:tahoma,sans-serif;  margin-right:1px}
.maintab_active_back a, .mirrortab_active_back a{ padding:5px;  background:#ccc;  display:block;  color:#333;  text-decoration:none;  font-size:11px;  margin-right:1px}
.maintab_back a:hover, .maintab_back a.chosen:hover, .maintab_back a.chosen, .mirrortab_back a:hover, .mirrortab_back a.chosen:hover, .mirrortab_back a.chosen{ color:#000;  background:#eee}
.maintab_active_back a:hover, .maintab_active_back a.chosen:hover, .maintab_active_back a.chosen, .mirrortab_active_back a:hover, .mirrortab_active_back a.chosen:hover, .mirrortab_active_back a.chosen{ color:#000;  background:#fefefe}

html{ height:100%;  margin-bottom:1px}

/* The AJAX notifier */
#ajax_in_progress{	
   background:#0073dc;	
   color:white;	 
   text-align:center;	
   font-weight:bold;	 
   font-size:18pt;
   padding:3px;
   width:100%;	
   position:fixed;	 
   top:0;	
   left:0
   }

#header{	
  position:relative;	 
  height:157px;	 
  overflow:hidden;	 
  background:transparent url(./images/img/header.jpg) 0 0 repeat-x
  }

#logo{	

   position:absolute;	
   display:block;	 
   margin-left: 30px;
   width:607px;	
   height:155px;	
   background:url(./images/logo.png) no-repeat
  }

#userarea{
   float:right; 
   font-size:12px; 
   color:#0073dc; 
   font-family:"Comic Sans MS"; 
   text-align:right; 
   padding-top:35px; 
   padding-right:10px
   }

#userarea ul{ 
  padding:0; 
  margin:0; 
  list-style:none
  }

#userarea a:link, #userarea a:visited{
 color:#3C9D00
 }

#userarea a:hover{ 
text-decoration:underline
}

.loginput{
 background:#237A7B; 
 border:solid 1px #999
 }

.logbutton{ 
   background:#237A7B; 
   color:#eee; 
   border:solid 1px #999; 
   clear:both
   }

/* template menu */
#menutabs{	
   height:100px;	
   color:#aaa;	
   border:2px solid:#FFF;	
   font-size:12px;	
   background: #FFF}

#mainarea{	
    padding:10px;	
    margin:0;	
    background:#FFF url(./images/img/repeat.gif) 0 0 repeat-x}

#footerarea{	
 text-align:center;	
 color:#0073dc;	
 padding-top:15px;	
 font-family:Segoe UI,Lucida Grande;	
 font-size:11px}

#footer{	
   background:#FFF;  
   height:105px; 
   overflow:hidden
 }
 
#footerarea a:link, #footerarea a:visited
{
 color:#3C9D00
 }
#footerarea a:hover{
 color:#3C9D00;
 text-decoration:underline
   }
   

.duyuru
{
	color: #fff;
	font-style: normal;
	background: url(images/english/news.jpg) repeat-x;
	height: 35px;
}
/* Yeni Üye Giris Paneli by Hoochie Coochie Man and Powered by YooTheme  */ 
span.quick span.yoo-login span.login { 
	height: 20px; 
	width: 500px; 
	font-size: 100%; 
} 

span.quick span.yoo-login span.login .username, 
span.quick span.yoo-login span.login .password, 
span.quick span.yoo-login span.login .login-button-text, 
span.quick span.yoo-login span.login .login-button-icon, 
span.quick span.yoo-login span.login .lostpassword, 
span.quick span.yoo-login span.login .activatecode, 
span.quick span.yoo-login span.login .registration, 
span.quick span.yoo-login span.logout .greeting, 
span.quick span.yoo-login span.logout .logout-button-text, 
span.quick span.yoo-login span.logout .logout-button-icon { 
	padding-right: 5px; 
	float: right; 
} 

span.quick span.yoo-login span.login .username input, span.quick span.yoo-login span.login .password input { 
	width: 70px; 
	height: 16px; 
	padding: 4px 0px 0px 30px; 
	border: none; 
	outline: none; 
	float: left; 
	color: #646464; 
	font-size: 75%; 
} 

span.quick span.yoo-login span.login .username input { 
	background: url('images/username_bg.png') no-repeat 0 0; 
} 

span.quick span.yoo-login span.login .password input { 
	background: url('images/password_bg.png') no-repeat 0 0; 
} 

span.quick span.yoo-login span.login .username input:hover, span.quick span.yoo-login span.login .username input.sfhover { 
	background: url('images/username_bg.png') no-repeat 0 -20px; 
	color: #000000 
} 

span.quick span.yoo-login span.login .password input:hover, span.quick span.yoo-login span.login .password input.sfhover { 
	background: url('images/password_bg.png') no-repeat 0 -20px; 
	color: #000000 
} 

span.quick span.yoo-login span.login .username input:focus, span.quick span.yoo-login span.login .username input.sffocus { 
	background: url('images/username_bg.png') no-repeat 0 -20px; 
	color: #000000 
} 

span.quick span.yoo-login span.login .password input:focus, span.quick span.yoo-login span.login .password input.sffocus { 
	background: url('images/password_bg.png') no-repeat 0 -20px; 
	color: #000000 
} 

span.quick span.yoo-login span.login .login-button-text button { 
	margin-top: -1px; 
	cursor: pointer; 
} 

span.quick span.yoo-login span.login .login-button-icon button { 
	display: block; 
	height: 20px; 
	width: 21px; 
	padding: 0px; 
	border: medium none; 
	background: url('images/login_button_bg.png') no-repeat 0 0; 
	cursor: pointer; 
	overflow: hidden 
} 

span.quick span.yoo-login span.login .login-button-icon button:hover, span.quick span.yoo-login span.login .login-button-icon button.sfhover  { 
	background: url('images/login_button_bg.png') no-repeat 0 -20px; 
} 

span.quick span.yoo-login span.login .lostpassword a, span.quick span.yoo-login span.login .activatecode a, span.quick span.yoo-login span.login .registration a { 
	display: block; 
	height: 20px; 
	width: 25px; 
	cursor: pointer; 
	overflow: hidden; 
} 

span.quick span.yoo-login span.login .lostpassword a  { 
	background: url('images/lost_password_bg.png') no-repeat 0 0px; 
} 

span.quick span.yoo-login span.login .activatecode a  { 
	background: url('images/activatecode.png') no-repeat 0 0px; 
} 

span.quick span.yoo-login span.login .registration a  { 
	background: url('images/registration_bg.png') no-repeat 0 0px; 
}
.mesajalan
{
border: 3px solid green;
padding: 0px; 
	margin: 1px; 
	}
	
.profil
{
padding-left: 8px;
padding-top: 5px;
padding-bottom: 5px;
border : 2px solid green; 
margin: 0px;
background-color: #FFFFFF;	
font-family:Arial, Helvetica, sans-serif;
}
.protablo1
{
     border-right: 1px solid #FFFFFF;
     border-top: 1px solid #FFFFFF;
    padding: 3px 3px 3px 3px;
}
.protablo2
{
    border: 1px solid green;
    background-color: #EDEDED;
    margin-top: 2px;
}