@import url('Default.css');

/***********************************/
/* sipru.com/admin */
/***********************************/

/* Content List */
.ContentList
{
  width: 100%;
  background: #484848;
  margin: 0;
  padding: 0;
}
.ContentList tr.Head td
{
  background: #424242;
  border-bottom: solid 1px #505051;
  padding: 2px;
  color: #989898;
  text-align: right;
}

.ContentList td.Avatar
{
  width: 125px;
  vertical-align: middle;
  text-align: center;
}

.ContentList td.Item
{
  width: 641px;
  vertical-align: top;
}

.ContentList td p.Percent
{
  background: url("Layout/PercentBg.gif") no-repeat;
  color: #504644;
  font-size: 28px;
  font-weight: bold;
  padding: 10px 15px 15px 15px;
  margin: 10px 0 10px 20px;
}

.ContentList tr.Footer td
{
  padding: 12px 0 7px 0;
  color: #000000;
  border-bottom: solid 1px #cccccc;
}

.ContentList h1
{
  color: #9EEA7E;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0 0 0;
  line-height: 1.3em;
}

.ContentList h3
{
  color: #A7AAB9;
  font-size: 12px;
  padding: 0 0 0 0;
  line-height: 1.3em;
  margin: 0 0 5px 0;
}

table.HitBar
{
}

table.HitBar tr.percent td
{
  height: 10px;
  background: #336699;
}


table.ZodiacBox
{
  width: 500px;
}

table.ZodiacBox p
{
  margin: 10px 0;
  padding: 0;
}

table.ZodiacBox td.Icon
{
  text-align: center;
  padding-top: 15px;
  vertical-align: top;
  width: 82px;
}

table.ZodiacBox td.Icon a
{
  display: block;
  margin-top: 10px;
}

table.ZodiacBox td.Content
{
  font-family: Tahoma;
  font-size: 12px;
  margin: 0;
  padding: 0;
  width: 168px;
}


/*Photo Gallery Picture Drag&Drop*/
ul#ulThumbnailList li div.imagecontainer
{
}
ul#ulThumbnailList li div.deletethumbnail
{
}

ul#ulThumbnailList li div.PageNumber
{
  font-family: Arial;
  font-size: 26px;
  font-weight: bold;
  color: #666666;
}

ul#ulThumbnailList li.photolistitem
{
  position: relative;
  display: block;
  float: left;
  list-style-type: none;
  width: 120px;
  height: 170px;
  padding: 10px 4px;
  border: solid 1px #c8c8c8;
  margin: 12px;
  background: #e8e8e8;
  text-align: center;
  cursor: move;
}

/***********************************/
/* sipru.com */
/***********************************/

/* MANSET BOX */
div#Cover
{
  width: 960px;
  height: 308px;
  margin: 0;
}
div#Manset
{
  background: url('../../Assets/Images/Manset/FanteziFutbol.png') no-repeat left top;
  width: 618px;
  height: 303px;
  float: left;
  margin: 0;
}
div#Manset div.SimdiOynaBtn
{
  margin: 140px 30px 0 0;
  float: right;
}

div#Ok
{
  width: 32px;
  margin: 125px 0 0 0;
  float: left;
}

div#Reklam300x250
{
  width: 300px;
  height: 303px;
  float: right;
  margin: 0;
}

div#Reklam300x250 div.Reklam300x250
{
  margin: 30px 0 0 0;
  float: right;
}

/*========*/

/* INFO BOX */

div.InfoBox
{
  width: 300px;
  float: left;
  background: url("../../Assets/Images/ColumnCizgi.jpg") no-repeat bottom;
}
div.InfoBox h2
{
  padding: 50px 0 3px 0;
  margin: 0;
  text-align: right;
}

div.InfoBox h2 a, div.InfoBox h2 a:link, div.InfoBox h2 a:visited, div.InfoBox h2 a:Active
{
  font-size: 10px;
  font-family: Arial;
  color: #00a6ea;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  margin: 0;
}
div.InfoBox h2 a:hover
{
  text-decoration: underline;
  color: #ff4000;
}

div.InfoBox h2.Spor
{
  background: url("../../Assets/Images/Oyunlar/SporBaslikAnasayfa.jpg") no-repeat;
}
div.InfoBox h2.Aksiyon
{
  background: url("../../Assets/Images/Oyunlar/AksiyonBaslikAnasayfa.jpg") no-repeat;
}
div.InfoBox h2.Strateji
{
  background: url("../../Assets/Images/Oyunlar/StratejiBaslikAnasayfa.jpg") no-repeat;
}

div.InfoBox div.Box
{
  background: #efefef;
}
div.InfoBox div.AlternativeBox
{
  background: #FFFFFF;
}

div.InfoBox table.Content
{
  width: 100%;
}

div.InfoBox table.Content td.Image
{
  padding:5px 0 5px 5px;
  width: 45%;
}

div.InfoBox table.Content td.Item
{
  vertical-align: top;
}

div.InfoBox table.Content h2.Title
{
color:#666666;
font-family:Arial;
font-size:16px;
font-weight:bold;
margin:0;
padding:15px 5px 0;
text-align:left;
}

div.InfoBox table.Content p {
color:#737373;
font-family:Arial;
font-size:12px;
margin:5px 0;
padding:0 5px;
vertical-align:top;
}

/*========*/

/*KATEGORİ ANASAYA*/

div#ColumnAlfa div.CategoryHeader
{
  width: 644px;
  height: 58px;
  background: url(Layout/ColumnAlfaHeader.png) no-repeat;
  float: left;
  margin: 30px 0 0 1px;
}
div#ColumnAlfa div.CategoryTitle
{
  width: 620px;
  height: 48px;
  float: left;
  margin: 10px 0 0 10px;
}
div#ColumnAlfa div.KategoriContent
{
  width: 640px;
  background: url(Layout/ColumnAlfaBg.jpg);
  padding-bottom:20px;
  border-left:1px solid;
  border-right:1px solid;
  border-bottom: 2px solid;
  border-color:#93ce00;
  float: left;
  margin: 0;
  
}
div#ColumnAlfa div.CategoryImage
{
  width: 230px;
  float: left;
  margin: 10px 10px;
}
div#ColumnAlfa div.CategoryText
{
  width: 390px;
  height: 130px;
  float: left;
  margin: 10px 0 0 0;
}
div#ColumnAlfa div.CategoryLine
{
  width: 620px;
  height: 1px;
  background-color: #b6e119;
  float: left;
  margin: 0 10px;
}
div#ColumnAlfa div.CategoryFooter
{
  width: 640px;
  height: 10px;
  background: url(Layout/ColumnAlfafooter.jpg) no-repeat;
  float: left;
  margin: 0;
}

/*========*/

/*DETAY ANASAYFA*/

div#ColumnAlfa div.CategoryDetailHeader
{
  width: 620px;
  float: left;
  margin: 10px 20px;
}

div#ColumnAlfa div.CategoryDetailGallery
{
  width: 620px;
  float: left;
  margin: 0px 20px;
}

div#ColumnAlfa div.CategoryDetailDetail
{
  width: 620px;
  float: left;
  margin: 10px 20px;
}

/*=======*/

/*GALLERY BEGIN*/

ul#gallery, ul#gallery li
{
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#gallery
{
  width: 620px;
  height: 410px;
  position: relative;
  background: url(../../Assets/Images/Oyunlar/SeaFight/01.jpg) no-repeat;
}
ul#gallery li
{
  float: left;
  display: inline;
  margin-top: 310px;
  padding-right: 10px;
}
ul#gallery a span
{
  display: none;
}
ul#gallery a:hover
{
  background: none;
  z-index: 100;
}
ul#gallery a:hover span
{
  position: absolute;
  width: 600px;
  height: 300px;
  float: left;
  top: 0;
  left: 0px;
  display: block;
}

/*========*/

/*OYUN FARAME*/

div#FrameHeader
{
  width: 100%;
  height: 100px;
  background: url(../../Assets/Images/Frame/HeaderBg.jpg);
  float: left;
  margin: 0;
}
div#FrameHeader div.SipruOyunLogo
{
  height: 100px;
  float: left;  
  margin: 0;    
}
div#FrameHeader div.SipruRdLogo
{
  height: 100px;
  float: right;
  margin: 0;
}


/*=======*/

.NumericTextBox
{
}


/*22 Aralık 2009 Eklenen Üst 3 Kutu Özellikleri*/

/*İkincil Sınıflar*/
.MarginRight0 { margin-right:0!important;}
#Ust3luAlan { width:960px;}
    .Kolon { float:left; display:inline; overflow:hidden; width:300px; margin-right:30px;}
        .Baslik { width:300px; height:67px; border-bottom:1px solid #ffffff;}
            .EnCokOynananBaslik { background:url(Layout/EnCokOynananlarBaslik.jpg) no-repeat;}
            .EnIyiler { background:url(Layout/EnIyilerBaslik.jpg) no-repeat;}
            .EnBegenilenler { background:url(Layout/EnBegenilenlerBaslik.jpg) no-repeat;}
        .Alan { width:290px; padding:5px;}
            .Krem { background-color:#ffebdf; border-bottom:1px solid #ffffff;}
            .KirliBeyaz { background-color:#fff9f5; border-bottom:1px solid #ffffff;}
            .Alan img { float:left; display:inline; margin-right:10px;}
            p.OyunIsmi { color:#666666; font-size:16px; font-weight:bold; margin-top:10px!important;}
                p.OyunIsmi a, p.OyunIsmi a:visited { color:#666666; text-decoration:none;}
            p.Aciklama { color:#999999;}
         .KolonFooter { width:300px; height:5px; background:#ffffff url(Layout/AlanFooterBg.jpg) bottom no-repeat;}