/*
CSS FOR SCREEN, STANDARD WEB
v1.0
The following classes are placed on the root document tag () by
the 'enhance.js' script to provide a foundation for conditional styles.
(environment)
.js The browser has JavaScript active, and the enhance.js
executed and wrote-in base classes to the HTML tag
(platform)
.win The client is running in Windows
.mac The client is running in Mac OS
.linux The client is running in X11/Linux
(browser)
.ie The client is running on ie (general)
.ie# The client is running on ie version '#'
.gecko The client is running on a gecko browser (general)
.opera The client is running on opera (general)
.opera# The client is running on opera version '#'
.konqueror The client is running on Konqueror
.webkit The client is running on a webkit platform
.safari The client is running in Safari
(capabilities)
.webfont The client supports embedded webfonts (html5/css3)
.transition The client supports CSS transitions (html5/css3)
The JS can be modified over time to provide other introspection as needed.
----
Adapted styles are defined by prefacing the normal style declaration with
one of the above classes. For example:
#someelement { } - applied to element 'someelement' on the document
.ie7 #someelement { } - applied to #someelement in IE7
.webfont #someelement { } - appled to #somelement in a webfont capable client.
.someclass { } - applied to all elements of 'someclass'
.ie7 .someclass { } - applied to all elements of 'someclass' in IE7
etc.
If no JS is active, the default (base) style will be applied to the
document/elements.
----
Fixes for Internet Explorer Quirks should be placed in the fix_ie
or fix_ie# css files, not in this common css.
*/
/*
-------------------------------------------------------------
CSS RESET - CLEAR DEFAULT STYLES
-------------------------------------------------------------
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
vertical-align: baseline;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
font-size: 100%;
line-height: 1em;
border: 0;
}
body {
line-height: 1.5em;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, td, th {
text-align: left;
font-weight: normal;
}
table, td, th {
vertical-align: middle;
}
blockquote, q { quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
/*:active, :link, :visited, :focus, :hover { border: none; }*/
/*a:link, a:visited, a:active, a:focus, a:hover { color: inherit; }*/
a img, a:link img, a:visited img, a:active img, a:focus img, a:hover img { border: none; }
/*
-------------------------------------------------------------
EMEDDED FONTS (WEBKIT)
-------------------------------------------------------------
/*
@font-face {
font-family: "CA-Gotham-Light";
src: url(../fonts/Gotham-Light.otf);
format("opentype");
}
@font-face {
font-family: "CA-Gotham-Light-Italic";
src: url(../fonts/Gotham-LightIta.otf);
format("opentype");
}
*/
@font-face {
font-family: "CA-Gotham-Book";
src: url(../fonts/Gotham-Book.otf) format("opentype");
}
@font-face {
font-family: "CA-Gotham-Book-Italic";
src: url(../fonts/Gotham-BookIta.otf) format("opentype");
}
@font-face {
font-family: "CA-Gotham-Medium";
src: url(../fonts/Gotham-Medium.otf) format("opentype");
}
@font-face {
font-family: "CA-Gotham-Medium-Italic";
src: url(../fonts/Gotham-MediumIta.otf) format("opentype");
}
@font-face {
font-family: "CA-Gotham-Bold";
src: url(../fonts/Gotham-Bold.otf) format("opentype");
}
@font-face {
font-family: "CA-Gotham-Bold-Italic";
src: url(../fonts/Gotham-BoldIta.otf) format("opentype");
}
/*
-------------------------------------------------------------
UTIL CLASSES
-------------------------------------------------------------
*/
/* ---- element states */
.off { display: none; }
.on { display: inherit; }
.show { visibility: visible; }
.hide { visibility: hidden; }
.top { top: 0; }
.right { right: 0; }
.bottom { bottom: 0 }
.left { left: 0; }
.on_left { float: left; }
.on_right { float: right; }
.on_center { float: none; }
.topmost { margin-top: 0; padding-top: 0; }
.rightmost { margin-right: 0; padding-right: 0; }
.bottommost { margin-bottom: 0; padding-bottom: 0; }
.leftmost { margin-left: 0; padding-left: 0; }
.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }
.fixed { position: fixed; }
.flush { width: 100%; }
.rigid { float: none; clear: both; }
.elastic { float: left; clear: none; }
.fine { margin-top: 1em; font-size: 8px; text-transform: none; }
.error, .notice, .success { margin-bottom: 1em; padding: 10px; border: 2px solid; font-size: 12px; }
.error { color: #8a1f11; border-color: #fbc2c4; background: #fbe3e4; }
.error a, .error a:link, .error a:visited { color: #8a1f11; border-bottom: 1px dotted; }
.notice { color: #514721; border-color: #ffd324; background: #fff6bf; }
.notice a, .notice a:link, .notice a:visited { color: #514721; border-bottom: 1px dotted; }
.success { color: #264409; border-color: #c6d880; background: #e6efc2; }
.success a, .success a:link, .success a:visited { color: #264409; }
/* ---- custom hr (use vs.
*/
.hr {
display: block;
float: none;
clear: both;
width: 100%;
height: 1px;
margin: 0;
padding: 0;
font-size: 0px;
line-height: 0px;
/*background: url(../images/fill/777777_d.gif) repeat-x;*/
}
/* ---- custom hr with baked-in whitespace */
.hr.padded {
margin: 10px 0 10px 0;
}
/*
-------------------------------------------------------------
BASE STYLES
-------------------------------------------------------------
*/
body {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 1em;
cursor: default;
color: #333;
}
.webfont body {
font-family: CA-Gotham-Medium, Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
}
div,
span {
position: relative;
}
a,
a:link,
a:visited {
text-decoration: none;
/*color: inherit;*/
}
a:active,
a:focus,
a:hover {
text-decoration: none;
cursor: pointer;
color: #42145F;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
/*text-transform: uppercase;*/
line-height: 1.34em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #333;
}
/*h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 0.86em; }*/
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin: 0;
}
.webfont h1, .webfont h2, .webfont h3, .webfont h4, .webfont h5, .webfont h6 {
font-weight: normal;
}
p {
margin-bottom: 1em;
line-height: 1.34em;
cursor: text;
}
p a {
color: #333;
}
.webfont p {
font-family: CA-Gotham-Book, Verdana, Helvetica, Arial, sans-serif;
}
p a,
p a:link,
p a:visited {
border-bottom: 1px dotted;
}
p a:focus,
p a:hover {
cursor: pointer;
}
p img {
float:left;
padding: 0 7px 22px 0;
}
p img.r {
float: right;
margin: 1em 0 1em 1em;
}
ul, ol, dl { list-style-position: inside; }
ul { list-style-type: none; }
ol { list-style-type: decimal; }
li { line-height: 1em; }
dl { margin: 0 0 1em 0; }
dt {
font-weight: bold;
line-height: 1.34em;
}
.webfont dt {
font-family: CA-Gotham-Bold, Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
}
dd {
margin-left: 1.5em;
font-size: 0.86em;
line-height: 1.34em;
}
table { width:100%; }
pre, code, tt {
font: 1em 'andale mono', 'lucida console', monospace;
line-height: 1.34em;
white-space: pre;
}
blockquote {
margin: 1em;
font-style: italic;
line-height: 1.34em;
}
.webfont blockquote {
font-family: CA-Gotham-Medium-Italic, Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
}
strong { font-weight: bold; }
.webfont strong {
font-family: CA-Gotham-Bold, Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
}
em, dfn { font-style: italic; }
.webfont em, .webfont dfn {
font-family: CA-Gotham-Medium-Italic, Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
}
dfn { font-weight: bold; }
.webfont dfn {
font-family: CA-Gotham-Medium-Italic, Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
}
sup, sub {
line-height: 0;
font-size: 0.76em;
}
abbr, acronym {
border-bottom: 1px dotted #666;
}
acronym { text-transform: uppercase; }
address { line-height: 1.34em; }
del {
text-decoration: line-through;
color: #900;
}
/* ---- form elements */
form {
margin: 0;
padding: 0;
line-height: 1.34em;
}
form .at_right {
float: left;
left: 185px;
top: -15px;
}
form .instructions {
padding: 10px;
background: #e0f0ff;
}
label {
/*margin: 0 0.5em 0.5em 0; */
margin: 0;
font-weight: bold;
text-transform: uppercase;
}
.webfont label {
font-family: CA-Gotham-Medium, Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
}
label.at_top {
vertical-align: top;
}
label.at_left {
display: block;
float: left;
clear: none;
width: 180px;
margin-top: 15px;
}
input,
textarea {
margin: 5px 5px 5px 0;
padding: 0;
}
input[type="text"],
input[type="password"],
textarea,
select {
padding-left: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 1em;
border: 2px solid #999;
color: #777;
background: url(../images/fill/ffffff_70.png);
}
input[type="text"],
input[type="password"],
textarea {
height: 24px;
padding-top: 4px;
}
input.invalid {
border: 2px solid #f00;
color: #f00;
}
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover {
border: 2px solid #ccc;
background: #fff;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 2px solid #96f;
color: #96f;
background: #fff;
}
select {
min-width: 240px;
vertical-align: middle;
}
select.narrow {
min-width: 80px;
}
.transition input[type="text"].search {
-webkit-transition-property: width, color;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1.0);
}
.webkit input[type="text"].search {
-webkit-border-radius: 14px;
}
.webkit input[type="submit"] {
-webkit-border-radius: 12px;
}
.webfont input,
.webfont textarea,
.webfont select {
font-family: CA-Gotham-Light, Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
letter-spacing: -0.034em;
}
.webfont select:active {
font-family: Verdana, Arial, sans-serif;
}
.transition input,
.transition textarea,
.transition select {
-webkit-transition: color 0.50s linear;
}
.transition input[type="submit"] {
-webkit-transition-property: width, background-color, color;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1.0);
}
input.motto {
width: 360px;
}
input[type="submit"], input[type="reset"]{
height: 32px;
text-align: center;
padding: 5px 15px 5px 15px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
color: #fff;
border: none;
background-image: none;
background: #555;
cursor: pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
color: #96f;
padding: 1px 11px 1px 11px;
border: 4px solid #ccc;
background: #fff;
}
input[type="submit"]:active {
color: #96f;
padding: 1px 11px 1px 11px;
border: 4px solid #96f;
background: #fff;
}
form .actions {
width: 100%;
text-align: center;
}
/*
-------------------------------------------------------------
LAYOUT
-------------------------------------------------------------
*/
/* ---- notifications */
#notice_javascript {
position: absolute;
left: 50%;
width: 930px;
height: 480px;
margin: 10px 0 0 -465px;
padding: 20px;
font-size: 1.4em;
background: #fff;
display: none;
}
#recommend_javascript {
display: none;
}
#notice_javascript h2 {
font-size: 1.4em;
color: #f00;
}
.js #notice_javascript {
display: none;
visibility: hidden;
}
.jsrequired #container {
//display: none;
//visibility: hidden;
}
.js #container {
display: block;
visibility: visible;
}
.js #recommend_javascript {
display: none;
visibility: hidden;
}
.notification {
width: 930px;
font-size: 1.14em;
font-weight: bold;
text-align: center;
}
.notification a:focus,
.notification a:hover,
.notification a:active {
color: #000;
}
/* ---- FPO: scifi header */
/*
#fpo_scifi_header {
left: -13px;
width: 990px;
height: 152px;
margin-bottom: 16px;
background: #000 url(../images/fpo/scifi_header.jpg) no-repeat;
}
*/
/* ---- main content container */
/* ---- modules */
.module {
float: left;
clear: none;
margin: 5px 0px 0px 0px;
}
.module .title,
.module .title img {
width: 260px;
height: 30px;
margin: 0;
padding: 0;
border: none;
}
/* ---- content def, used when an xhtml element is meant to hold params but not be visible */
.content_definition {
display: none;
visibility: hidden;
}
/* ---- panels */
.panel {
padding: 10px;
}
.panel .menu {
position: absolute;
bottom: 0px;
width: 100%;
height: 20px;
margin-top: 10px;
}
.panel .menu ul {
position: absolute;
}
.panel .menu ul.on_left {
position: absolute;
left: 0px;
bottom: 0px;
background: #f00;
}
.panel .menu ul.on_right {
position: absolute;
right: 0px;
bottom: 0px;
background: #f00;
}
.panel .menu li {
display: inline;
padding: 5px;
}
/* ---- scroll pane */
.scrollpane {
overflow: auto;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.scrollpane .content {
margin: 0;
padding: 0;
}
.scrollpane .content .item {
margin: 0;
padding: 0;
}
/* ---- avatars */
.avatar {
}
/* ---- menus */
.menu {
text-transform: uppercase;
}
/* ---- MODULES: IAB banners */
.banner {
width: 950px;
height: 110px;
}
.banner .ad_content {
width: 728px;
height: 90px;
margin: 0;
padding: 0;
border: none;
}
#banner_top {
margin-top: 0;
background: url(../images/panel_ad_top.png) no-repeat;
}
#banner_top .ad_content {
position: absolute;
top: 9px;
left: 111px;
}
#banner_bottom {
margin-bottom: 0;
background: url(../images/panel_ad_bottom.png) no-repeat;
}
#banner_bottom .ad_content {
position: absolute;
top: 11px;
left: 111px;
}
/* ---- MODULE: top navigation */
#nav_top {
width: 950px;
height: 20px;
margin-top: 0px;
margin-bottom: 0px;
}
#nav_top .homelink {
overflow: hidden;
float: left;
width: 179px;
height: 20px;
background: url(../images/button_homelink_bg.png) no-repeat;
background-position: 0 0;
display: none;
}
#nav_top .homelink:active,
#nav_top .homelink:focus,
#nav_top .homelink:hover {
background-position: 0 -20px;
}
#nav_top ul {
margin-top: 2px;
float: right;
}
#nav_top li {
overflow: hidden;
float: left;
clear: none;
width: 103px;
height: 20px;
margin-left: 5px;
}
#nav_top li a,
#nav_top li a:link,
#nav_top li a:visited {
display: block;
width: 100%;
height: 100%;
padding-top: 6px;
font-size: 0.82em;
font-weight: bold;
text-align: left;
padding-left: 7px;
color: #fff;
background: url(../images/button_nav_top_bg.png) no-repeat;
background-position: 0 0;
}
.webfont #nav_top li a,
.webfont #nav_top li a:link,
.webfont #nav_top li a:visited {
font-weight: normal;
}
.transition #nav_top li a,
.transition #nav_top li a:link,
.transition #nav_top li a:visited {
-webkit-transition: color 0.40s linear;
}
#nav_top li a:active,
#nav_top li a:focus,
#nav_top li a:hover {
color: #96f;
background-position: 0 -19px;
}
/* ---- MODULE: header */
#header {
/*width: 950px;
height: 108px;
background: url(../images/header_bg.png) no-repeat; */
}
#header div, #header span {
/*float: left; clear: none;*/
}
/* ---- MODULE: user status */
#user_status {
width: 424px;
height: 91px;
padding-top: 17px;
padding-left: 6px;
background: url(../images/user_status_bg.png) no-repeat;
}
#user_status_avatar {
float: left;
clear: none;
margin-right: 10px;
}
#user_status_player {
overflow: hidden;
width: 230px;
font-size: 1.5em;
line-height: 1.25em;
text-transform: none;
color: #9adafb;
}
#user_status_player a,
#user_status_player a:link
#user_status_player a:visited {
font-weight: normal;
color: #9adafb;
}
#user_status_player a:active,
#user_status_player a:focus,
#user_status_player a:hover {
color: #fff;
}
.webfont #user_status_player {
font-family: CA-Gotham-Medium, Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: 1.10em;
}
#user_status_description {
overflow: hidden;
width: 210px;
height: 25px;
font-size: 0.86em;
font-weight: normal;
color: #fff;
text-transform: uppercase;
cursor: default;
}
.webfont #user_status_description {
font-family: CA-Gotham-Medium, Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
}
#user_status_link,
#user_status_link:link,
#user_status_link:visited {
overflow: hidden;
position: absolute;
left: 87px;
bottom: 15px;
width: 97px;
height: 14px;
padding-top: 5px;
padding-left: 7px;
font-weight: bold;
font-size: 0.78em;
color: #fff;
background: url(../images/button_user_status_bg.png) no-repeat;
}
.webfont #user_status_link,
.webfont #user_status_link:link,
.webfont #user_status_link:visited {
padding-top: 6px;
height: 13px;
font-weight: normal;
}
.transition #user_status_link,
.transition #user_status_link:link,
.transition #user_status_link:visited {
-webkit-transition: color 0.40s linear;
}
#user_status_link:active,
#user_status_link:focus,
#user_status_link:hover {
color: #96f;
background: url(../images/button_user_status_bg.png) no-repeat;
background-position: 0 -19px;
}
#user_status_community,
#user_status_community:link,
#user_status_community:visited {
overflow: hidden;
position: absolute;
left: 200px;
bottom: 15px;
width: 107px;
height: 14px;
padding-top: 5px;
padding-left: 7px;
font-weight: bold;
font-size: 0.78em;
color: #fff;
background: url(../images/button_user_status_community_bg.png) no-repeat;
}
.webfont #user_status_community,
.webfont #user_status_community:link,
.webfont #user_status_community:visited {
padding-top: 6px;
height: 13px;
font-weight: normal;
}
.transition #user_status_community,
.transition #user_status_community:link,
.transition #user_status_community:visited {
-webkit-transition: color 0.40s linear;
}
#user_status_community:active,
#user_status_community:focus,
#user_status_community:hover {
color: #96f;
background: url(../images/button_user_status_community_bg.png) no-repeat;
background-position: 0 -19px;
}
#user_status_points {
position: absolute;
right: 0;
bottom: 17px;
color: #fff;
width: 55px;
text-align: center;
}
/* ---- MODULE: feature rotation */
#feature {
width: 570px;
height: 250px;
background: url(../images/panel_feature.png) no-repeat;
}
/* ---- MODULE: feature rect IAB ad */
#feature_ad {
width: 300px;
height: 250px;
padding: 0px;
margin-right: 0px;
}
#feature_ad .ad_content {
position: absolute;
left: 25px;
width: 300px;
height: 250px;
margin: 0;
padding: 0;
border: none;
}
/* ---- MODULE: game browser */
#browser {
width: 950px;
float: left;
clear: none;
}
#browser_nav {
position: absolute;
z-index: 10;
top: 0px;
width: 950px;
}
#browser_nav_all {
float: right;
clear: none;
}
#browser_nav_all a {
overflow: hidden;
display: block;
width: 187px;
height: 15px;
margin: 5px 0 0 0;
padding: 4px 0px 0px 0px;
font-weight: normal;
font-size: 1em;
text-align: center;
text-transform: uppercase;
color: #fff;
background: url(../images/browser_button_all_bg.gif) no-repeat left top;
}
#browser_nav_all a:hover {
background-position: 0 -23px;
color: #96f;
}
.webfont #browser_nav_all a,
.webfont #browser_nav_all a:link,
.webfont #browser_nav_all a:visited {
height: 17px;
padding-top: 6px;
font-weight: normal;
}
.transition #browser_nav_all a,
.transition #browser_nav_all a:link,
.transition #browser_nav_all a:visited {
-webkit-transition: color 0.40s linear;
}
#browser_widget {
width: 930px;
height: 180px;
padding: 10px;
background: url(../images/panel_browser.png) no-repeat;
}
#browser_fade_l {
position: absolute;
top: 0px;
left: 8px;
width: 15px;
height: 165px;
background: url(../images/browser_fade_l.png) no-repeat;
}
#browser_fade_r {
position: absolute;
top: 0px;
left: 927px;
width: 15px;
height: 165px;
background: url(../images/browser_fade_r.png) no-repeat;
}
#browser .scrollpane {
overflow-x: auto;
overflow-y: hidden;
}
#browser .scrollpane .content {
width: 10000px;
}
#browser .scrollpane .item {
display: block;
overflow: visible;
float: left;
clear: right;
width: 123px;
height: 140px;
margin: 0 5px 0 5px;
padding-top: 20px;
text-align: center;
}
#browser .scrollpane .item .label {
position: absolute;
overflow: hidden;
width: 100%;
height: 28px;
top: 130px;
left: 0px;
font-size: 0.96em;
line-height: 1.1em;
text-transform: none;
color: #333;
}
.webfont #browser .scrollpane .item .label {
height: 26px;
font-family: CA-Gotham-Medium, Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 1.0em;
line-height: 1.12em;
}
#browser .scrollpane .item a,
#browser .scrollpane .item a:link,
#browser .scrollpane .item a:visited {
color: #333;
}
#browser .scrollpane .item a .label,
#browser .scrollpane .item a:link .label,
#browser .scrollpane .item a:visited .label {
color: #333;
}
.transition #browser .scrollpane .item a .label,
.transition #browser .scrollpane .item a:link .label,
.transition #browser .scrollpane .item a:visited .label {
-webkit-transition: color 0.40s linear;
}
#browser .scrollpane .item a:active .label,
#browser .scrollpane .item a:focus .label,
#browser .scrollpane .item a:hover .label {
color: #96f;
}
#browser .image {
position: absolute;
left: 21px;
}
/* ---- Content: Header for Draw Font */
.content h1, .endcap_top h1 {
font-family: Syfy-Medium;
text-transform: none;
padding: 2px 0px 0px 0px;
font-size: 16px;
margin: 0px 0px 10px 0px;
}
/* ---- MODULE: full-page */
.fullpage {
width: 950px;
}
.fullpage.cols2 {
width: 690px;
}
.fullpage .endcap_top {
height: 5px;
font-size: 0px;
background: url(../images/995_top_blank.jpg) no-repeat;
width:995px;
}
.fullpage.cols2 .endcap_top, #user_profile_intro .endcap_top {
background: url(../images/690_top_blank.jpg) no-repeat;
width:690px;
height: 5px;
}
.fullpage .endcap_bottom {
height: 10px;
font-size: 0px;
background: url(../images/995_bot.jpg) no-repeat;
height:10px;
width:995px;
}
.fullpage.cols2 .endcap_bottom, #user_profile_intro .endcap_bottom {
background: url(../images/690_bot.jpg) no-repeat;
height:10px;
width:690px;
}
.fullpage .content, #user_profile_intro .contentOuter {
width: 970px;
height: 100%;
min-height: 235px;
padding: 0 15px 0 10px;
background: url(../images/995_mid.jpg) repeat-y;
}
.fullpage.cols2 .content, #user_profile_intro .contentOuter {
width: 665px;
background: url(../images/690_mid.jpg) repeat-y;
}
#user_profile_intro .contentOuter {
min-height: 135px;
}
.fullpage.cols2 .menu {
width: 670px;
background: url(../images/panel_fullpage_cols2.png) repeat-y;
}
.webfont .fullpage .menu {
font-weight: normal;
}
.fullpage .menu a,
.fullpage .menu a:link,
.fullpage .menu a:visited {
color: #666;
text-transform: uppercase;
}
.fullpage .menu a:active,
.fullpage .menu a:focus,
.fullpage .menu a:hover {
color: #96f;
}
.fullpage .menu .on_left {
margin-right: 15px;
}
.fullpage .menu .on_right {
margin-left: 15px;
}
.fullpage .menu .on_center {
margin: 0 7px 0 7px;
}
/* ---- MODULE: list view (general) */
.listview h1 {
font-size: 16px;
text-transform: none;
}
.listview p {
width: 70%;
}
.listview ul.keywords {
display: block;;
margin-top: 30px;
}
.listview ul.keywords li {
display: inline;
margin-right: 10px;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
}
.webfont .listview ul.keywords li {
font-weight: normal;
}
.listview li a,
.listview li a:link,
.listview li a:visited {
color: #333;
}
.listview li a:active,
.listview li a:focus,
.listview li a:hover {
color: #96f;
}
.listview .category h5 {
display: block;
overflow: hidden;
width: 665px;
height: 18px;
margin: 15px 0 0 0;
padding: 3px 0 0 10px;
background: url(../images/listview_category_bg_665.gif) no-repeat;
font-size: 12px;
}
.ie .listview .category h5 {
height: 19px;
padding-top: 4px;
}
.listview .category a h5,
.listview .category a:link h5,
.listview .category a:visited h5 {
color: #111;
}
.listview .category a:active h5,
.listview .category a:focus h5,
.listview .category a:hover h5 {
color: #96f;
}
.webfont .listview .category h5 {
font-weight: normal;
font-size: 0.96em;
}
.listview .category a:hover h5 {
background-position-y: -23px;
}
.listview .items {
overflow: hidden;
}
.listview .item {
margin: 8px 0 8px 0;
}
/* ---- MODULE: list view (games) */
.listview .item.game {
overflow: hidden;
min-height: 70px;
}
.listview .item.game .image {
float: left;
margin: 0 10px 0 10px;
padding: 0;
border: none;
}
.listview .item.game .summary {
float: left;
width: 600px;
}
.listview .item.game h4 {
margin-top: 3px;
text-transform: none;
color: #09c;
font-size: 14px;
}
.webfont .listview .item.game h4 {
font-weight: normal;
}
.listview .item.game p {
width: 70%;
font-size: 0.87em;
}
.listview .item.game p a,
.listview .item.game p a:link,
.listview .item.game p a:visited {
color: #333;
font-weight: bold;
}
.webfont .listview .item.game p a,
.webfont .listview .item.game p a:link,
.webfont .listview .item.game p a:visited {
font-weight: normal;
font-family: CA-Gotham-Bold, Verdana, Helvetica, Arial, sans-serif;
}
.listview .item.game p a:active,
.listview .item.game p a:focus,
.listview .item.game p a:hover {
color: #96f;
}
.listview .item.game a.launch {
display: block;
position: absolute;
top: 45%;
right: 10px;
font-weight: bold;
color: #333;
font-size: 12px;
}
.listview .item.game a.launch:hover {
color: #96f;
}
.webfont .listview .item.game a.launch {
font-weight: normal;
font-family: CA-Gotham-Bold, Verdana, Helvetica, Arial, sans-serif;
}
/* ---- game wrapper */
#game .content {
overflow: hidden;
height: 480px;
}
#game_wrapper_container {
display: block;
position: absolute;
overflow: hidden;
left: 13px;
top: 2px;
width: 924px;
height: 480px;
}
/* ---- content buckets */
.bucket {
width: 275px;
font-size: 12px;
color: #666;
}
#leaderboard_winners table .player a {
float:left;
}
#leaderboard_winners table .player a img.avatar {
width:15px;
height:15px;
}
#leaderboard_winners table .player a.textbutton {
margin-left:5px;
}
.bucket a,
.bucket a:link
.bucket a:visited {
color: #666;
}
.transition .bucket a,
.transition .bucket a:link
.transition .bucket a:visited {
-webkit-transition: color 0.30s linear;
}
.bucket thead td.player { color: #42145F; }
.bucket td.player { color: inherit; width: 134px;}
.bucket thead td.game { color: #42145f; }
.bucket td.game { color: #93509e; }
.bucket td.game a { color: #93509e; }
.bucket td.game a:hover { color: #42145f; }
.bucket a:active,
.bucket a:focus,
.bucket a:hover {
color: #42145f;
}
.bucket.wide {
width: 445px;
}
.bucket .endcap_top {
height: 33px;
font-size: 0px;
background: url(../images/275_top_purple.gif) no-repeat;
}
.bucket.wide .endcap_top {
background: url(../images/445_top_purple.gif) no-repeat;
}
.bucket .endcap_bottom {
height: 12px;
font-size: 0px;
background: url(../images/275_bot.gif) no-repeat;
}
.bucket.wide .endcap_bottom {
background: url(../images/445_bot.gif) no-repeat;
}
.bucket .content {
overflow: visible;
overflow-x: hidden;
width: 250px;
height: 100%;
min-height: 250px;
margin: 0;
padding: 0 15px 10px 10px;
background: url(../images/275_mid.gif) repeat-y;
}
.bucket.wide .content {
width: 420px;
background: url(../images/445_mid.gif) repeat-y;
}
.bucket.tall .content {
min-height: 565px;
}
.bucket.short .content {
height: 184px;
min-height: 184px;
}
.webfont .bucket .content {
min-height: 240px;
}
.webfont .bucket.tall .content {
min-height: 575px;
}
.bucket .content em {
font-weight: bold;
font-style: normal;
text-transform: uppercase;
}
.webfont .bucket .content em {
font-weight: normal;
font-family: CA-Gotham-Bold, Verdana, Helvetica, Arial, sans-serif;
}
.bucket .content h4 {
margin: 0;
padding: 0 0 8px 0;
font-weight: bold;
font-size: 0.94em;
text-transform: none;
line-height: 0.64em;
color: #666;
}
.webfont .bucket .content h4 {
font-family: CA-Gotham-Bold, Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 0.86em;
line-height: 0.86em;
}
.webkit .bucket a.textbutton {
padding: 0 14px 0 0;
border: none;
background: none;
}
.webkit .bucket td a.textbutton,
.webkit .bucket address a.textbutton {
padding: 1px 14px 0 0;
}
.webkit .bucket a.textbutton:focus,
.webkit .bucket a.textbutton:hover {
background-image: url(../images/glyph_arrow_right.png);
background-repeat: no-repeat;
background-position: right;
}
.webfont .bucket a.textbutton:focus,
.webfont .bucket a.textbutton:hover {
position: relative;
left: -2px;
border: 2px solid #505050;
-webkit-border-radius: 7px;
border-color: #3c1d4f;
background-color: #3c1d4f;
}
.webfont .bucket a.textbutton:active {
color: #fff;
background-color: #96f;
border-color: #96f;
}
.webfont .bucket h2 a.textbutton:focus,
.webfont .bucket h2 a.textbutton:hover {
-webkit-border-radius: 10px;
}
.bucket .content img.avatar.big {
float: left;
margin-top: 8px;
margin-right: 10px;
margin-bottom: 8px;
}
.bucket .content h2,
.bucket .content h2 a {
font-size: 1.3em;
text-transform: none;
margin-top: 5px;
margin-bottom: 4px;
}
.transition .bucket .content h2 {
-webkit-transition: color 0.20s linear;
}
.bucket .content a:hover h2
{
color: #fff;
}
.bucket .content h5 {
float: none;
clear: both;
margin-top: 5px;
font-size: 1em;
line-height: 1.34em;
}
.bucket .content h6 {
float: none;
clear: both;
font-size: 1em;
line-height: 1.34em;
text-transform: none;
color: #eeec00;
margin-bottom: 2px;
}
.bucket .content p {
float: none;
clear: both;
font-size: 11px;
font-weight: bold;
line-height: 1.42em;
margin-bottom: 5px;
}
.webfont .bucket .content p {
font-weight: normal;
line-height: 1.34em;
margin-bottom: 5px;
}
.bucket .content address {
font-weight: bold;
font-size: 0.90em;
}
.webfont .bucket .content address {
font-weight: normal;
}
.bucket .content blockquote {
margin: 3px 0 5px 0;
padding: 0;
font-size: 0.86em;
font-weight: bold;
color: #999;
}
.webfont .bucket .content blockquote {
font-size: 0.86em;
font-weight: normal;
}
.bucket table {
margin-top: 2px;
width: 100%;
}
.bucket tr {
height: 18px;
}
.bucket td {
margin: 0;
padding: 0;
vertical-align: bottom;
font-weight: bold;
}
.webfont .bucket td {
font-weight: normal;
font-size: 0.86em;
}
.bucket thead td {
vertical-align: middle;
}
.webfont .bucket thead td {
font-family: CA-Gotham-Bold, Verdana, Helvetica, Arial, sans-serif;
}
.bucket td img {
float: none;
clear: both;
margin-right: 3px;
vertical-align: baseline;
}
.bucket td.leftmost {
padding-left: 0;
}
.bucket td.rightmost {
padding-right: 0;
text-align: right;
}
.bucket thead td.index {
color: inherit;
}
.bucket td.index {
width: 5px;
padding-right: 5px;
text-align: center;
color: #42145f;
}
.bucket thead td.total {
width: 5px;
color: #42145f;
}
.bucket td.total { color: #666; }
.bucket .menu {
width: 250px;
height: 20px;
overflow: hidden;
padding: 0 15px 0 10px;
background: url(../images/275_mid.gif) repeat-y;
}
.bucket.wide .menu {
width: 425px;
background: url(../images/445_mid.gif) repeat-y;
}
.bucket .menu .on_left {
margin-right: 3px;
}
.bucket .menu .on_right {
margin-left: 3px;
}
.bucket .menu a,
.bucket .menu a:link,
.bucket .menu a:visited {
overflow: hidden;
width: 54px;
height: 20px;
padding-top: 5px;
font-weight: bold;
font-size: 0.90em;
text-align: center;
color: #fff;
background: url(../images/button_panel_bg.png) no-repeat;
background-position: 0 0;
}
.webfont .bucket .menu a,
.webfont .bucket .menu a:link,
.webfont .bucket .menu a:visited {
font-weight: normal;
letter-spacing: -0.096em;
}
.transition .bucket .menu a,
.transition .bucket .menu a:link,
.transition .bucket .menu a:visited {
-webkit-transition: color 0.20s linear;
}
.bucket .menu a:active,
.bucket .menu a:focus,
.bucket .menu a:hover {
color: #96f;
background-position: 0 -20px;
}
.bucket .content .list {
}
/* ---- MODULE: user profile card */
#user_profile {
width: 670px;
height: 250px;
/*background: url(../images/panel_user_profile_card_bg.gif) repeat-x top;*/
background-color: #fff;
padding: 0px 10px 0px 10px;
}
#user_profile_avatar {
float: left;
position: relative;
margin: 0px;
height: 200px;
width: 200px;
text-align: center;
}
#user_profile_options {
position: absolute;
left: 249px;
top: 20px;
}
#user_profile_options li {
display: inline;
margin-right: 10px;
}
#user_profile_options li a {
color: #333;
font-weight: bold;
}
.webfont #user_profile_options li a {
font-weight: normal;
}
#user_profile_options li a:hover {
color: #96f;
}
.transition #user_profile_options li a {
-webkit-transition: color 0.20s linear;
}
#user_profile .summary {
display: block;
position: relative;
float: left;
clear: none;
background: #0f0;
}
#user_profile .content {
top: 50px;
left: 40px;
}
#user_profile h2 {
margin: 0;
line-height: 1em;
text-transform: none;
font-size: 22px;
}
#user_profile address {
margin: 3px 0 0 0;
font-size: 1.1em;
font-style: normal;
font-weight: bold;
color: #777;
}
.transition #user_profile address a {
-webkit-transition: color 0.20s linear;
}
#user_profile p {
line-height: 1.2em;
}
.webfont #user_profile address {
font-weight: normal;
}
#user_profile blockquote {
margin: 2px 0 0 0;
font-style: normal;
font-size: 0.87em;
}
#user_profile .stats {
display: block;
float: left;
clear: none;
width: 190px;
margin: 30px 10px 0 0;
line-height: 1.2em;
}
#user_profile .stats h4 {
font-size: 0.87em;
color: #56326d;
}
.webfont #user_profile .stats h4 {
font-weight: normal;
}
#user_profile .stats a,
#user_profile .stats a:link,
#user_profile .stats a:visited {
font-weight: bold;
color: #ff0;
}
.webfont #user_profile .stats a,
.webfont #user_profile .stats a:link,
.webfont #user_profile .stats a:visited {
font-weight: normal;
}
.transition #user_profile .stats a {
-webkit-transition: color 0.20s linear;
}
#user_profile .stats a:active,
#user_profile .stats a:focus,
#user_profile .stats a:hover {
color: #fff;
}
/* ---- MODULE: profile navigation */
#profile_nav {
display: block;
width: 930px;
background: #fff;
}
#profile_nav a,
#profile_nav a:link,
#profile_nav a:visited {
font-weight: bold;
text-transform: uppercase;
}
.webfont #profile_nav a,
.webfont #profile_nav a:link,
.webfont #profile_nav a:visited {
font-weight: normal;
}
#profile_nav .on_left {
margin-right: 15px;
}
#profile_nav .on_right {
margin-left: 15px;
}
/* ---- MODULE: bucket (general elements) */
.bucketnav {
width: 240px;
height: 15px;
padding: 0px 5px 0 0px;
margin: 10px 0px 1px 0px;
font-weight: bold;
font-size: 12px;
text-align: left;
}
.win .bucketnav {
height: 16px;
padding-top: 2px;
}
.webfont .bucketnav {
height: 14px;
padding-top: 4px;
font-weight: normal;
font-size: 0.86em;
}
.bucketnav a,
.bucketnav a:link,
.bucketnav a:visited {
margin: 0 10px 0 0px;
color: #666;
}
.bucketnav a.active,
.bucketnav a:link.active,
.bucketnav a:visited.active,
.bucketnav a:active,
.bucketnav a:focus,
.bucketnav a:hover {
color: #42145f;
}
.note {
margin-bottom: 10px;
font-weight: bold;
font-size: 0.9em;
}
.webfont .note {
font-weight: normal;
}
/* ---- MODULE: bucket (happenings) */
.happening {
display: block;
float: none;
font-size: 1.1em;
margin: 6px 0 6px 0;
}
.bucket .content h3 {
width: 415px;
height: 15px;
padding-top: 3px;
padding-left: 0px;
margin-bottom: 1px;
font-size: 12px;
color: #42145f;
/*background: url(../images/happening_date_bg.png) no-repeat;*/
}
.win .bucket .content h3 {
height: 16px;
padding-top: 2px;
}
.webfont .bucket .content h3 {
height: 14px;
padding-top: 4px;
font-weight: normal;
font-size: 0.86em;
}
.bucket .content .happening p {
width: 385px;
margin: 0;
font-weight: normal;
cursor: default;
}
.bucket .content .happening p a,
.bucket .content .happening p a:link,
.bucket .content .happening p a:visited {
font-weight: bold;
border-bottom: none;
}
.webfont .bucket .content .happening p a,
.webfont .bucket .content .happening p a:link,
.webfont .bucket .content .happening p a:visited {
font-weight: normal;
font-family: CA-Gotham-Bold, Verdana, Helvetica, Arial, sans-serif;
}
.bucket .content .happening blockquote {
display: block;
width: 325px;
margin: 7px 0 7px 0;
text-align: center;
}
.bucket .content .happening cite {
display: block;
width: 325px;
font-weight: bold;
font-style: normal;
font-size: 0.80em;
text-align: right;
}
.webfont .content .happening .cite {
font-family: CA-Gotham-Medium, Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
}
.happening a {
font-weight: bold;
}
.webfont .happening a {
font-weight: normal;
font-family: CA-Gotham-Bold, Verdana, Helvetica, Arial, sans-serif;
}
.happening .points {
display: block;
position: absolute;
overflow: hidden;
top: -5px;
right: 0px;
width: 34px;
min-width: 28px;
height: 28px;
padding-top: 10px;
padding-right: 7px;
text-align: right;
font-size: 0.80em;
font-weight: bold;
color: #42145f;
background: url(../images/happenings_points_icon.gif) no-repeat;
background-position: top right;
}
.gecko .happening .points {
padding-right: 8px;
}
.webfont .happening .points {
padding-right: 7px;
font-family: CA-Gotham-Bold, Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
}
/* ---- MODULE: bucket (people) */
#people .list {
margin-top: 10px;
}
#people .contact {
display: block;
position: relative;
width: 250px;
height: 45px;
margin-top: 5px;
}
#people .contact img {
display: block;
position: absolute;
overflow: hidden;
width: 45px;
height: 45px;
}
#people .contact h4 {
display: block;
position: absolute;
overflow: hidden;
left: 50px;
top: 8px;
width: 200px;
height: 20px;
margin: 0;
padding: 0;
line-height: 1em;
font-size: 1.4em;
}
.webfont #people .contact h4 {
font-weight: normal;
}
#people .content h4 a,
#people .content h4 a:link,
#people .content h4 a:visited {
color: #666;
}
#people .content h4 a:active,
#people .content h4 a:focus,
#people .content h4 a:hover {
color: #42145f;
}
#people .contact address {
display: block;
position: absolute;
overflow: hidden;
left: 50px;
top: 28px;
width: 200px;
height: 15px;
margin: 0;
padding: 0;
line-height: 1em;
font-style: normal;
}
/* ---- MODULE: bucket (challenges) */
#challenges .list {
margin-top: 10px;
}
#challenges .list .last_item {
margin-bottom: 5px;
}
#challenges .challenge {
display: block;
position: relative;
width: 250px;
height: 35px;
margin-top: 5px;
margin-bottom: 10px;
font-size: 0.86em;
}
#challenges .challenge img {
float: left;
margin-right: 6px;
}
#challenges .challenge h4 {
display: block;
overflow: hidden;
width: 180px;
height: 14px;
margin: 0;
padding: 0;
font-size: 1.2em;
}
.webfont #challenges .challenge h4 {
font-weight: normal;
}
#challenges .challenge a.game {
display: block;
overflow: hidden;
width: 180px;
height: 10px;
margin: 0 0 2px 0;
font-weight: bold;
color: #96f;
}
#challenges .challenge a.game:hover {
color: #42145F;
}
.webfont #challenges a.game {
font-weight: normal;
}
#challenges .launchbutton {
position: absolute;
top: 15px;
right: 0px;
font-weight: bold;
}
.webfont #challenges .launchbutton {
font-weight: normal;
}
/* ---- MODULE: bucket (favorites) */
#favorites .content {
min-height: 240px;
}
.webfont #favorites .content {
min-height: 230px;
}
/* @TODO: MOVE THIS TO IE FIXES */
.ie #favorites .content {
height: 220px;
min-height: 220px;
}
/* ---- MODULE: lightbox (game details) */
body.lightbox {
overflow: hidden;
background: none;
}
#lightbox_game_details_container {
position: absolute;
top: 320px;
left: 50%;
width: 646px;
height: 366px;
margin-top: -153px;
margin-left: -323px;
padding: 0;
background: none;
}
#lightbox_game_details {
overflow: hidden;
width: 640px;
height: 360px;
background: url(../images/lightbox_game_details_bg.png) no-repeat;
padding: 3px;
}
#lightbox_content {
visibility: hidden;
}
#lightbox_hud {
visibility: hidden;
}
#lightbox_preloader {
text-align: center;
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
margin-top: -16px;
margin-left: -16px;
background: url(../images/glyph_pending.gif) no-repeat;
}
#lightbox_hud_menu {
position: absolute;
left: 240px;
top: 8px;
}
#lightbox_hud_menu a {
display: block;
float: left;
clear: none;
font-weight: bold;
margin-right: 20px;
text-transform: uppercase;
cursor: pointer;
font-size: 0.75em;
}
#lightbox_hud_menu a:hover {
color: #96f;
}
.webfont #lightbox_hud_menu a {
font-weight: normal;
}
#lightbox_game_details .hud .current {
color: #96f;
cursor: default;
}
#lightbox_hud_play a {
display: block;
overflow: hidden;
position: absolute;
top: 302px;
right: 5px;
width: 114px;
height: 33px;
padding-top: 19px;
text-align: center;
background: url(../images/button_play_now_bg.png) no-repeat;
color: #fff;
font-size: 0.9em;
}
.webfont #lightbox_hud_play a {
font-size: 1.1em;
}
#lightbox_hud_play a:hover {
background-position: 0 -52px;
color: #96f;
}
#lightbox_hud_attribution {
position: absolute;
top: 337px;
left: 10px;
font-size: 0.74em;
}
#lightbox_content .overview .image {
position: absolute;
left: 60px;
top: 85px;
}
#lightbox_content .description {
overflow: hidden;
position: absolute;
width: 375px;
height: 245px;
left: 240px;
top: 40px;
}
#lightbox_content .description h1 {
font-size: 1.5em;
text-transform: none;
color: #96f;
font-family: Helvetica, Arial, Verdana, sans-serif;
}
#lightbox_content .description h4 {
font-size: 0.875em;
line-height: 1em;
color: #ccc;
}
#lightbox_content .description p {
font-size: 0.875em;
}
.webfont #lightbox_content .description p {
font-size: 0.94em;
}
#lightbox_game_details .bucket {
top: 25px;
left: 35px;
min-height: 0;
}
#lightbox_game_details .bucket .content {
min-height: 0;
}
/* ---- MODULE: footer navigation */
/* Commented out to provide compatibility with UK Kola Platform
#footer {
float: none;
clear: both;
padding-top: 15px;
text-align: center;
font-weight: bold;
font-size: 0.87em;
}
.webfont #footer {
font-weight: normal;
}
#footer a {
text-transform: uppercase;
margin: 0 2px 0 2px;
color: #333;
}
#footer a:hover {
color: #000;
}
.transition #footer a {
-webkit-transition: color 0.20s linear;
}
.webfont #footer a {
position: relative;
border: none;
padding: 3px;
}
.webfont #footer a:focus,
.webfont #footer a:hover {
padding: 0px;
border: 3px solid #fff;
-webkit-border-radius: 8px;
background-color: #fff;
}
/* ---- End Game Ad ----- */
#endGameContainer {
display:none;
height:480px;
width:100%;
background: #2E2E2E;
}
#endGameContainer_Window {
background:black none repeat scroll 0 0;
float:left;
height:410px;
left:90px;
padding-left:10px;
padding-top:10px;
top:34px;
width:670px;
}
#endGameContainer_Window_message {
float:left;
height:100%;
margin-right:70px;
padding-left:5px;
width:250px;
}
#endGameContainer_Window_endGameAd_container {
}
#endGameContainer_Window_endGameAd_div {
}
#endGameContainer .Window_summary {
color:white;
padding-top:10px;
padding-right:10px;
font-size: 14px;
font-weight: normal;
line-height: 16px;
}
#endGameContainer p {
line-height:0.5em;
color:white;
font-size:1.2em;
}
#endGameAdIframe {
position:relative;
top:80px;
}
#endGameAdIframeContainer {
float:left;
width:300px;
}
#endGameContainer .Window_header {
color: gold;
font-size: 24px;
margin-bottom: 25px;
}
#endGameContainer_right {
float:left;
left:96px;
/* width:170px; */
}
#endGameContainer_right_buttons {
left:10px;
top:350px;
}
#endGameContainer_right_buttons p {
font-size:0.5em;
}
#endGameContainer .endGameAvatar {
width:80px;
height:80px;
float:left;
}
#endGameContainer .endGameAvatarContainer {
padding-left:0px;
padding-top:10px;
top:40px;
}
#endGameContainer .endGameVsText {
color:white;
float:left;
padding:30px 15px 15px;
}
#endGameContainer .endGameOnePlayerAvatar {
top:80px;
text-align:center;
}
#endGameContainer_Score_Div {
height:4px;
text-align:right;
display:none;
width: 100px;
margin: 0 auto;
}
#endGameContainer_Score_field {
color:white;
font-size:2em;
left:50px;
position:absolute;
text-align:left;
top:16px;
}
#endGameContainer_Comment_Div {
display:none;
color:white;
top:125px;
clear:left;
font-size: 13px;
font-weight: normal;
}
#endGameContainer_Comment_TextArea {
width:260px;
height:45px;
}
#endGameContainer_Comment_Div p {
color:white;
font-size:0.9em;
margin-bottom:1px;
padding-top:4px;
}
#endGameContainer_WinnerComment_Div {
display:none;
padding:50px;
}
.mmo_login{
height: 373px;
margin-bottom: -4px;
padding: 0px;
width: 690px;
background: url(../images/690_mid.jpg) repeat-y;
}
.mmo_login_image{
z-index: 1;
}
.submit_btn_Load{
background:#555555 none repeat scroll 0%;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:1.3em;
font-weight:bold;
height:32px;
padding:5px 15px;
text-align:center;
width:auto;
}
.submit_btn_Hover{
background:#FFFFFF none repeat scroll 0%;
border:4px solid #CCCCCC;
color:#9966FF;
padding:1px 11px;
}
.inputText_Load{
height:24px;
padding:0pt;
padding-top:4px;
background:transparent url(../images/fill/ffffff_70.png) repeat scroll 0%;
border:2px solid #999999;
color:#777777;
font-family:Verdana;
font-size:1em;
font-weight:bold;
padding-left:5px;
margin:5px 5px 5px 0pt;
font-style:inherit;
line-height:1em;
}
.inputText_Hover{
background:#FFFFFF none repeat scroll 0%;
border:2px solid #CCCCCC;
}
.inputText_Focus{
background:#FFFFFF none repeat scroll 0%;
border:2px solid #9966FF;
color:#9966FF;
}
div.item{
clear:both;
}
#user_image_container {
width: 53px;
}