* {
	padding: 0px;
	margin: 0px;
}

html {
	overflow-y: scroll;
}

body {
	font-family: Arial;
	background: #EBEBEB url('../images/bg.png') repeat-y center;
}

.clear {
	clear: both;
	font-size: 0pt;
}

ul {
    list-style-type: none;
}

h1 {
	font-size: 15pt;
}
h2 {
	font-size: 13pt;
	color: #808080;
}
h3 {
	font-size: 13pt;
	color: #646464;
	font-weight: 700;
}
h3 a {
	color: #646464;
	text-decoration: none;
}
h3 a:hover {
	color: #000;
}
h1 img, h2 img, h3 img {
	margin-bottom: -2px;
}
img {
	border:			0px;
}
ul li img {
	margin-bottom: -3px;
}
img.famicon {
	vertical-align: middle;
	margin: -2px 3px 0px 0px;
}
.cursor_hand, .hand {
	cursor: pointer;
}
/************ Html Etiketleri *******************/
a{color:#0C386E;outline:none;text-decoration:none;}
a:hover{color:#c62222;}
abbr{border-bottom:1px dotted #555;}
blockquote{background:#f7f7f7 url(tirnak.gif) 1% 1% no-repeat;color:#666;margin:10px 20px;padding:10px 10px 10px 40px;}
q,em{color:#802222;font-style:normal;font-weight:normal;margin-right:1px;}

/* kucuk_golge kapali */
.kucuk_golge{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/kucuk_golge_kapali.png',sizingMethod='scale');}
html>body .kucuk_golge {background:url(../images/kucuk_golge_kapali.png) transparent;}/* Win IE 4~6, Mac IE 4, Netscape 4 */
*:first-child+html .kucuk_golge {background:url(../images/blank.gif) transparent;}/* IE 7  */

/* kucuk_golge acik */
a:hover .kucuk_golge{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/kucuk_golge_acik.png',sizingMethod='scale');}
html>body a:hover .kucuk_golge {background:url(../images/kucuk_golge_acik.png) transparent;}/* Win IE 4~6, Mac IE 4, Netscape 4 */
*:first-child+html a:hover .kucuk_golge {background:url(../images/blank.gif) transparent;}/* IE 7  */

#sub_center {float:left;width:583px;margin-right:15px;}
#main_prom_wrap {width:598px;height:290px;padding:10px 0 0 17px;margin-bottom:10px;background:url(../images/bg_main_prom.gif) no-repeat left top;}
*html #main_prom_wrap {width:583px;height:300px;}
#main_prom_wrap dt {float:left;margin-right:28px;}
#main_prom_wrap dt .big_shadow {position:absolute;}
#main_prom_wrap dd {float:left;padding:3px 0 11px 0;height:59px;}
*html #main_prom_wrap dd {padding:3px 0 10px 0;height:73px;}
#main_prom_wrap dd .kucuk_golge {position:absolute;}

form.mainsearchform {
    float: right;
    margin-top: 10px;
    height: 27px;
    width: 350px;
    background:url('../images/search_right.png') no-repeat right top;
}
form.mainsearchform div p {
    display: inline;
    font-weight: 700;
    margin-right: 4px;
}
form.mainsearchform div {
    padding: 5px 0px 0px 10px;
    height: 22px;
    background:url('../images/search_left.png') no-repeat left top;
}
form.mainsearchform select, form.mainsearchform input {
    font-size: 9pt;
    border: 1px solid #969696;
}
form.mainsearchform select {
    width: 80px;
}

#header {
	font:			10pt/1.5 Arial, Tahoma, Verdana;
	width:			970px;
	margin:			0 auto 6px;
	height:			103px;
	position:		relative;
	z-index:		1;
	background:     #Fff;
}

#info {
	margin:			0 auto;
	width:			954px;
	height:			60px;
	overflow:		hidden;
	padding:        0px 8px;
}

#logo {
    display: block;
    float: left;
    color: #FFF;
    margin: 10px 0px 0px 4px;
    width: 400px;
}

#userpanel {
	float:			right;
	text-align:		right;
	color:			#FFF;
	font-size:		8pt;
	padding:		3px 5px 6px 10px;
	margin-top:		10px;
	width:			250px;
	background:		#7FA3C7 url('../images/userpanel.png');
}
#userpanel div.avatar {
    position: relative;
    float: left;
    margin-top: 3px;
    font-size: 0px;
}
#userpanel div.avatar img {
    width: 34px;
    border: 1px solid #C0C0C0;
}
#userpanel div.content {
    position: relative;
    float: left;
    margin-left: 6px;
    text-align: left;
    width: 205px;
}
#userpanel div.content div.welcome a {
	color: #FFF;
	text-decoration: none;
    font-weight: bold;
}
#userpanel div.content div.details {
    margin-top: 8px;
    color: #000;
}
#userpanel div.content div.details a {
    color: #000;
    text-decoration: none; 
}
#userpanel div.content div.details a:hover {
    text-decoration: underline; 
}
#userpanel div.content div.details div.level {
    float: left; color: #000;
}
#userpanel div.content div.details div.level a {
    color: #000;
    text-decoration: underline; 
}
#userpanel div.content div.details div.level a:hover {
    text-decoration: none; 
}
#userpanel div.content div.details div.links {
    float: right;
}
#userpanel div.content div.details div.links a {
    padding: 0px 4px;
}

#container {
	font:			10pt/1.5 Arial, Tahoma, Verdana;
	position:		relative;
	margin:			0 auto;
	width:			990px;
}

#main {
	background: 	#FFF;
	border-width:	0px;
	border-style:	solid;
	border-color:	#B4B4B4;
	padding:		4px 10px 0px;
	text-align:		left;
	width:			970px;
}

.news {
	float: left;
    width: 206px;
	text-align:	justify;
	margin-bottom: 8px;
}
.news a.image {
	display: block;
	height: 292px;
}
.news a.image img {
	border:	1px solid #C0C0C0;
	width: 200px;
    height: 284px;
    padding: 2px;
}
.news a.image:hover img {
	border:			1px solid #808080;
}
.news h3 {
    margin-left: 6px;
    width: 190px;
}
.news div span.date {
	color: #60AC36;
}
.news div {
	font-size: 8pt;
	color: #646464;
	margin-left: 6px;
    width: 190px;
}
.news div p {
	margin-top: 2px;
}

.blogtext {
    font-size: 10pt;
    line-height: 1.4em;
}
.blogtext a {
    color: #7396B4;
    text-decoration: none;   
}

.page_header {
	border-width: 1px 1px 2px 1px;
	border-style: solid;
	border-color: #DCDCDC;
	padding: 4px;
	background: #F5F5F5;
	margin-bottom: 12px;

	color: #000;
	font-size: 12pt;
}
.page_header h1, .page_header h2, .page_header h3 {
	float: left;
}
.page_header .navigation {
	float: right;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px 8px;
	text-align: right;
	margin-right: 4px;
	background: #FFF;
	border: 1px solid #DCDCDC;
}

.poster {
	padding:		3px 0px;
	border:			1px solid #DCDCDC;
	width:			100px;
	text-align:		center;
	background:		#FFF;
	vertical-align:bottom;
}
.poster_info {
	text-align:		center;
	font-size:		7pt;
	margin-top:		4px;
}

/* start footer */
#footer {
	margin-top:		24px;
	font-size:		8pt;
	border-top:		1px solid #D2D2D2;
	padding: 4px 0px 6px 6px;
	background:     url('../images/boxtopgrad.jpg') repeat-x;
}
#footer ul {
    list-style-type: none;
    margin: 4px 0px;
}
#footer ul li {
    display: inline;
}
#footer ul li.head {
    font-weight: bold;
}
#footer ul li a {
    color: #19559B;
    text-decoration: none;
}
#footer p {
    margin-top: 8px;
}
/* end footer */

/* start messages */
.message {
	background: #F5F5F5 url('../images/boxbottomgrad.jpg') repeat-x;
	padding: 5px 10px;
	border: 1px solid #DEDEDE;
	width: 948px;
	position: relative;
	margin: 8px 0px 8px 11px;
	z-index: 5;
}
.message .error {
	color: #E10000;
}
.message .warning {
	color: #FA8700;
}
.message .notification {
	color: #009600;
}
.message img.close {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
}
/* end messages */

#sidebar {
	width:			137px;
	float:			right;
	background:		#FFFFFF;
}


.solkenarmenu a {
	display: block;
	padding: 2px 0px 2px 5px;
}
.solkenarmenu a.small {
	font-size: 8pt;
	color: #42AA34;
}
.solkenarmenu a.active {
	font-weight: bold;
}
.solkenarmenu hr {
	height: 0px;
	border-top: 0px;
	border-bottom: 1px solid #DCDCDC;
	margin: 4px 0px;
}

.mainwindow {
    position: relative;
    width: 598px;
}
.mainwindow .title .baslikca {
    height: 28px;
    position: relative;
    width: 100%;
    margin-bottom: 12px;
}
.mainwindow .title h3 {
    background: #E6E6E6 url('../images/head.png') repeat-x;
    border: 1px solid #DFDFDF;
    font-size: 16px;
    height: 28px;
    padding-left: 5px;
}
.mainwindow .title .navigation, .mainwindow .title .actions {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 10pt;
    font-weight: bold;
}
.mainwindow .title .actions ul {
    list-style-type: none;
}
.mainwindow .title .actions ul li {
    display: inline;
    margin: 0px 2px;
}
.mainwindow .title a {
	color: #646464;
	text-decoration: none;
}
.mainwindow .title a:hover {
    color: #000;
}
.mainwindow .title a.more {
    position: absolute;
    right: 8px;
    top: 5px;
    font-size: 10pt;
    text-decoration: none;
    font-weight: 700;
}
.mainwindow .content {
    text-align: justify;
}

.mainsubwindow {
    margin: 16px 0px 12px;
    width: 600px;
}
.mainsubwindow .title {
    border-bottom: 1px solid #DADADA;
    height: 24px;
    position: relative;
    width: 100%;
    margin-bottom: 4px;
}
.mainsubwindow .title h3 {
    background: url('../images/subhead.png') no-repeat;
    padding: 2px 0px 0px 4px;
    font-size: 14px;
    height: 24px;
    font-weight:700;
    border: 0;
}
.mainsubwindow .title a {
	color: #646464;
	text-decoration: none;    
}
.mainsubwindow .title a:hover {
    color: #000;
}
.mainsubwindow .title a.more, .mainsubwindow .title .navigation {
    position: absolute;
    right: 0px;
    top: 2px;
    font-size: 10pt;
    text-decoration: none;
    font-weight: 700;
}
.mainsubwindow .content {
    border-bottom: 1px solid #DEDEDE;
    background: url('../images/boxbottomgrad.jpg') repeat-x bottom left;
    text-align: justify;
}
.mainsubwindow .content a {
	color: #4E86B6;
	text-decoration: none;
}
.mainwindow .title .navigation {
	color: #4E86B6;
	text-decoration: none;
}
.mainwindow .title .navigation a:hover {
    color: #325A82;
}

#content {
	float: left;
}
#content.small {
    width: 815px;
}

a.bbg { color: #7396B4; text-decoration: none; }
a.bbg:hover { color: #325A82; }

a.grey { color: #808080; text-decoration: none; }
a.grey:hover { text-decoration: underline; }

#tagcloud a { color: #808080; text-decoration: none; padding: 0px 2px; }
#tagcloud a:hover { background: #DCDCDC; color: #000; }

/*Üst Menü*/

.ustmenu
{
	position: absolute;
	top: 70px;
	left: 0px;

	width: 965px;
	height: 38px;
	overflow: hidden;
	
	background-image: url(../images/bg-ustmenu.gif);
	background-repeat: repeat-x;
}
.ustmenu ul,
.ustmenu ul li
{
	margin: 0px;
	padding: 0px;
}
.ustmenu ul li
{
	float: left;
	list-style-type: none;
}

.ustmenu ul li a
{
	display: block;
	padding: 10px 15px 4px 15px;
	
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	
	color: #555555;
	border-bottom: 7px solid #E8E8E8;
}
.ustmenu ul li a:hover
{
	color: #F85800;
	border-bottom: 7px solid #F85800;
}

/* YORUMLAR - renk: #d2e8fb*/
/******************** YORUM ***************************/

.yorumKutu {padding: 10px; border: 1px solid #94ceff; background: #e7f4ff; line-height: 150%; margin-bottom: 10px; -moz-border-radius:3px; -webkit-border-radius:3px;}

#icerikyorumlar{background:#fff;border:1px solid #ccc;font-size:11px;margin:10px 0;padding:15px 25px}
#icerikyorumlar h5,#icerikyorumlar h6{color:#0C386E;font-size:14px;font-weight:bold}
#icerikyorumlar h6{margin-top:10px}

/* Yorum Formu */
#icerikyorumlar label{cursor:pointer}
#icerikyorumlar input{background:#f5f5f5;border:1px solid #666;color:#0C386E;margin:5px 5px 0 0;padding:3px;width:50%}
#icerikyorumlar input:hover,#icerikyorumlar textarea:hover{background-color:#fff}
#icerikyorumlar textarea{background:#f5f5f5;border:1px solid #666;color:#0C386E;margin-top:5px;padding:5px;width:96%}
#icerikyorumlar button{-moz-border-radius:3px;-webkit-border-radius:3px;background:#0C386E;border:1px solid #666;color:#fff;cursor:pointer;font-weight:bold;margin:5px 0;padding:4px 2px}

/* Yorumların listelendiği alan */
#icerikyorumlar ol{margin:25px 0 35px 0}
#icerikyorumlar ol li{overflow:hidden;height:100%;background:#f7f7f7;border:1px solid #e8e8e8;list-style-type:none;margin:10px 0;padding:0}

/* yorum yazanın bilgileri */
#icerikyorumlar ol li a, #icerikyorumlar ol li div.yorum-bilgi{font-weight:bold}
#icerikyorumlar ol li a.saat{display:block;font-size:10px;line-height:16px;margin:0;padding:0;width:50%}
#icerikyorumlar ol li big.yazar{display:block;font-size:13px;line-height:16px;margin:0;padding:0;width:50%}
#icerikyorumlar ol li img.avatar{float:left;margin:0 10px 0 15px;vertical-align:middle}

/* Normal bir kişinin yorumu */
#icerikyorumlar ol li div.yorum-metin{background:#fff;border-top:1px dotted #e1e1e1}
#icerikyorumlar ol li div.yorum-metin p.onayBekliyor{background:#fff6bf url(../images/simge/ikaz.png) 2.2em center no-repeat;border:2px solid #ffd324;border-left:none;border-right:none;color:#802222;font-size:12px;margin:10px 15px 2px 15px;padding:5px;text-align:center}
#icerikyorumlar ol li div.yorum-metin p.onayBekliyor em{font-style:normal}

/* Yazarın yorumu */
#icerikyorumlar ol li.yazar-metin{border:1px solid #cee3f3}
#icerikyorumlar ol li.yazar-metin div.yorum-bilgi{background:#deedf7 url(../images/simge/yy.gif) 99% 50% no-repeat}
#icerikyorumlar ol li.yazar-metin div.yorum-metin{border-top:1px solid #cee3f3}

/* Yorumlar içerisindeki biçimlendirmeler */
#icerikyorumlar p{padding:8px 15px}
#icerikyorumlar p #yorumlarKapali{color:#c62222;font-size:12px;font-weight:bold}
#icerikyorumlar pre,#icerikyorumlar code,#icerikyorumlar pre code{background:#f0ffff;border:1px dotted #e1e1e1;border-left:5px solid #e3e3e3;display:block;margin:15px 0;margin-left:20px;padding-left:15px;width:88%}


.yorumlar-bolumu { margin-bottom: 22px; width: 600px; background-color: #E6E6E6; -moz-border-radius:3px; -webkit-border-radius:3px; }
.yorumlar-bolumu-remainder-show { padding: 8px; border-bottom: 1px solid #fff; }
.yorum-bolumu { padding: 8px 0; border: 1px solid #94ceff; background: #e7f4ff; line-height: 150%; margin-bottom: 10px; }
.yorum-bolumu-sol { float: left; width: 55px; margin-right: 8px; padding-left: 8px; background:#f7f7f7;border:0px solid #e8e8e8;}
.yorum-bolumu-sag { float: left; width: 516px; padding-right: 8px; }
.yorum-bolumu .avatar, .yorum-bolumu-gecerli-avatar .avatar { float: left; width: 55px; margin-right: 8px; }
.yorumlar-bolumu-form-kapsayici { padding: 8px; }
.yorumlar-bolumu-form-kapsayici input, .yorumlar-bolumu-form-kapsayici input:hover { height: 30px; padding: 0 0 6px; text-align: center; margin-top: 8px; }
.yorumlar-bolumu textarea { margin: 0 auto; width: 577px; color: #666; }
.yorum-bolumu-avatar, .yorum-gonder { display: none; }
.yorum-bolumu-admin { display: inline; }
.yorum-bolumu-admin a, .yorum-bolumu-admin a:hover { font-size: 8pt !important; }

/* Forms and Misc. */
.mavi-dugme{ background: url("../images/ortak-dugme.png") -1px -1px no-repeat; border:0; width: 130px;
    height:37px; font: 10pt Arial, sans-serif; color:white; padding:0 20px 12px 20px; cursor: pointer; }
.mavi-dugme:hover{ background: url("../images/ortak-dugme.png") -1px -40px no-repeat; border:0; width: 130px;
    height:37px; font: 10pt Arial, sans-serif; color:white; padding:0 20px 12px 20px; cursor: pointer; }

.mavi-dugme-yb{ background: url("../images/ortak-dugme.png") -1px -240px no-repeat; border:0; width: 130px;
    height:37px; font: 10pt Arial, sans-serif; color:white; padding:0 20px 12px 20px; cursor: pointer; }
.mavi-dugme-yb:hover{ background: url("../images/ortak-dugme.png") -1px -275px no-repeat; border:0; width: 130px;
    height:37px; font: 10pt Arial, sans-serif; color:white; padding:0 20px 12px 20px; cursor: pointer; }

.mavi-dugme-bb{ background: url("../images/ortak-dugme.png") -1px -314px no-repeat; border:0; width: 130px;
    height:37px; font: 10pt Arial, sans-serif; color:white; padding:0 20px 12px 20px; cursor: pointer; }
.mavi-dugme-bb:hover{ background: url("../images/ortak-dugme.png") -1px -350px no-repeat; border:0; width: 130px;
    height:37px; font: 10pt Arial, sans-serif; color:white; padding:0 20px 12px 20px; cursor: pointer; }

.gri-dugme{ background: url("../images/ortak-dugme.png") -1px -79px no-repeat; border:0; width:130px;
    height:37px; font: 10pt Arial, sans-serif; color:#fff !important; padding:0 20px 12px 20px; cursor: pointer; }
.gri-dugme:hover{ background: url("../images/ortak-dugme.png") -1px -119px no-repeat; border:0; width:130px;
    height:37px; font: 10pt Arial, sans-serif; color:#fff !important; padding:0 20px 12px 20px; cursor: pointer; }

.gri-dugme2{ background: url("../images/ortak-dugme2.png") -1px -79px no-repeat; border:0; width:130px;
    height:37px; font: 10pt Arial, sans-serif; color:#fff !important; padding:0 20px 12px 20px; cursor: pointer; }
.gri-dugme2:hover{ background: url("../images/ortak-dugme2.png") -1px -119px no-repeat; border:0; width:130px;
    height:37px; font: 10pt Arial, sans-serif; color:#fff !important; padding:0 20px 12px 20px; cursor: pointer; }


.ara-dugme{ background: url("../images/ortak-dugme.png") -1px -79px no-repeat; border:0;
    height:37px; font: 10pt Arial, sans-serif; color:#fff !important; padding:0 20px 12px 20px; cursor: pointer; }
.ara-dugme:hover{ background: url("../images/ortak-dugme.png") -1px -119px no-repeat; border:0;
    height:37px; font: 10pt Arial, sans-serif; color:#fff !important; padding:0 20px 12px 20px; cursor: pointer; }

.focused-button{ background: url("../images/ortak-dugme.png") -1px -159px no-repeat; border:0; width:130px;
    height:37px; font: 10pt Arial, sans-serif; color:#fff !important; padding:0 20px 12px 20px; cursor: pointer; }
.focused-button:hover{ background: url("../images/ortak-dugme.png") -1px -197px no-repeat; border:0; width:130px;
    height:37px; font: 10pt Arial, sans-serif; color:#fff !important; padding:0 20px 12px 20px; cursor: pointer; }

/* giris-paneli: =modal
-----------------------------------------------------------------------------------------*/
.jqmOverlay { background-color: #000; }
.giris-paneli {
	background: url(../images/giris/modal_box_bottom.png) 0 bottom no-repeat;
	display: none;
	left: 50%;
	margin-top: 140px;
	margin-left: -253px;
	padding-bottom: 14px;
	position: fixed;
	width: 506px;
	z-index: 200;
	font: 62.5% Arial, Helvetica, sans-serif;
}
.giris-paneli div {
	background: url(../images/giris/modal_box_top.png) 0 top no-repeat;
	padding: 23px 31px 8px 31px;
}
.giris-paneli a.close {
	position: absolute;
	right: -10px;
	top: -11px;
}
.giris-paneli p {
	color: #66645e;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 17px;
}
.giris-paneli h2 {
	color: #353431;
	font-size: 1.6em;
	margin-bottom: 9px;
	padding: 7px 0 4px 35px;
}
/* SIGN IN */

#giris-kapsa {
	width:780px;
	margin-right:30px;
	float:right;
}

#content {
	width:520px;
	min-height:500px;
}

#topnav {
	padding:10px 0px 12px;
	font-size:11px;
	line-height:23px;
	text-align:right;
}
#topnav a.signin {
	background:#88bbd4;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*background:transparent url("../images/giris/signin-nav-bg-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin:hover {
	background:#59B;
	*background:transparent url("../images/giris/signin-nav-bg-hover-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
	*background-position:0 3px!important;
}

a.signin {
	position:relative;
	margin-left:3px;
}
a.signin span {
	background-image:url("../images/giris/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
#topnav a.menu-open {
	background:#ddeef6!important;
	color:#666!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("../images/giris/toggle_up_dark.png");
	color:#789;
}

#giris_menusu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	display:none;
	background-color:#ddeef6;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 24.5px; 
	right: 0px; 
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#789;
	font-size:11px;
}

#giris_menusu input[type=text], #giris_menusu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#giris_menusu p {
	margin:0;
}
#giris_menusu a {
	color:#6AC;
}
#giris_menusu label {
	font-weight:normal;
}
#giris_menusu p.hatirla {
	padding:10px 0;
}
#giris_menusu p.forgot, #giris_menusu p.complete {
	clear:both;
	margin:5px 0;
}
#giris_menusu p a {
	color:#27B!important;
}
#giris_menusu li {
	list-style:none;
	margin-left:10px;
}
#giris_menusu li img {
	
	margin-right:10px;
}
.girismenu_ul { margin-bottom: 8px; }
.girismenu_ul li { clear: both; }
.girismenu_ul li a { padding: 0 10px; background: url(/Images/New200903/bred_o1.gif) no-repeat top; line-height: 30px; display: block; height: 30px; width: 163px; }
.girismenu_ul li a:hover { text-decoration: none; color: #912F00; }
.girismenu_ul li img { float: left; margin: 3px 6px 0 0; }
.girismenu_ul li dt { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.girismenu_ul li dd { float: right; }

#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#39d url('../images/giris/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.tipsy-inner {
	padding:10px 15px;
	line-height:1.5em;
	font-weight:bold;
}
.tipsy {
	opacity:.8;
	filter:alpha(opacity=80);
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px 'Lucida Grande', sans-serif;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#000;
	color:white;
	text-align:left;
}
.tipsy-north {
	background-image:url(../images/giris/tipsy-north.gif);
	background-position:top center;
}
.tipsy-south {
	background-image:url(../images/giris/tipsy-south.gif);
	background-position:bottom center;
}
.tipsy-east {
	background-image:url(../images/giris/tipsy-east.gif);
	background-position:right center;
}
.tipsy-west {
	background-image:url(../images/giris/tipsy-west.gif);
	background-position:left center;
}
/*******************************SOL KUTULAR *************************/

.solkutular {
width: 200px;
background: url(../images/kutuzemin.jpg) bottom left no-repeat;
margin-bottom: 12px;
}

.solkutuicerik {
margin: 0px 0 2px 8px;
width:180px;
padding: 0px;
overflow: hidden;
text-align: justify;
padding-bottom: 12px;
}
.solkutubaslik {
    height: 35px;
    width: 200px;
    text-align: left;
	position: relative;
}
.solkutubaslik h3 {
    background: url('../images/kutubaslik.jpg') repeat-x;
    padding: 5px 0px 0px 8px;
    font-size: 14px;
    height: 35px;
    font-weight:700;
}
.solkutuicerik ul {
    list-style-type: disc;
    list-style-position: inside;
}
.solkutuicerik ul li {
    letter-spacing: 0px;
}
.solkutuicerik ul li a:link {
	color:#668DB6;
	text-decoration:none;
}
.solkutuicerik ul li a:hover {
	color:#000;
	text-decoration:underline;
}
.solkutuicerik ul li a:visited {
	color:#668DB6;
	text-decoration:none;
}
/* *****************SAG KUTULAR ***************/
.sagkutular {
width: 132px;
background: url(../images/kutuzemin_sag.jpg) bottom left no-repeat;
margin-bottom: 12px;
}

.sagkutuicerik {
margin: 0px 0 0 7px;
width:119px;
padding: 0px;
overflow: hidden;
text-align: center;
padding-bottom: 8px;

}
.sagkutubaslik {
    height: 35px;
    width: 132px;
    text-align: left;
	position: relative;
}
.sagkutubaslik h3 {
    background: url('../images/kutubaslik_sag.jpg') repeat-x;
    padding: 5px 0px 0px 8px;
    font-size: 14px;
    height: 35px;
    font-weight:700;
}

.sagkutuicerik ul {
    list-style-type: disc;
    list-style-position: inside;
}
.sagkutuicerik ul li {
    letter-spacing: 0px;
}
.sagkutuicerik ul.menu {
    list-style-type: none;
    list-style-position: outside;
    margin: 0px;
}
.sagkutuicerik ul.menu li {
    margin: 2px 1px;
    padding: 0px 4px;
}
.sagkutuicerik ul.frontpage li {
    padding: 0px 2px;
}
.sagkutuicerik ul.menu li.small {
    margin-top: -2px;
}
.sagkutuicerik ul.menu li.spacer {
    padding-top: 4px;
    margin-top: 3px;
    border-top: 1px solid #C0C0C0;
}
.sagkutuicerik ul.menu li a.active {
    font-weight: bold;
}
.sagkutuicerik ul.menu li.small a {
    font-size: 8pt;
    color: #42AA34;
}


/********************* SAYFALAMA ********************/
.sayfalama{margin-top:20px;}
.sayfalama a, .sayfalama span{background:url(../images/borderbottom.jpg) bottom repeat-x #fff;padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius: 3px;}

/********************* DİKEY MENULER **********************/
ul#dikmenu{margin:0px;padding:0px;list-style:none;margin-top:20px;}
ul#dikmenu, ul#dikmenu ul {list-style-type:none; margin: 0; padding: 0; }
ul#dikmenu a { display: block; text-decoration: none;	}
ul#dikmenu li { margin-top: 1px;}
ul#dikmenu li a {color: #000;padding: 10px;padding-left:25px;border-bottom:1px solid #ddd}
ul#dikmenu li a:hover { }
ul#dikmenu li ul li a { background: #fff; color: #000; padding-left: 25px; border-bottom:none}
ul#dikmenu li ul li a:hover { background: #eee; border-left: 5px #4780ae solid; padding-left: 10px;}

.dikmenusimge{background:url(../images/simge/kat.gif) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:5px; }


/************************ ÜYELİK **************************/

.inputs {
	border: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c; 
	border-bottom: 1px solid #ddd; font-size: 14px; padding: 3px 5px 1px;
}
.inputbox th {
	font-size: 14px; font-weight: lighter; text-align: right; padding: 11px 10px 0 0;
}
.inputbox td {
	padding: 5px 0;
}
#kayitol h1 {
	border-bottom: 1px dashed #a6a6a6; font-size: 14px; padding: 5px 35px 10px; 
}
.stepon {
	color: #0055ff;
}
.stepoff {
	color: #a8a8a8;
}
/*************** Bilgilendirme Mesajları ***************/

.bilgilendirme {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.dikkat {
                background: #fffbcc url('../images/simge/dikkat.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.bilgiver {
                background: #dbe3ff url('../images/simge/bilgiver.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.basarili {
                background: #d5ffce url('../images/simge/basarili.png');
                border-color: #9adf8f;
                color: #556652;
                }

.basarisiz {
                background: #ffcece url('../images/simge/basarisiz.png');
                border-color: #df8f8f;
                color: #665252;
                }

.bilgilendirme div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.bilgilendirme .kapativer {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }
.bilgilendirme .kapativergirise {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }
.bilgilendirme .kapativerhata {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }
.bilgilendirme .kapativerhatagirise {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }
.bilgilendirme h1 {
				margin:5px 0 0 30px;
}

/* Bilgilendirme form kutuları */

.kutu-bilgilendirme {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}


/* yorum kutuları */

	div.yorumbasligi {
		background-color: #F0F0F0 ;
		height: 46px ;
		margin-bottom: 15px ;
		padding: 5px 7px 0px 7px ;
		}
		
	div.yorumbasligi img.avatar {
		float: left ;
		height: 40px ;
		margin-right: 8px ;
		width: 40px ;
		}
		
	div.yorumbasligi div.ilknotlar {
		float: left ;
		}
		
	div.yorumbasligi div.ilknotlar div.yorumyazar {
		color: #333333 ;
		font-size: 18px ;
		line-height: 21px ;
		}
		
	div.yorumbasligi div.ilknotlar div.yorumyazar a {
		color: #333333 ;
		text-decoration: none ;
		}
		
	div.yorumbasligi div.ilknotlar div.yorumyazar a:hover {
		text-decoration: underline ;
		}
		
	div.yorumbasligi div.ilknotlar div.gonderimtarihi {
		color: #777777 ;
		font-size: 11px ;
		line-height: 15px ;
		padding-top: 3px ;
		}
		
	div.yorumbasligi div.ilknotlar div.gonderimtarihi a {
		color: #777777 ;
		text-decoration: none ;
		}
		
	div.yorumbasligi div.ilknotlar div.gonderimtarihi a:hover {
		text-decoration: underline ;
		}
	
	div.yorumbasligi div.ikincinotlar {
		float: right ;
		font-size: 11px ;
		text-align: right ;
		}
		
	div.yorumbasligi div.ikincinotlar div.yorumsayisi {
		color: #777777 ;
		padding: 5px 0px 0px 0px ;
		}
	
	div.yorumbasligi div.ikincinotlar div.yorumsayisi1,
	div.yorumbasligi div.ikincinotlar div.yorumsayisi2,
	div.yorumbasligi div.ikincinotlar div.yorumsayisi3,
	div.yorumbasligi div.ikincinotlar div.yorumsayisi4,
	div.yorumbasligi div.ikincinotlar div.yorumsayisi5 {
		background-image: url("../images/simge/yorum_onizleme_1.gif" ) ;
		background-position: left 4px ;
		background-repeat: no-repeat ;
		padding-left: 18px ;
		}
		
	div.yorumbasligi div.ikincinotlar div.yorumsayisi2 {
		background-image: url("../images/simge/yorum_onizleme_2.gif" ) ;
		padding-left: 31px ;
		}
		
	div.yorumbasligi div.ikincinotlar div.yorumsayisi3 {
		background-image: url("../images/simge/yorum_onizleme_3.gif" ) ;
		padding-left: 44px ;
		}
		
	div.yorumbasligi div.ikincinotlar div.yorumsayisi4 {
		background-image: url("../images/simge/yorum_onizleme_4.gif" ) ;
		padding-left: 57px ;
		}
		
	div.yorumbasligi div.ikincinotlar div.yorumsayisi5 {
		background-image: url("../images/simge/yorum_onizleme_5.gif" ) ;
		padding-left: 70px ;
		}
		
	div.yorumbasligi div.ikincinotlar div.puansayisi {
		color: #777777 ;
		padding-top: 6px ;
		}
		
	div.yorumbasligi div.ikincinotlar div.puansayisi a {
		color: #777777 ;
		text-decoration: none ;
		}
		
	div.yorumbasligi div.ikincinotlar div.puansayisi a:hover {
		text-decoration: underline ;
		}
	div.ycizgi {
		background-image: url("../images/ycizgi_zemin.gif") ;
		background-position: 2px 0px ;
		background-repeat: repeat-x ;
		font-size: 1px ;
		line-height: 1px ;
		padding: 2px 0px 15px 0px ;
		}

	div.altsatiragec {
		clear: both ;
		font-size: 1px ;
		line-height: 1px ;
		}


/* li liste */

.film-liste {margin:10px 2px;}
.film-liste li {position:relative;}
.film-liste .meta {font-size:.8em;color:#908881;}
.film-liste .film-res {padding:2px;border-color:#cecece;}

/* film önizlemeleri */
.film-res {border:1px solid #fff;position:absolute;z-index:2;background-color:#fff;width:99px;height:140px;overflow:hidden;}
.film-res img {background-color:#000;width:99px;height:140px;}
.onizleme-goster li {float:left;width:123px;height:76px;overflow:hidden;border:1px solid #d5d2b9;background-color:#eef2f5;background-image:none;padding:118px 8px 8px;margin:0 0 11px 5px;display:inline;}
.liste-goster li {float:left;overflow:hidden;padding:8px 8px 8px;margin:0 0 11px 5px;display:inline;}

.onizleme-goster h3 {font:1em/1.2em Verdana,sans-serif;max-height:4.8em;width:100%;margin:0;overflow:hidden;}
.onizleme-goster .film-res {top:8px;left:13px;width:107px;height:147px;}
.onizleme-goster .film-res img {width:107px;height:140px;}
.onizleme-goster .ws img {height:71px;padding:12px 0;}
.onizleme-goster .meta {margin:2px 0;}
.onizleme-goster .dek, .onizleme-goster .tags, .onizleme-goster .date {display:none;}
.onizleme-goster p {font-size:11px;}
p.tags {margin:0 8px;}

.aramakutusu {
	float:right;
	width:380px;
	margin:6px 1px 0 0;
	
}
#aramakutusu {
	float:none;
	width:180px;
	margin-top:-1px;
	
}
/* Liste Kutusu */
.secimkutusu{width:102px;height:24px;float:left}

.textfield {width:100px;height:18px;background-image:url(../images/inputbg.gif);color:#ccc;border:solid 1px #999;padding:3px 0px 0px 5px;}
.secim-liste {width:100px;height:23px;background-image:url(../images/inputbg.gif);color:#ccc;border:solid 1px #999;padding:3px 0px 0px 5px;}
.metin-kutusu {width:100px;height:280px; background-color:#fff;color:#000;border:solid 1px #999;padding:3px 0px 0px 5px;}
/* ----- add selectors here for font sizing ----- */
add selectors here {font-size: 77%} /* =10 */
add selectors here {font-size: 85%} /* =11 */
add selectors here {font-size: 92%} /* =12 */
add selectors here {font-size: 100%} /* =13 */
add selectors here {font-size: 107%} /* =14 */
#mainNav li a em, h4 {font-size: 114%} /* =15 */
add selectors here {font-size: 122%} /* =16 */
add selectors here {font-size: 129%} /* =17 */
add selectors here {font-size: 136%} /* =18 */
add selectors here {font-size: 144%} /* =19 */
/*h2 {font-size: 152%}  =20 */
add selectors here {font-size: 159%} /* =21 */
add selectors here {font-size: 167%} /* =22 */
add selectors here {font-size: 174%} /* =23 */
add selectors here {font-size: 182%} /* =24 */
add selectors here {font-size: 189%} /* =25 */
add selectors here {font-size: 197%} /* =26 */

/* ----- random base styles and styles used in conjunction with javascript ----- */
.clearfloatNoHeight {clear: both; line-height: 0; height: 0; width:0; display: block; overflow:hidden;}
.clearfloat {clear: both; display: block;}
.floatRight{float:right;}
.floatLeft{float:left;}
.displayNone{display:none;}
.displayBlock{display:block;}
hr{border-top: 1px dashed #BFBFBF;border-right: none;border-bottom: none;border-left: none;*margin-top:-3px;}
.txtCenter{text-align:center;}


/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav{clear:both}
#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(../images/adimlar/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#C36615;
	background-image: url(../images/adimlar/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#7C8437;
	background-image: url(../images/adimlar/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#7C8437;
	background-image: url(../images/adimlar/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:140px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:71px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:182px;}
#mainNav.fiveStep li a{width:182px;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:227px;}
#mainNav.fourStep li.mainNavNoBg{width:229px;}
#mainNav.fourStep li a{width:227px;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:197px;}
#mainNav.threeStep li.mainNavNoBg{width:196px;}
#mainNav.threeStep li a{width:197px;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:455px;}
#mainNav.twoStep li a{width:455px;}


#wizardpanel {
	background-color: #F5F5F5; margin:5px;display:none;
}
#wizardcontent {
	height:400px
}
#wizardwrapper{width:603px;}



/* BUTTONS */
.buttons{margin:10px;clear:both}
.next {float:right;margin-right:5px;}
.previous {float:left}

/************ Form Kutuları **************** */
.alan-bicim {
	background-image: url(field-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	color: #333333;
	line-height: 13px;
	padding: 8px;
	margin-bottom: 20px;
	width: 360px;
}
.secim-bicim {
	background-image: url(field-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	color: #333333;
	line-height: 13px;
	padding: 8px;
	margin-bottom: 20px;
	width: 100px;
}
.gk-bicim {
	background-image: url(field-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	color: #333333;
	line-height: 13px;
	padding: 8px;
	margin-bottom: 20px;
	width: 60px;
}

.p-baslik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #666666;
	margin-bottom: 10px;
}
.p-icerik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*font-weight: bold;*/
	line-height: 20px;
	color: #666666;
	margin-bottom: 10px;
}

/************* AJAX SONUC **************/
#sonuc {
	width:560px;
	height:50px;
	display:none;
}

#sonuc li {
	float:left;
	margin: 5px 5px 5px 0;
	padding: 0 30px 0 0;
	list-style:none;
}
/*************HATA OY*******************/

span.link a {
	font-size:150%;
	color: #000000;
	text-decoration:none;
}

a.vote_up, a.vote_down {
	display:inline-block;
	background-repeat:none;
	background-position:center;
	height:16px;
	width:16px;
	margin-left:4px;
	text-indent:-900%;
}

a.vote_up {
	background:url("../images/thumb_up.png");
}

a.vote_down {
	background:url("../images/thumb_down.png");
}
/*****************************************************/

/*******************SIHIRBAZ**************************/
:focus {
  -moz-outline-style:none;
}

/* the root element for scrollable */ 
/* scrollable root element */
#wizard {	
	background:#fff url(../images/h600.png) repeat scroll 0 0;
	border:5px solid #E0E0E0 /*789*/;
	font-size:12px;
	height:600px/*450px*/;
	margin:20px auto;	
	width:590px;
	overflow:hidden;
	position:relative;
	
	/* rounded corners for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}  

/* scrollable items */
#wizard .items {
	width:20000em;	
	clear:both;	
	position:absolute;	
}

/* single item */
#wizard .page {	
	padding:20px 30px;
	width:500px;
	float:left;	
}

/* title */
#wizard h2 {
	border-bottom:1px dotted #ccc;
	font-size:22px;
	font-weight:normal;
	margin:10px 0 0 0;
	padding-bottom:15px;		
}

#wizard h2 em {
	display:block;
	font-size:14px;
	color:#666;
	font-style:normal;
	margin-top:5px;
}

/* input fields */
#wizard ul {
	padding:0px !important;
	margin:0px !important;
}

#wizard li {
	list-style-type:none;
	list-style-image:none;
	margin-bottom:22px;	
}

#wizard label {
	font-size:16px;	
	display:block;
}

#wizard label strong {
	color:#789;	
	position:relative;
	top:-1px;
}

#wizard label em {
	font-size:11px;
	color:#666;	
	font-style:normal;
}

#wizard .text {
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	color:#456;
	letter-spacing:1px;
}
#wizard .text2 {
	width:70%;
	padding:5px;
	border:1px solid #ccc;
	color:#456;
	letter-spacing:1px;
}
#wizard .text3 {
	width:20%;
	padding:5px;
	border:1px solid #ccc;
	color:#456;
	letter-spacing:1px;
}
#wizard select {
	border:1px solid #ccc;
	width:102%;	
	padding:4px;
}
#wizard .select2 {
	border:1px solid #ccc;
	width:20%;	
	padding:4px;
}
#wizard .select3 {
	border:1px solid #ccc;
	width:45%;	
	padding:4px;
}
#wizard label span {
	color:#b8128f;
	font-weight:bold;
	position:relative;
	top:4px;
	font-size:20px;
}

#wizard .double label { 
	width:50%;
	float:left;
}

#wizard .double .text {
	width:93%;	
}

#wizard .clearfix {
	clear:left;
	padding-top:5px;	
}

#wizard .right {
	float:right;		
}

/* validation error message bar */
#drawer {
	background:#fff url(../images/h80.png) repeat-x scroll 0 0;
	_background-color:#fff;
	overflow:visible;
	position:fixed;	
	left:0;
	top:0;
	text-align:center;
	padding:15px;
	font-size:18px;
	border-bottom:2px solid #789;
	width:100%;
	display:none;
	z-index:2;
}

#wizard .error {
	border:1px solid red;		
}

#wizard #status {
	margin:0px !important;
	height:35px;
	background:#123 url(../images/h30.png) repeat-x;
	padding-left:25px !important;
	_background:#123;
}

#status li {
	list-style-type:none;
	list-style-image:none;
	float:left;
	color:#fff;
	padding:10px 30px;
}

#status li.active {
	background-color:#8B8B8B/*b8128f*/;
	font-weight:normal;		
}

/******************** SCROLL PANE **********************/

#pane1 {
	width:530px;
}
a.jScrollArrowUp {
	background: url(basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
.scroll-pane {
	width: 530px;
	height: 350px;
	overflow: auto;
	/*background: #ccc;*/
	float: left;
}
#pane2 {
	width:590px;
}

.scroll-pane2 {
	width: 590px;
	height: 350px;
	overflow: auto;
	/*background: #ccc;*/
	float: left;
}

/********************* ETIKETLER *************************/

			.tag_box * {
				margin: 0;
				padding: 0;
				outline: none;
			}
			
			.tag_box {
				/*
				border: 1px solid #000;
				margin: 10px 0;
				min-height: 60px;
				cursor: text;
				*/
	width:100%;
	/*padding:5px;*/
	border:1px solid #ccc;
	color:#456;
	/*letter-spacing:1px;*/
	min-height: 60px;
	cursor: text;
	background-color:#fff
	
				
			}
			
			
			code {
				background: #f7f7f7;
				display: none;
				border: 1px solid #000;
				font-family: Monaco, monospace;
				white-space: pre;
				font-size: 12px;
				width: 600px;
				margin: 0 auto;
				overflow: auto;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				
			}

/***********************************************/
.hata, .ikaz, .tamam, .bilgi {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em 20em;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #444
}

.hata    {background: #fbe3e4 url(../mBox/hata.png) 2.2em center no-repeat; border-color: #e0011b}
.hata a  {color: #d12f19}

.ikaz    {background: #fff6bf url(../mBox/ikaz.png) 2.2em center no-repeat; border-color: #ffd324}
.ikaz a  {color: #817134}

.tamam   {background: #e9ffdd url(../mBox/tamam.png) 2.2em center no-repeat; border-color: #72c868}
.tamam a {color: #529214}

.bilgi   {background: #e2ecee url(../mBox/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6}
.bilgi a {color: #2d7ba2}


/* listeler */
.hata ul, .ikaz ul, .tamam ul, .bilgi ul {
    list-style: none;
    margin: 1.3em 1.5em
}
.hata ul li, .ikaz ul li, .tamam ul li, .bilgi ul li {
    padding-left: 1.3em
}
.hata ul li  { background: url(../mBox/hata-bullet.png)  0 0.55em no-repeat }
.ikaz ul li  { background: url(../mBox/ikaz-bullet.png)  0 0.55em no-repeat }
.tamam ul li { background: url(../mBox/tamam-bullet.png) 0 0.55em no-repeat }
.bilgi ul li { background: url(../mBox/bilgi-bullet.png) 0 0.55em no-repeat }


/**************************** SEKMELER *************************************/
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/tabs.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}


