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

.rounded_box .mid {
  background:           #4e4e50;
}

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

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

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

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

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

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

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

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


/**********************************************************\
  Header layout styles
\**********************************************************/

#header {
  background:           url( header.png );
}

#header_slim {
  background:           url( header_slim.png );
}

#header_news {
  background:           url( news_bg.png );
}


/**********************************************************\
  Navbar layout styles
\**********************************************************/

#navbar {
  background:           url( navbar/navbar_bg.png );
}

.navbar_button_off {
  background:           url( navbar/navbar_button_off.png );
}

.navbar_button_on {
  background:           url( navbar/navbar_button_on.png );
}

.navbar_button_on a:hover, .navbar_button_off a:hover {
  color:                #ffcc00;
}

#breadcrumbs {
  color:                #ffcc00;
}


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

#content_outer, #content_outer_static {
  background:           #151515;
}

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

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

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


/**********************************************************\
  Footer layout styles
\**********************************************************/

#footer {
  background:           url( bottom_border.png ) top no-repeat;
}


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

.post {
  border-bottom:        solid 1px #471818;
}

.subtitle {
  color:                #c0ced9;
}

.navigation_head {
  border-bottom:        solid 1px #471818;
}


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

#left_column .wheader {
  background:           url( widgets/narrow_header.png );
}

#center_column .wheader {
  background:           url( widgets/medium_header.png );
}

#center_column_wide .wheader {
  background:           url( widgets/wide_header.png );
}

.wfooter {
  background:           url( widgets/wfooter_bg.png );
}

.wbody_border {
  border:               solid 1px #471818;
  background:           #000000 url( widgets/wbody_gradient.png ) top repeat-x;
}


/**********************************************************\
  Gradient table for character list, character log, etc.
\**********************************************************/
 
.gradient_table th {
  background:           #05153a url( gradient_table/header_bg.png ) top repeat-x;
  border-top:           solid 1px #471818;
  border-bottom:        solid 1px #471818;
  height:               26px;
}

.gradient_table td {
  background:           #010000 url( gradient_table/cell_bg.png ) top repeat-x;
  border-bottom:        solid 1px #471818;
}

.gradient_table th.left, .gradient_table td.left {
  border-left:          solid 1px #471818;
}

.gradient_table th.right, .gradient_table td.right {
  border-right:         solid 1px #471818;
}


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

#admin_menu_content {
  background:          url( admin_menu_bg.png );
}


/**********************************************************\
  Character list widget styles
\**********************************************************/

#clist .wheader {
  background:           url( widgets/character_list/clist_header.png );
}

#clist .wheader.guild.empty {
  background:           url( widgets/narrow_header.png );
}

#clist .wheader.empty {
  background:           url( widgets/character_list/clist_header_empty.png );
}

#center_column_wide #clist .wheader {
  background:           url( widgets/wide_header.png ) no-repeat;
}

.clist_row, .grost_row {
  background:           #00040b url( gradient_table/cell_bg.png ) top repeat-x; 
  border-right:         solid 1px #3A0000;
}

.clist_row TD, .grost_row TD {
	border-bottom:        solid 1px #3A0000;
}

.character_list {
	 border-right:       solid 1px #3A0000;
}

#clist_header th.left, .clist_row td.left {
  border-left:          solid 1px #3A0000;
  padding-left:         5px;
}
#clist_header th.right, .clist_row td.right {
  border-right:         solid 1px #3A0000;
}

#clist_header TH { 
  background:           #05153a url( gradient_table/header_bg.png ) top repeat-x;
  border-top:           solid 1px #3A0000;
  border-bottom:        solid 1px #3A0000;
 }

/**********************************************************\
  Fullpage widget styles
\**********************************************************/
.fullpagew .character_list {
  width:                765px;
  border-right:         solid 1px #3A0000;
  border-left:          solid 1px #3A0000;
}

/** Link from widget headre to full view **/
.wtitle .fv_link {
	color:                #fff;
}

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

tr.clog_buttons {
  background:           url( log_icon_bg.png );
}

table.paginate_control {
  background:           url( widgets/wfooter_bg.png );
}



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

#profile_edit_title {
  color:                #ff9900;
}


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

#pprofile_name {
  color:                #ff9900;
}

#pprofile_name a {
  color:                #ff9900;
}

#pprofile_fields .field_table th {
  color:                #ff9900;
}

.contact_info th {
  color:                #ff9900;
}

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

.about_me .label {
  color:                #ff9900;
}


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

/* wrapper div */
#page_menu_wrapper {
  background:           url( widgets/page_menu/menu_bg.png ) top no-repeat;
}

/* top level list items */
#page_menu > ul > li {
  background:           url( widgets/page_menu/button_off.png ) top no-repeat;
}

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

/* first sub level menu */
#page_menu ul li ul {
  border:               solid 1px #1d0000;
}

/* sub level menu links style */
#page_menu ul li ul li a {
  background:           #430000;
  border-bottom:        1px solid #1d0000;
  color:                #ffcc00;
}

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


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

.scroll-pane, .slider {
  border-left:          solid 1px #471818;
}

/*
.jScrollPaneContainer {
	border-bottom:        solid 1px #471818;
	border-right:         solid 1px #471818;
}
*/

.jScrollPaneTrack {
  background:  url(scroll/track.png) repeat-y 0 0;
}

.jScrollPaneDrag {
  background:           url(scroll/slider_middle.png) repeat-y;
}

.jScrollPaneDragTop {
  background:           url(scroll/slider_top.png) no-repeat;
}

.jScrollPaneDragBottom {
  background:           url(scroll/slider_bottom.png) no-repeat;
}

a.jScrollArrowUp {
  background:           url(scroll/arrow_up.png) no-repeat 0 -17px;
}

a.jScrollArrowDown {
  background:           url(scroll/arrow_down.png) no-repeat 0 -17px;
}


/**********************************************************\
  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;
}

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

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

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

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

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

.refTblHdrBg {
	background: url(referral/referral_table_row_bg.png);
}

.refTblRow1 {
	background-color: #131416;
}

.refTblRow2 {
  background-color: #1E1F20;
}

.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;
}

.referralOrangeTxt {
	color: #FFCC00;
}

.referralBox {
  width: 366px;
}

.bottomBorderBlack {
	border-bottom: 1px solid #23262A;
}

.bottomBorderBlackStrong {
	border-bottom: 1px solid #35393F;
}

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

#ptsSummary, #ptsStats {
	float: left;
	margin-right: 11px;
}

#ptsSummaryHdr {
	 background: url(referral/points_summary_header.png);
	 height: 33px;
}

#ptsSummaryFtr {
	background: url(referral/points_summary_footer.png);
	height: 8px;
}

.ptsSummaryBg {
	background: url(referral/points_summary_bg.png);
}

#refSummaryHdr {
	background: url(referral/referral_summary_header.png);
	height: 33px;
}

#refSummaryFtr {
	background: url(referral/referral_summary_footer.png);
	height: 8px;
}

.referralSummaryBg {
	background: url(referral/referral_summary_bg.png);
}

#ptsStatsHdr {
	background: url(referral/points_stats_header.png);
	height: 33px;
}

#ptsStatsFtr {
	background: url(referral/points_stats_footer.png);
	height: 6px;
}

.ptsStatsBg {
	background: url(referral/points_stats_bg.png);
}

#refStatsHdr {
  background: url(referral/referral_stats_header.png);
  height: 33px;
}

#refStatsFtr {
  background: url(referral/referral_stats_footer.png);
  height: 6px;
}

.refStatsBg {
  background: url(referral/points_stats_bg.png);
}

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

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

#refStatsGraph {
	position: relative;
	width: 200px;
	height: 175px;
}

#ptsStatsLegend {
	height: 15px;
}

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

.legendLabel {
	color: white;
}

.tickLabel {
	color: #666;
}

.pieLegendCell {
	vertical-align: top;
	color: #999;
	/*margin-top: -50px; */
  height: 175px;
  /*position:relative; */
}

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;
}