body {
    background:#F9F9F9 url(/static/img/wikibg.jpg) no-repeat scroll 0 0;
    opacity:0;
    filter:Alpha(Opacity=0);
    position:relative;
    z-index:1;
}

.header { 
    border:1px solid #CFCFCF;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.footer {
    color: #9f9f9f;
    background-color: #d6d6d6;
    text-align:center;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}
.pane, .ui-layout-pane { 
    padding:2px 0px 0px 4px !important;
}
.ui-layout-resizer-south {
    background: url(/static/img/ui/grip-horizontal.png) no-repeat center -5px !important;
    padding:0px 8px !important;
    cursor:row-resize !important;
}

.ui-layout-resizer-west {
    background: url(/static/img/ui/grip-vertical.png) no-repeat center center transparent !important;
    cursor:col-resize !important;
}
.ui-layout-resizer-dragging {
    background-color:#c2c2c2 !important;
}
.ui-layout-resizer-west-dragging {
    background-color:#c2c2c2;
}

#sidebar {
    background-color:#fff !important;
    border:none !important;
    margin-right:5px !important;
    background:#F9F9F9 url(/static/img/wikibg.jpg) no-repeat scroll 0 0 !important;
}
#sidebar p {
  margin:0px;
  padding:0px;
  font-size:13px;
  line-height:1.1em;
}
#sidebar .ui-layout-pane-center,.ui-layout-pane-south { 
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -moz-box-shadow:0 0 3px #888;
    -webkit-box-shadow:0 0 3px #888;
}

#logo { /*.ui-layout-north*/
    padding:0 !important;
    margin:0 !important;
    border:none !important;
    overflow:hidden  !important;
    background:#F9F9F9 url(/static/img/wikibg.jpg) no-repeat scroll 0 0 !important;
    position:relative;
    z-index:50;
}
#logo a {
    text-indent:-5000px;
    text-align:center;
}
#logo a h1 {
    background:url(/static/img/wgwordsonly.png) no-repeat scroll top center;
    padding-bottom:30px;
    margin:10px 0px 0px 0px;
}
#players {
    font-size:10px;
    background-color:#fff !important;
}
#players-header {
    border-top:none !important;
    border-right:none !important;
    border-left:none !important;
    margin:7px 3px 0px 0px;
    font-size:9px;
    text-align:left;
}
.player {
    border-bottom: 1px solid #efefef;
    margin:3px 3px 4px 0px !important;
    padding-bottom:3px !important;
    text-align:left;
}
#players .player-name {
    color:#444444;
    font-weight:bold;
    font-size:14px;
}
#players .player-icon-me {
    background:url('/static/img/ui/ui-icons_888888_256x240.png') -226px 128px;
    padding:0px 4px;
}
#players .player-icon {
    background:url('/static/img/ui/ui-icons_888888_256x240.png') -81px 95px;
    padding:0px 4px;
}
#players .player-clicks {
    color:#2F7F49;
    margin-left:4px;
    font-weight:bold;
}
#players .spacer {
    margin-left:4px;
    color:#5f5f5f;
}
#players .player-win {
    font-size:10px;
    text-align:center;
    display:block;
    display:none;
}
#players .player-win span {
    font-weight:bold;
}
#players .player-win a {
    margin-left:3px;
    font-weight:normal;
    text-align:center;
}
#players .player-win .addthis_button {
    font-weight:bold;
}
#players .player-win .click-path {
    cursor:pointer;
}
#player-tmpl {
    display:none;
}
#players-header .player-name {
    font-size:9px;
}
#claimwin {
    display:none;
    background-color:#ffdfdf;
    padding:1px;
    margin-right:3px;
    text-align:center !important;
}
#gameinfo { 
    background-color:#FFFEEF;
    border:2px solid #FFE4CF; 
    margin-right:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -moz-box-shadow:0 0 4px #afafaf;
    -webkit-box-shadow:0 0 4px #afafaf;
}
#gameinfo .meta { 
    font-size:9px;
    color:#8f8f8f;
}
#gameinfo .endpage { 
    font-size:18px;
    margin:-2px;
}
#chat {
}
#chat-header {
    border:none;
}
    
#chat-header #invite-friends {
    margin:2px;
    font-size:9px;
    color:#3f6eff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -moz-box-shadow:0 0 6px #7f7f7f;
    -webkit-box-shadow:0 0 6px #7f7f7f;
    background:#fff url(/static/img/btnbg.png) repeat scroll center center;
    cursor:pointer;
}
#chat-header #invite-friends a {
    color:#3f6eff !important;
}
#chat-content {
    background-color:#fff !important;
}
#chat-content .chat {
    margin:2px 2px 5px 2px;
    white-space:wrap !important;
    text-align:left;
}
#chat-content .chat .chat-time {
    float:right;
    color:#9f9f9f;
    font-size:80%;
}
#chat-content .chat .chat-name {
    color:#222222;
    font-weight:bold;
    font-style:italic;
    font-size:12px;
    margin-right:1px;
}
#chat-content .chat .chat-text { }
#chat-footer {
    color:#5f5f5f;
}
#chat-footer input {
    width:80%;
    margin:2px 0px;
    padding:2px;
}
#main {
    margin:0px !important;
    padding:0px !important;
    border:none !important;
}
#main #topbar {
    background:#F9F9F9 url(/static/img/wikibg.jpg) no-repeat scroll -200px 0px !important;
    border:none !important;
    padding:3px 22px 3px 3px !important;
    text-align:right;
}
#main #topbar #alert{
    display:none;
    background-color:#ff9f9f;
    font-weight:bold;
    float:left;
    padding:0px 3px;
}
#main #main-header {
    border:none;
}
#main #main-content {
    background-color:#F9F9F9;
    margin:2px 0px 0px 2px;
    -webkit-border-radius:3px !important;
    -moz-border-radius:3px !important;
    -moz-box-shadow:0 0 5px #888 !important;
    -webkit-box-shadow:0 0 5px #888 !important;
}
.main-box {
    font-size:130%;
    width:45%;
    margin:0 2%;
    float:left;
}
.main-box h3 {
    text-align:center;
    padding:4px;
    margin:8px;
    font-size:18px;
    font-weight:bold;
}
#game-status {
    background-color:#F5FFFA;
    border: 1px solid #CEF2E0;
}
#game-status * {
    text-align:center;
}
#game-status h3 {
    background-color:#CEF2E0;
    border: 1px solid #A3BFB1;
}
#game-status p {
    margin:0px;
    margin-bottom:4px;
}
#new-game {
    margin:125px 0px;
    color:#afafaf;
    font-size:40px;
}
#current-game {
    display:none;
    margin:20px 6px;
}
#newword {
    display:none;
}
#start span {
    font-size:56px;
    color:#002BB8;
    text-decoration:underline;
    cursor:pointer;
    display:block;
}
#end span {
    font-size:56px;
    display:block;
}
#endpagelink {
    margin:0px;
    font-size:11px;
    position:relative;
    top:-12px;
}
#endpagelink a {
    padding-right:14px;
    background:transparent url(/static/img/external.png) no-repeat scroll right;
}
#how-to-play {
    background:#F5FAFF url(/static/img/wendell.png) no-repeat scroll 8px 50px !important;
    border: 1px solid #CEDFF2;
}
#how-to-play h3 {
    background-color:#CEDFF2;
    border: 1px solid #A3B0BF;
}
#how-to-play p {
    margin:0;
    padding:0;
    text-align:center;
}
#how-to-play p.how-small {
    font-size:11px;
    margin:7% 0% 0% 18%;
    display:none;
}
#how-to-play p.how-large {
    font-size:19px;
    margin-left:20%;
    display:none;
}
#how-to-play ol {
    margin:86px 25px 46px 130px;
}
#how-to-play ol li {
    padding:4px 0px;
    text-align:left;
}
.exarticle {
    font-style:italic;
}

#main-footer {
    padding-bottom:2px;
    background-color:#cecece;
 }
#main-footer a {
    text-decoration:underline;
    font-size:11px;
    color:#7f7f7f;
}
#main-footer span {
    font-size:11px;
}
#main-footer .footeritem {
    color:#7f7f7f;
    margin:0px 6px;
}

#header {
    text-align:left;
    margin:6px;
    background-color:#fcfcfc;
    border: 1px solid #ccc;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
#header h2 {
    margin:0px 2px 3px 8px;
    padding:6px;
    width:390px;
    color:#002BB8;
    background-color:#fcfcfc;
    font-size:28px;
    position:relative;
    z-index:4;
}
#header h2 span {
    color:#000;
}
#header h2 span#beta {
    color:#F00;
    position:relative;
    top:-10px;
    left:0px;
    font-size:11px;
}
#header a#twitter {
    background:#fff url(/static/img/twitter.png) no-repeat;
    float:right;
    position:relative;
    padding:4px 0px 0px 36px;
    top:-24px;
    left:278px;
    color:#333333;
    font-size:11px;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    text-decoration:none;
}
#nav {
    margin-top:8px;
    text-align:left;
}
#nav ul {
    margin-left:20px;
    padding:0px;
    width:380px;
}
#nav li {
    display:inline;
}
#nav b {
    margin-left:3px;
    font-weight:bold;
}
#nav a {
    text-decoration:underline;
}
.topitem {
    color:#000099;
    text-decoration:none;
    border-left:1px solid #000099;
    padding-left:4px;
    text-decoration:none;
}
.create {
    background-color:#ffdfdf;
    padding:0px 2px 2px 2px;
    text-decoration:underline;
    border:none;
}
iframe#wiki {
    height:100%;
    width:100%;
}
iframe#facebooklike {
    float:right;
    height:30px;
    width:310px;
    position:relative;
    top:-52px;
    font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
}
