/* _____________________________________________________________________________________________

   Cascading Stylesheet for: WINXSTAR.COM
   Author: Evaris Web Design and Development
   Author URL: http://www.evaris.net
   Updated: 20.04.2010
   Version: 1.0
   __________________________________________________________________________________________*/

/* Reset Default Rules */
* { margin: 0; padding: 0; }
html, body, div, span, blockquote, pre, a, abbr, acronym, cite, code, em, img, dl, dt, dd, form, label, legend, table, caption, tbody, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { background: #df5798 url(body.jpg) 0 0; height:100%; background-attachment:fixed; font: .80em/100% arial, tahoma, verdana, sans; color:#2a2a2a; position:relative; z-index:1; }
ul, li { list-style: none; padding: 0; margin: 0; }

/* Layout Style Starts Here */

#TopBar { width: 100%; height: 41px; display: block; background: url(topbar.png) repeat-x 0 0; } 
.TopBarIn { width: 984px; height: 40px; padding: 0 0 1px 0; margin: 0 auto; }
.SiteInfo, .SearchBox, .Language { float: left; height: 40px; }
.SiteInfo {  width: 586px; }
.SiteInfo ul { float: left; }
.SiteInfo ul li { float: left; display: block; height: 40px; padding: 0 8px 0 10px; background: url(infosep.png) no-repeat 0 0; line-height: 40px; font-weight: bold; color: #290717; }
.SiteInfo ul li.InfoFirst { background: none; padding-left: 0; }
.SearchBox { width: 232px; padding: 0 0 0 18px; float: left; margin: 6px 0 0 0; }
.SearchBox input.search { float: left; padding: 5px 5px 7px 5px; border: 0; width: 191px; background: url(searchbox.png) no-repeat 0 0; font-weight: bold; font-size: 1.1em; color: #953b66; }
.SearchBox input.searchbutton { float: left; width: 31px; height: 28px; line-height: 0; display: block; border: 0; text-indent: -999em; padding: 0; margin: 0; background: url(searchbox.png) no-repeat -201px 0; cursor: pointer; }
.Language {  width: 128px; padding: 0 0 0 20px; } 
.Language ul { width: 128px; padding: 4px 0 0 0; display: block; }
.Language ul li, .Language ul li a { float: left; display: block; width: 32px; height: 32px; text-indent: -999em; overflow: hidden; }
.Language ul li.tr { background: url(tr.png) no-repeat 0 0; }
.Language ul li.uk { background: url(uk.png) no-repeat 0 0; }
.Language ul li.de { background: url(de.png) no-repeat 0 0; }
.Language ul li.br { background: url(br.png) no-repeat 0 0; }

.Logo { position: absolute; width: 178px; height: 42px; background: url(logo.png) no-repeat 0 0; text-indent: -999em; overflow: hidden; margin: 20px 0 0 140px; }
.Banner468 { width: 468px; height: 60px; float: right; display: block; padding: 8px 0 0 0; }


.TopMenuBarOut { width: 984px; height: 154px; margin: 0 auto; display: block; overflow: hidden; }
.TMBLevel1 { width: 984px; height: 80px; }
.TMBLevel2 { width: 982px; height: 70px; background: url(menubg.png) no-repeat 100% 0;  padding: 2px 2px 2px 0; }
.TMBLevel2 .MainMenu, .TMBLevel2 .SubMenu  { float: right; display: block; height: 35px; width: 840px; }
.TMBLevel2 .MainMenu ul, .TMBLevel2 .SubMenu ul { float: right; display: block; padding: 0 5px 0 0; }
.TMBLevel2 .MainMenu ul li, .TMBLevel2 .SubMenu ul li { float: left; display: block; height: 35px; }
.TMBLevel2 .MainMenu ul li { background: url(infosep.png) no-repeat 0 50%; }
.TMBLevel2 .MainMenu ul li a { display: block; padding: 0 7px 0 9px; line-height: 36px; color: #34061c; text-decoration: none; font-weight: bold; font-size: 1.1em; }
.TMBLevel2 .MainMenu ul li a:hover { text-decoration: underline; }
.TMBLevel2 .MainMenu ul li.mainpage { background: none; }

.TMBLevel2 .SubMenu ul li a, .TMBLevel2 .SubMenu ul li a span { display: block; float: left; }
.TMBLevel2 .SubMenu ul li a { text-decoration: none; height: 26px; background: url(submenuleft.png) no-repeat 0 0; margin: 5px 2px 0 0; color: #34061c; }
.TMBLevel2 .SubMenu ul li a span { background: url(submenuright.png) no-repeat 100% 0; cursor: pointer; line-height: 26px; padding: 0 6px; }
.mascot { position: absolute; width: 133px; height: 162px; background: url(mascot.png) no-repeat 0 0; }

.Container { width: 984px; display: block; margin: 20px auto; background: url(contenttop.png) no-repeat 0 0; overflow: hidden; }
.ContainerBottom {  width: 964px; background: url(contentbot.png) no-repeat 0 100%; padding: 10px 10px; overflow: hidden; }
.ContentLeft, .ContentRight { float: left; overflow: hidden; }
.ContentLeft { width: 214px; margin: 0 18px 0 0; }
.ContentRight { width: 732px; }

.YellowModuleOut, .PinkModuleOut, .PurpleModuleOut {width: 214px; overflow: hidden; margin: 0 0 15px 0; }
.YellowModuleOut h3, .PinkModuleOut h3, .PurpleModuleOut h3 { width: 214px; height: 34px; color: #fff; border-bottom: 2px solid #fff; text-indent: 32px; line-height: 36px; display: block; }
.YellowModuleOut h3 { background: url(sarimodulh3.png) no-repeat 0 0; }
.PinkModuleOut h3 { background: url(pembemodulh3.png) no-repeat 0 0; }
.PurpleModuleOut h3 { background: url(lilamodulh3.png) no-repeat 0 0; }
.YellowModule { width: 200px; padding: 7px 7px; background: url(sarimodul.png) no-repeat 0 100%; }
.PinkModule { width: 200px; padding: 7px 7px; background: url(pembemodul.png) no-repeat 0 100%; }
.PurpleModule { width: 214px; padding: 2px 2px; background: url(lilamodul.png) no-repeat 0 100%; }
.PurpleModule ul, .PurpleModule ul li { display: block; }
.PurpleModule ul li a { display: block; border-bottom: 2px dotted #ac71bb; padding: 0 6px 0 6px; height: 28px; line-height: 28px; text-decoration: none; color: #443348; font-size: 1.1em; overflow: hidden; }
.PurpleModule ul li.pop10 a { border: 0; }
.PurpleModule ul li a:hover { color: #1c161e; }

.LeftAds { width: 200px; height: 200px; padding: 7px 7px; background: url(adsbg.png) no-repeat 0 0; margin: 0 0 15px 0; }

.NewGamesOut { width: 732px; overflow: hidden; margin: 0; }
.NewGamesOut h2 { width: 732px; height: 36px; line-height: 36px; text-indent: 35px; color: #fff; font-size: 1.3em; background: url(newgamesh3.png) no-repeat 0 0; }
.NewGames { width: 720px; overflow: hidden; background: #eda1c5; border: 2px solid #fff; padding: 9px 0 0 8px; }
.NewGames ul { float: left; overflow: hidden; display: block;}
.NewGames ul li { float: left; display: block; border: 2px solid #c57299; margin: 0 9px 9px 1px; width: 100px; padding: 3px 3px 0 3px; height: 126px; background: url(boxbg.gif) no-repeat 0 0; }
.NewGames ul li:hover { border: 2px solid #34081d; }
.NewGames ul li a { text-decoration: none; }
.NewGames ul li a span { height: 20px; display: block; line-height: 20px; overflow: hidden; font-weight: normal; font-size: .85em; color: #4d142f; } 

.ads728x90 { width: 728px; height: 90px; border: 2px solid #fff; display: block; margin: 10px 0 10px 0; }

.MainPageCat { width: 728px; overflow: hidden; background: url(mpcbot.png) no-repeat 0 100%; padding: 0 2px 2px 2px; }
.MPCBox1, .MPCBox3, .MPCBox2, .MPCBox4, .MPCBox5, .MPCBox6 { float: left; display: block; overflow: hidden; height: 235px; border-top: 2px solid #fff; }
.MPCBox1, .MPCBox3, .MPCBox4, .MPCBox6 { width: 241px; }
.MPCBox2, .MPCBox5 { width: 242px; border-left: 2px solid #fff; border-right: 2px solid #fff; }
.MPCBox1 h3, .MPCBox2 h3, .MPCBox3 h3, .MPCBox4 h3, .MPCBox5 h3, .MPCBox6 h3 { height: 34px; line-height: 31px; display: block; width: auto; background: url(mpcbg.png) repeat-x 0 0; text-indent: 10px; color: #fff; font-weight: bold; font-size: 1.3em; border-bottom: 2px solid #fff; }



.MPCBox1_1 { padding: 7px 0 0 7px; }
.MPCBox1_1 ul { float: left; overflow: hidden; display: block;}
.MPCBox1_1 ul li { float: left; display: block; border: 2px solid #c57299; margin: 0 7px 7px 0; width: 100px; padding: 3px 3px 0 3px; height: 126px; background: url(boxbg.gif) no-repeat 0 0; }
.MPCBox1_1 ul li.BoxText {  width: 110px; height: 20px; margin: 0 7px 3px 0; border: 0; padding: 0; overflow: hidden; display: block; line-height: 20px; }
.MPCBox1_1 ul li:hover { border: 2px solid #34081d; }
.MPCBox1_1 ul li a { text-decoration: none; }
.MPCBox1_1 ul li a span { height: 20px; display: block; line-height: 20px; overflow: hidden; font-weight: normal; font-size: .85em; color: #4d142f; } 
.MPCBox1_1 ul li.BoxText a { display: block; background: #f6b2d2 url(buble.png) no-repeat 2px 5px; padding: 0 3px 0 3px; text-indent: 11px; color: #8b144d; font-size: .90em; text-decoration: none; }  
.MPCBox1_1 ul li.BoxText:hover { border: 0; }

.FooterFrame { margin: 0 auto; background: url(footerbg.png) no-repeat 0 0; padding: 45px 20px 20px 40px; width: 924px; height: 85px; color: #61565b; font-weight: bold; line-height: 150%; }
.FooterFrame a { color: #61565b; font-weight: bold; font-size: .95em; text-decoration: none; }
.FooterFrame a:hover { text-decoration: underline; }

.DesignedBy { width: 984px; height: 16px; margin: 10px auto; display: block; }
a.DesignerLogo  { float: right; width: 158px; height: 16px; background: url(design.png) no-repeat 0 0; text-indent: -9999em; overflow: hidden; display: block; }

.CatPager { width: 734px; height: 36px; background: url(mpcbottom.png) no-repeat 0 0; }
ul.pager { float: left; display: block; height: 32px; margin: 0 0 2px 0; margin: 0 0 0 6px; }
ul.pager li.morepage, ul.pager li.onepage { background: url(catsep.png) no-repeat 0 0; height: 32px; float: left; display: block; }
ul.pager li.onepage, ul.pager li.morepage a { color: #fff; text-decoration: none; display: block; padding: 0 5px; font-size: 1.3em; font-weight: bold; line-height: 30px; margin: 0 3px 0 3px; }
ul.pager li.morepage a:hover { text-decoration: underline; }
ul.pager li.onepage { text-decoration: underline; }
ul.pager li.page1 { background: none; }

.ContentGame h2 { z-index: 2; width: 984px; height: 36px; line-height: 35px; text-indent: 37px; color: #fff; font-size: 1.3em; background: url(gameh2.png) no-repeat 0 0; }
.ContentGame h2 a { color: #fff; text-decoration: none; }
.GameScreen { width: 888px; padding: 36px 36px; border: 2px solid #fff; background: #fabcd9; margin: 0 0 10px 0; overflow: hidden; }
.GameNow, .GameSideAds { float: left; height: 600px; }
.GameNow { width: 728px; }
.GameSideAds { width: 160px; }
.GameTags { width: 960px; height: 36px; padding: 0 2px 2px 2px; background: url(gametagsbg.png) no-repeat 0 0; }
.GameTags h4 { float: left; width: 174px; height: 36px; line-height: 33px; color: #fff; text-align: center; margin: 0 3px 0 0; font-size: 1.3em; } 
.GameTags ul { float: left; display: block; height: 36px; margin: 0; margin: 0}
.GameTags ul li { background: url(infosep.png) no-repeat 100% 50%; height: 32px; float: left; display: block; }
.GameTags ul li a { color: #fff; text-decoration: none; display: block; padding: 0 5px; font-size: 1.3em; font-weight: bold; line-height: 32px; margin: 0 3px 0 3px; }
.GameTags ul li a:hover { text-decoration: underline; }
.GameOptions { margin: 0 0 0 880px; float: right; width: 75px; overflow: hidden; height: 34px; position: absolute; display: block; padding: 2px 0 0 0; }
.GameOptions li { float: left; display: block; width: 36px; height: 34px;}
.GameOptions li { margin: 0; }
.GameOptions li.fullscreen a, .GameOptions li.refresh a { display: block; height: 34px; text-decoration: none; width: 36px; text-indent: -9999em; }  
.GameOptions li.fullscreen a { background: url(zoom.png) no-repeat 0 0; }
.GameOptions li.refresh a { margin: 0 0 0 3px; background: url(refresh.png) no-repeat 0 0; }

.TabOut { width: 964px; margin: 0 auto; overflow: hidden; } 
.shadetabs { padding: 0; margin: 0; list-style: none; height: 30px; border: 2px solid #fff; border-bottom: 0; background: url(tabbg.png) repeat-x 0 0;}
.shadetabs li { float: left; display: block; height: 30px; margin: 0; padding: 0; }
.shadetabs li a { float: left; position: relative; text-decoration: none; margin: 0; padding: 0 10px; height: 30px; line-height: 30px; color: #7e3156; background: url(tabsep.png) no-repeat top right; font-weight: bold; font-size: 1.1em; }
.shadetabs li a#second { background: none; }
.shadetabs li a:visited { color: #7e3156; }
.shadetabs li a:hover, .shadetabs li a.selected { text-decoration: underline; }
.tabcontent { display:none; width: auto; }
@media print { .tabcontent { display:block !important; } }
.tabframe { margin: 0; border: 2px solid #fff; background-color: #ffdced; width: auto; padding: 8px 0 8px 8px; }
.tabcontent { display:none; }
#tcontent1 p.description { padding: 11px 20px 11px 11px; }
#tcontent2 ul { float: left; overflow: hidden; display: block;}
#tcontent2 ul li { float: left; display: block; border: 2px solid #c57299; margin: 0 9px 0 0; width: 100px; padding: 3px 3px 0 3px; height: 126px; background: url(boxbg.gif) no-repeat 0 0; }
#tcontent2 ul li:hover { border: 2px solid #34081d; }
#tcontent2 ul li span { height: 20px; display: block; line-height: 20px; overflow: hidden; font-weight: normal; font-size: .85em; color: #4d142f; }


.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%; }

.social {float: right; display: block; margin: 0 10px 0 0; }
.social li, .social li a { width: 50px; height: 50px; float: left; display: block; }
.social li a { text-indent: -9999em; overflow: hidden; }
.social li.facebook a { background: url(facebook.png) no-repeat 0 0; }
.social li.twitter a { background: url(twitter.png) no-repeat 0 0; }
.social li.google a { background: url(google.png) no-repeat 0 0; }
.social li.myspace a { background: url(myspace.png) no-repeat 0 0; }
.social li.blogger a { background: url(blogger.png) no-repeat 0 0; }
.social li.email a { background: url(email.png) no-repeat 0 0; }
.social li.delicious a { background: url(delicious.png) no-repeat 0 0; }