/*---- GENERAL STYLES ----*/
* { margin:0; outline:0; padding:0; }
html { height:100%; }
body { background:#fff url(/img/layout/bg.gif) repeat-x top left; font:normal 12px/1.8em Tahoma, Arial, Helvetica, sans-serif; height:100%;  }
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/78px Arial; letter-spacing:-1px; margin:0; padding:0; z-index:40; position:absolute; top:160px; left:36px; }
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 ----*/
#wrapper { margin:0 auto; position:relative; width:900px; }
#partners { background:url(/img/layout/network-left.gif) no-repeat top left; text-align:right; }
#partners span { display:none; }
#partners a { display:block; line-height:20px; }

#pb_powerpoker { height:20px; width:135px; background:url(/img/layout/network-powerpoker.gif) no-repeat; }
#pb_powervegas { height:20px; width:129px; background:url(/img/layout/network-powervegas.gif) no-repeat; }
#pb_powerbetting { height:20px; width:155px; background:url(/img/layout/network-powerbetting.gif) no-repeat; }

#partners div:hover { background-position: 100% 100%; }

#header { height:97px; position:relative; }
#logo { position:absolute; top:20px; left:10px; }
#accountDetails { position:absolute; right:0; top:0; }
#content { padding:30px 34px 10px 34px; background:#fff; clear:left; min-height:300px; }

#crumbs { font-size:11px; left:0; position:absolute; top:30px; left:0px; z-index:50; }
#crumbs a { color:#666; }

#menu { background:url(/img/layout/menu.gif) repeat-x top left; height:40px;}
#menu_inner { margin:0 auto; width:auto; }
#footer { margin:2em 0 1em 0; color:#505050; }

.small { font-size:11px; }

#loginForm input { width:114px;height:17px;padding:0;margin:0;background:#fff url(/img/layout/username-icon.gif) no-repeat 0px 50%; line-height:21px; font-size:11px; padding:4px 2px 0px 24px; border:1px solid #48455a; position:relative; top:26px; }
#loginForm input#LoginUserPassword { background-image:url(/img/layout/password-icon.gif); }

#forgetPassword { position:absolute; top:47px; left:641px; width:140px; text-align:center; font-size:9px;text-transform:bold; text-transform:uppercase; }
#forgetPassword a { color:#787878; text-decoration:none; }
#forgetPassword a:hover { 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 {
	padding: 		0 24px 4px 10px;
	text-decoration:none;
	color:#fff;
	font:bold 12px/29px Arial;
	background:url(/img/layout/menu-separator.gif) no-repeat right;
}

.sf-menu li.ns a { background:none; }

.sf-menu li li a { background:none; }
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {
	background:	transparent;
}
.sf-menu li li {
	background:		#f0f0f0;
}
.sf-menu li li a { border-bottom:1px dotted #ccc; font-size:11px; padding:10px 14px; line-height:10px; }
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}


.sf-menu li li a, .sf-menu li li a:visited { color:#000; }
.sf-menu li li a:hover,.sf-menu li li:hover a { background-color:#aaa; }


.sf-menu li a span { padding:0px 3px; }
.sf-menu li.sfHover a span, .sf-menu li:hover a span {border-bottom:4px solid #96b4e1;}

.sf-menu li.sfHover li a span, .sf-menu li:hover li a span {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; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/img/layout/menu/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}




/* Footer
 ***********************************************/
#stamps                     { float:right; }
#stamps table               { width:auto; }




/* Footer
 ***********************************************/
.box                        { border:1px SOLID #CCCCCC; background:#E6E6E6; padding:8px; margin-bottom:10px; }
.box h3                     { font:normal 16px Tahoma; padding-bottom:5px; margin-bottom:5px;border-bottom:1px SOLID #DDDDDD; margin-top:0; padding-top:0; }


div.actions                     { height:36px; position:absolute; top:180px; right:36px; z-index:5;}
div.actions ul                  { white-space:nowrap; margin:0; padding:0; }
div.actions li                  { display:inline; list-style-type:none; }

div.actions a {
    /* Sliding right image */
    background: transparent url(/img/buttons/right.png) no-repeat scroll top right;
display: block;
float: left;
height: 34px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 2px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font:bold 12px Arial;
}
div.actions a span {
/* Background left image */
background: transparent url(/img/buttons/left.png) no-repeat;
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
}
div.actions a:hover span{
text-decoration:underline;
}

.quiet { color:#8a8a8a; }


/* Forms
 ***********************************************/
table                           { border-collapse:collapse; }
table.data                      { font-size:11px; font-family:Arial; }

table.data thead {  background:url(/img/layout/tables/thead.gif) repeat-x bottom left; line-height:25px; border:1px solid #ccc; border-bottom:none;}
table.data tbody { border:1px solid #ccc; }




table.data th                   { padding:0 6px; text-align:left; }

table.data th a                 { display:block; color:#000; }


table.data td                   { white-space:nowrap; font-size:11px; padding:0 6px; line-height:23px; background:#fff; border-bottom:1px solid #bbb; }
table.data tr.alt td            { background-color:#f3f3f3; }
table.data td.actions           { width:26px; }
table.data td.no_records        { text-align:center; padding:1em 0; font-weight:bold; background:#E0EBF8;}
table.data .center              { text-align:center; }
table.data .right               { text-align:right; padding-right:6px; }
table.data th.left { text-align:left; }

table.data td.no-border         { border:none; }

table.data tr:hover td          { background-color:#E8EFF7; cursor:pointer; }

table.pagination            { margin:0 0 6px 0; clear:both; font-size:11px; }
table.pagination .disabled  { color:#999; }

table.pagination span           { border:1px SOLID #369; }
table.pagination span a         { text-decoration:none;padding:0 3px; font-weight:bold; }
table.pagination span.current   { padding:0 3px; color:#666; border-color:#999; }
table.pagination span a:hover   { background-color:#369; color:#FFFFFF; }

div.multiple-actions        { margin-top:8px; padding-left:34px; background:url(/img/bullets/multi_action_arrow.gif) no-repeat 8px 2px; height:22px; }
div.multiple-actions input  { float:left; margin-right:4px; }

table.data .checkbox        { width:16px; text-align:center; padding:3px 0 3px 6px; margin:0;}


/* Forms
 ***********************************************/

fieldset                    { border:1px solid #ccc; margin-bottom:2em; padding:2px 12px 6px 12px;}
legend                      { font-size:14px;padding:0; margin:0; }

div.input                   { margin:1em 0; }
div.input span.comment      { padding-left:1em; }

.comment { font-size:11px; color:#505050;}
div.submit                  { }
div.submit input            { border: 3px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding:3px 6px; background-color: #F4F8FF; color: #333333; }
div.submit input:hover      { background-color:#FFF; cursor:pointer; color:#369; border-color:#AAA; }

div.input input.checkbox    { width:auto; float:left; margin:3px 6px 0 0; }


div.input label             { display:block; margin-bottom:0.4em; }

div.input input,
div.input textarea          { font:normal 12px Tahoma; border:1px SOLID #999999; border-top-color:#CCCCCC; border-left-color:#CCCCCC; padding:4px; background-color:#F4F8FF; color:#000; }

div.input input             { width:200px; }

div.required label          { font-weight:bold; }

div.input input.date        { width:70px; }
div.input input[type='checkbox'] { width:auto; float:left; margin:2px 8px 0 0; padding:0;}


radio                 { margin:0; padding:0; width:auto; }

div.filter                  { padding:0; }
div.filter label            { display:inline; float:left; padding-top:3px; width:85px; }
div.filter .submit          { padding:0; margin:0; text-align:right; border:none; }
div.filter .submit input    { font-size:11px; padding:2px 6px; }

div#flashMessage,#authMessage            { background:#036;padding:8px;text-align:center;font-weight:bold;color:#fff;clear:both; margin-bottom:12px;}
div.error-message           { color:#ba0202; font-size:11px; font-weight:bold; border:1px SOLID #ba0202; padding:2px; margin-top:4px; }


/* FACEBOX
**/
#facebox                        { position:absolute; width:100%; top:0; left:150px; z-index:100; text-align:left; }

#facebox .b                     { background:url(/img/facebox/b.png); }

#facebox h3                     { padding:0 0 8px 0; margin-bottom:8px; border-bottom:1px SOLID #DDDDDD; }
#facebox .tl                    { background:url(/img//facebox/tl.png); }
#facebox .tr                    { background:url(/img//facebox/tr.png); }
#facebox .bl                    { background:url(/img//facebox/bl.png); }
#facebox .br                    { background:url(/img//facebox/br.png); }

#facebox .tl,
#facebox .tr,
#facebox .bl,
#facebox .br                    { height:10px; width:10px; overflow:hidden; padding:0; }

#facebox .popup                 { position:relative; }
#facebox table                  { margin:auto; border-collapse:collapse;width:auto; }
#facebox .body                  { padding:10px; background:#fff; width:650px; }
#facebox .loading               { text-align:center; }
#facebox .image                 { text-align:center; }
#facebox img                    { border:0; }
#facebox .footer                { border-top:1px solid #DDDDDD; padding-top:5px; margin-top:10px; text-align:right; }

#facebox .close_image                 { }

.ui-datepicker { z-index:100; /* i like to be on top */ }