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

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

		    _/    _/
		   _/  _/    _/  _/  _/_/  _/_/_/  _/_/    _/  _/_/_/_/  _/
		  _/_/      _/  _/_/      _/    _/    _/  _/      _/    _/
		 _/  _/    _/  _/        _/    _/    _/  _/    _/      _/
		_/    _/  _/  _/        _/    _/    _/  _/  _/_/_/_/  _/

		    _/    _/            _/
		   _/  _/      _/_/_/  _/    _/_/    _/_/_/  _/_/
		  _/_/      _/    _/  _/  _/_/_/_/  _/    _/    _/
		 _/  _/    _/    _/  _/  _/        _/    _/    _/
		_/    _/    _/_/_/  _/    _/_/_/  _/    _/    _/

	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: #234707;
	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; }

ul { margin-bottom: 2em; padding: 0; }
ul li {
	display: block; color: #5d5d5d; margin: .5em 0 .5em 0; padding: 0 0 .5em 1.3em;
	background-image: url("../_img/bulletGray.gif"); background-repeat: no-repeat;
	line-height: 1.3em; border-bottom: 1px dashed #ddd;
}
ul li a { }

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

#yeniyil {
	width: 100%;
	overflow:hidden;
	background-image: url("../_img/2009BG.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

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

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

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

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

#metaMenu { float: right; margin-right: 9px; width: 117px; height: 25px; }
#metaMenu li { display: block; float: left; margin: 0; padding: 0 0 0 10px; background-image: none; border: none; font-size: 11px; }

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

#solKolon	{ width: 25%; clear: left; }
#ortaKolon	{ width: 42%; }
#ortaKolonTam	{ width: 67%; }
#ortaKolonUzun	{ width: 55%; }
#sagKolon	{ width: 25%; float: left; clear: right; }
#sagKolon img	{ margin-top: 1em; margin-left: 1em;}
#altKolon { border-bottom: 1px dashed #bbb; }
#solKolon, #ortaKolon, #sagKolon, #altKolon, #ortaKolonTam, #ortaKolonUzun	{ float: left; margin: 0; padding: .2em 10px 0 10px; }
#solKolon div, #ortaKolon div, #sagKolon div, #altKolon div, #ortaKolonTam div { float: left; clear: none; }

#solKolon.ana, #ortaKolon.ana, #sagKolon.ana, #altKolon.ana	{
	overflow: hidden; margin: 0; padding: 0; border: none;
}
#solKolon.ana	{ width: 222px; }
#ortaKolon.ana	{ width: 365px; }
#sagKolon.ana	{ width: 305px; clear: right;}
#altKolon.ana { width: 100%; border-bottom: 1px dashed #bbb; background-color: #f9f9f9; background-image: url("../_img/artalanAnaSayfaAlt.gif"); }

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

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

#breadCrumbs { clear: both; margin-top: 3em; height: 25px; padding-left: .3em; font-size: 12px; background-color: #eee; background-image: url('../_img/tile_45_asagi_beyaz.gif');}
#breadCrumbs div.here, #breadCrumbs div.crumb {
	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: 892px; clear: left; margin: 0 auto; padding-bottom:15px; background: #f9f9f9;}

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

#mainMenuContainer {
	width: 874px; height: 30px; position: absolute; top: 85px;  margin: 0; padding: 0;
	padding-left: 18px; font-size: 12px; color: #447720;	background-color: #b3d4a1;
}

#mainMenuContainer a,
#mainMenuContainer a:visited,
#mainMenuContainer a:active { color: #336610;	text-decoration: none; font-size: 12px; font-weight: bold;}
#mainMenuContainer a:hover { color: #225500; }

#mainMenuContainer ul {
	width: 100%; display: block; clear: both; margin: 0 0 0 0; padding: 0; background-color: #b3d4a1; border: none; height: auto;
}

#mainMenuContainer ul li {
	display: block;	overflow: hidden; float: left; clear: none; width: auto; height: 24px; color: #447720; font-weight: bold;
	margin: 0 -1px 0 0px; padding: 6px 20px 0 20px; background-color: #b3d4a1; cursor: pointer; background-image: none;
	line-height: normal; border: none; border-left: 1px solid #5c8c3d; border-right: 1px solid #5c8c3d;
}
#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 -27px; padding: 0; overflow: visible;
	width: auto; height: auto; border: 6px solid #fff; border-bottom: 5px solid #fff; background-color: #b3d4a1;
}

#mainMenuContainer ul li ul li {
	display: block;	float: left; clear: both; width: 145px; height: auto;
	margin: 0; padding: 6px 20px; background-color: #b3d4a1; 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: -30px 0 0 85px; padding: 0; overflow: visible;
	width: auto; height: auto; border: 6px solid #fff; border-bottom: 5px solid #fff; background-color: #b3d4a1;
}

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

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

#footerMenu { overflow: hidden; width: 892px; height: 1.2em; margin-top: 50px; padding: .6em 0 1em 0; position: absolute; }
#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;
	background-image: none;	line-height: 1.3em; 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: 40px; margin-left: 372px;
	width: 345px; height: 35px;
}

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

#search {
	float:left; 
	position:absolute; 
	top: 48px; 
	margin-left: 721px; 
	width:180px; 
	height: 35px;
	/*border:1px solid red; */
	z-index:10000000;
}
#search form { width: 180px; }
#search h4 { display: none; }
#search input.searchText {
	font-size: 11px; border: 1px solid #aaa;
	padding: 3px 0 0 20px; width: 90px; height: 17px;
	background-image: url("../_img/artalanSearch.gif");
}
#search input.searchButton {
	width: 44px; height: 20px;
	font-weight: bold; font-size: 9px; color: #fff; border: none;
	background: url('../_img/artalanSearchButton.gif');
}

/* -------------------- */
/* Partner Logos        */
/* -------------------- */

#partnerLogos { display: block; clear: both; padding-top: 1em; height: 70px; text-align: center; vertical-align: middle; }

/* -------------------- */
/* 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; }

/* -------------------- */
/* 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;}