@import url(/include/css/shared/club/nav-styles.css);

/* cp-header */
#site-header-club {position:relative;width:756px;height:96px;text-align:left;background:#144b68 url('/img/header/club/en_US/header-background.jpg') no-repeat bottom left; z-index:5;}/* grouped attribute for h1/h2 in header */
#site-header-club h1 {margin:0; padding:0; font-size:9px;}
/* url img hot spot */
#site-header-club h1 a {position:absolute;top:10px;width:208px;height:74px;text-indent:-1000px;overflow:hidden;z-index:5;}
#site-header-club a:link {color:#99cccc;}
#site-header-club a:visited {color:#99cccc;}

#site-header-club-uk {position:relative;width:756px;text-align:left;background:url('/img/header/club/en_US/pogop-uk/header-background.jpg') no-repeat bottom left; height:96px; z-index:5;}
/* grouped attribute for h1/h2 in header */
#site-header-club-uk h1 {margin:0; padding:0; font-size:9px;}
/* url img hot spot */
#site-header-club-uk h1 a {position:absolute;top:10px;width:208px;height:74px;text-indent:-1000px;overflow:hidden; z-index:5;}
#site-header-club-uk a:link {color:#99cccc;}
#site-header-club-uk a:visited {color:#99cccc;}

#welcome-msg {color:#99cccc;height:43px;padding:0;line-height:18px;height:52px;padding-right:10px;font-family: Arial, Helvetica, sans-serif;position:relative;}
#welcome-msg div {line-height:18px;}
#welcome-msg div a {border-bottom: 1px solid #1C841C;text-decoration:none;color:#9cc;}
#welcome-msg div a#add-gem-link {_text-decoration:underline;}
#qa-clubMyProfile-link {width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;}

#players {height:44px;width:150px;float:right;text-align:right;padding:1px 0 0 0;}
#players-noflash {height:44px;width:118px;color:#144b68;font-weight:bold;font-size:18px;float:right;text-align:right;padding:0 25px 0 0;
  background:url('/img/header/club/en_US/pogop/static-players-online.jpg') no-repeat bottom right;line-height:26px;}

#topnav-club {position:relative;clear:both;width:756px;background-color:#88cda0;}
#topnav-club ul, #topnav-club ul li {margin:0; padding:0;}
#topnav-club ul {list-style:none;background:url(/img/header/common/bg-navbar-club.gif) no-repeat top left;height:30px;padding-left:19px;}
#topnav-club ul li {display:inline;float:left;width:103px;}
#topnav-club ul li a {display:block;height:22px;text-indent:-9000px;overflow:hidden;}

/* Autocompleter */

.ui-autocomplete { position: absolute; cursor: default; max-height:250px; overflow-y:auto; overflow-x:hidden; }	
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {list-style:none;padding:2px;margin:0;display:block;float:left;}
.ui-menu .ui-menu {margin-top:-3px;}
.ui-menu .ui-menu-item {margin:0;padding:0;zoom:1;float:left;clear:left;width:100%;}
.ui-menu .ui-menu-item a {text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {color:#fff;margin:-1px;}

.ui-autocomplete.ui-widget-content {border:1px solid #aaaaaa;background:#fff;color:#222222;}

.ui-autocomplete .ui-state-hover {background: #444;color:#fff;}
.ui-autocomplete .ui-state-hover a, .ui-state-hover a:hover {text-decoration:none;}

/* Topnav Nav Buttons */
/*off state, plus a hidden on state in order to preload the images */
#topnav-club ul li#tn-home a {background:url(/img/header/club/en_US/nb-home-off.gif) no-repeat top left;}
#topnav-club ul li#tn-home {background:url(/img/header/club/en_US/nb-home-on.gif) no-repeat; background-position: -1000px -1000px;}
#topnav-club ul li#tn-friends a {background:url(/img/header/club/en_US/nb-friends-off.gif) no-repeat top left;}
#topnav-club ul li#tn-friends {background:url(/img/header/club/en_US/nb-friends-on.gif) no-repeat; background-position: -1000px -1000px;}
#topnav-club ul li#tn-badges a {background:url(/img/header/club/en_US/nb-badges-off.gif) no-repeat top left;}
#topnav-club ul li#tn-badges {background:url(/img/header/club/en_US/nb-badges-on.gif) no-repeat; background-position: -1000px -1000px;}
#topnav-club ul li#tn-mini a {background:url(/img/header/club/en_US/nb-mini-off.gif) no-repeat top left;}
#topnav-club ul li#tn-mini {background:url(/img/header/club/en_US/nb-mini-on.gif) no-repeat; background-position: -1000px -1000px;}
#topnav-club ul li#tn-news a {background:url(/img/header/club/en_US/nb-news-off.gif) no-repeat top left;}
#topnav-club ul li#tn-news {background:url(/img/header/club/en_US/nb-news-on.gif) no-repeat; background-position: -1000px -1000px;}
#topnav-club ul li#tn-prizes a {background:url(/img/header/club/en_US/nb-prizes-off.gif) no-repeat top left;}
#topnav-club ul li#tn-prizes {background:url(/img/header/club/en_US/nb-prizes-on.gif) no-repeat; background-position: -1000px -1000px;}
#topnav-club ul li#tn-help a {background:url(/img/header/club/en_US/nb-downloads-off.gif) no-repeat top left;}
#topnav-club ul li#tn-help {background:url(/img/header/club/en_US/nb-downloads-on.gif) no-repeat; background-position: -1000px -1000px;}
#topnav-club ul li#tn-stminverbingo a {background:url(/img/header/club/en_US/nb-bingo-off.gif) no-repeat top left;}
#topnav-club ul li#tn-stminverbingo {background:url(/img/header/club/en_US/nb-bingo-on.gif) no-repeat; background-position: -1000px -1000px;}
/*on state */
#topnav-club ul li#tn-home a:hover {background:url(/img/header/club/en_US/nb-home-on.gif);}
#topnav-club ul li#tn-friends a:hover {background:url(/img/header/club/en_US/nb-friends-on.gif);}
#topnav-club ul li#tn-badges a:hover {background:url(/img/header/club/en_US/nb-badges-on.gif);}
#topnav-club ul li#tn-mini a:hover {background:url(/img/header/club/en_US/nb-mini-on.gif);}
#topnav-club ul li#tn-news a:hover {background:url(/img/header/club/en_US/nb-news-on.gif);}
#topnav-club ul li#tn-prizes a:hover {background:url(/img/header/club/en_US/nb-prizes-on.gif);}
#topnav-club ul li#tn-help a:hover {background:url(/img/header/club/en_US/nb-downloads-on.gif);}
#topnav-club ul li#tn-stminverbingo a:hover {background:url(/img/header/club/en_US/nb-bingo-on.gif);}

/*#### SIMPLE specific ####*/
#h-simple {background:url('/img/header/club/en_US/header-background.jpg') no-repeat top left;min-height:88px;_height:88px;width:756px;text-align:left;position:relative;z-index:1000;}
#h-simple h1 a {position:absolute;width:206px;height:73px;text-indent:-1000px;overflow:hidden; z-index: 5;}

#h-simple-uk {background:url('/img/header/club/en_US/pogop-uk/header-background.jpg') no-repeat top left;min-height:88px;_height:88px;width:756px;text-align:left;}
#h-simple-uk h1 a {position:absolute;width:206px;height:93px;text-indent:-1000px;overflow:hidden;}

/* Invite friend module */
.module-icons {background:url(/img/header/auth/module-icons.png) no-repeat;}
.header-module {float:left;margin-right:20px;height:43px;color:black;-moz-border-radius:5px;border-radius:5px;}
#header-friends-online, #header-gifts-guestbook {
	background:url(/img/header/club/en_US/header-friends-online.png) no-repeat;
}
#header-friends-online {width:170px; left: 210px; position: absolute;}
#header-friends-online .link-wrapper {float:left;margin-top:3px;}
#header-friends-online a.friendsLink {display:block;font-size:14px;font-weight:bold;color:#1c841c;}
#header-friends-online a.friendsLink.none {border-bottom: 2px solid #144B68;color:#144B68}
#header-friends-online a.inviteLink {border-bottom: 1px solid #2121CE; font-size:11px;color:#2121CE}
#friendsLight {float:left;width:14px;height:14px;margin:13px 8px;}
#header-friends-online .on {background-position:0 -14px;}
#header-friends-online .off {background-position:0 0;}