/****** Reset ******/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }



/****** Common ******/
body
{
  margin: 0;
  padding: 0;
  background: #FFFFFF url("Layout/Bg.jpg") repeat-x;
  color: #737373;
  font-size: 12px;
  font-family: Arial;
}

img
{
  border: 0;
}

img.PictureLeft
{
  float: left;
  margin: 10px 10px 5px 10px;
}

img.PictureRight
{
  float: right;
  padding: 0 0 10px 10px;
  margin: 7px 7px 0 7px;
}

a, a:link, a:active, a:visited
{
  color: #666;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
  color: #0099ff;
}

br.clear
{
  clear: both;
}

ul
{
  list-style-type: square;
  margin: 0;
}

ul li
{
  margin: 2px 0 2px 18px;
}

ol
{
  list-style-type: decimal;
  margin: 10px 0;
}

ol li
{
  margin: 0 0 7px 28px;
  list-style-type: decimal;
}

ul.HorizontalMenu li
{
  display: inline;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.VerticalMenu li
{
  list-style-type: none;
  padding: 0 5px 0 4px;
  margin: 0;
}

p
{
  margin: 5px 0;
}

/*Title*/

h1, h2, h3, h4
{
  font-family: Arial, Tahoma, Sans-Serif;
}
h1
{
  color: #666666;
  font-size: 12px;
  font-family: Arial;
  padding-top: 10px;
  padding-right: 20px;
}
h2
{
  color: #00a6ea;
  font-size: 10px;
  font-family: Arial;
  padding-left: 225px;
  padding-top: 50px;
}

h3
{
  color: #666666;
  font-size: 10px;
  font-family: Arial;
  padding: 8px 0;
  text-align: center;
}

h4
{
  width: 210px;
  height: 20px;
  background-color: #e6e6e6;
  color: #666666;
  font-size: 14px;
  font-family: Arial;
  text-align: left;
  padding-top: 5px;
  padding-left: 10px;
  margin: 1px 0;
}

h5
{
  width: 210px;
  height: 20px;
  background-color: #f3f3f3;
  color: #666666;
  font-size: 14px;
  font-family: Arial;
  text-align: left;
  padding-top: 5px;
  padding-left: 10px;
  margin: 1px 0;
}
h6
{
  color: #666666;
  font-size: 18px;
  font-family: Arial;
  font-weight: bold;
  padding: 15px 0 0 0;
  margin: 0;
  text-align: left;
}
h6.baslik
{
  color: #666666;
  font-size: 24px;
  font-family: Arial;
  font-weight: normal;
  margin: 0;
  text-align: left;
}

/* Layout (Sablon) */
div#Wrapper
{
  margin: 0 auto;
  width: 960px;
}

div#Header
{
  background: #FFFFFF;
  height: 122px;
}

div#Content
{
  padding-top: 20px;
}

div#ColumnAlfa
{
  float: left;
  width: 640px;
  margin: 0;
}

div#ColumnBeta
{
  float: right;
  width: 300px;
  margin: 0;
}
div#ColumnBeta div.TumOyunlar
{
  width: 300px;
  background: url(Layout/TumOyunlar.jpg) no-repeat top;
  float: left;
  margin: 16px 0 0 0;
  padding: 48px 0 0 0;
}

div#Footer
{
  width: 960px;
  height: 200px;
  background: #ffffff;
  margin-left: 1px;
}


div#Logo
{
  width: 650px;
  float: left;
  height: 80px;
}

div#Login
{
  width: 310px;
  float: right;
  padding-top: 20px;
  text-align:right;
}

div input
{
  border: 0;
  background: transparent url(Layout/TextBox.jpg) no-repeat top left;
  width:225px;
  height:25px;
  padding: 5px 0 0 5px;
  float: left;
  font-size: 11px;
}

div.formSection .checkBox input 
{
  padding-top: 5px;
  padding-left: 5px;
  width: 15px;
  height: 15px;
  margin: 1px 4px 10px 1px ;
 
}

div.PasswordQuery
{
  border: 0;
  float: left;
  color: #0099ff;
  font-size: 10px;
  padding-top: 5px;
}

div#Menu
{
  border: 0;
  height: 42px;
  background: #000000;
  margin: 0;
}

div#MainMenuLeft
{
  border-style: none;
  border-color: inherit;
  border-width: 0;
  background: url('Layout/MainMenu/MainMenuLeft.jpg') no-repeat left top;
  float: left;
  padding: 0 0 0 112px;
  margin: 0;
}

div#MainMenuLeft img
{
  float: left;
  padding:0;
  margin: 0;
}

.gameListItem
{
  width: 210px;
  height: 20px;
  background-color: #e6e6e6;
  color: #737373;
  font-size: 13px;
  font-family: Arial;
  text-align: left;
  padding-top: 5px;
  padding-left: 10px;
  margin: 1px 0;
  list-style-type:none;
}

.gameAlternateListItem
{
  width: 210px;
  height: 20px;
  background-color: #f3f3f3;
  color: #737373;
  font-size: 13px;
  font-family: Arial;
  text-align: left;
  padding-top: 5px;
  padding-left: 10px;
  margin: 1px 0;
  list-style-type:none;
}

/* Pager & Header */
div.Box
{
  margin-bottom: 0;
  padding: 0;
}

div.Pager table
{
  width: 100%;
}

div.Pager table td.Head
{
  width: 83%;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}

div.Pager table td.Buttons
{
  width: 10%;
}

a.PagerButton
{
  display: block;
  width: 16px;
  height: 16px;
  text-decoration: none;
  text-indent: -9999px;
}

a.PagerPrevious
{
  margin-right: 5px;
  background: url('Layout/Back.png') no-repeat;
}

a.PagerNext
{
  margin-left: 5px;
  background: url('Layout/Next.png') no-repeat;
}


/*Giris Butonu*/
ul#EnterBtn
{
  margin: 0;
  padding: 0px 0px;
}

ul#EnterBtn li
{
  margin: 0;
  text-align: center;
}

ul#EnterBtn li a, ul#EnterBtn li a:link, ul#EnterBtn li a:visited, ul#EnterBtn li a:Active, ul#EnterBtn li a:hover
{
  height: 25px;
  line-height: 25px;
  display: block;
  font-size: 12px;
  font-family: Arial;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  margin: 0 0px;
  float: right;
}

a.Enter
{
  width: 50px;
  background: url("Layout/EnterBtnBg.jpg") no-repeat top;
}

a.Enter:hover
{
  background: url("Layout/EnterBtnBg.jpg") no-repeat bottom;
}

ul#EnterBtn li a.SelectedMenuItem
{
  background-position: bottom;
}



/***** Common Messages *****/
.PositiveMessage
{
  display: block;
  padding: 5px 10px;
  margin: 5px 0;
  color: #669966;
  background: #EEFFEE;
  font-size: 1.3em;
  font-weight: bold;
}

.ValidationSummary ul li, .NegativeMessage
{
  color: #EE6666;
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 3px;
  display: block;
  padding: 5px 10px;
  margin: 5px 0;
}

table#BoxPagerTable
{
  width: 100%;
  margin: 20px 0 0 0;
}

table#BoxPagerTable td.Content
{
  vertical-align: middle;
}

table#BoxPagerTable td.Title
{
  padding: 0 20px 0 20px;
  font-family: Georgia, Arial;
  font-size: 24px;
  color: #666666;
}

table#BoxPagerTable td.Button
{
  width: 15%;
  padding: 0 10px 0 0;
  vertical-align: middle;
}


/*Main Menu*/
ul#MainMenu
{
  float: right;
  margin: 0;
  padding: 0px 0px;
}

ul#MainMenu li
{
  margin: 0;
  text-align: center;
}

ul#MainMenu li a, ul#MainMenu li a:link, ul#MainMenu li a:visited, ul#MainMenu li a:Active
{
  height: 42px;
  line-height: 42px;
  display: block;
  font-size: 12px;
  font-family: Arial;
  color: #666666;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  margin: 0 0px;
  float: left;
}
ul#MainMenu li a:hover
{
  color: #FFFFFF;
}

a.FootballTycoon
{
  width: 156px;
  background: url("Layout/MainMenu/MainMenu1.jpg") no-repeat top;
}
a.FanteziFutbol
{
  width: 143px;
  background: url("Layout/MainMenu/MainMenu2.jpg") no-repeat top;
}
a.HaberAvcisi
{
  width: 125px;
  background: url("Layout/MainMenu/MainMenu3.jpg") no-repeat top;
}
a.Spor
{
  width: 77px;
  background: url("Layout/MainMenu/MainMenu4.jpg") no-repeat top;
}
a.Aksiyon
{
  width: 96px;
  background: url("Layout/MainMenu/MainMenu5.jpg") no-repeat top;
}
a.Strateji
{
  width: 102px;
  background: url("Layout/MainMenu/MainMenu6.jpg") no-repeat top;
}
a.UyeOl
{
  width: 91px;
  background: url("Layout/MainMenu/MainMenu7.jpg") no-repeat top;
}
a.UyeOlDisabled
{
  width: 91px;
  color: #666666;
  background: url("Layout/MainMenu/MainMenu5.jpg") no-repeat top;
}

a.FootballTycoon:hover
{
  background: url("Layout/MainMenu/MainMenu1.jpg") no-repeat bottom;
}
a.FanteziFutbol:hover
{
  background: url("Layout/MainMenu/MainMenu2.jpg") no-repeat bottom;
}
a.HaberAvcisi:hover
{
  background: url("Layout/MainMenu/MainMenu3.jpg") no-repeat bottom;
}
a.Spor:hover
{
  background: url("Layout/MainMenu/MainMenu4.jpg") no-repeat bottom;
}
a.Aksiyon:hover
{
  background: url("Layout/MainMenu/MainMenu5.jpg") no-repeat bottom;
}
a.Strateji:hover
{
  background: url("Layout/MainMenu/MainMenu6.jpg") no-repeat bottom;
}
a.UyeOl:hover
{
  background: url("Layout/MainMenu/MainMenu7.jpg") no-repeat bottom;
}
a.UyeOlDisabled:hover
{
  width: 91px;
  background: url("Layout/MainMenu/MainMenu7.jpg") no-repeat top;
}

ul#MainMenu li a.SelectedMenuItem
{
  background-position: bottom;
}

div#Footer div.SipruLogoBg
{
  width: 960px;
  height: 90px;
  background: url(Layout/FooterBg.jpg) no-repeat left;
}
div#Footer div.SipruLogo
{
  width: 665px;
  height: 60px;
  background: #ffffff;
  padding-left: 295px;
}
div#Footer div.SipruOyunLogo
{
  width: 114px;
  float: left;
  padding-top: 30px;
}
div#Footer div.SipruRdLogo
{
  width: 82px;
  float: left;
  padding-top: 30px;
  margin-left: 30px;
  margin-right: 30px;
}
div#Footer div.SipruTvLogo
{
  width: 86px;
  height: 26px;
  float: left;
  padding-top: 30px;
}
div#Footer div.DipLink
{
  width: 960px;
  height: 30px;
  background: url(Layout/FooterDipLinkBg.jpg) left;
}

/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}
/* Clearfix */

/* Socible */
div.sociable { margin: 16px 0px 0px 10px; text-align:right; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}
.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
/* Socible */

/* Yorum */
#Yorum 
{
    width:620px;
    margin: 20px 0 0 10px;   
}
#Yorum div.YorumDetay
{
    width:620px;
    margin: 20px 0 20px 0;   
}
#Yorum div.YorumKoyu
{
    margin:10px;
    background-color:#f1f1f1;
    padding: 10px 10px;
}
#Yorum div.YorumAcik
{
    margin:10px;
    background-color:#FFFFFF;
    padding: 10px 10px;
}
/* Yorum */

/* Gonder */
#btnSubmitWrap input
{
    width:72px;
    height:26px;
    background-image: url(Layout/GirisBtn.jpg);
    margin: 10px 0 0 0;
    padding: 0;
    font-size:11px;
}
/* Gonder */