/* -------------------------------------------------------------------------- */
/*

	Thanks even more for viewing the CSS. Another fine release from:

              888    d8P  888    d8P         .d8888b.      d8888
              888   d8P   888   d8P         d88P  Y88b    d8P888
              888  d8P    888  d8P               .d88P   d8P 888
              888d88K     888d88K    88888      8888"   d8P  888
              8888888b    8888888b   88888       "Y8b. d88   888
              888  Y88b   888  Y88b         888    888 8888888888
              888   Y88b  888   Y88b        Y88b  d88P       888
              888    Y88b 888    Y88b        "Y8888P"        888

	Greetings go to:

	mootools - http://www.mootools.net/
	Geoff Stearns - http://blog.deconcept.com/
	Eric Meyer - http://meyerweb.com/
	37 Signals - http://www.37signals.com/ - Great apps!
	ASCII Generator - http://www.network-science.de/ascii/
	Abakus, Bluetech, Carbon Based Lifeforms, etc... Great music!

*/
/* -------------------------------------------------------------------------- */

/* -------------------- */
/* General Overrides    */
/* -------------------- */

body  {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #c0ddba;
/*	background-image: url('../_img/artalanDegrade.jpg'); */
	background-repeat: repeat-x;
}

a {color: #339900; text-decoration: underline; }
a:hover {color: #66cc33; text-decoration: none; }
a:visited {color: #336600; }

h1, h2, h3 { color: #4b8b19; font-weight: bold;}
h1 { margin-top: 1em; margin-bottom: 1em; font-size: 25px; }
h2 { margin-bottom: 1em; font-size: 18px; }
h3 { color: #669900; margin-bottom: 1em; font-size: 14px;}
h4 { color: #000; margin-bottom: 1em; font-size: 13px;}
p { color: #5d5d5d; margin-bottom: 1.5em;	line-height: 1.3em; }

strong.very {font-weight: bold; color: #f00;}

#page {
	width: 900px; margin: 0 auto; padding: 0 30px; overflow: hidden; background-color:#fff;
}

/* -------------------- */
/* Header               */
/* -------------------- */

#header { width: 100%; height:80px; margin-bottom: 30px; background: url("../_img/artalanTepe.gif"); }

#mainLogo { position: absolute; }
#mainLogo h1 { width:195px; height:80px; margin: 0; padding: 0}
#mainLogo h1 span { display: block; width:195px; height:80px; background: url("../_img/logoGarantiETicaret.gif") no-repeat; font-size: 1px; text-indent: -1000px; cursor: pointer;}

/* -------------------- */
/* Columns              */
/* -------------------- */

#solKolon, #ortaKolon, #sagKolon, #altKolon, #ortaKolonTam, #layout_2011	{ float: left; margin: 0; }
#solKolon		{ width: 195px; clear: left; min-height: 100px; margin-top: -30px; }
#ortaKolon		{ width: 504px; }
#ortaKolonTam	{ width: 504px; }
#sagKolon		{ width: 200px; float: left; clear: right; margin-top: -30px; background-color: #add062; height: 455px; }


#solUstKolon_2011	{ width: 700px; clear: left; height: 290px }
#solUstKolon_2011_sol 	{width: 195px; clear: left;  height: 290px}
#solUstKolon_2011_sag	{width: 505px; float: right; margin-left:195px; margin-top:-290px;  height: 290px}

#solAltKolon_2011	{ width: 699px; clear: left; min-height: 165px }

#sagKolon_2011		{ width: 198px; float: left; clear: right; margin-top:-289px; background-color: #add062; height: 455px; }


#layout_2011	{ width: 899px; min-height:290px}

#solKolon div, #ortaKolon div, #sagKolon div, #altKolon div, #ortaKolonTam div, #layout_2011 div { float: left; clear: none; }
.award {margin: 50px 25px 0 25px;}

#solKolon.ana, #ortaKolon.ana, #sagKolon.ana, #altKolon.ana	{
	overflow: hidden; margin: 0; padding: 0; border: none;
}
#solKolon.ana	{ width: 195px; margin-top: 0; }
#ortaKolon.ana	{ width: 504px; margin-top: 0; }
#sagKolon.ana	{ width: 200px; margin-top: 0; clear: right;}

#mainLinkBottom { width: 222px; overflow: hidden; }

/* -------------------- */
/* Makale               */
/* -------------------- */

.article { padding: 10px 0; }
.article h1, .article h2, .article h3, .article h4 { margin: 0 0 15px 0; }
.article h1 { color: #a7d37a; font-size: 22px; margin-bottom: 2px; margin-top: 4px; color: #67a902; }
.article .difficulty { font-size: 11px; background-repeat: no-repeat; height: 14px; padding: 2px 5px 0 26px; }
.article .lastUpdate { clear: both; color: #669966; font-size: 11px; color: #67a902; padding: 2px 0 0 5px; border-left: 1px solid #67a902; }
.article .difficulty1 { background-image: url("../_img/iconDifficultyBig1.gif"); color: #67a902; }
.article .difficulty2 { background-image: url("../_img/iconDifficultyBig2.gif"); color: #f37221; }
.article .difficulty3 { background-image: url("../_img/iconDifficultyBig3.gif"); color: #ed1b31; }
.article .articleContent { margin-top: 20px; clear: both; width: 486px; }
.article h2, .article h3, .article h4 { color: #666; font-weight: bold; }
.article h2 { font-size: 14px }
.article h3 { font-size: 12px }
.article h4 { font-size: 11px }
.article p { margin: 0 0 15px 0; padding-right: 10px; }
.article ol, .article ul { color: #5d5d5d; margin: 5px 0 5px 20px; padding: 0; margin-bottom: 12px;}
.article ul li, .article ol li { display: list-item; list-style-position: outside; padding: 2px 0; margin: 0; font-size: 12px; line-height: 1.3em;}
.article ul li { list-style-type: disc; }
.article ol li { list-style-type: decimal; }

.articleComment { color: #444; margin: 10px 0 10px 0; }
.articleComment h2 {
	display: block; clear: both; background-repeat: no-repeat; width: 486px;
	padding: 7px 0 8px 18px; margin: 0 0 5px 0; font-size: 14px; color: #fff; background-color: #add062;
}
.articleComment span { margin-top: 5px; color: #444; font-weight: normal; font-size: 12px; }
.articleComment textarea { clear: left; color: #444; font-size: 12px; font-family: Trebuchet MS, Arial, sans-serif; margin: 10px 0 10px 0; padding: 5px; width: 494px; }
.article strong {font-weight:bold; color: #000; }

/* -------------------- */
/* Breadcrumbs          */
/* -------------------- */

#breadCrumbs {
	position: relative; width: 494px; margin-left: 195px;
	height: 26px; padding: 2px 0 0 10px; font-size: 12px; background-color: #eaeaea;
}
#breadCrumbs div {
	float: left; clear: none; padding: .5em 1em;
}
#breadCrumbs div.here { color: #444; }
#breadCrumbs div.crumb {
	background-image: url("/_img/breadcrumb.gif");	background-position: center left; background-repeat: no-repeat;
}
/* -------------------- */
/* Footer               */
/* -------------------- */

#footer { width: 900px; clear: both; margin: 0 auto 0 auto; padding-bottom:15px; }

/* -------------------- */
/* Search               */
/* -------------------- */

#search {
	position:absolute; top: 80px; margin-left: 0px; width: 195px; height: 30px; background-color: #f0f0f0;
	background: url("/_img/searchBoxBackground.gif");
}
#search h4 { display: none; }
#search input.searchText {
	font-size: 11px; border: none; background: transparent; color: #aaa;
	margin: 8px 0 0 14px; padding: 0; width: 118px; height: 15px;
}
#search input.searchButton {
	width: 44px; height: 20px; margin-left: 7px;
	font-weight: bold; font-size: 9px; color: #444; border: none;
	background: url('/_img/searchBoxButton.gif');
}

/* -------------------- */
/* Main Menu            */
/* -------------------- */

#mainMenuContainer {
	width: 694px; height: 30px; position: absolute; top: 80px; margin: 0 0 0 195px; padding: 0;
	padding-left: 10px; font-size: 12px; color: #707070; background: #dbdbdb url("/_img/searchToMenuBridge.gif") no-repeat;
}

#mainMenuContainer a,
#mainMenuContainer a:visited,
#mainMenuContainer a:active { color: #707070; text-decoration: none; }
#mainMenuContainer a:hover { color: #303030;  }

#mainMenuContainer ul { display: block; margin: 0 0 0 0; padding: 0; border: none; height: auto; float:left; clear: none; }

#mainMenuContainer ul li {
	display: block;	overflow: hidden; float: left; clear: none; width: auto; height: 24px;
	margin: 0 -1px 0 0px; padding: 6px 20px 0 11px; background-color: #dbdbdb; cursor: pointer; background-image: none;
	line-height: normal; border: none;
}
#mainMenuContainer ul li span, #mainMenuContainer ul li ul li span { display: block; clear: both; }

#mainMenuContainer ul li ul {
	display: none; position: absolute; clear: both; margin: 6px 0 0 -21px; padding: 0; overflow: visible;
	width: auto; height: auto; border: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #dbdbdb;
}

#mainMenuContainer ul li ul li {
	display: block;	float: left; clear: both; width: 145px; height: auto;
	margin: 0; padding: 6px 20px; background-color: #dbdbdb; cursor: pointer; background-image: none;
	line-height: normal; border: none; border-bottom: 1px solid #fff;
}

#mainMenuContainer ul li ul li ul {
	display: none; position: absolute; clear: both; left: 100px; margin: -25px 0 0 85px; padding: 0; overflow: visible;
	width: auto; height: auto; border: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #dbdbdb;
}

#mainMenuContainer .rssIcon img {border: none; }
#mainMenuContainer .rssIcon {float: right; clear: none; padding-top: 3px; padding-right: 7px;}

/*
#mainMenuContainer ul li ul li ul {
	background-color: #eee;
}
*/
.subMenuIndicator {
	background-color: #fff;
	background-image: url("../_img/subMenuIndicator.gif");
	background-position: center right;
	background-repeat: no-repeat;
}

/* -------------------- */
/* Footer Menu          */
/* -------------------- */

#footerMenu { overflow: hidden; width: 900px; height: 18px; margin-top: 0px; padding: 5px 0 5px 0; background-color: #f0f0f0; }
#footerMenu ul { display: block; clear: both; text-align: center; font-size: 11px; }
#footerMenu ul li {
	display: inline; margin: 0; padding: 0 1em 0 1em; color: #aaa;
	border: none; border-right: 1px solid #ccc;
	vertical-align: middle;
}
#footerMenu ul li.copyright { border: none; }
#footerMenu ul li a { color: #aaa; }

/* -------------------- */
/* Speed Menu           */
/* -------------------- */

#speedMenu {
	position:absolute; top: 0px; margin-left: 600px;
	width: 300px; height: 33px;
}

/* -------------------- */
/* Collapsible          */
/* -------------------- */

.collapsibleOpen, .collapsibleClosed { display: block; clear: both; font-size: 10px; width: 200px; border-bottom: 1px solid #fff; }
.collapsibleOpen {}
.collapsibleOpen h2, .collapsibleClosed h2 {
	display: block; clear: both; background-repeat: no-repeat; background-position: 8px 8px;
	padding: 7px 0 8px 28px; margin: 0; font-size: 14px; color: #fff;
}
.collapsibleOpen h2 { background-image: url("../_img/collapsibleArrowOpen.gif"); }
.collapsibleClosed h2 { background-image: url("../_img/collapsibleArrowClosed.gif"); }
.collapsible h2 a, .collapsible h2 a:active, .collapsible h2 a:visited { color: #fff; text-decoration: none; }
.collapsible h2 a:hover { color: #efd;  }
.collapsibleClosed .collapsibleContent { display: none; }
.collapsibleContent { background-color: #fff; padding: 10px 0; }
.collapsible a, .collapsible a:active, .collapsible a:visited { color: #444; text-decoration: none; }
.collapsible a:hover { color: #666;  }
.collapsibleContent ul { border: none; margin: 0; }
.collapsibleContent ul li { border: none; width: 155px; margin: 1px 0 1px 27px; padding: 2px 0 2px 18px; padding-left: 18px; background-repeat: no-repeat; background-position: left 4px; }
.collapsibleContent ul li.difficulty1 { background-image: url("../_img/iconDifficultySmall1.gif"); }
.collapsibleContent ul li.difficulty2 { background-image: url("../_img/iconDifficultySmall2.gif"); }
.collapsibleContent ul li.difficulty3 { background-image: url("../_img/iconDifficultySmall3.gif"); }
.collapsibleContent ul li.allArticles { background-image: url("../_img/iconAllArticlesSmall.gif"); }

.collapsibleContent ul li.allArticles a, .collapsibleContent ul li.allArticles a:active, .collapsibleContent ul li.allArticles a:visited { color: #693; }
.collapsibleContent ul li.allArticles a:hover { color: #9b6; }

/* -------------------- */
/* Kategori             */
/* -------------------- */

.yaziListesi { margin: 10px 0 0 0; }
.yaziListesi .kategoriBaslik { background-color: #67a902; height: 28px; width: 100%; }
html>body .yaziListesi .kategoriBaslik { width: 504px; }

.yaziListesi .kategoriBaslik h2, .yaziListesi .kategoriBaslik h1 { display: block; float: left; margin: 0; padding: 7px 10px; height: 14px; font-size: 14px; font-weight: normal; color: #fff; }
.yaziListesi .kategoriBaslik h2 { clear: left; background-color: #add062; }
.yaziListesi .kategoriBaslik h1 { clear: right; background-color: #67a902; }
.yaziListesi .kategoriBaslik h1 a, .yaziListesi .kategoriBaslik h1 a:visited, .yaziListesi .kategoriBaslik h1 a:active { color:#fff; text-decoration: none; }
.yaziListesi .kategoriBaslik h1 a:hover { text-decoration: underline; }
.yaziListesi p.aciklama { display: block; clear: both; margin: 0; padding: 10px 5px 8px 5px; font-style: italic; }




#ctl00_ContentPlaceHolder1_ASPxGridView1_DXMainTable
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;

}
.duzey1 {  padding-left:30px; background-image: url("../_img/iconDifficultyBig1.gif"); background-repeat: no-repeat; background-position: left; color: #5ca244; }
.duzey2 { padding-left:30px; background-image: url("../_img/iconDifficultyBig2.gif"); background-repeat: no-repeat; background-position: left; color: #f37221; }
.duzey3 { padding-left:30px; background-image: url("../_img/iconDifficultyBig3.gif"); background-repeat: no-repeat; background-position: left; color: #ed1b31; }
a.aspxBaslik:link
{

	color: #339900;

}
a.aspxBaslik:hover
{
	 color: #66CC33;

}
.aspxTitle
{
	width:320px;
	height:26px;
}


.makaleList { margin: 10px 0 0 0; }
.makaleList .kategoriBaslik { background-color: #67a902; height: 28px; width: 100%; }
html>body .makaleList .kategoriBaslik { width: 504px; }

.makaleList .kategoriBaslik h2, .makaleList .kategoriBaslik h1 { display: block; float: left; margin: 0; padding: 7px 10px; height: 14px; font-size: 14px; font-weight: normal; color: #fff; }
.makaleList .kategoriBaslik h2 { clear: left; background-color: #add062; }
.makaleList .kategoriBaslik h1 { clear: right; background-color: #67a902; }
.makaleList .kategoriBaslik h1 a, .makaleList .kategoriBaslik h1 a:visited, .makaleList .kategoriBaslik h1 a:active { color:#fff; text-decoration: none; }
.makaleList .kategoriBaslik h1 a:hover { text-decoration: underline; }
.makaleList p.aciklama { display: block; clear: both; margin: 0; padding: 10px 5px 8px 5px; font-style: italic; }

.makaleList table { display: block; clear: both; width: 100%; border-collapse: collapse; }
.makaleList table td { margin: 0; padding: 10px 5px; border-bottom: 1px solid #ddd; }
.makaleList table td { margin: 0; padding: 10px 5px; border-bottom: 1px solid #ddd; }
.makaleList table td.baslik { width: 330px; }
.makaleList table td a:hover { text-decoration: underline; }
.makaleList table td.difficulty1, .makaleList table td.difficulty2, .makaleList table td.difficulty3
	{ background-repeat: no-repeat; background-position: 0px 8px; padding-left: 30px; }
.makaleList table td.difficulty1 { background-image: url("../_img/iconDifficultyBig1.gif"); color: #5ca244; }
.makaleList table td.difficulty2 { background-image: url("../_img/iconDifficultyBig2.gif"); color: #f37221; }
.makaleList table td.difficulty3 { background-image: url("../_img/iconDifficultyBig3.gif"); color: #ed1b31; }
.makaleList table td.tarih { color: #666; }
.makaleList table td.tumYazilar { color: #666; border: none; background: #f8f8f8;}

/* -------------------- */
/* Pagination           */
/* -------------------- */

.pagination { margin: 15px 0; height: 22px; background-color: #ddd; width: 500px; }
.pagination p { padding: 3px 5px 0px 5px; display: block; float: left; clear: left; border-right: 1px solid #fff; }
.pagination p span.count { color:#000; }
.pagination ul { display: block; float: left; clear: right; }
.pagination ul li { display: block; float: left; padding: 5px 9px; border-right: 1px solid #fff; }
.pagination ul li.active { background-color: #67a902; color: #fff; }
.pagination a, .pagination a:active, .pagination a:visited { color: #000; text-decoration: none; }
.pagination a:hover { color: #fff; }

/* -------------------- */
/* Forms                */
/* -------------------- */

div.legend { width: 430px; background-color: #f9f9f9; padding: 15px 10px; }
div.legend div { height: 20px; vertical-align: middle; background-repeat: no-repeat; }
div.legend div p { display: block; margin: 4px 0 0 30px;  }

div.form { width: 500px; padding: 0; }
table.form { width: 500px; border-collapse: collapse; }
#ortaKolon div.form { width: 100%; padding: 0; }
#ortaKolon table.form { width: 100%; border-collapse: collapse; }
table.form span.example { display: block; font-size: 11px; color: #999; }
table.form tr { background-color: #fff; }
table.form tr.zebra1 { background-color: #f9f9f9; }
table.form tr td.hata { background-color: #fee; }
table.form tr.zebra1 td.hata { background-color: #fdd; }
table.form td, table.form th { margin: 0; padding: .5em 1em; border: none; vertical-align: middle; }
table.form th { width: 200px; text-align: right; font-weight: bold; padding-right: 1em; color: #444; background-repeat: no-repeat; background-position: 10px 12px; }
table.form td { width: 200px; }
table.form td.hataIkon { width: 30px; overflow: hidden; background-color: #fff; }
table.form th.buyukHarf, div.legend div.buyukHarf { background-image: url('../_img/ikonFormBuyukHarf.gif'); }
table.form td.long, table.form th.long { width: auto; text-align: center; padding: 1em; }
table.form th.long h3 { padding:0; margin: 0; }
table.form td.submit { width: auto; text-align: center; }
table.form td input, table.form td textarea {
	display: inline; clear:none; width: 200px; padding: .2em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px;
	border: 1px solid #aaa;
}
table.form td input.radio { width: auto; padding: 0; border: none; }
table.form td input.checkbox { width: auto; margin-right: 1em; padding: 0; border: none; }
table.form td input.telCode { width: 2em; text-align: center; }
table.form td input.telNo { width: 5em; text-align: center; }
table.form td ul { margin: 0; }
table.form td ul li { background: transparent; padding: 0; }
table.form td div.fieldError {
	display:block; clear: none; float: right; width: 20px; height: 20px; background-image: url("../_img/ikonOlumsuz20x20.gif")
}
table.form td div.fieldError span {
	display: none; float: right; width: 150px;
	padding: 1em; margin-left: 20px; margin-top: -20px;
	position: absolute; border: 1px solid #fff; background-color: #fffede; z-index: 99;
}

/* -------------------- */
/* Message Boxes        */
/* -------------------- */

#blanker { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 101; }

#progressBox, #alertBox {
	position: absolute; top:50%; left: 50%; width: 250px; height: 130px;
	color: #000; font-size: 12px; line-height: 1.2em; text-align: center;
	background-color: #fafdf4; background-image: url("../_img/artalanMesajKutusu.gif"); border: 1px solid #cdc;
	z-index: 102;
}

#progressBox div.boxIcon, #alertBox div.boxIcon { display: block; clear: both; width: 100%; height: 32px; margin: 40px 0 10px 0; }
#progressBox span, #alertBox span {	display: block; clear: both; }

#alertBox { padding: 10px 20px; width: 210px; height: 110px; z-index: 103; }
#alertBox div.boxIcon { margin: 0px 0 10px 0; }
#alertBox div.confirm { margin-top: 10px; }

#submitSuccess { display: none; }

/* -------------------- */
/* Sözlük               */
/* -------------------- */

#sozluk div {
	display: block; clear: both; width: 100%; margin: 0;
}
#sozluk div h3 {
	display: block; clear: both; cursor: pointer; padding: 1em; background: #f6f8f6; width: 100%; margin: 0;
}
#sozluk div span {
	display: block; clear: both; overflow: hidden; width: 100%; margin: 5px 0; padding: 0 1em;
	font-size: 12px; color: #666;
	border: 1px dashed #ccc; border-top: none; border-bottom: none;
}

/* -------------------- */
/* Search Results       */
/* -------------------- */

#searchResults div {
	display: block; clear: both;
	margin-bottom: .5em;
}
#searchResults b { color: #900; }

#searchResults .userInput { font-style: italic; }
#searchResults .title { color: #666; font-weight: bold; }
#searchResults .result { width: 500px; border-bottom: 1px dashed #ccc; margin-bottom: 1em; }
#searchResults .result .order { color: #262; font-size: 20px; font-weight: bold; }
#searchResults .result a { font-size: 15px; font-weight: bold; }
#searchResults .result .excerpt { margin: 12px 0 0 25px; padding-bottom: 12px; line-height: 1.5em; }

/* -------------------- */
/* Site Map             */
/* -------------------- */

.siteMap .toplink a, .siteMap .toplink a:active, .siteMap .toplink a:visited { color: #117700 }
.siteMap ul li a, .siteMap ul li a:active, .siteMap ul li a:visited { color: #117700 }
.siteMap ul li ul li a, .siteMap ul li ul li a:active, .siteMap ul li ul li a:visited { color: #339900; }
.siteMap ul li ul li ul li a, .siteMap ul li ul li ul li a:active, .siteMap ul li ul li ul li a:visited { color: #55bb22; }

.siteMap ul { width: 100%; border-left: 2px solid #ddd; }

.siteMap .toplink { font-size: 18px; }

.siteMap ul li { width: 100%; padding: 5px; margin: 10px; font-size: 16px; }

.siteMap ul li span, #mainMenuContainer ul li ul li span { }

.siteMap ul li ul { }

.siteMap ul li ul li { font-size: 14px; font-weight: normal; }

.siteMap ul li ul li ul li { font-size: 12px; }


/* -------------------- */
/* Temporary            */
/* -------------------- */

.eksik {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #993311;
	font-weight: bold;
	display: block;
	padding: 20px;
	margin-top: 1em;
	border: 1px dashed #996644;
	line-height: 1.5em;
	background: #f9f9f9;
	background-image: url("../_img/eksik.gif");
	background-repeat: no-repeat;
	margin-bottom: 2em;
}
#legal {
font-size: 9px;
color:#666666;

}
#asistan {margin-left: 3em ; margin-top: 1em;
}
#divider {
	display: block; margin: 0.5em 0 2em 0;
	width: 400px; border-bottom: 1px dashed #ddd;
}
.fullLine { clear: both; }
.mali td {border-collapse: collapse; padding: 5px; text-align:right; border-bottom:1px solid #666666;}
a.res:link
{

	color: #339900;

}
a.res:hover
{
	 color: #66CC33;

}