/**********************************************************\
  Generic styles
\**********************************************************/

.floatright {
  float:                right;
}

.floatleft {
  float:                left;
}


/**********************************************************\
  Rounded box styles
\**********************************************************/

.rounded_box td {
  margin:               0;
  padding:              0;
  border-collapse:      collapse;
}

.rounded_box .c_t_l, .rounded_box .c_t_r, .rounded_box .c_b_l, .rounded_box .c_b_r {
  height:               16px;
  width:                16px;
}

.rounded_box .b_l, .rounded_box .b_r {
  width:                16px;
}

.rounded_box .mid {
  background:           #0d326d;
}

.rounded_box .c_t_l {
  background:           url( base/rounded_box/corner_top_left.gif ) no-repeat;
}

.rounded_box .c_t_r {
  background:           url( base/rounded_box/corner_top_right.gif ) no-repeat;
}

.rounded_box .c_b_l {
  background:           url( base/rounded_box/corner_bottom_left.gif ) no-repeat;
}

.rounded_box .c_b_r {
  background:           url( base/rounded_box/corner_bottom_right.gif ) no-repeat;
}

.rounded_box .b_t {
  background:           url( base/rounded_box/border_top.gif ) repeat-x;
}

.rounded_box .b_b {
  background:           url( base/rounded_box/border_bottom.gif ) repeat-x;
}

.rounded_box .b_l {
  background:           url( base/rounded_box/border_left.gif ) repeat-y;
}

.rounded_box .b_r {
  background:           url( base/rounded_box/border_right.gif ) repeat-y;
}


/**********************************************************\
  Error message styles
\**********************************************************/

.error_box {
  width:                440px;
  padding:              20px 0;
  margin:               auto;
}

.error_box table {
  width:                440px;
}

.error_icon {
  float:                left;
  margin:               5px 0 0 10px;
  width:                32px;
  height:               29px;
  background:           url( common/misc/error.png ) no-repeat;
}

.error_message {
  margin-left:          52px;
}

.error_box p.message {
  margin:               0;
}


/**********************************************************\
  Login form styles
\**********************************************************/

.login_box {
  width:                440px;
  padding:              0;
  margin:               auto;
}

.login_box table {
  width:                440px;
}

.login_box #loginform {
  text-align:           left;
  margin:               auto;
  width:                130px;
}

#loginform label input.text {
  width:                130px;
}

#loginform label {
  font-weight:          bold;
}

#loginform p.submit {
  text-align:           center;
}


/**********************************************************\
  Page layout styles
\**********************************************************/

.layout-two-col, .layout-full, .layout-one-col {
  width:                100%;
  clear:                both;
}

.layout-two-col #field_1 {
  width:                250px;
}

.layout-two-col #field_2 {
  padding-left:         15px;
}

.widget-container {
  vertical-align:       top;
}


/**********************************************************\
  Content layout styles
\**********************************************************/

#field_2 .widget-wrapper {
  width:                650px;
  overflow:             hidden;
}

#field_2 p {
  padding: 5px;
}


#content_outer, #content_outer_static, #content_outer_wide {
  width:                100%;
  margin:               auto;
  background:           #0f131e;
  color:                #ffffff;
  font-size:            0.8em;
}

#content_outer, #content_outer_wide {
  position:             relative;
}

#content_outer_wide {
  background:           url( base/left_bg_2.png ) top left repeat-y;
}

#content_left_bg, #content_left_bg_static {
  margin:               0;
  padding:              0;
  background:           url( base/left_bg.png ) top left repeat-y;
}

#content_right_bg, #content_right_bg_static {
  margin:               0;
  padding:              0;
  background:           url( base/right_bg.png ) top right repeat-y;
}

#content_left_bg_static {
  width:                950px;
}

#content_right_bg_static {
  width:                950px;
}

#left_column {
  float:                left;
  width:                247px;
  margin-left:          1px;
  padding-bottom:       10px;
}

#right_column {
  float:                right;
  width:                170px;
  margin-right:         1px;
  margin-bottom:        210px;
  padding-bottom:       10px;
}

#center_column {
  margin-left:          249px;
  margin-right:         172px;
  padding-bottom:       10px;
}

#center_column_wide {
  margin-left:          1px;
  margin-right:         172px;
  padding-bottom:       10px;
}

#right_flair {
  position:             absolute;
  right:                1px;
  bottom:               0;
}


#right_flair_ava {
  position:             absolute;
  left:                 1px;
  bottom:               0;
}


/**********************************************************\
  Homepage digest styles
\**********************************************************/

.hpdigest_pane_a {
	cursor:               pointer;
	display:              block;
	padding:              7px 10px;
	margin-top:           0;
	text-decoration:      none;
	font-weight:          bold;
  font-size:            0.9em;
	color:                #dbb953;
	background:           url( base/gradient_table/header_bg.png ) #05153a top repeat-x;
  border-left:          solid 1px #364c72;
  border-right:         solid 1px #364c72;
}

.hpdigest_pane {
  border:               solid 1px #364c72;
  padding:              0;
  background:           #000000 url( base/widgets/wbody_gradient.png ) top repeat-x;
  overflow:             hidden;
  height:               350px;
}

#hpdigest_FeaturedContent .hpdigest_pane {
	height:               230px;
}

#hpdigest_FeaturedContent .hpdigest_pane div.jScrollPaneContainer {
}

.hpdigest_spacer {
  height:               10px;
}

.hpdigest_scrollpane {
}

.hpdigest_scrollsizer {
	height:              350px;
}

#hpdigest_FeaturedContent .hpdigest_scrollsizer {
  height:               230px;
}

.hpdigest_pane div.jScrollPaneContainer {
}



/**********************************************************\
  Blog layout styles
\**********************************************************/

.post {
  border-bottom:        solid 1px #364c72;
  margin-bottom:        15px;
  padding-bottom:       3px;
}

.subtitle {
  font-size:            0.85em;
  color:                #c0ced9;
  margin:               2px 0;
}

.postfooter {
  font-size:            0.85em;
  font-weight:          bold;
}

.rsslink img {
  padding-top:          3px;
}

.navigation_head, .navigation_foot {
  height:               18px;
}

.navigation_head {
  border-bottom:        solid 1px #364c72;
  margin:               -10px -5px 10px -5px;
}

.navigation_foot {
  margin:               -10px -5px -5px -5px;
}

.navigation_head a, .navigation_foot a {
  text-decoration:      none;
  font-size:            0.85em;
}

.navigation_head .alignleft, .navigation_foot .alignleft {
  float:                left;
}

.navigation_head .alignright, .navigation_foot .alignright {
  float:                right;
}


/**********************************************************\
  Widget layout styles
\**********************************************************/

.widget {
  padding-top:          12px;
}

#left_column .widget {
  width:                240px;
  margin-left:          2px;
}

#left_column .widget .wbody {
  padding:              0 1px;
}

#center_column .widget {
  margin-left:          6px;
  margin-right:         6px;
  width:                516px;
}

#center_column_wide .widget {
  margin-left:          6px;
  margin-right:         6px;
}

#right_column .widget {
  margin-left:          3px;
  margin-right:         3px;
  width:                164px;
}

#left_column .wheader {
  height:               28px;
  width:                240px;
  background:           url( base/widgets/narrow_header.png );
}

#center_column .wheader {
  height:               28px;
  width:                517px;
  background:           url( base/widgets/medium_header.png );
}

#center_column_wide .wheader {
  height:               28px;
  width:                765px;
  background:           url( base/widgets/wide_header.png );
}

#center_column_split td {
  vertical-align:       top;
}

#center_column_split {
  border-collapse:      collapse;
}

#center_column_split .wheader {
  height:               28px;
  width:                376px;
  background:           url( base/widgets/wide_header_split.png ) !important;
}

#center_column_split .wtitle {
  text-align:           center !important;
}

#center_column_split td {
  margin:               0;
  padding:              0;
  border:               none;
}

.wtitle {
  padding-top:          7px;
  font-weight:          bold;
  font-size:            1.0em;
}

#center_column .wtitle, #center_column_wide .wtitle {
  margin:               0 15px;
  text-align:           left;
}

#center_column_wide .wtitle {
	text-align:           center;
}

#left_column .wtitle {
  text-align:           center;
}

.wfooter {
  background:           url( ../../../../playerportal/modules/jqueryui/images/content-bg.png );
  font-size:            0.8em;
  padding:              2px 7px 0 7px;
  height:               18px;
  text-align:           right;
  margin:               0 1px;
}

.wfooter .total {
  float:                left;
  margin-top:           1px;
  font-weight:          bold;
}

.wheadlinks {
  position:             relative;
  text-align:           right;
  right:                10px;
  top:                  -20px;
  font-weight:          bold;
  font-size:            0.8em;
  white-space:          nowrap;
}

.wheadlinks img {
  vertical-align:       middle;
  margin-right:         5px;
}

.wbody_border {
  border:               solid 1px #364c72;
  border-top:           none;
  padding:              10px;
  background:           #000000 url( base/widgets/wbody_gradient.png ) top repeat-x;
}

.avatar {
  width:                150px;
  height:               150px;
  position:             relative;
  margin:               auto;
}

.avatar_sm {
  width:                50px;
  height:               50px;
  position:             relative;
  margin:               auto;
}

.avatar_border {
  position:             absolute;
  left:                 0;
  top:                  0;
  z-index:              10;
}

.textwidget_title {
  width:               100%;
  height:              17px;
  overflow:            hidden;
}


/**********************************************************\
  Admin menu styles
\**********************************************************/

#admin_menu_content {
  font-size:            0.85em;
  margin:               0;
  padding:              5px 15px 0 15px;
  background:           url( base/admin_menu_bg.png );
}

#admin_menu_content ul {
  margin:               0 0 0 2em;
  padding:              0;
  list-style-type:      disc;
  list-style-image:     url( common/bullet.gif );
}


/**********************************************************\
  Homepage digest widget styles
\**********************************************************/

#list_NewestPostsPane td, #list_HighestRatedPostsPane td, #list_MostRatedPostsPane td, #list_LatestNews td, #list_CommunityDiscussion td, #list_TurbineBlogPostsPane td {
  color:                #b7c9e1;
  padding:              7px;
}

#list_HighestRatedPostsPane .rating img, #list_MostRatedPostsPane .rating img {
  vertical-align:       top;
}

#FeaturedBlogsPane {
  margin:               auto;
}

#FeaturedBlogsPane td {
  vertical-align:       top;
}

.prev_control, .next_control {
  padding-top:          7px;
  cursor:               pointer;
}

.carousel {
  background:           url( base/carousel/conveyor.png ) top repeat-x;
}

#fb_carousel {
  margin:               auto;
  padding:              10px 0;
  visibility:           hidden;
}


/**********************************************************\
 Character core widget styles
\**********************************************************/

#widget_CharacterCore .wbody_border {
  padding-bottom:       0;
  border-bottom-width:  2px;
}

#char_page_panels .widget {
  padding-top:          0;
}

.ccore {
  margin:               auto;
}

table.ccore td {
  vertical-align:       top;
}

.ccore_char {
  position:             relative;
  color:                #ffda7a;
  margin-top:           5px;
  margin-right:         10px;
}

.ccore_char .class_icon {
  float:                left;
}

.ccore_char .level {
  position:             absolute;
  left:                 38px;
  top:                  43px;
  width:                30px;
  font-weight:          bold;
  color:                #ffda7a;
  text-align:           center;
}

.ccore_char .name {
  font-size:            1.3em;
  padding-top:          5px;
  margin-left:          71px;
}

.ccore_char .race {
  font-size:            1.1em;
  margin-left:          91px;
}

.ccore_char .class {
  font-size:            1.1em;
  margin-left:          91px;
}

.ccore_player, .ccore_guild {
  text-align:           center;
  margin:               0 10px;
}

.ccore_player .label, .ccore_guild .label {
  font-weight:          bold;
  font-size:            0.85em;
  margin-bottom:        4px;
}

.ccore_player .pname a, .ccore_guild .pname a {
  font-size:            0.85em;
  text-decoration:      none;
  color:                #73a4cc;
}

#ccore_controls {
  height:               34px;
}

.ccore_control {
  float:                left;
  width:                104px;
  height:               34px;
  margin:               0 1px;
  padding:              0;
  cursor:               pointer;
  text-align:           center;
  text-decoration:      none;
  color:                #ffffff;
  font-size:            8pt;
  background:           url( base/widgets/ccore_tab_off.png ) bottom no-repeat;
}

.ccore_control.on {
  font-weight:          bold;
  background:           url( base/widgets/ccore_tab_on.png ) bottom no-repeat;
}

.ccore_control div {
  margin-top:           16px;
}

.ccore_control.gold {
  width:                104px;
  font-weight:          bold;
  background:           url( common/misc/tab_gold.png ) bottom no-repeat !important;
  color:                black;
  float:                right;
}

.ccore_control.gold div {
  margin-top:           9px;
}


/**********************************************************\
 Character List / Kinship Roster header (w/principal char)
\**********************************************************/

#page_PrincipleChar {
  height:               99px;
  width:                240px;
}

#page_PrincipleChar .class_icon {
  position:             absolute;
  left:                 0;
  top:                  28px;
}

#page_PrincipleChar .level {
  position:             absolute;
  left:                 38px;
  top:                  71px;
  width:                30px;
  font-weight:          bold;
  color:                #ffda7a;
  text-align:           center;
}

#page_PrincipleChar .name {
  position:             absolute;
  left:                 67px;
  top:                  30px;
  font-weight:          bold;
  color:                #ffda7a;
}

#page_PrincipleChar .server {
  position:             absolute;
  left:                 67px;
  top:                  47px;
  font-style:           italic;
  font-size:            0.85em;
}

#page_PrincipleChar .race {
  position:             absolute;
  left:                 87px;
  top:                  62px;
  font-weight:          bold;
}

#page_PrincipleChar .class {
  position:             absolute;
  left:                 87px;
  top:                  80px;
  font-weight:          bold;
}

.clist_row .pchar {
  position:             relative;
  left:                 -5px;
  top:                  -20px;
}

#clist td.name {
  padding:              5px 0 5px 5px;
  font-size:            0.95em;
  font-weight:          bold;
}

#clist td.name .world {
  font-style:           italic;
  font-size:            0.9em;
  font-weight:          normal;
}

#clist td.class {
  width:                63px;
  margin-left:          0;
  margin-right:         0;
  padding-left:         0;
  padding-right:        0;
  text-align:           center;
}

#groster_header th.name, .glist_row .name {
  padding-left:          5px;
  width:                 100px;
  text-align:            left;
}

#groster_header th.class, .glist_row td.class {
  width:                 63px;
  text-align:            center;
}

#groster_header th.level, .glist_row .level {
  padding-left:          5px;
  width:                 50px;
  text-align:            left;
}

#groster_header th.rank, .glist_row .rank {
  padding-left:          5px;
  width:                 75px;
  text-align:            left;
}


/**********************************************************\
 Character List / Kinship Roster fullpage view overrides
\**********************************************************/

.fullpagew #clist .wheader {
  text-align:           center;
  height:               28px;
  width:                765px;
  background:           url( monster/widgets/wide_header.png ) no-repeat;
}

.fullpagew #clist_header {
  width:                 765px;
}

.fullpagew .clist_row, .fullpagew .grost_row {
  width:                 762px;
  height:                40px;
  display:               table;
}

.fullpagew .clist_row td, .fullpagew #clist_header th {
	text-align:            left;
}

.fullpagew .clist_row .name {
  width:                 280px;
}

.fullpagew .clist_row .race {
  width:                 100px;
}

.fullpagew .clist_row .class {
  width:                 150px;
}

.fullpagew .clist_row .name DIV {
	padding-left:          10px;
}

.fullpagew #clist_header .name, .fullpagew #groster_header .name {
  padding-left:          10px;
  width:                 280px;
	text-align:            left;
}

.fullpagew #groster_header .name {
  padding-left:          5px;
  width:                 280px;
  text-align:            left;
}

.fullpagew #clist_header .race, .fullpagew #groster_header .race {
  width:                 100px;
	text-align:            left;
}

.fullpagew #clist_header .class, .fullpagew #groster_header .class {
  width:                 150px;
	text-align:            left;
}

.fullpagew #groster_header .rank {
  width:                 130px;
  text-align:            left;
}

.fullpagew .clist_row .server, .fullpagew #clist_header .server {
  width:                 130px;
  padding-left:          5px;
}

.fullpagew .clist_row .rank {
  width:                 130px;
}

.fullpagew #clist_header .rank {
  width:                 130px;
}

.fullpagew .clist_row .class, .fullpagew #clist_header .class {
  width:                 150px;
}

.fullpagew #clist td.class {
  text-align:           left;
  width:                150px;
}

.fullpagew .clist_row .pchar {
  top:                  0;
}


/**********************************************************\
  Message area styles
\**********************************************************/

.messages-list {

}

.messages-list .message-header td {
	padding-top: 10px;
}

.messages-list .message-excerpt td {
}

.messages-list .message-spacer td {
  border-bottom:        1px solid #364c72;
}

.messages-list .bpmessage {
  padding-left:         5px;
  font-weight:          800;
}


/**********************************************************\
  Misc widget styles
\**********************************************************/

#selection_header {
  width:                100%;
}

tr.clog_buttons {
  text-align:           center;
  background:           url( base/log_icon_bg.png );
}

img.clog_button {
  cursor:               pointer;
}

.event_box {
  position:             relative;
  width:                198px;
  height:               56px;
}

.event_box_tall {
  position:             relative;
  width:                198px;
  height:               65px;
}

.event_box img {
	position:            relative;
	left:                115px;
	top:                 10px;
}

.event_box img.lvl_overlay {
	position:            relative;
	left:                185px;
	top:                 10px;
}

#clog_header th {
  padding-left:         5px;
  text-align:           left;
}

#clog_header .name {
  width:                150px;
}
#clog_header .event {
  width:                350px;
}
#clog_header .event_date {
  width:                125px;
}

#clog_list .clog_name {
  position:             absolute;
  left:                 8px;
  top:                  3px;
  font-weight:          bold;
}

.clog_event {
  position:             absolute;
  left:                 8px;
  top:                  20px;
  color:                white;
}

#profession_log .clog_event {
  position:             relative;
  top:                  20px;
  text-align:           left;
}

.clog_event_date {
  position:             absolute;
  left:                 8px;
  bottom:               5px;
  font-size:            0.8em;
  color:                #858585;
}

.blogit {
  position:             absolute;
  right:                2px;
  bottom:               5px;
  font-size:            0.8em;
}

table.paginate_control {
  width:                100%;
  font-size:            0.8em;
}

.paginate_next {
  text-align:           right;
}

.paginate_info {
  text-align:           center;
  font-weight:          bold;
}

.promo {
  border:               solid 2px #000924;
}

#pages ul {
  margin:               0 0 0 1em;
  padding:              0;
}

#pages li {
  list-style-position:  outside;
  list-style-type:      none;
  list-style-image:     url( common/misc/bullet.png );
}


/**********************************************************\
  Character Log - full view
\**********************************************************/

#clog_list_full td {
	height:               30px;
}

#clog_list_full .clog_name {
	width:                150px;
	padding-left:         5px;
}

#clog_list_full .clog_event {
	position:             relative;
	width:                350px;
	vertical-align:       middle;
	top:                  0px;
	left:                 0px;
}

#clog_list_full .clog_event img {
	position:             absolute;
	top:                  -5px;
	left:                 0px;
}

#clog_list_full .clog_event_description {
	display:              inline;
	position:             absolute;
	left:                 30px;
	width:                350px;
}

#clog_list_full .clog_event .lvl_overlay {
  position:             absolute;
  top:                  7px;
  left:                 5px;
}

#clog_list_full .clog_event_date {
	position:             static;
	width:                125px;
}

#clog_list_full td {
  height:               30px;
}

#clog_list_full .clog_name {
  width:                150px;
  padding-left:         5px;
}

#clog_list_full .clog_event {
  position:             relative;
  width:                350px;
  vertical-align:       middle;
  top:                  0px;
  left:                 0px;
}

#clog_list_full .clog_event img {
  position:             absolute;
  top:                  -13px;
  left:                 0px;
}

#clog_list_full .clog_event_description {
  display:              inline;
  position:             absolute;
  left:                 30px;
  width:                350px;
}

#clog_list_full .clog_event .lvl_overlay {
  position:             absolute;
  top:                  7px;
  left:                 5px;
}

#clog_list_full .clog_event_date {
  position:             static;
  width:                125px;
}

#clog_filter td {
  font-size:            0.85em;
  vertical-align:       top;
}

#clog_filter td.left {
  padding-top:          5px;
  font-weight:          bold;
  text-align:           right;
}

#clog_filter td label, #clog_filter td input {
  vertical-align:       middle;
}

#clog_filter td.right {
  vertical-align:       middle;
}


/**********************************************************\
  Friends list widget styles
\**********************************************************/

#friendlist th {
  font-weight:          normal;
  font-size:            0.85em;
}

#friendlist td {
  padding:              10px 5px 5px 5px;
  text-align:           center;
  font-weight:          bold;
  font-size:            0.8em;
}

#friendlist td a {
  text-decoration:      none;
}

#friendlist_header th {
  font-weight:          normal;
  font-size:            0.85em;
}

#managefriends {
  width:                100%;
  margin-top:           20px;
  border-collapse:      collapse;
}

#managefriends td {
  margin:               0;
  padding:              10px 5px 5px 5px;
  border-bottom:        solid 1px #05153a;
  border-top:           solid 1px #05153a;
  font-size:            0.85em;
  text-align:           left;
}

#managefriends th {
  padding:              2px 5px;
  background:           #05153a;
  text-align:           left;
}

#managefriends .avatar_sm {
  margin:               0;
}


/**********************************************************\
  Profile form styles
\**********************************************************/

#profile_edit_title {
  font-size:            1.3em;
  font-weight:          bold;
}

table #profile_form {
  width:                100%;
}

.profile_form_label {
  text-align:           right;
  vertical-align:       top;
  font-weight:          bold;
}

.profile_description {
  font-style:           italic;
  font-size:            0.8em;
}

#profile_submit {
  text-align:           right;
}

#profile_save {
  margin-top:           15px;
}

.profile_radio_row {
  text-align:           center;
}


/**********************************************************\
  Player profile styles
\**********************************************************/

#left_column .pprofile_core, #center_column .pprofile_core {
  width:                100%;
  text-align:           left;
}

#center_column .pprofile_core #pprofile_avatar {
  width:                155px;
}

#left_column #pprofile_avatar {
  text-align:           center;
}

#pprofile_avatar, #pprofile_fields {
  vertical-align:       top;
}

#pprofile_fields {
  padding-left:         5px;
}

#pprofile_name {
  color:                #ff9900;
  font-size:            1.4em;
}

#pprofile_name a {
  color:                #ff9900;
  text-decoration:      none;
}

#pprofile_quote {
  font-size:            1.2em;
  font-style:           italic;
}

#pprofile_fields .field_table {
  margin-top:           10px;
}

#pprofile_fields .field_table th {
  text-align:           left;
  color:                #ff9900;
  font-weight:          bold;
  font-size:            0.9em;
  vertical-align:       top;
}

#pprofile_fields .field_table td {
  font-weight:          bold;
  vertical-align:       top;
}

.playstyle {
  font-size:            0.8em;
}

.playstyle .playcat {
  border:               solid 1px #464646;
  width:                100px;
  height:               13px;
  background:           #181818;
  color:                #c7c7c7;
}

.playstyle .playcat img {
  display:              block;
  float:                right;
  border-left:          solid 1px #464646;
}

.contact_info {
  margin-top:           5px;
}

.contact_info th {
  color:                #ff9900;
  font-weight:          bold;
  font-size:            0.9em;
}

.contact_info td {
  font-size:            0.9em;
}

.about_me {
  border-top:           solid 1px #471818;
  padding-top:          10px;
}

.about_me .label {
  color:                #ff9900;
  font-weight:          bold;
  font-size:            0.9em;
}

.friendship-button {
  display:              inline;
}


/**********************************************************\
  Page Menu list widget styles
\**********************************************************/

/* wrapper div */
#page_menu_wrapper {
  position:             relative;
  width:                522px;
  height:               35px;
  z-index:              100;
  background:           url( base/widgets/page_menu/menu_bg.png ) top no-repeat;
  margin:               0 auto;
}

/* main menu div */
#page_menu {
  font-weight:          bold;
  font-size:            1.0em;
  margin:               0;
}

/* the list itself */
#page_menu ul {
  margin:               0;
  padding:              0;
  list-style-type:      none;
}

/* all list items */
#page_menu ul li {
  position:             relative;
  display:              inline;
  float:                left;
}

/* top level list items */
#page_menu > ul > li {
  position:             relative;
  float:                left;
  display:              block;
  background:           url( base/widgets/page_menu/button_off.png ) top no-repeat;
  height:               32px;
  width:                98px;
  text-align:           center;
}

/* top level menu link items */
#page_menu ul li a {
  display:              block;
  padding-top:          6px;
  height:               26px;
  width:                98px;
  color:                #ffffff;
  text-decoration:      none;
}

/* hover state for top-level links */
#page_menu ul li a:hover {
  background:           url( base/widgets/page_menu/button_on.png ) top no-repeat;
}

/* first sub level menu */
#page_menu ul li ul {
  position:             absolute;
  left:                 0;
  display:              block;
  visibility:           hidden;
  border:               solid 1px #041331;
}

/* sub level menu list items */
#page_menu ul li ul li {
  display:              list-item;
  float:                none;
}

/* all further submenu levels */
#page_menu ul li ul li ul {
  top:                  0;
}

/* sub level menu links style */
#page_menu ul li ul li a {
  width:                160px;
  background:           #0c2d60;
  padding:              4px 10px;
  height:               100%;
  text-align:           left;
  margin:               0;
  border-top-width:     0;
  border-bottom:        1px solid #041331;
  color:                #dbb953;
  text-decoration:      underline;
}

/* sub menus hover style */
#page_menu ul li ul li a:hover {
  background:           #163d7a;
}


/**********************************************************\
  Character panel styles
\**********************************************************/

.charsheet_error {
  font-weight:          bold;
  padding:              10px;
  margin:               10px 37px 10px 30px;
  border:               solid 1px #364c72;
}

#char_panel {
  margin:               auto;
}

#equip_cell {
  position:             relative;
  margin:               0;
  padding:              0;
}

.char_name {
  position:             relative;
  top:                  5px;
  height:               30px;
  text-align:           center;
  font-size:            1.5em;
  color:                #ffda7a;
  margin-left:          30px;
  margin-right:         41px;
}

#char_equip {
  display:              block;
  position:             relative;
  width:                498px;
  height:               344px;
  margin:               0;
  padding:              0;
  background:           url( base/char_panel/equipment_bg.png );
}

#char_core {
  position:             absolute;
  left:                 155px;
  top:                  40px;
  height:               182px;
  width:                169px;
  text-align:           center;
}

#char_core_fields {
  position:             absolute;
  left:                 0;
  top:                  122px;
  width:                169px;
  height:               90px;
  background:           url( base/char_panel/char_core_bg.png );
}

#char_race, #char_nat, #char_class, #char_level {
  position:             absolute;
  left:                 0;
  width:                169px;
  text-align:           center;
  font-weight:          bold;
  color:                #ffda7a;
}

#char_race {
  top:                  5px;
}

#char_nat {
  top:                  24px;
}

#char_class {
  top:                  44px;
}

#char_level {
  top:                  66px;
}

#currency_bar {
  position:             absolute;
  left:                 80px;
  top:                  290px;
  width:                323px;
  height:               30px;
  background:           url( base/char_panel/coin_bg.png );
}

#gold, #silver, #copper, #morale, #power, #armour {
  position:             absolute;
  font-family:          serif;
  font-weight:          bold;
  font-variant:         small-caps;
}

#gold, #silver, #copper {
  position:             absolute;
  top:                  7px;
  color:                #d6c37f;
  font-size:            10pt;
}

#gold {
  right:                275px;
}

#silver {
  right:                222px;
}

#copper {
  right:                172px;
}

.equip_icon {
  border:               none;
}

#morale, #power, #armour {
  top:                  325px;
  color:                #cccccc;
  font-weight:          normal;
  font-size:            8pt;
}

#morale {
  right:                337px;
}

#power {
  right:                172px;
}

#armour {
  right:                10px;
}

.stats {
  vertical-align:       top;
}

.col1 {
  width:                167px;
}

.col2 {
  width:                164px;
}

.col3 {
  width:                167px;
}

.stat_list {
  width:                100%;
}

.stat_list th {
  width:                60%;
  text-align:           left;
  color:                #d6c37f;
  font-weight:          normal;
  font-family:          serif;
  font-variant:         small-caps;
  font-size:            10pt;
}

.stat_list td {
  width:                40%;
  text-align:           center;
  color:                #ffffff;
  font-weight:          normal;
  font-variant:         small-caps;
  font-size:            9pt;
}

/*
  The following styles control the positioning of each equipment slot icon. To make
  it easier to adjust, it is broken down into rows and columns so we can move an
  entire row or column together.  The slot references are:

  2  = head
  3  = chest
  4  = legs
  5  = gloves
  6  = boots
  7  = shoulder
  8  = back
  9  = bracelet 1
  10 = bracelet 2
  11 = necklace
  12 = ring 1
  13 = ring 2
  14 = earring 1
  15 = earring 2
  16 = pocket
  17 = weapon primary
  18 = weapon secondary
  19 = weapon ranged
  20 = craft tool
  21 = class item
*/
#slot_2, #slot_3, #slot_4, #slot_5, #slot_6, #slot_7, #slot_8, #slot_9, #slot_10, #slot_11,
#slot_12, #slot_13, #slot_14, #slot_15, #slot_16, #slot_17, #slot_18, #slot_19, #slot_20, #slot_21 {
  position:             absolute;
}

/* row 1 */
#slot_14, #slot_15, #slot_2, #slot_7 {
  top:                  51px;
}

/* row 2 */
#slot_11, #slot_16, #slot_3, #slot_8 {
  top:                  96px;
}

/* row 3 */
#slot_9, #slot_10, #slot_5 {
  top:                  141px;
}

/* row 4 */
#slot_12, #slot_13, #slot_4, #slot_6 {
  top:                  186px;
}

/* row 5 (weapon row) */
#slot_17, #slot_18, #slot_19, #slot_20, #slot_21 {
  top:                  255px;
}

/* col 1 */
#slot_14, #slot_11, #slot_9, #slot_12 {
  left:                 50px;
}

/* col 2 */
#slot_15, #slot_16, #slot_10, #slot_13 {
  left:                 106px;
}

/* col 3 */
#slot_2, #slot_3, #slot_5, #slot_4 {
  left:                 340px;
}

/* col 4 */
#slot_7, #slot_8, #slot_6 {
  left:                 401px;
}

/* these are the weapon row and don't fall into nice columns */
#slot_17 {
  left:                 139px;
}

#slot_18 {
  left:                 183px;
}

#slot_19 {
  left:                 227px;
}

#slot_20 {
  left:                 269px;
}

#slot_21 {
  left:                 313px;
}


/**********************************************************\
  Monster character panel overrides
\**********************************************************/

.creep #char_equip {
  height:               267px;
}

.creep #char_core {
  position:             absolute;
  left:                 38px;
  top:                  33px;
  text-align:           center;
}

.creep #char_core_fields {
  top:                  143px;
  height:               65px;
}

.creep #char_race {
  top:                  1px;
}

.creep #char_class {
  top:                  23px;
}

.creep #char_level {
  top:                  46px;
}

.creep #morale, .creep #power, .creep #armour {
  top:                  250px;
}

.creep #morale {
  right:                327px;
}

.creep #power {
  right:                167px;
}

.creep .pvmp_rank {
  position:             absolute;
  left:                 227px;
  top:                  45px;
}

.creep .pvmp_stars {
  position:             absolute;
  left:                 234px;
  top:                  90px;
}

.creep #creep_stats {
  position:             absolute;
  width:                151px;
  left:                 285px;
  top:                  45px;
}

.creep .stat_list, .creep .stat_list th, .creep .stat_list td {
  margin:               0;
  padding:              0;
  border-collapse:      collapse;
}


/**********************************************************\
  Search result styles
\**********************************************************/

.search_box {
  width:                400px;
}

.search_box .mid {
	font-weight:         800;
}

/* Wrapper around search results */
#search_wrap {
  padding:              10px;
}

/* Search result pagination */
table.search_result_page {
  width:                500px;
  padding:              5px;
}

/* Table around the search results */
table.search_results {
  width:                500px;
  border:               1px solid #202020;
}

table.search_results th {
  padding-top:          2px;
  padding-bottom:       10px;
  padding-left:         5px;
  text-align:           left;
  background-color:     #101010;
  border-bottom:        2px solid #202020;
  vertical-align:       middle;
}

table.search_results td {
  padding-top:          2px;
  padding-bottom:       2px;
  padding-left:         5px;
  text-align:           left;
}

table.search_results td.name {
  width:                375px;
}

table.search_results td.server {
  width:                125px;
}

table.search_results td.altrow {
  background-color: #101010;
  border-bottom:        1px solid #202020;
  border-top:           1px solid #202020;
}


/**********************************************************\
  Blog sidebar styles
\**********************************************************/

.blog_sidebar .parent {
  font-weight:          800;
}

.blog_sidebar .child {
  padding-left:         15px;
}

.blog_sidebar .spacer {
  padding:              5px;
}

.avatar_error {
  font-size:            1.2em;
  font-weight:          800;
  color:                #700;
  padding:              5px;
  padding-top:          10px;
}


/**********************************************************\
  Updated blog widget styles
\**********************************************************/

#page_LatestUpdates .avatar_sm {
  margin-bottom:        5px;
  margin-right:         5px;
  vertical-align:       middle;
}


/**********************************************************\
  Scroll pane styles
\**********************************************************/

/* Try new styles below */

.scroll-pane, .slider {
  overflow:             hidden;
  float:                left;
  width:                100%;
  margin-right:         -17px;
  border-left:          solid 1px #364c72;
  border-right:         solid 1px #364c72;
}

.simple-scroll-pane {
	overflow:             auto;
}

.scroll-sizer {
  border-right:         solid 1px #364c72;
}

.jScrollPaneContainer {
  position:             relative;
  overflow:             hidden;
  z-index:              1;
}

.jScrollPaneTrack {
  position:             absolute;
  cursor:               pointer;
  right:                0;
  top:                  0;
  height:               100%;
  background:           url( base/scroll/track.png ) repeat-y 0 0;
}

.jScrollPaneDrag {
  position:             absolute;
  background:           url( base/scroll/slider_middle.png ) repeat-y;
  cursor:               pointer;
  overflow:             hidden;
}

.jScrollPaneDragTop {
  position:             absolute;
  top:                  0;
  left:                 0;
  overflow:             hidden;
  background:           url( base/scroll/slider_top.png ) no-repeat;
  height:               3px;
}

.jScrollPaneDragBottom {
  position:             absolute;
  bottom:               0;
  left:                 0;
  overflow:             hidden;
  background:           url( base/scroll/slider_bottom.png  ) no-repeat;
  height:               3px;
}

a.jScrollArrowUp {
  display:              block;
  position:             absolute;
  z-index:              1;
  top:                  0;
  right:                0;
  text-indent:          -2000px;
  overflow:             hidden;
  height:               17px;
  background:           url( base/scroll/arrow_up.png ) no-repeat 0 -17px;
}

a.jScrollArrowUp:hover {
  background-position:  0 0;
}

a.jScrollArrowDown {
  display:              block;
  position:             absolute;
  z-index:              1;
  bottom:               0;
  right:                0;
  text-indent:          -2000px;
  overflow:             hidden;
  height:               17px;
  background:           url( base/scroll/arrow_down.png ) no-repeat 0 -17px;
}

a.jScrollArrowDown:hover {
  background-position:  0 0;
}


/**********************************************************\
  Misc Layout Stuff
\**********************************************************/

#scrolldebug {
  position:             absolute;
  background:           #000;
  border:               2px solid white;
  padding:              10px;
  z-index:              200;
  width:                300px;
  top:                  50px;
  right:                20px;
  float:                top;
  font-size:            8pt;
}


/**********************************************************\
  Autocomplete styles (for sending messages)
\**********************************************************/

.ac_results {
  padding:              0px;
  border:               1px solid black;
  background-color:     white;
  overflow:             hidden;
  z-index:              99999;
}

.ac_results ul {
  width:                100%;
  list-style-position:  outside;
  list-style:           none;
  padding:              0;
  margin:               0;
}

.ac_results li {
  margin:               0;
  padding:              2px 5px;
  cursor:               default;
  display:              block;
  color:                #000;
  font:                 menu;
  font-size:            12px;
  line-height:          16px;
  overflow:             hidden;
}

.ac_loading {
  background:           white url(indicator.gif) right center no-repeat;
}

.ac_odd {
  background-color:     #eee;
}

.ac_over {
  background-color:     #ccc;
  color:                white;
}

/**********************************************************\
  Inline profile editing
\**********************************************************/

/**** Sortable widgets ****/
ul.sortable {
  list-style-type:      none;
  margin:               0;
  padding:              0;
}

/**** Profile edit notification box ****/
#peditNotif {
  position:             absolute;
  z-index:              1000;
  left:                 50%;
  margin-left:          -200px;
  top:                  230px;
  width:                350px;
  height:               100px;
  border:               2px solid black;
  display:              none;
  background:           #3b3b3b;
}

/**** Contains the text within the alert - positions it next to icon ****/
#peditNotif span {
  position:             absolute;
  left:                 15px;
  width:                320px;
  margin:               auto;
  top:                  25px;
  font-weight:          800;
  font-size:            1.0em;
  text-align:           left;
}

#peditNotif.error {
  color:                #fe0500;
}

#peditNotif.success {
  color:                #ffffff;
}

#peditNotif.notice {
  color:                #ffffff;
}


/**********************************************************\
  Report a post overlay
\**********************************************************/

#moderation {
  background:           #3d3d3d;
}

#TB_title {
  background:           url( base/gradient_table/header_bg.png  );
  border-bottom:        solid 1px #3d3d3d;
}

#TB_ajaxWindowTitle{
  float:                none;
  text-align:           center;
  font-weight:          bold;
}

#TB_closeAjaxWindow{
  position:             absolute;
  top:                  4px;
  right:                4px;
  margin:               0;
  padding:              0;
  float:                none;
}

#TB_window {
  background:           #3d3d3d;
  border:               solid 1px #3d3d3d;
}


/**********************************************************\
  Lottery
\**********************************************************/

.enterToWin { 
  background:           url(base/widgets/lottery/enter_to_win.gif) no-repeat !important;
  height:               60px;
}

.lotteryEndDate {
  color:                #858585;
  font-size:            0.7em;
}

.gradient_table td.pad {
  padding:              5px !important;
}


/**********************************************************\
  Character Log - icons and text special cases
\**********************************************************/

.event_box_tall img {
  left:                 115px;
  position:             relative;
  top:                  0px;
}

#profession_log.event_box_tall img {
  left:                 115px;
  position:             relative;
  top:                  -15px;
}

/**********************************************************\
  Sortable Table view styles
\**********************************************************/

.searchable_table .text_center {
  text-align:           center;
}

.searchable_table .text_left {
  text-align:           left;
}

.searchable_table .text_right {
  text-align:           right;
}

.searchable_table .pad_left {
  padding-left:         5px;
}


/**********************************************************\
  Tooltips
\**********************************************************/

.basic-tooltip { 
	background:           #252525; 
	border:               1px solid #828282;
	padding:              3px 5px;
  width:                200px;
}

.basic-tooltip div { 
  font-size:            0.8em;
  font-weight:          bold;
	padding-top:          2px;
	padding-bottom:       2px;
  color:                #DBB953;
  text-align:           left;
  white-space:          nowrap;
}

.basic-tooltip span {
  font-size:            0.8em;
  font-weight:          bold;
  padding-top:          2px;
  padding-bottom:       2px;
  color:                #DBB953;
  text-align:           left;
  white-space:          nowrap;
  float: right;
	color:                #FFF;
}


/**********************************************************\
  SkirmishStats
\**********************************************************/

#page_skirmishstats .gradient_table, #page_skirmishlog .gradient_table {
  border:               1px solid #364C72;
}

#skirmishstats {
  border:               1px solid #364C72;
  padding:              0;
  margin:               0;
  width:                350px;
}

#statsbarcontainer {
  background-color:     #0F131E;
  border:               1px solid #545454;
  padding:              8px;
}

#skirmishbar {
  width:                700px;
  height:               250px;
}

#skirmishbarlegend {
  height:               25px;
  text-align:           left;
  margin-left:          55px;
  margin-right:         0px;
  margin-top:           10px;
  margin-bottom:        -5px;
  padding:              0px;
}

#skirmishbarlegend table, #skirmishbarlegend tr, #skirmishbarlegend td {
  background-color:     transparent;
  background:           transparent;
  border:               0px;
}

#skirmishbarzoom {
  width:                700px;
  height:               50px;
}

#skirmishtip {
  width:                700px;
  height:               50px;
}

#skirmishpie {
  width:                350px;
  height:               300px;
}

.stats_scrollsizer {
	height:               300px;
}

.stats-title {
  text-align:           center;
  color:                #FFCC00;
  font-weight:          bold;
  padding-bottom:       6px;
}

.gradient_table .stats-filter {
  padding-top:          25px;
  padding-bottom:       18px;
}

.gradient_table .stats-td {
  width:                350px;
  text-align:           right;
}

.gradient_table .pie-td {
  width:                350px;
  text-align:           left;
}

.stats-table {
  width:                350px;
}

#skirmishpie {
  width:                350px;
  height:               300px;
}

.stats-table, .stats-table th, .stats-table td {
  margin:               0;
  padding:              0;
  border:               0;
  padding-top:          5px;
  padding-bottom:       5px;
  border-collapse:      collapse;
}

.stats-table .stats-left {
  font-weight:          bold;
  text-align:           right;
  padding-right:        10px;
}

.stats-table .stats-right {
  padding-left:         10px;
  text-align:           left;
}


#skirmish-tooltip-table, #skirmish-tooltip-table th, #skirmish-tooltip-table td {
  margin:               0;
  padding:              0;
  border:               0;
  padding-top:          5px;
  padding-bottom:       5px;
  border-collapse:      collapse;
  background-color:     #0F131E;
  background:           #0F131E;
}

#skirmish-tooltip-table {
  width:                650px;
  margin-left:          50px;
  height:               50px;
}

#skirmish-tooltip-table td {
  color:                #FFCC00;
}

#skirmish-tooltip-table td span{
  color:                #FFF;
}

/* special case for skirmish name */
#skirmish-tooltip-table td span#tip_name {
  color:                #FFCC00;
  font-weight:          bold;
}

#skirmish-tooltip-table .stt-col1 {
  width:                250px;
}
#skirmish-tooltip-table .stt-col2 {
  width:                70px;
}
#skirmish-tooltip-table .stt-col3 {
  width:                100px;
}
#skirmish-tooltip-table .stt-col4 {
  width:                150px;
}

.jScrollArrowUp {
  text-align:           left;
}
.jScrollArrowDown {
  text-align:           left;
}


/**********************************************************\
  Skirmish Leaderboard
\**********************************************************/

#skirmish-filter-table th, #skirmish-filter-table td {
  background:           none;
  font-size:            0.85em;
  border-top:           none;
  border-bottom:        none;
  padding:              2px 5px;
}

#skirmish-filter-table th {
  text-align:           right;
}

#skirmish-filter-table td {
  text-align:           left;
}

#skirmish-filter-table input, #skirmish-filter-table select {
  font-size:            1.0em;
}



/**********************************************************\
  Pvmp Leaderboard
\**********************************************************/

#pvmp-filter-table, #pvmp-filter-table tr, #pvmp-filter-table td {
  border:               0px;
  background:           transparent;
}

#pvmp-filter-table td {
  font-size:            0.85em;
}

#pvmp-filter-table input, #pvmp-filter-table select {
  font-size:            1.0em;
}

#pvmp-filter-table {
}

#pvmp-filter-table td.filter-label {
  text-align:           right;
  padding-left:         20px;
}

#pvmp-filter-table td.filter-input {
  text-align:           left;
}


/**********************************************************\
  Tournament widget
\**********************************************************/

.tourn_header {
  font-weight:          bold;
  margin-bottom:        5px;
}

#tourn_summary {
  width:                100%;
}

#tourn_summary td {
  vertical-align:       top;
}

#left_column #tourn_summary td {
  padding:              6px 0;
  border-bottom:        solid 1px #2B3D5C;
}

#left_column #tourn_summary td.first {
  padding-top:          0;
}

#left_column #tourn_summary td.last {
  padding-bottom:       0;
  border:               none;
}

#left_column #tourn_badges {
  padding-left:         10px;
}

#left_column #tourn_badges img {
  padding-right:        13px;
}

#center_column #tourn_summary td {
  padding:              0 4px;
  border-right:         solid 1px #2B3D5C;
}

#center_column #tourn_summary td.first {
  padding-left:         0;
}

#center_column #tourn_summary td.last {
  padding-right:        0;
  border:               none;
}

.tourn_points {
  font-size:            1.5em;
}

.tourn_summary_block {
}

.tourn_view_all_link {
  text-align:           right;
  font-size:            0.8em;
}

#center_column #tourn_last_block .tourn_view_all_link {
  margin-top:           18px;
}

#widget_tournament_log td.badge img {
  height:               50px;
  width:                50px;
  margin:               3px;
}

#widget_tournament_log td.name {
  font-weight:          bold;
}

#widget_tournament_log td.round {
  text-align:           center;
}

#widget_tournament_log td.round .subtext {
  color:                #858585;
  font-size:            0.85em;
}

#widget_tournament_log td.date {
  color:                #858585;
  font-size:            0.85em;
}

#badge_field {
  width:                100%;
}

#badge_field img {
  margin:               8px;
}

#badge_field .badge {
  text-align:           center;
  color:                #858585;
  font-size:            0.85em;
  padding:              5px;
}

#badge_field .badge .date {
  margin-top:           3px;
}

/**********************************************************\
  Tournament page CSS
\**********************************************************/

#widget_TournamentDetail .wbody_border {
  padding-bottom:       0;
  border-bottom-width:  2px;
}

/**********************************************************\
  page menu CSS
\**********************************************************/

#page_pagemenu li {
  margin-left: 10px;
}


/**********************************************************\
  context menu CSS fixes
\**********************************************************/

div.postedby b {
  float: left;
  margin-right: 5px;
}

span.usersays {
  float: left;
  margin-right: 5px;
  z-index: 100;
  overflow: none;
}

span.usersays ul.contextmenu {
  z-index: 100;
}

div.widget_wrapper {
  z-index: 0;
}

#widget-comments {
  overflow: none;
}
/**********************************************************\
  UI Tabs
\**********************************************************/

/*

ul.ui-tabs-nav {
	padding-left: 0;
	padding-bottom: 0;
}

.ui-tabs-nav li {
  background: url(referral/referral_tab_off.png);
  list-style-type: none;
  float: left;
  position: relative;
  display: inline;
  text-align:center;
  width: 95px;
  height: 21px;
}

.ui-tabs-selected {
  background: url(referral/referral_tab_on.png) !important;
  height: 19px !important;
}

.ui-tabs-nav a {
	color: white;
	text-decoration: none;
}
*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/** Special cases for jscrollpanes in ui tabs */
/*
div.ui-tabs-hide {
  position: absolute;
  left: -10000px;
  display: block;
}

.ui-tabs-panel {
	height: 238px;
	border: 1px solid #590100;
}

.panelTbl {
	width: 100%;
}

.panelTblRow {
	height: 28px;
}

.dataTables_paginate {
	text-align: right;
	margin-right: 10px;
}

div#transTable_paginate .paginate_button, div#transTable_paginate .paginate_active,
div#refTable_paginate .paginate_button, div#refTable_paginate .paginate_active {
	margin-left: 5px;
	margin-right: 5px;
	border: 0px !important;
	cursor: pointer;
}

div#transTable_paginate .paginate_button:hover, div#refTable_paginate .paginate_button:hover {
	background: none !important;
}

div#transTable_paginate .paginate_active, div#refTable_paginate .paginate_active {
	font-weight: bold;
}

*/

/**********************************************************\
  Referral Wallet
\**********************************************************/

.referralButton {
	text-align: center;
	margin-top: 10px;
}

.referralIndent10 {
	margin-left: 10px;
}

.referralIndent11 {
  margin-left: 11px;
}

.topIndent15 {
  margin-top: 15px;
}

.centerAlignTxt {
	text-align: center;
}

.rightAlignTxt {
	text-align: right;
}

.referralBox {
  width: 366px;
}

#refSummaryHdr {
	height: 33px;
}

#ptsStatsGraph {
  width: 360px;
  height: 105px;
  position: relative;
}

#ptsStatsGraphOverview {
	width: 360px;
	height: 55px;
  position: relative;
}

#refStatsGraph {
	position: relative;
	width: 200px;
	height: 175px;
  margin-left: 80px;
}

#ptsStatsLegend {
	height: 15px;
}

#refIntro {
	width:   95%;
	background-color: #131416;
	border:  1px solid #471818;
	text-align: center;
	padding: 5px;
	color: #fff;
	margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

.legendLabel {
	color: white;
}

.tickLabel {
	color: #666;
}

.pieLegendCell {
	vertical-align: top;
	color: #999;
}

/*
span.ptsAdd {
	color: #FFCC00;
}

span.ptsRedeem {
  color: #CC0033;
}

span.statusCompleted {
	color: #66CC33;
}

span.statusPending {
  color: #999;
}
*/

#referral_invite_desc
{
  font-weight:         800;
  font-size:           0.9em;
  color:               #fff;
}

.referral_invite_label
{
  font-weight:         800;
  font-size:           0.9em;
  color:               #fff;  
}

.referral_invite_option
{
  font-weight:         800;
  font-size:           0.8em;
  color:               #fff;  
}

#transactionsTab { 
	font-size: 0.8em; 
	font-weight: 800;
	padding-top: 2px;
	height:      19px;
	top: 2px;
}

#referralTab { 
  font-size: 0.8em; 
  font-weight: 800;
  height:      19px;
  top: 2px;
  padding-top: 3px;
}

#ptsSummary, #ptsStats {
  border-style: solid;
  border-width: 1px;
  width: 375px;
  float: left;
  padding-bottom: 10px;
}

#refSummary, #refStats {
  border-style: solid;
  border-width: 1px;
  width: 375px;
  float: right;
  padding-bottom: 10px;
}

.miniBoxHeader{
  font-weight: bold;
  text-align: center;
  background-image: url(../../../../playerportal/modules/portal-base/images/misc/td_bg.png);
  background-position: 50% 100%;
  background-repeat: repeat-x;
  padding-bottom: 4px;
}

#refStats {
  text-align: center;
}

#refFloatContainer {
  width: 800px;
  margin: auto;
}

.refContainer {
  background-image:           url( ../../../../playerportal/modules/jqueryui/images/content-bg.png );
  background-position: 50% 100%;
  background-repeat: repeat-x;
}

.gradient_table th img.coinImg {
  vertical-align: middle;
  margin-top: 0px;
}

#refTable tbody tr td img {
  vertical-align: middle;
  margin-top: 0px;
}

.orangeBorderTable {
  width: 95%;
  border-collapse: collapse;
}

#transTable_paginate SPAN, #refTable_paginate SPAN {
	padding-left: 5px;
	padding-right: 5px;
	border: none;
}

#transTable_paginate SPAN:hover, #refTable_paginate SPAN:hover, span.next:hover {
  cursor: pointer;
  background-color: none !important;
  color: none;
}