/*
Theme Name: casino ms multi general 4
Description: Child theme of the webpals framework
Author: Webpals
Template: framework
*/
@import url("../framework/style.css");

@charset "utf-8";

/*Browsers*/
html, body, div, span, ul, li, form, input, a, img, h1, h2, h3, h4, table { padding: 0; margin: 0; }
ul, ol, li { list-style-type: none; }
a img { border: none; }
a { text-decoration: none; color:#000; }
.clearFix { clear: both; }




/*Fonts*/
@font-face {
 font-family: 'ImpactRegular';
 src: url("Fonts/impact-webfont.eot");
 src: url("Fonts/impact-webfont.eot") format('embedded-opentype'), url("Fonts/impact-webfont.woff") format('woff'), url("Fonts/impact-webfont.ttf") format('truetype'), url("Fonts/impact-webfont.svg") format('svg');
 font-weight: normal;
 font-style: normal;
}




/* Buttons */

a.LatestPostsBt { background: url("images/LatestPosts_Bt.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; display: block; font-size: 12px; font-weight: bold; height: 36px; padding: 0px 0 0; text-align: center; text-transform: uppercase; width: 114px; float:left; padding: 4px 0 0 0; }
a.LatestPostsBt:hover {background-position: 0 -40px;}
a.LatestPostsBt span { clear: left; color: #FFFFFF; display: block; font-size: 11px; font-weight: normal; line-height: 6px; text-align: center; text-transform: none; }


a.SidebarVisitBt { display:block; text-align:center; background:url("images/Sidebar_Bt.png") no-repeat scroll 0px -1px transparent; height:44px; width:169px; padding:12px 0 0 0; font-size:19px; display:block; text-align:center; color:#FFF; font-weight:bold; text-transform:uppercase; }
a.SidebarVisitBt:hover {background-position: 0 -62px;}
#Sidebar a.Visit { }
a.SidebarVisitBt span { clear: left; display: block; font-size: 11px; color:#FFF; font-weight: normal; line-height: 14px; text-align: center; text-transform: none; }


.TableVisitBtn { background: url("images/Bt_Visit.png") 0px -7px transparent; color: #fff; display: block; font-weight: bold; height: 37px; font-size:16px; line-height:19px; padding:6px 0; text-align: center; text-transform:uppercase; text-decoration: none; width: 131px; }
.TableVisitBtn:hover {background-position: 0 -67px;}
.TableVisitBtn span { clear:left; display:block; text-align:center; font-size:11px; line-height:14px; text-transform:none; font-weight:normal; }


/*Main*/
html { }
body { background:#000000 url("images/BG.jpg") no-repeat center 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:17px; vertical-align:baseline; }
#Wrapper { width:1010px; margin:0 auto; position:relative; margin-bottom: 110px; }
h2 { font-size:17px; font-weight:bold; }




/*Header*/
#Wrapper #Header {z-index:999; margin-top:146px; width:1010px; height:166px; background:#000 url("images/TopHeaderBg.png") repeat-x 0 0; color:#6d6d6d; position:relative; }
#Wrapper #Header .MainLogoFrame { position:absolute; margin:25px 0 0 30px; }
#Wrapper #Header .MainLogoFrame a.MainLogo { font-family: 'ImpactRegular'; font-size:40px; line-height:40px; color:#FFF; text-transform:uppercase; }
#Wrapper #Header .MainLogoFrame .Slogan { font-size:10px; line-height:10px; color:#565658; text-transform:uppercase; display:block; }
#Wrapper #Header .MainLogoFrame a.MainLogo span { color:#b1036a; }
#Wrapper #Header .SearchFrame { position:absolute; right:27px; top:47px; }
#Wrapper #Header .SearchFrame .SearchField { width:231px; height:21px; float:left; background-color:#000; border:1px solid #1e1f22; display:inline-block; }
#Wrapper #Header .SearchFrame a.SearchBt { display:inline-block; float:left; background:transparent url("images/SearchBt.png") no-repeat 0 0; width:24px; height:23px; }
#Wrapper #Header a { color:#FFFFFF; }
#Wrapper #Header .TopMenu { display: inline-block; position: relative; float:right; margin:26px 26px 0 0; text-transform: capitalize; z-index: 200; }
#Wrapper #Header .TopMenu li { display:inline-block; float:left; }
#Wrapper #Header .TopMenu li a { padding-left:16px; font-size:12px; color:#6d6d6d; }
#Wrapper #Header .TopMenu li a:hover, #Wrapper #Header .TopMenu li.current-menu-item  a{ color:#fff; }
#Wrapper #Header .Headline { font-size:24px; color:#C06; }




/*NavBar*/
#NavBar { position:absolute; bottom:0; left:0; width:1010px; background-color:#000; display:inline-block; border-top-width: 1px; border-top-color: #FFF; border-top-style: solid; }
#NavBar .MainMenu {display: block; color: #5E676B;  float:left; width:1010px; position: relative; background:transparent url("images/NavBgSprites.png") repeat-x 0 0; clear:both;}
#NavBar .MainMenu>li { display:block; float:left; border-left:1px solid #141515; border-right:1px solid #212223;position:relative;overflow: visible; }
#NavBar .MainMenu>li:first-child { border:none; }
#NavBar .MainMenu>li>a {display:inline-block; float:left; padding:16px 20px; font-weight:bold; color:#e4e4e4; font-size:24px; line-height:32px; white-space:nowrap; background:transparent url("images/NavBgSprites.png") repeat-x 0 0; }
#NavBar .MainMenu>li:hover>a,
#NavBar .MainMenu>li.current-menu-parent a, #NavBar .MainMenu>li.current-menu-item a  { background-position:0 -66px; }

/* Navbar Main menu Submenu */
#NavBar .MainMenu li ul {display:none;position:absolute;top:64px;left:0;overflow: visible;border-top:1px solid transparent;}
#NavBar .MainMenu li:hover ul {display:block;}
#NavBar .MainMenu li ul li {display:block;border:1px solid #0f1011;border-top:none;background-color:#18191a;}
#NavBar .MainMenu li ul li:first-child {border-top:1px solid #0f1011;}
#NavBar .MainMenu li ul li a {display:block;height:29px;line-height:29px;padding:0 30px;white-space:nowrap; color:#6d6d6d !important;}
#NavBar .MainMenu li ul li:hover {background:transparent url("images/SubmenuLiHover1px.png") repeat-x 0 0;}
#NavBar .MainMenu li ul li:hover a, #NavBar .MainMenu li ul li.current-menu-item a{color:#FFF !important;}



/*Content*/
#Content { padding:31px 26px 28px 32px;  font-family:Arial, Helvetica, sans-serif; background:url("images/BG_ContentGradiant-1px.png") repeat-x 0 0; background-color:#FFF;}
.LeftContainer { width:630px; float:left; }
.LeftContainer p { margin:0 0 17px; }
.LeftContainer h2 { font-size:16px; font-weight:bold; color:#000000; text-transform:uppercase; margin-bottom:3px; }
.LeftContainer h1 { font-size:18px; font-weight:bolder; color:#000000; text-transform:uppercase; margin-bottom:9px; }
#Content .LeftContainer .ArticleFloatCont {float:right; display:block; width:322px;margin-left:15px;}
#Content .LeftContainer .ArticleFloatCont .MainContentFrame {clear:both; }
#Content .LeftContainer .ArticleFloatCont .ArticleMainPicFrame {display:block; float:right; overflow:hidden; margin:0 0 0 24px;}
#Content .LeftContainer .ArticleFloatCont .ArticleMainPicFrame img {width:321px; margin:0 0 25px 0;} 
#Content .LeftContainer .ArticleFloatCont .BlockRelArti {
	background-color: #fff;
    margin-bottom: 16px;
    padding: 0 0 0 0;
	display:block;
	float:none;
	clear:both}
	
#Content .LeftContainer .BlockRelArti H3 {
    background: url("images/SideBar_Head-BG-1px.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
	display:block;
    font-size: 14px;
    font-weight: normal;
    padding: 14px 0 14px 16px;
    text-transform: uppercase;
}

#Content .LeftContainer .ArticleFloatCont .BlockRelArti ul {margin-top:10px;}
#Content .LeftContainer .ArticleFloatCont .BlockRelArti ul li {}

#Content .LeftContainer .ArticleFloatCont .BlockRelArti ul li a {padding-left:30px; font-size:11px;line-height:18px; background:transparent url("images/SideBar_ReadMore.png") no-repeat 10px 4px; color:#717173;}
#Content .LeftContainer .ArticleFloatCont .BlockRelArti ul li a:hover {color:#a3035e;}


#Content .LeftContainer .ArticleTop {}
#Content .LeftContainer .ArticleTop .ArticleTextFrame {float:left; width:302px;}
#Content .LeftContainer .ArticleTop .ArticleImage {float:left;}
#Content .LeftContainer .ReviewTop {display:block; margin-bottom:39px;}
#Content .LeftContainer .SpecialOffer {height:259px; background-color:#1c1d1e; font-size:11px; color:#717173; display:block; margin-bottom:33px;} /*Updated on 26-July-2012*/
#Content .LeftContainer .SpecialOfferBonus {background: url("images/SpecialOffer_BG-1px.png") repeat-x scroll 0 0 transparent; font-size:11px; color:#717173; display:block; padding:0 7px; } /*Updated on 26-July-2012*/
#Content .LeftContainer .SpecialOfferBonus span.TableVisitBtn {margin:9px 0px 0px 0px; float:right;}  /*Updated on 26-July-2012*/
#Content .LeftContainer .SpecialOfferBonus span.BonusText { float:left; color: #fff; font-size: 20px; line-height:65px; font-weight:bold; text-transform: uppercase; display:inline-block; float:left; }
#Content .LeftContainer .SpecialOfferBonus span.BonusText2 { font-weight:normal; }
#Content .LeftContainer .SpecialOfferBonus .Image { display: inline-block; float: left; height: 65px; margin-right: 19px; }
#Content .LeftContainer .SpecialOffer .Head {background: url("images/SpecialOffer_BG-1px.png") repeat-x scroll 0 0 transparent; height:65px; width:653px; 
float:left; width:100%;}  /*Updated on 26-July-2012*/
#Content .LeftContainer .SpecialOffer .Head H3 { float:left; color: #FFFFFF; font-size: 20px; line-height:65px; font-weight:bold; text-transform: uppercase; }
#Content .LeftContainer .SpecialOffer a.Image { float:left; display:inline-block; height:65px; margin-right:19px; }

#Content .LeftContainer .ReviewTop .LeftSide {float:left; display: inline-block; padding-right:18px;width:232px;}
#Content .LeftContainer .ReviewTop .LeftSide h1 {float:left; white-space:nowrap;}
#Content .LeftContainer .ReviewTop .LeftSide a {text-decoration:underline; text-align:center; display:block;}
#Content .LeftContainer .ReviewTop .LeftSide .Canvas {margin:30px auto 11px; text-align:center; display:inline-block; width:230px; height:126px; background: url("images/WhiteCanvas.png") repeat-x scroll 0 0 transparent;}
#Content .LeftContainer .ReviewTop .LeftSide .Canvas img {margin:26px 0 0;}
#Content .LeftContainer .ReviewTop .MidSide {float:left; display:inline-block; padding-right:17px; }

#Content .LeftContainer .CasinoScreenshotsFrame {margin-bottom:22px;}
#Content .LeftContainer .CasinoScreenshotsFrame .CasinoScreenshotsHead {
	background: url("images/CasinoScreenshotsHead.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
	height:72px;
    font-weight: normal;
    padding: 14px 0 0px 16px;
    text-transform: uppercase; }
#Content .LeftContainer .CasinoScreenshotsFrame .ScreenshotsFrame {float:left; display:inline-block; overflow:hidden;}
#Content .LeftContainer .CasinoScreenshotsFrame .ScreenshotsFrame img {width:141px; margin:0 0 17px 15px;}
#Content .LeftContainer .CasinoScreenshotsFrame .ScreenshotsFrame a,span.PicDetails {font-size:12px; color:#b2036b; display:block; text-align:center;}

#Content .LeftContainer .ReviewTop .MidSide .TopReviewBonus {text-transform:uppercase; font-weight:bold; font-size:21px; margin:14px 0 18px 0; display:block;}
#Content .LeftContainer .ReviewTop .MidSide p {width:180px; display:block; margin:8px 0 0 0;}
#Content .LeftContainer .ReviewTop .RightSide {float:left; display:inline-block; width:178px; margin:0 0 0 4px;}
#Content .LeftContainer .ReviewTop .RightSide span {margin:0 0 23px 0; display:block;}
#Content .LeftContainer .ReviewTop .RightSide div.CreditCardsFrame {display:block; margin:0 0 0 4px;}
#Content .LeftContainer .ReviewTop .RightSide div.CreditCardsFrame img {display:inline-block; width:43px; height:26px; margin:0 3px 11px 0; }
#Content .LeftContainer .SpecialOffer .SpecOfLeftCont { width:255px; height:170px; margin:8px 27px 0 18px; float:left; clear:left; background-color:#066; }
#Content .LeftContainer .SpecialOffer .SpecOfLeftCont img.SpecOfScreenshot { width:255px; }
#Content .LeftContainer .SpecialOffer .SpicOfRightCont { float:left; width:325px; margin:8px 0 0 0; }
#Content .LeftContainer .SpecialOffer .SpicOfRightCont h2 { font-size:20px; text-transform:none; line-height:22px; color:#FFF; }
#Content .LeftContainer .SpecialOffer .SpicOfRightCont p {color:#666; font-size:11px; line-height:16px; margin:7px 0 0 0; max-width:290px;}  /*Updated on 26-July-2012*/
#Content .LeftContainer .SpecialOffer .SpicOfRightCont a.TableVisitBtn {margin-top:10px;}



/*Content >> Table*/
Table.BrandTable { width:630px; border-collapse:collapse; background: url("images/Table_BG-1px.png") repeat-x scroll 0 0 transparent; text-align:center; background-color:#c9c9c9; margin-bottom:22px; }
Table.BrandTable a.CasinoName {text-decoration:underline; display:block;}

Table.BrandTable tr { background:transparent url("images/Table_TrBg.png") no-repeat 22px bottom; position:relative; }

Table.BrandTable tr td {  background:none ;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
Table.BrandTable tr { background:none; }
Table.BrandTable tr>td {  background:transparent url("images/Table_TrBg.png") repeat-x 0 bottom ;}
Table.BrandTable tr.TrTop>th {background:none;}
Table.BrandTable tr.TrBottom>td {background:none;}
}
Table.BrandTable tr.TrBottom { height:25px; color:#000; font-size:12px; background-image:none !important; font-weight:bold; height:16px;}
Table.BrandTable tr.TrBottom. td {text-align:left;text-indent:30px;}
Table.BrandTable tr.TrBottom td a.SeeAll {font-weight:bold; background: url("images/SideBar_ReadMore.png") no-repeat right 5px transparent; float:left;padding:0 20px 0 35px;}
.TrTop { height:42px; color:#FFF; font-weight:bold; font-size: 13px; border-bottom:none; background-image:none !important; }


Table a.TableVisitBtn { margin:0 auto; }


span.rating { background-image: url("images/Stars.png"); background-position: 0px 0px; background-repeat: no-repeat; display: block; height: 20px; margin: 0 auto; text-indent: -9999px; width: 100px; }

span.rating.s-5 {
    background-position: -1px 0;
}
span.rating.s-4-5 {
    background-position: -21px -20px;
}
span.rating.s-4 {
    background-position: -21px 0;
}
span.rating.s-3-5 {
    background-position: -41px -20px;
}
span.rating.s-3 {
    background-position: -41px 0;
}
span.rating.s-2-5 {
    background-position: -61px -20px;
}
span.rating.s-2 {
    background-position: -61px 0;
}
span.rating.s-1-5 {
    background-position: -81px -20px;
}
span.rating.s-1 {
    background-position: -81px 0;
}
span.rating.s-0-5 {
    background-position: -101px -20px;}




/*SideBar*/
#Sidebar { width:311px; float:right; }
#Sidebar .Block { margin-bottom:16px; background-color:#1c1d1e; padding:0 0 0px 0; }
#Sidebar .Block .LPimgContainer { width:151px; height:87px; float:left; clear:left; background: url("images/LatestPosts_Logo-BG-1px.png") repeat-x scroll 0 0 transparent; border-top:1px solid #292a2c; border-right:1px solid #292a2c; border-bottom:1px solid #111113; border-left:1px solid #111113; margin:15px 10px 0 0; text-align:center; }
#Sidebar .Block .LPimgContainer img { margin-top:10px;}
#Sidebar .Block.LatestPosts { padding-bottom:18px; }
#Sidebar .Block .LPitemDiv { background:transparent url("images/LatestPost_ItemBg.png") repeat-x 0 bottom; margin:0 15px; }
#Sidebar .Block .LPitemDiv .LPTextContainer { width:118px; float:left; margin-top:15px; }
#Sidebar .Block .LPitemDiv .LPTextContainer .Title { font-size:12px; font-weight:bold; white-space:nowrap; color:#FFF; }
#Sidebar .Block .LPitemDiv .Bonus { font-size:18px; font-weight:bold; color:#a60360; line-height:18px; }
#Sidebar .Block .LPitemDiv a.LatestPostsBt { margin-top:5px; }
#Sidebar .Block.PromoBox { padding-bottom:15px; }

#Sidebar .Block H3 { background: url("images/SideBar_Head-BG-1px.png") repeat-x scroll 0 0 transparent; color: #fff; display: block; font-size: 14px; padding: 14px 0 14px 16px; text-transform: uppercase; font-weight:normal; }
#Sidebar .Head { background: url("images/SideBar_Head-BG-1px.png") repeat-x scroll 0 0 transparent; padding-top:18px; padding-bottom:14px; padding-left:16px; font-size:14px; color:#FFF; text-transform: uppercase; }
#Sidebar .Head a { color:#FFF; }
#Sidebar ul.SidebarList>li {color:#FFF; font-size:11px;}
#Sidebar ul.SidebarList>li>a { display:block;}
#Sidebar ul.SidebarList>li>a>span {display:inline-block;padding:22px 20px 22px 16px;background:transparent url("images/SideBar_ReadMore.png") no-repeat right center;}
#Sidebar .Td1 a { color:#000;background-color:#bbbcbe; }
#Sidebar .Td1 a:hover { color:#FFF; }
#Sidebar .Td2 a { color:#FFF;  background-color:#121315;}
#Sidebar .Td2 a:hover { color:#999; }
#Sidebar .ImgContainer { overflow:hidden; margin:0 auto; width:281px; height:187px; padding:7px 0 0 0; }
#Sidebar .ImgContainer img { width:281px; }
#Sidebar .SignUp { color:#FFF; font-size:27px; text-transform:uppercase; display:block; text-align:center; padding:0 0 8px 0; }
#Sidebar .UpTo { color:#FFF; font-size:27px; font-weight:bold; display:block; text-align:center; }
#Sidebar a.SidebarVisitBt { margin:15px auto 0; }





/*Footer*/
#Footer { width:1010px; float:right; padding-bottom:53px; background-color:#000; }
#Footer .FooterMenuCont { margin:0 auto; padding:40px 0; background-color:#FFF; }
#Footer .FooterMenuCont .Menu { display: block; float:left; text-transform: capitalize; padding-left:82px; }
#Footer .Menu li { display:inline-block; float:left; padding-right:20px; font-size:12px; color:#6d6d6d; }
#Footer .Menu li a { color:#6d6d6d; }
#Footer .Menu li a:hover, #Footer .Menu li.current-menu-item a { color:#000; }
#Footer .Copyright { background-color:#000; height:33px; display:block; color:#FFF; padding:38px 0 0 32px; }
#Footer .Copyright a { color:#a60360; margin:0 0 0 9px; }




/* Js - My pretty photo */

.Overlay {
    background: url("images/BgOverlay.png") repeat scroll 0 0 transparent;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9995;
}
.popupImg {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    border: 6px solid;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 5px #000000;
    display: none;
    left: 50%;
    margin-left: -300px;
    margin-top: -150px;
    min-height: 300px;
    padding: 20px 20px 40px;
    position: fixed;
    top: 30%;
    width: 600px;
    z-index: 99999;
}
.popupImg img {
    width: 600px;
}
.popupImg .close {
    background: url("images/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 37px;
    overflow: hidden;
    position: absolute;
    right: -20px;
    text-indent: 99px;
    top: -18px;
    width: 37px;
}