/*---- GENERAL STYLES ----*/
* { margin:0; outline:0; padding:0; }
html { width:100%; height:100%; }
body { background:#c9c9c9 url(/img/newlayout/BackgroundPattern.gif) repeat top left; font:normal 12px/1.8em Tahoma, Arial, Helvetica, sans-serif; height:100%; width:100%; position:absolute; }
div#background {
background:url("/img/newlayout/BackgroundImage.jpg") no-repeat scroll 0 0 transparent;
height:100%;
width:100%;
position:absolute;
}
p { margin:0 0 1em; }
img { border:0; }
table { border-collapse:collapse; width:100%; }
.last { margin-bottom:0; }
h3 { font:normal 14px Arial, Helvetica; font-weight:700; margin:0 0 .8em; }
a { color:#369; }
a:hover { color:#036; text-decoration:none; }

ul,ol { margin-left:2em; }

/*---- HEADERS ----*/
h1,h2,h3,h4 { line-height:1.4em; margin:0 0 .7em; padding:.5em 0 0; }
h1 { color:#2a5877; font-size:2em; font-weight:400; letter-spacing:-.02em; margin-bottom:.6em; padding:0; }
h2 { color:#303030; font:bold 24px/24px Arial; letter-spacing:-1px; margin: 0 0 10px; padding:0; }
h3 { font-size:18px; border-bottom:1px solid #aaa; margin-bottom:.8em; padding-bottom:.2em; }
hr { background-color:#CCC; border:0; color:#9E9E9E; height:1px; margin:1.6em 0; text-align:left; width:100%; }

/*---- LAYOUT ----*/
#PageWrapper { margin:0 auto; position:relative; width:916px; }
#PageHeader { height:100px; position:relative; }
#PageLogo { position:absolute; top:20px; left:10px; height:70px; width:248px; background:url(/img/newlayout/Logo.png) top left no-repeat;}
#powerpoker { position:absolute; top:0; left:350px; height:35px; width:116px; background:url(/img/newlayout/PowerPoker.png) top left no-repeat; }
#powervegas { position:absolute; top:0; left:470px; height:35px; width:116px; background:url(/img/newlayout/PowerVegas.png) top left no-repeat; }
#powerpoker:hover,  #powervegas:hover { background-position: 0 -35px; }
#signup { position:absolute; top:102px; left:828px; height:33px; width:86px; background:url(/img/newlayout/Signup.gif) top left no-repeat; }

#loginForm { position:absolute; top:13px; left:662px; height:73px; width:254px; background:url(/img/newlayout/LoginBackground.png) top left no-repeat; }
#loginForm #LoginUserUsernameLabel { position:absolute; top:7px; left:10px; color:#424242; font:normal 12px/12px Tahoma; }
#loginForm #LoginUserUsernameRegisterLink { position:absolute; top:21px; left:10px; color:#cc8310; font:normal 10px/10px Tahoma; text-decoration:none; }
#loginForm #LoginUserUsernameRegisterLink:hover { color:#f2b103; }
#loginForm input#LoginUserUsername { position: absolute; top:7px; left:98px; width:149px; height:26px; background: url(/img/newlayout/LoginNameBackground.jpg) no-repeat top left; border: none; padding:0 0 0 4px; line-height:21px; font-size:11px; }
#loginForm #LoginUserPasswordLabel { position:absolute; top:39px; left:10px; color:#424242; font:normal 12px/12px Tahoma; }
#loginForm #LoginUserPasswordForgotLink { position:absolute; top:53px; left:10px; color:#cc8310; font:normal 10px/10px Tahoma; text-decoration:none; }
#loginForm #LoginUserPasswordForgotLink:hover { color:#f2b103; }
#loginForm input#LoginUserPassword { position: absolute; top:39px; left:98px; width:91px; height:26px; background: url(/img/newlayout/LoginPasswordBackground.jpg) no-repeat top left; border: none; padding:0 0 0 4px; line-height:21px; font-size:11px; }
#loginForm input#LoginUserSubmitButton { position: absolute; top:39px; left:193px; width:53px; height:26px; background: url(/img/newlayout/LoginButtonBackground.jpg) no-repeat top left; border: none; -moz-border-radius:0; }
#loginForm input#LoginUserSubmitButton:hover { background-position: 0 -26px; }

#loginForm #LoggedInUser { position:absolute; top:12px; left:0; width:254px; text-align:center; color:#424242; font:normal 13px/13px Tahoma; }
#loginForm #LogoutLink { position: absolute; top:39px; left:193px; width:53px; height:26px; background: url(/img/newlayout/LogoutButtonBackground.jpg) no-repeat top left; border: none; }
#loginForm #LogoutLink:hover { background-position: 0 -26px; }

#loginForm #ClonedUser { position:absolute; top:12px; left:0; width:254px; text-align:center; color:#ff0000; font:normal 13px/13px Tahoma; text-shadow: 0 0 10px #ffff00;}
#loginForm #ClonedUserLabel { position:absolute; top:43px; left:0; width:193px; text-align:center; color:#ff0000; font:bold 13px/13px Tahoma; text-shadow: 0 0 10px #ffff00;}
#loginForm #UncloneLink { position: absolute; top:39px; left:193px; width:53px; height:26px; background: url(/img/newlayout/UncloneButtonBackground.jpg) no-repeat top left; border: none; }
#loginForm #UncloneLink:hover { background-position: 0 -26px; }


#accountDetails { position:absolute; right:0; top:0; }

#contentHeader  {
	margin: 5px 0 0 0;
	background: url(/img/newlayout/ContentBackgroundHeader.png) no-repeat top left;
	width:916px;
	height:7px;
}
#contentBackground {
	background: url(/img/newlayout/ContentBackground.png) repeat-y top left;
	padding: 10px 20px 30px;
	}
#contentHolder {
	background-color: #f4f4f4;
	min-height: 300px;
}
#contentFooter {
	background: url(/img/newlayout/ContentBackgroundFooter.png) no-repeat top left;
	padding:180px 0 20px;
	color:#505050;
	text-align:center;
	font:11px/15px;
	width:916px;
}
#crumbs { font-size:11px; left:0; position:absolute; top:30px; left:0px; z-index:50; }
#crumbs a { color:#666; }

#menu { background:url(/img/newlayout/MenuBG.gif) repeat-x top left; height:37px;}
#menu_inner { margin:0 auto; width:auto; }

#wrapper {
	width:876px !important;
	-moz-border-radius:0 0 0 0 !important;
	padding:0 !important;
	border:0 none !important;
	background: transparent !important;
	}
#page #wrapper #container #main-col { width:649px !important; }
#sidebar.right, #sidebar-2.right { margin-left:0 !important; }

.small { font-size:11px; }

@charset "utf-8";
/* FB Fan Rev 2 */

.fan_box
.full_widget 
.connect_top {
	border: none;
	background-color: #FFF;
}
.fan_box
.full_widget {
	border: none;
}

.fan_box
.connections {
	background-color: #FFF;
	border: none;
	color: #000;
}


/* Menu
 ***********************************************/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-3px;
	top:			28px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
}
.sf-menu li a {
	text-decoration: none;
	color: #666666;
	font: 12px/27px Tahoma;
	text-align: center;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #666666;
}
.sf-menu li {
	padding: 0;
	margin: 4px 4px 0 0;
	height: 29px;
}
.sf-menu li.W60 {
	background:url(/img/newlayout/MenuButtonBG.gif) no-repeat 0 0;
	width: 60px;
}
.sf-menu li.W80 {
	background:url(/img/newlayout/MenuButtonBG.gif) no-repeat -60px 0;
	width: 80px;
}
.sf-menu li.W100 {
	background:url(/img/newlayout/MenuButtonBG.gif) no-repeat -140px 0;
	width: 100px;
}
.sf-menu li.W120 {
	background:url(/img/newlayout/MenuButtonBG.gif) no-repeat -240px 0;
	width: 120px;
}
.sf-menu li.W140 {
	background:url(/img/newlayout/MenuButtonBG.gif) no-repeat -360px 0;
	width: 140px;
}

.sf-menu li.W60:hover, .sf-menu li.activeW60 {
	background:url(/img/newlayout/MenuButtonBG.gif) no-repeat 0 -29px;
	width: 60px;
}
.sf-menu li.W80:hover, .sf-menu li.activeW80 {
	background:url(/img/newlayout/MenuButtonBG.gif) no-repeat -60px -29px;
	width: 80px;
}
.sf-menu li.W100:hover, .sf-menu li.activeW100 {
	background:url(/img/newlayout/MenuButtonBG.gif) no-repeat -140px -29px;
	width: 100px;
}
.sf-menu li.W120:hover, .sf-menu li.activeW120 {
	background:url(/img/newlayout/MenuButtonBG.gif) no-repeat -240px -29px;
	width: 120px;
}
.sf-menu li.W140:hover, .sf-menu li.activeW140 {
	background:url(/img/newlayout/MenuButtonBG.gif) no-repeat -360px -29px;
	width: 140px;
}

.sf-menu li:hover a, .sf-menu li.active a , .sf-menu li.activeW60 a , .sf-menu li.activeW80 a , .sf-menu li.activeW100 a , .sf-menu li.activeW120 a , .sf-menu li.activeW140 a {
	color: #ffffff;
	text-shadow: 0 0 5px #7d3f03;
}

.sf-menu li li {
	background: url("/img/newlayout/MenuBG.gif") repeat-x scroll left top transparent;
	margin: 0;
	border-right: 1px solid #a6a6a6;
	border-left: 1px solid #a6a6a6;
}

.sf-menu li li a { font-size:11px; padding:10px 14px; line-height:10px; }
.sf-menu li li li {
	background:		#9AAEDB;
}

.sf-menu li li a, .sf-menu li li a:visited, .sf-menu li li a:link { color:#666666; text-shadow: 0 0 0px #ffffff;}
.sf-menu li li a:hover,.sf-menu li li:hover a { 
	background:url(/img/newlayout/MenuButtonBG2.gif) repeat-x top left;
	color: #ffffff;
	text-shadow: 0 0 5px #7d3f03;
}
.sf-menu li li:hover {
	border-left: 1px solid #a6a6a6;
}


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.sf-menu li.sfHover li a span, .sf-menu li:hover li a span {
	outline: 0;
	border: none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/img/layout/menu/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

.sf-shadow ul {
	background: #a6a6a6;
	padding:0 2px 1px 0;
}