body, body.mutlak {
	background: #FFFFFF /*url(/Resources/Images/blue_gradient.jpg) repeat-x left top*/; margin: 0px;
	scrollbar-highlight-color: #CCAACC;
	scrollbar-3dlight-color: #EECCEE;
	scrollbar-arrow-color: #990099;
	scrollbar-face-color: #EECCEE;
	scrollbar-shadow-color: #2308F0;
	scrollbar-track-color: #808080;
	scrollbar-darkshadow-color: #0F600D;
	background-image: url(../../Images/bg2.jpg); background-repeat:repeat; background-position:left top
}

.pageW { margin: 0px auto; width: 920px; }
input, td, th, div { font: 11px Verdana, Arial, Helvetica, sans-serif; }

p {margin:0px}
p + p , p + h1, p + h2, p + h3 {margin-top:16px}

form {padding:0px; margin:0px}

.Beybix { background: url(/Resources/Images/beybix.header.jpg) no-repeat left top; height: 215px; width: 920px; }

img {border:none}

a {color:#e1259f; text-decoration:none}
a:hover { color:#000000; text-decoration:underline}

h1 { font-size:18px}
h2 { font-size:14px}
h4 { font-size:11px}

.ContentBG { background: #FFFFFF url(../../Images/ContentBg.png) repeat-y left bottom; padding:12px 0px; min-height:400px; width: 970px; margin:auto}
.ContentBgUst {background: url(../../Images/ContenBgUst.png); width:970px; height:13px; background-position:left top; background-repeat:no-repeat; margin:auto;  }
.ContentBgAlt {background: url(../../Images/footer.png); width:970px; height:97px; background-position:left top; background-repeat:no-repeat; margin:auto;  }

.SolAlan { width:170px; float:left; margin-right:10px}
.OrtaAlan {width:580px; float:left; margin-right:10px}
.SagAlan {width:170px; float:right;}

.FooterBg { background:  url(../../Images/footer.png); width:970px; height:97px;  background-position:left bottom; background-repeat:no-repeat; margin:auto;  }
.FooterBg .pageW { padding:24px 0px; text-align:center}
.FooterBg div, .FooterBg td,  .FooterBg a {color: #1BA799; font-size:10px}
.FooterBg a { text-decoration:underline}
.FooterBg a:hover {color:#000000}
  
.clr {clear:both; height:0px; font-size:0px}

/********* Kabuklar *************/

.Moval { margin-bottom:12px}
.Moval ul, .Moval ol { margin:0px; padding:0px;}
.Moval a {color:#FFFFFF; text-decoration:underline}
.Moval div, .Moval td, .Moval ul { color:#FFFFFF}
.Moval .solKose { background:url(/Resources/Images/moval.solust.gif) left top no-repeat; padding-left:11px; height:12px}
.Moval .solKose .sagKose { background:url(/Resources/Images/moval.sagust.gif) right top no-repeat; padding-right:11px; height:12px}
.Moval .solKose .sagKose .ortaBg { background:url(/Resources/Images/moval.ustbg.gif) left top repeat-x; height:12px}
.Moval .ortaSol { background:url(/Resources/Images/moval.solbg.gif) left top repeat-y; padding-left:5px;}
.Moval .ortaSol .ortaSag { background:#23bae5 url(/Resources/Images/moval.sagbg.gif) right top repeat-y; padding:0px 12px}
.Moval .solAlt { background:url(/Resources/Images/moval.solalt.gif) left top no-repeat; padding-left:11px; height:12px}
.Moval .solAlt .sagAlt { background:url(/Resources/Images/moval.sagalt.gif) right top no-repeat; padding-right:11px; height:12px}
.Moval .solAlt .sagAlt .ortaBg { background:url(/Resources/Images/moval.altbg.gif) left top repeat-x; height:12px}

.SolMenu {}
.SolMenu ul, .SolMenu ol { margin:0px; padding:6px; list-style:none}
.SolMenu ul li, .SolMenu ol li { margin:0px; list-style:none; background:none; padding-left:0px}
.SolMenu ul li + li { border-top:1px dotted #16a4cf;}
.SolMenu ul ul {margin-left:12px}
.SolMenu li a { display:block; padding:8px; padding-left:24px; background:url(/Resources/Images/mavi.bullet.gif) left 6px no-repeat; color:#FFFFFF; font-weight:bold; font-size: 12px; text-decoration:none}
.SolMenu li a:hover { color:#000000;}
.SolMenu ul ul a { font-size:10px; font-weight:normal; background:url(/Resources/Images/siyahok.bullet.gif) left 5px no-repeat; padding:4px;padding-left:14px}


.YesilOval { margin-bottom:12px}
.YesilOval ul, .YesilOval ol { margin:0px; padding:0px;}
.YesilOval a {color:#466f5a; text-decoration:underline}
.YesilOval div, .YesilOval td, .YesilOval ul { color:#466f5a}
.YesilOval .solKose { background:url(/Resources/Images/yesilo.solust.gif) left top no-repeat; padding-left:11px; height:12px}
.YesilOval .solKose .sagKose { background:url(/Resources/Images/yesilo.sagust.gif) right top no-repeat; padding-right:11px; height:12px}
.YesilOval .solKose .sagKose .ortaBg { background:url(/Resources/Images/yesilo.ustbg.gif) left top repeat-x; height:12px}
.YesilOval .ortaSol { background:url(/Resources/Images/moval.solbg.gif) left top repeat-y; padding-left:5px;}
.YesilOval .ortaSol .ortaSag { background:#92ddb7 url(/Resources/Images/moval.sagbg.gif) right top repeat-y; padding:0px 12px}
.YesilOval .solAlt { background:url(/Resources/Images/yesilo.solalt.gif) left top no-repeat; padding-left:11px; height:12px}
.YesilOval .solAlt .sagAlt { background:url(/Resources/Images/yesilo.sagalt.gif) right top no-repeat; padding-right:11px; height:12px}
.YesilOval .solAlt .sagAlt .ortaBg { background:url(/Resources/Images/yesilo.altbg.gif) left top repeat-x; height:12px}

.YesilOval h1, .YesilOval h2 { color:#466f5a; margin:0px; margin-bottom:16px}
.YesilOval h2 {font-size:14px}

.MorOval { margin-bottom:12px}
.MorOval ul, .MorOval ol { margin:0px; padding:0px;}
.MorOval a {color:#885171; text-decoration:underline}
.MorOval div, .MorOval td, .MorOval ul { color:#885171}
.MorOval .solKose { background:url(/Resources/Images/morol.solust.gif) left top no-repeat; padding-left:11px; height:12px}
.MorOval .solKose .sagKose { background:url(/Resources/Images/morol.sagust.gif) right top no-repeat; padding-right:11px; height:12px}
.MorOval .solKose .sagKose .ortaBg { background:url(/Resources/Images/morol.ustbg.gif) left top repeat-x; height:12px}
.MorOval .ortaSol { background:url(/Resources/Images/moval.solbg.gif) left top repeat-y; padding-left:5px;}
.MorOval .ortaSol .ortaSag { background:#e3b6d0 url(/Resources/Images/moval.sagbg.gif) right top repeat-y; padding:0px 12px}
.MorOval .solAlt { background:url(/Resources/Images/morol.solalt.gif) left top no-repeat; padding-left:11px; height:12px}
.MorOval .solAlt .sagAlt { background:url(/Resources/Images/morol.sagalt.gif) right top no-repeat; padding-right:11px; height:12px}
.MorOval .solAlt .sagAlt .ortaBg { background:url(/Resources/Images/morol.altbg.gif) left top repeat-x; height:12px}

.MorOval h1, .MorOval h2 { color:#885171; margin:0px; margin-bottom:16px}
.MorOval h2 {font-size:14px}



.BeyazOval { margin-bottom:12px}
.BeyazOval ul, .BeyazOval ol { margin:0px; padding:0px;}
.BeyazOval a {text-decoration:underline}
.BeyazOval div, .BeyazOval td, .BeyazOval ul { color:#885171}
.BeyazOval .solKose { background:url(/Resources/Images/beyazoval.solust.gif) left top no-repeat; padding-left:10px; height:9px}
.BeyazOval .solKose .sagKose { background:url(/Resources/Images/beyazoval.sagust.gif) right top no-repeat; padding-right:10px; height:92px}
.BeyazOval .solKose .sagKose .ortaBg { background:#ffffff;  height:9px; border-top:1px solid #e9e9e9;}
.BeyazOval .ortaSol {  padding-left:0px;}
.BeyazOval .ortaSol .ortaSag { background:#ffffff; padding:4px 16px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
.BeyazOval .solAlt { background:url(/Resources/Images/beyazoval.solalt.gif) left top no-repeat; padding-left:10px; height:9px}
.BeyazOval .solAlt .sagAlt { background:url(/Resources/Images/beyazoval.sagalt.gif) right top no-repeat; padding-right:10px; height:9px}
.BeyazOval .solAlt .sagAlt .ortaBg { background:#ffffff; height:9px; border-bottom:1px solid #e9e9e9}

.BeyazOval h1, .BeyazOval h2 { color:#5ca6ba; margin:0px; margin-bottom:16px}
.BeyazOval h2 {font-size:14px}

.BeyazOval ul, .MorOval ul, .YesilOval ul, .Moval ul { margin:0px;}
.BeyazOval li, .MorOval li, .YesilOval li, .Moval li { list-style:none; background:url(/Resources/Images/siyahok.bullet.gif) left 4px no-repeat; padding-left:16px; margin-bottom:6px}

#eXTReMe {display:none}

.MorBut a { display:block; padding:6px 10px; border:1px solid #000000; background:#3D075C url(/Resources/Images/morbut.bg.gif) left top repeat-x; color:#FFFFFF; text-decoration:none; text-align:center}
.MorBut a:hover {background:#6A0DA0 url(/Resources/Images/morbut.hoverbg.gif) left top repeat-x; color:#FFFFFF; text-decoration:none}

/********* TUNA'NIN STİL EKLENTİLERİ *************/

th {
	font-weight : bold;
	height : 30px;
}

.fixedTable {
	table-layout: fixed;
}

.formHelpText {
	color : green;
	font-size : 6pt;
}

.formWarning {
	color : red;
}

.formErrorMessage {
	padding : 3px;
	background-color : #FFDDDD;
}

.formLayout {
	width : 100%;
}

.formLayout td {
	padding-top : 5px;
	padding-bottom : 5px;
}

.formLine {
	color : #EEEEEE;
	height : 1px;
}

.formButton {
	font:bold 10px Verdana;
	color:#FF0066;
	background-color:#f2f2f2;
	border:1px ridge #999999;
	cursor:pointer;
	margin-top : 15px;
	margin-right : 10px;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
}

.formButton:hover {
	background-color:#eaeaea;
}

.formAdminButton {
	font:bold 10px Verdana;
	color:#FF0066;
	background-color:#FFD0D0;
	border:1px ridge #999999;
	cursor:pointer;
	margin-top : 15px;
	margin-right : 10px;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
}

.formAdminButton:hover {
	background-color:#F0DADA;
}

.formText {
	margin-bottom : 20px;
}

.formListRow {
	background-color : white;
}

.formListRow:hover {
	cursor : default;
	background-color : #FFDDDD;
}

.formArrowLabel {
	padding-left : 12px;
	background:url(/Resources/Images/siyahok.bullet.gif) left no-repeat;
}

.inputText {
	font:bold 10px Verdana;
	color:#FF0066;
	border:1px solid #CCCCCC;
	margin : 2px;
}

.inputButton {
	font:bold 10px Verdana;
	color:#FF0066;
	background-color:#f2f2f2;
	border:1px solid #999999;
	cursor:pointer;
	margin : 2px;
	padding-right : 5px;
	padding-left : 5px;
}


.inputSelect {
	font: bold 10px Verdana;
	color:#FF0066;
	border: 1px solid #CCCCCC;
	margin : 2px;
}

.inputTextarea {
	font: bold 10px Verdana;
	color:#FF0066;
	border: 1px solid #CCCCCC;
	margin : 2px;
}

div .scroll {
	overflow: auto;
	border: 1px solid #CCCCCC;
	padding: 8px;
}

.onlineUser {
	font-size : 7pt;
}

.adminPanelFormLayout {
	width : 100%;
}

.adminPanelFormLayout td {
	padding-left : 10px;
	padding-top : 10px;
	padding-bottom : 10px;
}

.marketItemImage {
	cursor : hand;
}

.marketItemBeypa {
	color : green;
	font-size : 6pt;
}

.marketItemName {
	font-size : 7pt;
}

.marketItemAgeLimitRed {
	color : red;
	font-size : 6pt;
}

.marketItemAgeLimitGreen {
	color : green;
	font-size : 6pt;
}

.itemDetailsItemImage {
	/*
	border : solid;
	border-width : 1px;
	*/
}

.messageBoxRow_0 {
	cursor : hand;
	background-color : #FFEEEE;
}

.messageBoxRow_0:hover {
	background-color : white;
}

.messageBoxRow_1 {
	cursor : hand;
	background-color : #EEEEFF;
}

.messageBoxRow_1:hover {
	background-color : white;
}

.messageBoxReaden {
	
}

.messageBoxUnreaden {
	text-decoration : underline;
}

.myBeybixProgressBar {
	text-align : center;
	font-size : 6pt;
	height : 10px;
}

.myHomeProgressBar {
	height : 4px;
}

.avatarImage {
	border-style : groove;
	border-width : 2px;
}

.babyAvatarImage {
	border-style : groove;
	border-width : 2px;
}

table.creche {
	border-width: 0px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}

table.creche th {
	border-width: 1px;
	padding: 1px;
	border-style: dashed;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

table.creche td {
	border-width: 1px;
	padding: 1px;
	border-style: dashed;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

table.gameStatistics td {
	font-size : 7pt;
}

.homeItemActivated {
	border-color : #00FF00;
}

/**** Yeni Logo İmajları *******/

.YeniBeybix { background:url(../Images/h1/beybix-logo2009-bg.jpg) left bottom repeat-x; height:190px; margin-top:-19px; cursor:pointer}
.YeniBeybix .Logo { width:919px; height:190px; margin:0px auto; background:url(../Images/h1/beybix-logo2009.jpg);}

.goGold { background:#FAF8D8 url(/Images/gogold-altin.png) 7px 7px no-repeat; text-decoration:none; border:1px solid #ECE478; display:block; margin:15px 0px; padding:7px;padding-left:36px; color:#A68224; font:bold 13px "Segoe UI", Tahoma, Arial; min-height:30px}
.goGold:hover { background-color:#FFFFED; border-color:#FFF98D; color:#000; text-decoration:none;}
a.goGold  {text-decoration:none}